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

package/lib/commonjs/social/features/chat/features/group/edit-profile/components/Header/Header.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Header = Header;
+var _Button = require("../../../../../../../../core/design/atoms/Button");
+var _localization = require("../../../../../../../../core/localization");
+var _TopBar = require("../../../../../elements/TopBar");
+// Header — edit-group-profile header, ported from AmityUiKitWeb
+// v4/chat/features/group/edit-profile/components/Header. Shared TopBar (back) with
+// a trailing "Save" button.
+//
+// RN adaptations from web:
+//   - There is no `<form>`; the web submit button (`type="submit"`) becomes a
+//     Button whose `onPress` calls the passed `onSave`.
+//   - Web `Button.Main styleType="ghost" hierarchy="primary"` → the RN Button atom
+//     with `hierarchy="tertiary"` (the ghost/primary text variant).
+
+// 1. Internal imports (relative)
+
+// 2. Types
+
+// 3. Named function component
+function Header({
+  isFormValid,
+  onClose,
+  onSave
+}) {
+  const title = (0, _localization.useString)('amity_chat_edit_group_profile_navbar_title');
+  const saveLabel = (0, _localization.useString)('amity_chat_group_edit_profile_save');
+  return /*#__PURE__*/React.createElement(_TopBar.TopBar, {
+    title: title,
+    leadingType: "back",
+    onLeading: onClose,
+    trailing: /*#__PURE__*/React.createElement(_Button.Button, {
+      hierarchy: "tertiary",
+      tone: "default",
+      size: "sm",
+      label: saveLabel,
+      disabled: !isFormValid,
+      onPress: onSave
+    })
+  });
+}
+//# sourceMappingURL=Header.js.map

package/lib/commonjs/social/features/chat/features/group/edit-profile/components/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Button","require","_localization","_TopBar","Header","isFormValid","onClose","onSave","title","useString","saveLabel","React","createElement","TopBar","leadingType","onLeading","trailing","Button","hierarchy","tone","size","label","disabled","onPress"],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/group/edit-profile/components/Header/Header.tsx"],"mappings":";;;;;;AAWA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAKA;;AAOA;AACO,SAASG,MAAMA,CAAC;EAAEC,WAAW;EAAEC,OAAO;EAAEC;AAAoB,CAAC,EAAE;EACpE,MAAMC,KAAK,GAAG,IAAAC,uBAAS,EAAC,4CAA4C,CAAC;EACrE,MAAMC,SAAS,GAAG,IAAAD,uBAAS,EAAC,oCAAoC,CAAC;EAEjE,oBACEE,KAAA,CAAAC,aAAA,CAACT,OAAA,CAAAU,MAAM;IACLL,KAAK,EAAEA,KAAM;IACbM,WAAW,EAAC,MAAM;IAClBC,SAAS,EAAET,OAAQ;IACnBU,QAAQ,eACNL,KAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAiB,MAAM;MACLC,SAAS,EAAC,UAAU;MACpBC,IAAI,EAAC,SAAS;MACdC,IAAI,EAAC,IAAI;MACTC,KAAK,EAAEX,SAAU;MACjBY,QAAQ,EAAE,CAACjB,WAAY;MACvBkB,OAAO,EAAEhB;IAAO,CACjB;EACF,CACF,CAAC;AAEN","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/group/edit-profile/components/Header/index.js

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

package/lib/commonjs/social/features/chat/features/group/edit-profile/components/Header/index.js.map

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

package/lib/commonjs/social/features/chat/features/group/edit-profile/components/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Header = require("./Header");
+Object.keys(_Header).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Header[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Header[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/social/features/chat/features/group/edit-profile/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Header","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/group/edit-profile/components/index.ts"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/group/edit-profile/hooks/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useEditGroupProfile = require("./useEditGroupProfile");
+Object.keys(_useEditGroupProfile).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useEditGroupProfile[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useEditGroupProfile[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/social/features/chat/features/group/edit-profile/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useEditGroupProfile","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/group/edit-profile/hooks/index.ts"],"mappings":";;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,oBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,oBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,oBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/group/edit-profile/hooks/useEditGroupProfile.js

@@ -0,0 +1,156 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useEditGroupProfile = useEditGroupProfile;
+var _react = require("react");
+var _tsSdkReactNative = require("@amityco/ts-sdk-react-native");
+var _native = require("@react-navigation/native");
+var _useAuth = _interopRequireDefault(require("../../../../../../../core/hooks/useAuth"));
+var _useFile = _interopRequireDefault(require("../../../../../../../core/hooks/useFile"));
+var _localization = require("../../../../../../../core/localization");
+var _toastSlice = require("../../../../../../../core/stores/slices/toastSlice");
+var _useImagePicker = _interopRequireDefault(require("../../../../../../hooks/useImagePicker"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// useEditGroupProfile — RN port of AmityUiKitWeb
+// v4/chat/features/group/edit-profile/hooks/useEditGroupProfile. Owns the
+// edit-group-profile form: the display name, the group avatar, dirty/valid
+// tracking, and the save mutation.
+//
+// RN adaptations from web:
+//   - Web `react-hook-form` + `zod` (`useForm({ values })`) → plain `useState`
+//     seeded from the live channel once it loads (an effect keyed on the channel
+//     id), matching the sibling RN chat hooks. `values` re-sync becomes that
+//     seeding effect; `isDirty`/`isValid`/`isSubmitting` are computed by hand.
+//   - Web `useChannelObject` → an inline `ChannelRepository.getChannel` live
+//     subscription (gated on `useAuth().isConnected`, like `useConversation`).
+//   - Web's `AvatarPicker` owned the file pick + upload; the RN AvatarPicker is
+//     presentational (`imageUrl` + `onPick`), so the pick + upload run here via
+//     the repo's `useImagePicker` (same hook the user-profile edit uses). It
+//     returns an uploaded `Amity.File`; we keep its `fileId`. Avatar *removal*
+//     (web's nullable avatar) is not supported by the RN picker.
+//   - Web `useUpdateChannelQuery` → `ChannelRepository.updateChannel` directly.
+//   - Web `useNotifications('chat')` → the redux toast (`useToast`).
+
+// 1. React / RN imports
+
+// 2. Third-party imports
+
+// 3. Internal imports (relative)
+
+// Web imports GROUP_NAME_MAX_LENGTH from chat/constants (= 100); inlined to match
+// the GroupNameField element port.
+const GROUP_NAME_MAX_LENGTH = 100;
+
+// 4. Types
+
+// 5. Hook
+function useEditGroupProfile({
+  channelId
+}) {
+  const {
+    isConnected
+  } = (0, _useAuth.default)();
+  const {
+    showToast
+  } = (0, _toastSlice.useToast)();
+  const navigation = (0, _native.useNavigation)();
+  const {
+    openImageGallery,
+    imageUri,
+    isLoading,
+    uploadedImage
+  } = (0, _useImagePicker.default)();
+  const updateSuccessToast = (0, _localization.useString)('amity_chat_group_edit_profile');
+  const updateFailedToast = (0, _localization.useString)('amity_chat_group_edit_profile_failed');
+  const [channel, setChannel] = (0, _react.useState)(undefined);
+  const [name, setName] = (0, _react.useState)('');
+  const [avatarFileId, setAvatarFileId] = (0, _react.useState)(undefined);
+  const [isSubmitting, setIsSubmitting] = (0, _react.useState)(false);
+
+  // Live channel object (web `useChannelObject`).
+  (0, _react.useEffect)(() => {
+    if (!isConnected || !channelId) return undefined;
+    const unsub = _tsSdkReactNative.ChannelRepository.getChannel(channelId, ({
+      data
+    }) => {
+      if (data) setChannel(data);
+    });
+    return () => {
+      unsub();
+    };
+  }, [isConnected, channelId]);
+
+  // Seed the form once the channel loads (web's `useForm({ values })` re-sync).
+  // Keyed on the channel id so later live updates don't clobber in-progress edits.
+  const initialName = (channel === null || channel === void 0 ? void 0 : channel.displayName) ?? '';
+  const initialAvatarFileId = channel === null || channel === void 0 ? void 0 : channel.avatarFileId;
+  (0, _react.useEffect)(() => {
+    if (!channel) return;
+    setName(channel.displayName ?? '');
+    setAvatarFileId(channel.avatarFileId);
+  }, [channel === null || channel === void 0 ? void 0 : channel.channelId]);
+
+  // Adopt a freshly uploaded avatar's fileId.
+  (0, _react.useEffect)(() => {
+    if (uploadedImage !== null && uploadedImage !== void 0 && uploadedImage.fileId) {
+      setAvatarFileId(uploadedImage.fileId);
+    }
+  }, [uploadedImage]);
+
+  // Preview: the just-picked local uri wins; otherwise resolve the stored fileId.
+  const resolvedAvatarUrl = (0, _useFile.default)({
+    fileId: avatarFileId ?? ''
+  });
+  const imageUrl = imageUri ?? resolvedAvatarUrl;
+  const trimmedName = name.trim();
+  const isValid = trimmedName.length >= 1 && trimmedName.length <= GROUP_NAME_MAX_LENGTH;
+  const isDirty = (0, _react.useMemo)(() => name !== initialName || (avatarFileId ?? undefined) !== (initialAvatarFileId ?? undefined), [name, avatarFileId, initialName, initialAvatarFileId]);
+  const isFormValid = !isSubmitting && !isLoading && isDirty && isValid;
+  function handleClose() {
+    navigation.goBack();
+  }
+  function handlePickAvatar() {
+    openImageGallery({
+      mediaType: 'photo',
+      quality: 1,
+      selectionLimit: 1
+    });
+  }
+  async function handleSave() {
+    if (!isFormValid || !isConnected || !channelId) return;
+    setIsSubmitting(true);
+    try {
+      await _tsSdkReactNative.ChannelRepository.updateChannel(channelId, {
+        displayName: trimmedName,
+        avatarFileId
+      });
+      showToast({
+        message: updateSuccessToast,
+        type: 'success',
+        variant: 'custom'
+      });
+      navigation.goBack();
+    } catch {
+      showToast({
+        message: updateFailedToast,
+        type: 'failed',
+        variant: 'custom'
+      });
+    } finally {
+      setIsSubmitting(false);
+    }
+  }
+  return {
+    name,
+    onChangeName: setName,
+    imageUrl,
+    isUploading: isLoading,
+    isFormValid,
+    handlePickAvatar,
+    handleClose,
+    handleSave
+  };
+}
+//# sourceMappingURL=useEditGroupProfile.js.map

package/lib/commonjs/social/features/chat/features/group/edit-profile/hooks/useEditGroupProfile.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_tsSdkReactNative","_native","_useAuth","_interopRequireDefault","_useFile","_localization","_toastSlice","_useImagePicker","e","__esModule","default","GROUP_NAME_MAX_LENGTH","useEditGroupProfile","channelId","isConnected","useAuth","showToast","useToast","navigation","useNavigation","openImageGallery","imageUri","isLoading","uploadedImage","useImagePicker","updateSuccessToast","useString","updateFailedToast","channel","setChannel","useState","undefined","name","setName","avatarFileId","setAvatarFileId","isSubmitting","setIsSubmitting","useEffect","unsub","ChannelRepository","getChannel","data","initialName","displayName","initialAvatarFileId","fileId","resolvedAvatarUrl","useFile","imageUrl","trimmedName","trim","isValid","length","isDirty","useMemo","isFormValid","handleClose","goBack","handlePickAvatar","mediaType","quality","selectionLimit","handleSave","updateChannel","message","type","variant","onChangeName","isUploading"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/group/edit-profile/hooks/useEditGroupProfile.ts"],"mappings":";;;;;;AAqBA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAIA,IAAAG,QAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,eAAA,GAAAJ,sBAAA,CAAAJ,OAAA;AAAoE,SAAAI,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAjCpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAGA;;AAKA;;AAOA;AACA;AACA,MAAMG,qBAAqB,GAAG,GAAG;;AAEjC;;AAKA;AACO,SAASC,mBAAmBA,CAAC;EAAEC;AAAiC,CAAC,EAAE;EACxE,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,gBAAO,EAAC,CAAC;EACjC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,oBAAQ,EAAC,CAAC;EAChC,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAiC,CAAC;EAClE,MAAM;IAAEC,gBAAgB;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAc,CAAC,GAC5D,IAAAC,uBAAc,EAAC,CAAC;EAElB,MAAMC,kBAAkB,GAAG,IAAAC,uBAAS,EAAC,+BAA+B,CAAC;EACrE,MAAMC,iBAAiB,GAAG,IAAAD,uBAAS,EAAC,sCAAsC,CAAC;EAE3E,MAAM,CAACE,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAA4BC,SAAS,CAAC;EAC5E,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAH,eAAQ,EAAC,EAAE,CAAC;EACpC,MAAM,CAACI,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAL,eAAQ,EAC9CC,SACF,CAAC;EACD,MAAM,CAACK,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAP,eAAQ,EAAC,KAAK,CAAC;;EAEvD;EACA,IAAAQ,gBAAS,EAAC,MAAM;IACd,IAAI,CAACxB,WAAW,IAAI,CAACD,SAAS,EAAE,OAAOkB,SAAS;IAChD,MAAMQ,KAAK,GAAGC,mCAAiB,CAACC,UAAU,CAAC5B,SAAS,EAAE,CAAC;MAAE6B;IAAK,CAAC,KAAK;MAClE,IAAIA,IAAI,EAAEb,UAAU,CAACa,IAAI,CAAC;IAC5B,CAAC,CAAC;IACF,OAAO,MAAM;MACXH,KAAK,CAAC,CAAC;IACT,CAAC;EACH,CAAC,EAAE,CAACzB,WAAW,EAAED,SAAS,CAAC,CAAC;;EAE5B;EACA;EACA,MAAM8B,WAAW,GAAG,CAAAf,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEgB,WAAW,KAAI,EAAE;EAC9C,MAAMC,mBAAmB,GAAGjB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEM,YAAY;EACjD,IAAAI,gBAAS,EAAC,MAAM;IACd,IAAI,CAACV,OAAO,EAAE;IACdK,OAAO,CAACL,OAAO,CAACgB,WAAW,IAAI,EAAE,CAAC;IAClCT,eAAe,CAACP,OAAO,CAACM,YAAY,CAAC;EACvC,CAAC,EAAE,CAACN,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEf,SAAS,CAAC,CAAC;;EAExB;EACA,IAAAyB,gBAAS,EAAC,MAAM;IACd,IAAIf,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAEuB,MAAM,EAAE;MACzBX,eAAe,CAACZ,aAAa,CAACuB,MAAM,CAAC;IACvC;EACF,CAAC,EAAE,CAACvB,aAAa,CAAC,CAAC;;EAEnB;EACA,MAAMwB,iBAAiB,GAAG,IAAAC,gBAAO,EAAC;IAAEF,MAAM,EAAEZ,YAAY,IAAI;EAAG,CAAC,CAAC;EACjE,MAAMe,QAAQ,GAAG5B,QAAQ,IAAI0B,iBAAiB;EAE9C,MAAMG,WAAW,GAAGlB,IAAI,CAACmB,IAAI,CAAC,CAAC;EAC/B,MAAMC,OAAO,GACXF,WAAW,CAACG,MAAM,IAAI,CAAC,IAAIH,WAAW,CAACG,MAAM,IAAI1C,qBAAqB;EACxE,MAAM2C,OAAO,GAAG,IAAAC,cAAO,EACrB,MACEvB,IAAI,KAAKW,WAAW,IACpB,CAACT,YAAY,IAAIH,SAAS,OAAOc,mBAAmB,IAAId,SAAS,CAAC,EACpE,CAACC,IAAI,EAAEE,YAAY,EAAES,WAAW,EAAEE,mBAAmB,CACvD,CAAC;EAED,MAAMW,WAAW,GAAG,CAACpB,YAAY,IAAI,CAACd,SAAS,IAAIgC,OAAO,IAAIF,OAAO;EAErE,SAASK,WAAWA,CAAA,EAAG;IACrBvC,UAAU,CAACwC,MAAM,CAAC,CAAC;EACrB;EAEA,SAASC,gBAAgBA,CAAA,EAAG;IAC1BvC,gBAAgB,CAAC;MAAEwC,SAAS,EAAE,OAAO;MAAEC,OAAO,EAAE,CAAC;MAAEC,cAAc,EAAE;IAAE,CAAC,CAAC;EACzE;EAEA,eAAeC,UAAUA,CAAA,EAAG;IAC1B,IAAI,CAACP,WAAW,IAAI,CAAC1C,WAAW,IAAI,CAACD,SAAS,EAAE;IAChDwB,eAAe,CAAC,IAAI,CAAC;IACrB,IAAI;MACF,MAAMG,mCAAiB,CAACwB,aAAa,CAACnD,SAAS,EAAE;QAC/C+B,WAAW,EAAEM,WAAW;QACxBhB;MACF,CAAC,CAAC;MACFlB,SAAS,CAAC;QACRiD,OAAO,EAAExC,kBAAkB;QAC3ByC,IAAI,EAAE,SAAS;QACfC,OAAO,EAAE;MACX,CAAC,CAAC;MACFjD,UAAU,CAACwC,MAAM,CAAC,CAAC;IACrB,CAAC,CAAC,MAAM;MACN1C,SAAS,CAAC;QACRiD,OAAO,EAAEtC,iBAAiB;QAC1BuC,IAAI,EAAE,QAAQ;QACdC,OAAO,EAAE;MACX,CAAC,CAAC;IACJ,CAAC,SAAS;MACR9B,eAAe,CAAC,KAAK,CAAC;IACxB;EACF;EAEA,OAAO;IACLL,IAAI;IACJoC,YAAY,EAAEnC,OAAO;IACrBgB,QAAQ;IACRoB,WAAW,EAAE/C,SAAS;IACtBkC,WAAW;IACXG,gBAAgB;IAChBF,WAAW;IACXM;EACF,CAAC;AACH","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/group/edit-profile/index.js

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

package/lib/commonjs/social/features/chat/features/group/edit-profile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_EditGroupProfile","require"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/group/edit-profile/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/group/edit-profile/styles.js

@@ -0,0 +1,34 @@
+"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 EditGroupProfile — ported from AmityUiKitWeb
+// v4/chat/features/group/edit-profile/EditGroupProfile.module.css.
+// rem → px×16; colours via design tokens (no hardcoded hex).
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    container: {
+      flex: 1,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfacePageBackgroundDefault)
+    },
+    // .editGroupProfile__avatarWrapper — center, 1rem vertical padding.
+    avatarWrapper: {
+      alignItems: 'center',
+      justifyContent: 'center',
+      paddingVertical: 16
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/social/features/chat/features/group/edit-profile/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","container","flex","backgroundColor","AmityColorToken","SurfacePageBackgroundDefault","avatarWrapper","alignItems","justifyContent","paddingVertical","exports"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/group/edit-profile/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,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,eAAe,EAAEP,KAAK,CAACQ,iCAAe,CAACC,4BAA4B;IACrE,CAAC;IACD;IACAC,aAAa,EAAE;MACbC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,eAAe,EAAE;IACnB;EACF,CAAC,CAAC;EAEF,OAAO;IAAEX,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACc,OAAA,CAAAf,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/group/members/GroupMembers.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GroupMembers = GroupMembers;
+var _reactNative = require("react-native");
+var _Header = require("./components/Header");
+var _MemberTabs = require("./components/MemberTabs");
+var _useGroupMembers = require("./hooks/useGroupMembers");
+var _styles = require("./styles");
+// GroupMembers — ported from AmityUiKitWeb v4/chat/features/group/members.
+// The group member-list feature entry: a Header over the Members/Moderators tabs.
+// `channelId` mirrors web's page prop; `onBack`/`onAddMember` are optional
+// navigation callbacks supplied by the hosting page (navigation wiring is out of
+// scope for this batch).
+
+// 1. React / RN imports
+
+// 2. Internal imports
+
+// 3. Types
+
+// 4. Named function component
+function GroupMembers({
+  channelId,
+  onBack,
+  onAddMember
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const {
+    isViewerModerator,
+    handleBack,
+    handleOpenAddMember
+  } = (0, _useGroupMembers.useGroupMembers)({
+    channelId,
+    onBack,
+    onAddMember
+  });
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.groupMembers
+  }, /*#__PURE__*/React.createElement(_Header.Header, {
+    onBack: handleBack,
+    isViewerModerator: isViewerModerator,
+    onAddMember: handleOpenAddMember
+  }), /*#__PURE__*/React.createElement(_MemberTabs.MemberTabs, {
+    channelId: channelId
+  }));
+}
+//# sourceMappingURL=GroupMembers.js.map

package/lib/commonjs/social/features/chat/features/group/members/GroupMembers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Header","_MemberTabs","_useGroupMembers","_styles","GroupMembers","channelId","onBack","onAddMember","styles","useStyles","isViewerModerator","handleBack","handleOpenAddMember","useGroupMembers","React","createElement","View","style","groupMembers","Header","MemberTabs"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/group/members/GroupMembers.tsx"],"mappings":";;;;;;AAOA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAbA;AACA;AACA;AACA;AACA;;AAEA;;AAGA;;AAMA;;AAOA;AACO,SAASK,YAAYA,CAAC;EAC3BC,SAAS;EACTC,MAAM;EACNC;AACiB,CAAC,EAAE;EACpB,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC9B,MAAM;IAAEC,iBAAiB;IAAEC,UAAU;IAAEC;EAAoB,CAAC,GAC1D,IAAAC,gCAAe,EAAC;IACdR,SAAS;IACTC,MAAM;IACNC;EACF,CAAC,CAAC;EAEJ,oBACEO,KAAA,CAAAC,aAAA,CAACjB,YAAA,CAAAkB,IAAI;IAACC,KAAK,EAAET,MAAM,CAACU;EAAa,gBAC/BJ,KAAA,CAAAC,aAAA,CAACf,OAAA,CAAAmB,MAAM;IACLb,MAAM,EAAEK,UAAW;IACnBD,iBAAiB,EAAEA,iBAAkB;IACrCH,WAAW,EAAEK;EAAoB,CAClC,CAAC,eACFE,KAAA,CAAAC,aAAA,CAACd,WAAA,CAAAmB,UAAU;IAACf,SAAS,EAAEA;EAAU,CAAE,CAC/B,CAAC;AAEX","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/group/members/components/Header/Header.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Header = Header;
+var _TopBar = require("../../../../../elements/TopBar");
+var _Button = require("../../../../../../../../core/design/atoms/Button");
+var _localization = require("../../../../../../../../core/localization");
+// Header — ported from AmityUiKitWeb
+// v4/chat/features/group/members/components/Header.
+//
+// The member-list top bar: back + centered title, plus a trailing "add member"
+// button shown only to moderators. Web's `Button.Icon` (Plus) → the RN Button
+// atom rendered icon-only (icon `plus-r`), fed into the chat TopBar's trailing
+// slot.
+
+// 1. React / RN imports
+
+// 2. Internal imports
+
+// 3. Types
+
+// 4. Named function component
+function Header({
+  isViewerModerator,
+  onBack,
+  onAddMember
+}) {
+  const title = (0, _localization.useString)('amity_chat_member_list_title');
+  return /*#__PURE__*/React.createElement(_TopBar.TopBar, {
+    title: title,
+    leadingType: "back",
+    onLeading: onBack,
+    trailing: isViewerModerator ?
+    /*#__PURE__*/
+    // web members Header: Button.Icon ghost/secondary/32 with <Plus/>
+    // (Regular). Was a filled secondary Button (blue surface + border).
+    React.createElement(_Button.Button.Icon, {
+      icon: "plus-r",
+      styleType: "ghost",
+      hierarchy: "secondary",
+      size: 32,
+      onPress: onAddMember,
+      accessibilityLabel: title
+    }) : undefined
+  });
+}
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_TopBar","require","_Button","_localization","Header","isViewerModerator","onBack","onAddMember","title","useString","React","createElement","TopBar","leadingType","onLeading","trailing","Button","Icon","icon","styleType","hierarchy","size","onPress","accessibilityLabel","undefined"],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/group/members/components/Header/Header.tsx"],"mappings":";;;;;;AAWA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAbA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAKA;;AAOA;AACO,SAASG,MAAMA,CAAC;EACrBC,iBAAiB;EACjBC,MAAM;EACNC;AACW,CAAC,EAAE;EACd,MAAMC,KAAK,GAAG,IAAAC,uBAAS,EAAC,8BAA8B,CAAC;EACvD,oBACEC,KAAA,CAAAC,aAAA,CAACX,OAAA,CAAAY,MAAM;IACLJ,KAAK,EAAEA,KAAM;IACbK,WAAW,EAAC,MAAM;IAClBC,SAAS,EAAER,MAAO;IAClBS,QAAQ,EACNV,iBAAiB;IAAA;IACf;IACA;IACAK,KAAA,CAAAC,aAAA,CAACT,OAAA,CAAAc,MAAM,CAACC,IAAI;MACVC,IAAI,EAAC,QAAQ;MACbC,SAAS,EAAC,OAAO;MACjBC,SAAS,EAAC,WAAW;MACrBC,IAAI,EAAE,EAAG;MACTC,OAAO,EAAEf,WAAY;MACrBgB,kBAAkB,EAAEf;IAAM,CAC3B,CAAC,GACAgB;EACL,CACF,CAAC;AAEN","ignoreList":[]}

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

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

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

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

package/lib/commonjs/social/features/chat/features/group/members/components/MemberItem/MemberItem.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MemberItem = MemberItem;
+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 _icons = require("../../../../../../../../core/design/icons");
+var _amityColorTokens = require("../../../../../../../../core/design/tokens/amity-color-tokens");
+var _localization = require("../../../../../../../../core/localization");
+var _useFile = _interopRequireDefault(require("../../../../../../../../core/hooks/useFile"));
+var _styles = require("./styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// MemberItem — ported from AmityUiKitWeb
+// v4/chat/features/group/members/components/MemberItem.
+//
+// A single member row: avatar (with moderator badge) + display name, an optional
+// "you" suffix, a read-only muted indicator (shown to moderators), and a trailing
+// action-menu slot. Web rendered its own `ActionMenu` from a `getActions` array;
+// RN keeps the slot generic via the `trailing` prop so both the members list
+// (which passes AmityGroupMemberActionComponent) and the banned list (which
+// passes a small unban menu) reuse this row — matching web's shared usage.
+//
+// RN adaptations: web read the avatar synchronously from the SDK; RN resolves
+// `avatarFileId` through `useFile`. Web `BrandBadge` has no RN element and is
+// dropped (as in the create UserItem).
+
+// 1. React / RN imports
+
+// 2. Internal imports
+
+// 3. Types
+
+// 4. Named function component
+function MemberItem({
+  user,
+  isModerator,
+  isCurrentUser,
+  isMuted = false,
+  isViewerModerator = false,
+  trailing
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const displayName = user.displayName ?? user.userId;
+  const youSuffix = (0, _localization.useString)('amity_chat_member_you_suffix');
+  const avatarUrl = (0, _useFile.default)({
+    fileId: user.avatarFileId ?? ''
+  });
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.memberItem
+  }, /*#__PURE__*/React.createElement(_Avatar.Avatar.User, {
+    avatarUrl: avatarUrl,
+    displayName: displayName,
+    size: "md",
+    isModerator: isModerator
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.nameRow
+  }, /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "bodyBold",
+    style: styles.name,
+    numberOfLines: 1
+  }, displayName), isCurrentUser ? /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "bodyBold",
+    style: styles.youSuffix
+  }, youSuffix) : null, isViewerModerator && isMuted ? /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "volume-slash-r",
+    size: 20,
+    tokenColor: _amityColorTokens.AmityColorToken.TextListTextDescriptionDefaultDefault
+  }) : null), trailing ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.trailing
+  }, trailing) : null);
+}
+
+// 5. Compound variant — loading skeleton row.
+function MemberItemSkeleton() {
+  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
+  }));
+}
+MemberItem.Skeleton = MemberItemSkeleton;
+//# sourceMappingURL=MemberItem.js.map

package/lib/commonjs/social/features/chat/features/group/members/components/MemberItem/MemberItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Avatar","_Typography","_Skeleton","_icons","_amityColorTokens","_localization","_useFile","_interopRequireDefault","_styles","e","__esModule","default","MemberItem","user","isModerator","isCurrentUser","isMuted","isViewerModerator","trailing","styles","useStyles","displayName","userId","youSuffix","useString","avatarUrl","useFile","fileId","avatarFileId","React","createElement","View","style","memberItem","Avatar","User","size","nameRow","Typography","variant","name","numberOfLines","AmityIcon","tokenColor","AmityColorToken","TextListTextDescriptionDefaultDefault","MemberItemSkeleton","skeletonRow","Skeleton","circle","width","height"],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/group/members/components/MemberItem/MemberItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/group/members/components/MemberItem/index.js

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

package/lib/commonjs/social/features/chat/features/group/members/components/MemberItem/index.js.map

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