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

package/lib/commonjs/social/features/chat/features/conversation/create/components/UserItem/UserItem.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UserItem = UserItem;
+var _reactNative = require("react-native");
+var _Avatar = require("../../../../../elements/Avatar");
+var _Typography = require("../../../../../../../../core/design/components/Typography");
+var _Skeleton = require("../../../../../../../../core/design/components/Skeleton");
+var _useFile = _interopRequireDefault(require("../../../../../../../../core/hooks/useFile"));
+var _styles = require("./styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// UserItem — a single searchable-user row in the create-conversation list.
+// Ported from AmityUiKitWeb v4/chat/features/conversation/create/components/UserItem.
+//
+// RN adaptations from web:
+//   - Web resolves the avatar URL synchronously via `FileRepository.fileUrlWithSize`
+//     from `user.avatar.fileUrl`; RN resolves it from `user.avatarFileId` through
+//     the shared `useFile` hook (getFile → fileUrlWithSize).
+//   - Web's `Avatar` atom → the chat `Avatar.User` element (round, size md/40).
+//   - The web `BrandBadge` (shown when `user.isBrand`) has no RN design element,
+//     so it is omitted.
+//   - `react-aria` Button → Pressable.
+
+// 1. React / RN imports
+
+// 2. Internal imports (relative)
+
+// 3. Types
+
+// 4. Named function component
+function UserItem({
+  user,
+  onPress
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const displayName = user.displayName ?? user.userId;
+  const avatarUrl = (0, _useFile.default)({
+    fileId: user.avatarFileId ?? ''
+  });
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: ({
+      pressed
+    }) => [styles.userItem, pressed && styles.userItemPressed],
+    onPress: () => onPress(user),
+    accessibilityRole: "button",
+    accessibilityLabel: `Start chat with ${displayName}`
+  }, /*#__PURE__*/React.createElement(_Avatar.Avatar.User, {
+    avatarUrl: avatarUrl,
+    displayName: displayName,
+    size: "md"
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.nameRow
+  }, /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "bodyBold",
+    style: styles.name,
+    numberOfLines: 1
+  }, displayName)));
+}
+
+// 5. Compound variant — loading skeleton row.
+function UserItemSkeleton() {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.skeletonRow
+  }, /*#__PURE__*/React.createElement(_Skeleton.Skeleton, {
+    circle: true,
+    width: 40,
+    height: 40
+  }), /*#__PURE__*/React.createElement(_Skeleton.Skeleton, {
+    width: 140,
+    height: 10
+  }));
+}
+UserItem.Skeleton = UserItemSkeleton;
+//# sourceMappingURL=UserItem.js.map

package/lib/commonjs/social/features/chat/features/conversation/create/components/UserItem/UserItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Avatar","_Typography","_Skeleton","_useFile","_interopRequireDefault","_styles","e","__esModule","default","UserItem","user","onPress","styles","useStyles","displayName","userId","avatarUrl","useFile","fileId","avatarFileId","React","createElement","Pressable","style","pressed","userItem","userItemPressed","accessibilityRole","accessibilityLabel","Avatar","User","size","View","nameRow","Typography","variant","name","numberOfLines","UserItemSkeleton","skeletonRow","Skeleton","circle","width","height"],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/conversation/create/components/UserItem/UserItem.tsx"],"mappings":";;;;;;AAaA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAAqC,SAAAK,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AApBrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAGA;;AAOA;;AAMA;AACO,SAASG,QAAQA,CAAC;EAAEC,IAAI;EAAEC;AAAuB,CAAC,EAAE;EACzD,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC9B,MAAMC,WAAW,GAAGJ,IAAI,CAACI,WAAW,IAAIJ,IAAI,CAACK,MAAM;EACnD,MAAMC,SAAS,GAAG,IAAAC,gBAAO,EAAC;IAAEC,MAAM,EAAER,IAAI,CAACS,YAAY,IAAI;EAAG,CAAC,CAAC;EAE9D,oBACEC,KAAA,CAAAC,aAAA,CAACvB,YAAA,CAAAwB,SAAS;IACRC,KAAK,EAAEA,CAAC;MAAEC;IAAQ,CAAC,KAAK,CACtBZ,MAAM,CAACa,QAAQ,EACfD,OAAO,IAAIZ,MAAM,CAACc,eAAe,CACjC;IACFf,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACD,IAAI,CAAE;IAC7BiB,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE,mBAAmBd,WAAW;EAAG,gBAErDM,KAAA,CAAAC,aAAA,CAACrB,OAAA,CAAA6B,MAAM,CAACC,IAAI;IAACd,SAAS,EAAEA,SAAU;IAACF,WAAW,EAAEA,WAAY;IAACiB,IAAI,EAAC;EAAI,CAAE,CAAC,eACzEX,KAAA,CAAAC,aAAA,CAACvB,YAAA,CAAAkC,IAAI;IAACT,KAAK,EAAEX,MAAM,CAACqB;EAAQ,gBAC1Bb,KAAA,CAAAC,aAAA,CAACpB,WAAA,CAAAiC,UAAU;IAACC,OAAO,EAAC,UAAU;IAACZ,KAAK,EAAEX,MAAM,CAACwB,IAAK;IAACC,aAAa,EAAE;EAAE,GACjEvB,WACS,CACR,CACG,CAAC;AAEhB;;AAEA;AACA,SAASwB,gBAAgBA,CAAA,EAAG;EAC1B,MAAM;IAAE1B;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC9B,oBACEO,KAAA,CAAAC,aAAA,CAACvB,YAAA,CAAAkC,IAAI;IAACT,KAAK,EAAEX,MAAM,CAAC2B;EAAY,gBAC9BnB,KAAA,CAAAC,aAAA,CAACnB,SAAA,CAAAsC,QAAQ;IAACC,MAAM;IAACC,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE,CAAC,eAC1CvB,KAAA,CAAAC,aAAA,CAACnB,SAAA,CAAAsC,QAAQ;IAACE,KAAK,EAAE,GAAI;IAACC,MAAM,EAAE;EAAG,CAAE,CAC/B,CAAC;AAEX;AAEAlC,QAAQ,CAAC+B,QAAQ,GAAGF,gBAAgB","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/conversation/create/components/UserItem/index.js

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

package/lib/commonjs/social/features/chat/features/conversation/create/components/UserItem/index.js.map

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

package/lib/commonjs/social/features/chat/features/conversation/create/components/UserItem/styles.js

@@ -0,0 +1,59 @@
+"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 UserItem — ported from AmityUiKitWeb
+// v4/chat/features/conversation/create/components/UserItem/UserItem.module.css.
+// Geometry: gap 0.5rem→8, padding 0.5rem 1rem→8/16, height 3.5rem→56,
+// name-row gap 0.125rem→2. Colours via design tokens (no hardcoded hex).
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    userItem: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'flex-start',
+      gap: 8,
+      width: '100%',
+      paddingVertical: 8,
+      paddingHorizontal: 16,
+      height: 56,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceListDefaultDefault)
+    },
+    userItemPressed: {
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceListDefaultHover)
+    },
+    nameRow: {
+      flex: 1,
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 2,
+      minWidth: 0
+    },
+    name: {
+      flexShrink: 1,
+      minWidth: 0,
+      color: token(_amityColorTokens.AmityColorToken.TextListHeaderDefaultDefault)
+    },
+    skeletonRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8,
+      paddingVertical: 8,
+      paddingHorizontal: 16,
+      height: 56
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/social/features/chat/features/conversation/create/components/UserItem/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","userItem","flexDirection","alignItems","justifyContent","gap","width","paddingVertical","paddingHorizontal","height","backgroundColor","AmityColorToken","SurfaceListDefaultDefault","userItemPressed","SurfaceListDefaultHover","nameRow","flex","minWidth","name","flexShrink","color","TextListHeaderDefaultDefault","skeletonRow","exports"],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/conversation/create/components/UserItem/styles.ts"],"mappings":";;;;;;AAKA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAPA;AACA;AACA;AACA;;AAMO,MAAMG,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,QAAQ,EAAE;MACRC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,YAAY;MAC5BC,GAAG,EAAE,CAAC;MACNC,KAAK,EAAE,MAAM;MACbC,eAAe,EAAE,CAAC;MAClBC,iBAAiB,EAAE,EAAE;MACrBC,MAAM,EAAE,EAAE;MACVC,eAAe,EAAEd,KAAK,CAACe,iCAAe,CAACC,yBAAyB;IAClE,CAAC;IACDC,eAAe,EAAE;MACfH,eAAe,EAAEd,KAAK,CAACe,iCAAe,CAACG,uBAAuB;IAChE,CAAC;IACDC,OAAO,EAAE;MACPC,IAAI,EAAE,CAAC;MACPd,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBE,GAAG,EAAE,CAAC;MACNY,QAAQ,EAAE;IACZ,CAAC;IACDC,IAAI,EAAE;MACJC,UAAU,EAAE,CAAC;MACbF,QAAQ,EAAE,CAAC;MACXG,KAAK,EAAExB,KAAK,CAACe,iCAAe,CAACU,4BAA4B;IAC3D,CAAC;IACDC,WAAW,EAAE;MACXpB,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBE,GAAG,EAAE,CAAC;MACNE,eAAe,EAAE,CAAC;MAClBC,iBAAiB,EAAE,EAAE;MACrBC,MAAM,EAAE;IACV;EACF,CAAC,CAAC;EAEF,OAAO;IAAEX,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAAC2B,OAAA,CAAA5B,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/conversation/create/components/UserList/UserList.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UserList = UserList;
+var _reactNative = require("react-native");
+var _tsSdkReactNative = require("@amityco/ts-sdk-react-native");
+var _EmptyState = require("../../../../../features/shared/components/EmptyState");
+var _UserItem = require("../UserItem/UserItem");
+var _useSearchUsers = require("../../hooks/useSearchUsers");
+var _styles = require("./styles");
+// UserList — the searchable user list for the create-conversation flow.
+// Ported from AmityUiKitWeb v4/chat/features/conversation/create/components/UserList.
+//
+// RN adaptations from web:
+//   - Web's `useSearchUserByDisplayName` (react-query) + IntersectionObserver
+//     sentinel → the local `useSearchUsers` live-collection hook + FlatList
+//     `onEndReached`.
+//   - Web reads the current user via `useSDK().currentUserId`; RN reads
+//     `Client.getCurrentUser()`.
+//   - Search gate matches web exactly: a 1–2 char (partial) query is suppressed
+//     and shows the "start typing" prompt; an empty query still browses all.
+
+// 1. React / RN imports
+
+// 2. Third-party imports
+
+// 3. Internal imports (relative)
+
+// Local constants (mirror AmityUiKitWeb v4/chat/constants).
+const LIST_PAGE_LIMIT = 20;
+const LIST_SKELETON_ROW_COUNT = 9;
+const SEARCH_MIN_QUERY_LENGTH = 3;
+
+// 4. Types
+
+// 5. Named function component
+function UserList({
+  searchText,
+  onSelectUser
+}) {
+  var _Client$getCurrentUse;
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const currentUserId = (_Client$getCurrentUse = _tsSdkReactNative.Client.getCurrentUser()) === null || _Client$getCurrentUse === void 0 ? void 0 : _Client$getCurrentUse.userId;
+  const trimmed = searchText.trim();
+  const isPartialQuery = trimmed.length > 0 && trimmed.length < SEARCH_MIN_QUERY_LENGTH;
+  const {
+    users,
+    loading,
+    hasNextPage,
+    loadMore
+  } = (0, _useSearchUsers.useSearchUsers)({
+    displayName: searchText,
+    limit: LIST_PAGE_LIMIT,
+    enabled: !isPartialQuery
+  });
+  const isLoadingFirstPage = loading && users.length === 0;
+  if (isPartialQuery) {
+    return /*#__PURE__*/React.createElement(_EmptyState.EmptyState, {
+      variant: "prompt"
+    });
+  }
+  const visibleUsers = users.filter(user => user.userId !== currentUserId);
+  if (visibleUsers.length === 0 && !loading) {
+    return /*#__PURE__*/React.createElement(_EmptyState.EmptyState, {
+      variant: "no-results"
+    });
+  }
+  const footer = isLoadingFirstPage || loading ? /*#__PURE__*/React.createElement(React.Fragment, null, Array.from({
+    length: LIST_SKELETON_ROW_COUNT
+  }).map((_, i) => /*#__PURE__*/React.createElement(_UserItem.UserItem.Skeleton, {
+    key: i
+  }))) : null;
+  return /*#__PURE__*/React.createElement(_reactNative.FlatList, {
+    style: styles.userList,
+    data: visibleUsers,
+    keyExtractor: user => user.userId,
+    renderItem: ({
+      item
+    }) => /*#__PURE__*/React.createElement(_UserItem.UserItem, {
+      user: item,
+      onPress: onSelectUser
+    }),
+    onEndReachedThreshold: 0.7,
+    onEndReached: () => {
+      if (hasNextPage && !isLoadingFirstPage && !loading) loadMore();
+    },
+    ListFooterComponent: footer
+  });
+}
+//# sourceMappingURL=UserList.js.map

package/lib/commonjs/social/features/chat/features/conversation/create/components/UserList/UserList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_tsSdkReactNative","_EmptyState","_UserItem","_useSearchUsers","_styles","LIST_PAGE_LIMIT","LIST_SKELETON_ROW_COUNT","SEARCH_MIN_QUERY_LENGTH","UserList","searchText","onSelectUser","_Client$getCurrentUse","styles","useStyles","currentUserId","Client","getCurrentUser","userId","trimmed","trim","isPartialQuery","length","users","loading","hasNextPage","loadMore","useSearchUsers","displayName","limit","enabled","isLoadingFirstPage","React","createElement","EmptyState","variant","visibleUsers","filter","user","footer","Fragment","Array","from","map","_","i","UserItem","Skeleton","key","FlatList","style","userList","data","keyExtractor","renderItem","item","onPress","onEndReachedThreshold","onEndReached","ListFooterComponent"],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/conversation/create/components/UserList/UserList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/conversation/create/components/UserList/index.js

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

package/lib/commonjs/social/features/chat/features/conversation/create/components/UserList/index.js.map

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

package/lib/commonjs/social/features/chat/features/conversation/create/components/UserList/styles.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+// Styles for UserList — ported from AmityUiKitWeb
+// v4/chat/features/conversation/create/components/UserList/UserList.module.css.
+// The web list is a simple flex column; RN uses a FlatList that fills its parent.
+
+const useStyles = () => {
+  const styles = _reactNative.StyleSheet.create({
+    userList: {
+      flex: 1
+    }
+  });
+  return {
+    styles
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/social/features/chat/features/conversation/create/components/UserList/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","useStyles","styles","StyleSheet","create","userList","flex","exports"],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/conversation/create/components/UserList/styles.ts"],"mappings":";;;;;;AAIA,IAAAA,YAAA,GAAAC,OAAA;AAJA;AACA;AACA;;AAIO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,QAAQ,EAAE;MACRC,IAAI,EAAE;IACR;EACF,CAAC,CAAC;EAEF,OAAO;IAAEJ;EAAO,CAAC;AACnB,CAAC;AAACK,OAAA,CAAAN,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/conversation/create/components/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Header", {
+  enumerable: true,
+  get: function () {
+    return _Header.Header;
+  }
+});
+Object.defineProperty(exports, "UserItem", {
+  enumerable: true,
+  get: function () {
+    return _UserItem.UserItem;
+  }
+});
+Object.defineProperty(exports, "UserList", {
+  enumerable: true,
+  get: function () {
+    return _UserList.UserList;
+  }
+});
+var _Header = require("./Header");
+var _UserItem = require("./UserItem");
+var _UserList = require("./UserList");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Header","require","_UserItem","_UserList"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/conversation/create/components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/conversation/create/hooks/index.js

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

package/lib/commonjs/social/features/chat/features/conversation/create/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useCreateConversation","require","_useSearchUsers"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/conversation/create/hooks/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/conversation/create/hooks/useCreateConversation.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCreateConversation = useCreateConversation;
+var _react = require("react");
+var _native = require("@react-navigation/native");
+var _tsSdkReactNative = require("@amityco/ts-sdk-react-native");
+var _useAuth = _interopRequireDefault(require("../../../../../../../core/hooks/useAuth"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// useCreateConversation — state + actions for the create-conversation flow.
+// Ported from AmityUiKitWeb's `useCreateConversation`.
+//
+// RN adaptations from web:
+//   - Web debounces via `react-use`'s `useDebounce`; RN uses a plain
+//     setTimeout effect (SEARCH_DEBOUNCE_MS).
+//   - Web navigates via the in-app `ChatNavigationProvider` (`pop`/`replace`);
+//     RN uses React Navigation. On success we `replace` to `AmityChatPage` so
+//     the back button skips the create screen (parity with web `replace`).
+//   - Web's `useMutation` pending state → an in-flight ref guard so a double-tap
+//     can't fire two `createChannel` calls / two navigations. Creation is also
+//     gated on `useAuth().isConnected` (the SDK needs a connected client).
+//   - The web `replace` also carried `userId` + `isJustCreated`; the RN
+//     `AmityChatPage` route only carries `{ channelId, userDisplayName }`, so
+//     those two params are dropped.
+
+const SEARCH_DEBOUNCE_MS = 300;
+function useCreateConversation() {
+  const navigation = (0, _native.useNavigation)();
+  const {
+    isConnected
+  } = (0, _useAuth.default)();
+  const [searchText, setSearchText] = (0, _react.useState)('');
+  const [debouncedText, setDebouncedText] = (0, _react.useState)('');
+  const isCreatingRef = (0, _react.useRef)(false);
+  (0, _react.useEffect)(() => {
+    const timer = setTimeout(() => setDebouncedText(searchText), SEARCH_DEBOUNCE_MS);
+    return () => clearTimeout(timer);
+  }, [searchText]);
+  async function handleSelectUser(user) {
+    if (!isConnected || isCreatingRef.current) return;
+    isCreatingRef.current = true;
+    try {
+      var _result$data;
+      const result = await _tsSdkReactNative.ChannelRepository.createChannel({
+        type: 'conversation',
+        userIds: [user.userId]
+      });
+      const channelId = result === null || result === void 0 || (_result$data = result.data) === null || _result$data === void 0 ? void 0 : _result$data.channelId;
+      if (channelId) {
+        navigation.replace('AmityChatPage', {
+          channelId,
+          userDisplayName: user.displayName
+        });
+      }
+    } finally {
+      isCreatingRef.current = false;
+    }
+  }
+  function handleClose() {
+    navigation.goBack();
+  }
+  return {
+    searchText,
+    setSearchText,
+    debouncedText,
+    handleSelectUser,
+    handleClose
+  };
+}
+//# sourceMappingURL=useCreateConversation.js.map

package/lib/commonjs/social/features/chat/features/conversation/create/hooks/useCreateConversation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_native","_tsSdkReactNative","_useAuth","_interopRequireDefault","e","__esModule","default","SEARCH_DEBOUNCE_MS","useCreateConversation","navigation","useNavigation","isConnected","useAuth","searchText","setSearchText","useState","debouncedText","setDebouncedText","isCreatingRef","useRef","useEffect","timer","setTimeout","clearTimeout","handleSelectUser","user","current","_result$data","result","ChannelRepository","createChannel","type","userIds","userId","channelId","data","replace","userDisplayName","displayName","handleClose","goBack"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/conversation/create/hooks/useCreateConversation.ts"],"mappings":";;;;;;AAgBA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAA8D,SAAAI,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AApB9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AASA,MAAMG,kBAAkB,GAAG,GAAG;AAEvB,SAASC,qBAAqBA,CAAA,EAAG;EACtC,MAAMC,UAAU,GACd,IAAAC,qBAAa,EAAgD,CAAC;EAChE,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,gBAAO,EAAC,CAAC;EAEjC,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAC,EAAE,CAAC;EAChD,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAF,eAAQ,EAAC,EAAE,CAAC;EACtD,MAAMG,aAAa,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EAEnC,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,KAAK,GAAGC,UAAU,CACtB,MAAML,gBAAgB,CAACJ,UAAU,CAAC,EAClCN,kBACF,CAAC;IACD,OAAO,MAAMgB,YAAY,CAACF,KAAK,CAAC;EAClC,CAAC,EAAE,CAACR,UAAU,CAAC,CAAC;EAEhB,eAAeW,gBAAgBA,CAACC,IAAwB,EAAE;IACxD,IAAI,CAACd,WAAW,IAAIO,aAAa,CAACQ,OAAO,EAAE;IAC3CR,aAAa,CAACQ,OAAO,GAAG,IAAI;IAC5B,IAAI;MAAA,IAAAC,YAAA;MACF,MAAMC,MAAM,GAAG,MAAMC,mCAAiB,CAACC,aAAa,CAAC;QACnDC,IAAI,EAAE,cAAc;QACpBC,OAAO,EAAE,CAACP,IAAI,CAACQ,MAAM;MACvB,CAAC,CAAC;MACF,MAAMC,SAAS,GAAGN,MAAM,aAANA,MAAM,gBAAAD,YAAA,GAANC,MAAM,CAAEO,IAAI,cAAAR,YAAA,uBAAZA,YAAA,CAAcO,SAAS;MACzC,IAAIA,SAAS,EAAE;QACbzB,UAAU,CAAC2B,OAAO,CAAC,eAAe,EAAE;UAClCF,SAAS;UACTG,eAAe,EAAEZ,IAAI,CAACa;QACxB,CAAC,CAAC;MACJ;IACF,CAAC,SAAS;MACRpB,aAAa,CAACQ,OAAO,GAAG,KAAK;IAC/B;EACF;EAEA,SAASa,WAAWA,CAAA,EAAG;IACrB9B,UAAU,CAAC+B,MAAM,CAAC,CAAC;EACrB;EAEA,OAAO;IACL3B,UAAU;IACVC,aAAa;IACbE,aAAa;IACbQ,gBAAgB;IAChBe;EACF,CAAC;AACH","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/conversation/create/hooks/useSearchUsers.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSearchUsers = useSearchUsers;
+var _react = require("react");
+var _tsSdkReactNative = require("@amityco/ts-sdk-react-native");
+var _useAuth = _interopRequireDefault(require("../../../../../../../core/hooks/useAuth"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// useSearchUsers — user-search live collection for the create-conversation flow.
+// Ported from AmityUiKitWeb's `useSearchUserByDisplayName`, following the RN
+// `useChannelsCollection` pattern (direct SDK subscription, not react-query):
+// subscribe to `UserRepository.searchUserByDisplayName`, mirror the collection
+// callback into React state, and keep the latest `onNextPage` in a ref so
+// `loadMore()` stays stable.
+//
+// The SDK requires a connected client, so the subscription is gated on
+// `useAuth().isConnected` AND the caller's `enabled` flag (used to suppress the
+// search for 1–2 char partial queries — an empty query still browses all users).
+
+const DEFAULT_LIMIT = 20;
+function useSearchUsers({
+  displayName,
+  limit = DEFAULT_LIMIT,
+  enabled = true
+}) {
+  const [users, setUsers] = (0, _react.useState)([]);
+  const [loading, setLoading] = (0, _react.useState)(true);
+  const [hasNextPage, setHasNextPage] = (0, _react.useState)(false);
+  const onNextPageRef = (0, _react.useRef)(undefined);
+  const {
+    isConnected
+  } = (0, _useAuth.default)();
+  const shouldCall = Boolean(isConnected) && enabled;
+  (0, _react.useEffect)(() => {
+    if (!shouldCall) {
+      setUsers([]);
+      setHasNextPage(false);
+      setLoading(true);
+      return undefined;
+    }
+    setLoading(true);
+    const params = {
+      displayName,
+      limit,
+      matchType: 'partial'
+    };
+    const unsub = _tsSdkReactNative.UserRepository.searchUserByDisplayName(params, ({
+      data,
+      loading: isLoading,
+      hasNextPage: nextPage,
+      onNextPage
+    }) => {
+      setUsers(data);
+      setLoading(isLoading);
+      setHasNextPage(Boolean(nextPage));
+      onNextPageRef.current = onNextPage;
+    });
+    return () => {
+      unsub();
+    };
+  }, [shouldCall, displayName, limit]);
+  function loadMore() {
+    var _onNextPageRef$curren;
+    (_onNextPageRef$curren = onNextPageRef.current) === null || _onNextPageRef$curren === void 0 || _onNextPageRef$curren.call(onNextPageRef);
+  }
+  return {
+    users,
+    loading,
+    hasNextPage,
+    loadMore
+  };
+}
+//# sourceMappingURL=useSearchUsers.js.map

package/lib/commonjs/social/features/chat/features/conversation/create/hooks/useSearchUsers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_tsSdkReactNative","_useAuth","_interopRequireDefault","e","__esModule","default","DEFAULT_LIMIT","useSearchUsers","displayName","limit","enabled","users","setUsers","useState","loading","setLoading","hasNextPage","setHasNextPage","onNextPageRef","useRef","undefined","isConnected","useAuth","shouldCall","Boolean","useEffect","params","matchType","unsub","UserRepository","searchUserByDisplayName","data","isLoading","nextPage","onNextPage","current","loadMore","_onNextPageRef$curren","call"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/conversation/create/hooks/useSearchUsers.ts"],"mappings":";;;;;;AAWA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA8D,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAb9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAoBA,MAAMG,aAAa,GAAG,EAAE;AAEjB,SAASC,cAAcA,CAAC;EAC7BC,WAAW;EACXC,KAAK,GAAGH,aAAa;EACrBI,OAAO,GAAG;AACU,CAAC,EAAwB;EAC7C,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAuB,EAAE,CAAC;EAC5D,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAF,eAAQ,EAAC,IAAI,CAAC;EAC5C,MAAM,CAACG,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAJ,eAAQ,EAAC,KAAK,CAAC;EACrD,MAAMK,aAAa,GAAG,IAAAC,aAAM,EAA2BC,SAAS,CAAC;EAEjE,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,gBAAO,EAAC,CAAC;EACjC,MAAMC,UAAU,GAAGC,OAAO,CAACH,WAAW,CAAC,IAAIX,OAAO;EAElD,IAAAe,gBAAS,EAAC,MAAM;IACd,IAAI,CAACF,UAAU,EAAE;MACfX,QAAQ,CAAC,EAAE,CAAC;MACZK,cAAc,CAAC,KAAK,CAAC;MACrBF,UAAU,CAAC,IAAI,CAAC;MAChB,OAAOK,SAAS;IAClB;IACAL,UAAU,CAAC,IAAI,CAAC;IAEhB,MAAMW,MAAsC,GAAG;MAC7ClB,WAAW;MACXC,KAAK;MACLkB,SAAS,EAAE;IACb,CAAC;IAED,MAAMC,KAAK,GAAGC,gCAAc,CAACC,uBAAuB,CAClDJ,MAAM,EACN,CAAC;MAAEK,IAAI;MAAEjB,OAAO,EAAEkB,SAAS;MAAEhB,WAAW,EAAEiB,QAAQ;MAAEC;IAAW,CAAC,KAAK;MACnEtB,QAAQ,CAACmB,IAAI,CAAC;MACdhB,UAAU,CAACiB,SAAS,CAAC;MACrBf,cAAc,CAACO,OAAO,CAACS,QAAQ,CAAC,CAAC;MACjCf,aAAa,CAACiB,OAAO,GAAGD,UAAU;IACpC,CACF,CAAC;IAED,OAAO,MAAM;MACXN,KAAK,CAAC,CAAC;IACT,CAAC;EACH,CAAC,EAAE,CAACL,UAAU,EAAEf,WAAW,EAAEC,KAAK,CAAC,CAAC;EAEpC,SAAS2B,QAAQA,CAAA,EAAG;IAAA,IAAAC,qBAAA;IAClB,CAAAA,qBAAA,GAAAnB,aAAa,CAACiB,OAAO,cAAAE,qBAAA,eAArBA,qBAAA,CAAAC,IAAA,CAAApB,aAAwB,CAAC;EAC3B;EAEA,OAAO;IAAEP,KAAK;IAAEG,OAAO;IAAEE,WAAW;IAAEoB;EAAS,CAAC;AAClD","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/conversation/create/index.js

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

package/lib/commonjs/social/features/chat/features/conversation/create/index.js.map

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

package/lib/commonjs/social/features/chat/features/conversation/create/styles.js

@@ -0,0 +1,28 @@
+"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 CreateConversation — ported from AmityUiKitWeb
+// v4/chat/features/conversation/create/CreateConversation.module.css.
+// Colours via design tokens (no hardcoded hex).
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    createConversation: {
+      flex: 1,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfacePageBackgroundDefault)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/social/features/chat/features/conversation/create/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","createConversation","flex","backgroundColor","AmityColorToken","SurfacePageBackgroundDefault","exports"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/conversation/create/styles.ts"],"mappings":";;;;;;AAIA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AANA;AACA;AACA;;AAMO,MAAMG,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,kBAAkB,EAAE;MAClBC,IAAI,EAAE,CAAC;MACPC,eAAe,EAAEP,KAAK,CAACQ,iCAAe,CAACC,4BAA4B;IACrE;EACF,CAAC,CAAC;EAEF,OAAO;IAAEP,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACU,OAAA,CAAAX,SAAA,GAAAA,SAAA","ignoreList":[]}