stream-chat-react-native-core 9.5.0-beta.6 → 9.5.0-beta.8

package/lib/module/components/ChannelDetails/components/members/ChannelAllMembersModal.js

@@ -1,64 +0,0 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChannelAllMembersModalContent = exports.ChannelAllMembersModal = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _channelDetailsContext = require("../../../../contexts/channelDetailsContext/channelDetailsContext");
-var _ComponentsContext = require("../../../../contexts/componentsContext/ComponentsContext");
-var _TranslationContext = require("../../../../contexts/translationContext/TranslationContext");
-var _hooks = require("../../../../hooks");
-var _useChannelOwnCapabilities = require("../../../../hooks/useChannelOwnCapabilities");
-var _userAdd = require("../../../../icons/user-add");
-var _Button = require("../../../ui/Button/Button");
-var _Modal = require("../modal/Modal");
-var _ModalHeader = require("../modal/ModalHeader");
-var _jsxRuntime = require("react/jsx-runtime");
-var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelDetails/components/members/ChannelAllMembersModal.tsx";
-var ChannelAllMembersModalContent = ({
-  onAddMembersPress,
-  onClose
-}) => {
-  var _useChannelDetailsCon = (0, _channelDetailsContext.useChannelDetailsContext)(),
-    channel = _useChannelDetailsCon.channel;
-  var _useComponentsContext = (0, _ComponentsContext.useComponentsContext)(),
-    ChannelMemberList = _useComponentsContext.ChannelMemberList;
-  var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
-    t = _useTranslationContex.t;
-  var ownCapabilities = (0, _useChannelOwnCapabilities.useChannelOwnCapabilities)(channel);
-  var updateChannelMembers = ownCapabilities?.includes('update-channel-members') ?? false;
-  var total = (0, _hooks.useChannelMemberCount)(channel);
-  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [(0, _jsxRuntime.jsx)(_ModalHeader.ModalHeader, {
-      onClose: onClose,
-      rightAction: updateChannelMembers ? (0, _jsxRuntime.jsx)(_Button.Button, {
-        accessibilityLabelKey: "a11y/Add members",
-        iconOnly: true,
-        LeadingIcon: _userAdd.UserAdd,
-        onPress: onAddMembersPress,
-        size: "md",
-        testID: "channel-details-member-list-add-button",
-        type: "outline",
-        variant: "secondary"
-      }) : null,
-      title: t('{{count}} members', {
-        count: total
-      })
-    }), (0, _jsxRuntime.jsx)(ChannelMemberList, {})]
-  });
-};
-exports.ChannelAllMembersModalContent = ChannelAllMembersModalContent;
-var ChannelAllMembersModal = ({
-  onAddMembersPress,
-  onClose,
-  visible
-}) => (0, _jsxRuntime.jsx)(_Modal.ChannelDetailsModal, {
-  onClose: onClose,
-  visible: visible,
-  children: (0, _jsxRuntime.jsx)(ChannelAllMembersModalContent, {
-    onAddMembersPress: onAddMembersPress,
-    onClose: onClose
-  })
-});
-exports.ChannelAllMembersModal = ChannelAllMembersModal;
-//# sourceMappingURL=ChannelAllMembersModal.js.map

package/lib/module/components/ChannelDetails/components/members/ChannelAllMembersModal.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_channelDetailsContext","_ComponentsContext","_TranslationContext","_hooks","_useChannelOwnCapabilities","_userAdd","_Button","_Modal","_ModalHeader","_jsxRuntime","_jsxFileName","ChannelAllMembersModalContent","onAddMembersPress","onClose","_useChannelDetailsCon","useChannelDetailsContext","channel","_useComponentsContext","useComponentsContext","ChannelMemberList","_useTranslationContex","useTranslationContext","t","ownCapabilities","useChannelOwnCapabilities","updateChannelMembers","includes","total","useChannelMemberCount","jsxs","Fragment","children","jsx","ModalHeader","rightAction","Button","accessibilityLabelKey","iconOnly","LeadingIcon","UserAdd","onPress","size","testID","type","variant","title","count","exports","ChannelAllMembersModal","visible","ChannelDetailsModal"],"sourceRoot":"../../../../../../src","sources":["components/ChannelDetails/components/members/ChannelAllMembersModal.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,0BAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,YAAA,GAAAT,OAAA;AAAmD,IAAAU,WAAA,GAAAV,OAAA;AAAA,IAAAW,YAAA;AAa5C,IAAMC,6BAA6B,GAAGA,CAAC;EAC5CC,iBAAiB;EACjBC;AACkC,CAAC,KAAK;EACxC,IAAAC,qBAAA,GAAoB,IAAAC,+CAAwB,EAAC,CAAC;IAAtCC,OAAO,GAAAF,qBAAA,CAAPE,OAAO;EACf,IAAAC,qBAAA,GAA8B,IAAAC,uCAAoB,EAAC,CAAC;IAA5CC,iBAAiB,GAAAF,qBAAA,CAAjBE,iBAAiB;EACzB,IAAAC,qBAAA,GAAc,IAAAC,yCAAqB,EAAC,CAAC;IAA7BC,CAAC,GAAAF,qBAAA,CAADE,CAAC;EACT,IAAMC,eAAe,GAAG,IAAAC,oDAAyB,EAACR,OAAO,CAAC;EAC1D,IAAMS,oBAAoB,GAAGF,eAAe,EAAEG,QAAQ,CAAC,wBAAwB,CAAC,IAAI,KAAK;EACzF,IAAMC,KAAK,GAAG,IAAAC,4BAAqB,EAACZ,OAAO,CAAC;EAE5C,OACE,IAAAP,WAAA,CAAAoB,IAAA,EAAApB,WAAA,CAAAqB,QAAA;IAAAC,QAAA,GACE,IAAAtB,WAAA,CAAAuB,GAAA,EAACxB,YAAA,CAAAyB,WAAW;MACVpB,OAAO,EAAEA,OAAQ;MACjBqB,WAAW,EACTT,oBAAoB,GAClB,IAAAhB,WAAA,CAAAuB,GAAA,EAAC1B,OAAA,CAAA6B,MAAM;QACLC,qBAAqB,EAAC,kBAAkB;QACxCC,QAAQ;QACRC,WAAW,EAAEC,gBAAQ;QACrBC,OAAO,EAAE5B,iBAAkB;QAC3B6B,IAAI,EAAC,IAAI;QACTC,MAAM,EAAC,wCAAwC;QAC/CC,IAAI,EAAC,SAAS;QACdC,OAAO,EAAC;MAAW,CACpB,CAAC,GACA,IACL;MACDC,KAAK,EAAEvB,CAAC,CAAC,mBAAmB,EAAE;QAAEwB,KAAK,EAAEnB;MAAM,CAAC;IAAE,CACjD,CAAC,EACF,IAAAlB,WAAA,CAAAuB,GAAA,EAACb,iBAAiB,IAAE,CAAC;EAAA,CACrB,CAAC;AAEP,CAAC;AAAC4B,OAAA,CAAApC,6BAAA,GAAAA,6BAAA;AAKK,IAAMqC,sBAAsB,GAAGA,CAAC;EACrCpC,iBAAiB;EACjBC,OAAO;EACPoC;AAC2B,CAAC,KAC5B,IAAAxC,WAAA,CAAAuB,GAAA,EAACzB,MAAA,CAAA2C,mBAAmB;EAACrC,OAAO,EAAEA,OAAQ;EAACoC,OAAO,EAAEA,OAAQ;EAAAlB,QAAA,EACtD,IAAAtB,WAAA,CAAAuB,GAAA,EAACrB,6BAA6B;IAACC,iBAAiB,EAAEA,iBAAkB;IAACC,OAAO,EAAEA;EAAQ,CAAE;AAAC,CACtE,CACtB;AAACkC,OAAA,CAAAC,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/lib/module/components/ChannelDetails/hooks/members/useMemberRoleLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_channelDetailsContext","require","_TranslationContext","useMemberRoleLabel","member","_useChannelDetailsCon","useChannelDetailsContext","channel","getMemberRoleLabel","_useTranslationContex","useTranslationContext","t","userId","user","id","data","created_by","role","channel_role","exports"],"sourceRoot":"../../../../../../src","sources":["components/ChannelDetails/hooks/members/useMemberRoleLabel.ts"],"mappings":";;;;AAEA,IAAAA,sBAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AASO,IAAME,kBAAkB,GAAIC,MAA6B,IAAoB;EAClF,IAAAC,qBAAA,GAAwC,IAAAC,+CAAwB,EAAC,CAAC;IAA1DC,OAAO,GAAAF,qBAAA,CAAPE,OAAO;IAAEC,kBAAkB,GAAAH,qBAAA,CAAlBG,kBAAkB;EACnC,IAAAC,qBAAA,GAAc,IAAAC,yCAAqB,EAAC,CAAC;IAA7BC,CAAC,GAAAF,qBAAA,CAADE,CAAC;EAET,IAAIH,kBAAkB,EAAE;IACtB,OAAOA,kBAAkB,CAAC;MAAED,OAAO;MAAEH,MAAM;MAAEO;IAAE,CAAC,CAAC,IAAI,IAAI;EAC3D;EAEA,IAAMC,MAAM,GAAGR,MAAM,CAACS,IAAI,EAAEC,EAAE;EAC9B,IAAIF,MAAM,IAAIA,MAAM,KAAKL,OAAO,EAAEQ,IAAI,EAAEC,UAAU,EAAEF,EAAE,EAAE;IACtD,OAAOH,CAAC,CAAC,OAAO,CAAC;EACnB;EACA,IAAIP,MAAM,CAACS,IAAI,EAAEI,IAAI,KAAK,OAAO,EAAE;IACjC,OAAON,CAAC,CAAC,OAAO,CAAC;EACnB;EACA,IAAIP,MAAM,CAACc,YAAY,KAAK,mBAAmB,EAAE;IAC/C,OAAOP,CAAC,CAAC,WAAW,CAAC;EACvB;EACA,OAAO,IAAI;AACb,CAAC;AAACQ,OAAA,CAAAhB,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/lib/typescript/components/ChannelDetails/components/ChannelEditDetails.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-/**
- * @experimental This component is experimental and is subject to change.
- */
-export declare const ChannelEditDetails: () => React.JSX.Element;
-//# sourceMappingURL=ChannelEditDetails.d.ts.map

package/lib/typescript/components/ChannelDetails/components/ChannelEditDetails.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChannelEditDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChannelDetails/components/ChannelEditDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAoBzE;;GAEG;AACH,eAAO,MAAM,kBAAkB,yBA4E9B,CAAC"}

package/lib/typescript/components/ChannelDetails/components/ChannelEditDetailsModal.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-export type ChannelEditDetailsModalProps = {
-    onClose: () => void;
-    visible: boolean;
-};
-type ChannelEditDetailsModalContentProps = {
-    onClose: () => void;
-};
-/**
- * @experimental This component is experimental and is subject to change.
- */
-export declare const ChannelEditDetailsModalContent: ({ onClose, }: ChannelEditDetailsModalContentProps) => React.JSX.Element | null;
-/**
- * @experimental This component is experimental and is subject to change.
- */
-export declare const ChannelEditDetailsModal: ({ onClose, visible }: ChannelEditDetailsModalProps) => React.JSX.Element;
-export {};
-//# sourceMappingURL=ChannelEditDetailsModal.d.ts.map

package/lib/typescript/components/ChannelDetails/components/ChannelEditDetailsModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChannelEditDetailsModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChannelDetails/components/ChannelEditDetailsModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAiCxC,MAAM,MAAM,4BAA4B,GAAG;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,KAAK,mCAAmC,GAAG;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAkFF;;GAEG;AACH,eAAO,MAAM,8BAA8B,GAAI,cAE5C,mCAAmC,6BAerC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,GAAI,sBAAsB,4BAA4B,sBAIzF,CAAC"}

package/lib/typescript/components/ChannelDetails/components/members/ChannelAddMembers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChannelAddMembers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ChannelDetails/components/members/ChannelAddMembers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAA+B,KAAK,aAAa,EAAoB,MAAM,cAAc,CAAC;AAEjG,OAAO,KAAK,EAAqB,YAAY,EAAE,MAAM,aAAa,CAAC;AAgBnE,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;;;OAKG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC;CAChE,CAAC;AAaF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,6BAA6B,sBAAsB,sBA2FpF,CAAC"}

package/lib/typescript/components/ChannelDetails/components/members/ChannelAddMembersModal.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-export type ChannelAddMembersModalProps = {
-    onClose: () => void;
-    visible: boolean;
-};
-type ChannelAddMembersModalContentProps = {
-    onClose: () => void;
-};
-/**
- * @experimental This component is experimental and is subject to change.
- */
-export declare const ChannelAddMembersModalContent: ({ onClose }: ChannelAddMembersModalContentProps) => React.JSX.Element | null;
-/**
- * @experimental This component is experimental and is subject to change.
- */
-export declare const ChannelAddMembersModal: ({ onClose, visible }: ChannelAddMembersModalProps) => React.JSX.Element;
-export {};
-//# sourceMappingURL=ChannelAddMembersModal.d.ts.map

package/lib/typescript/components/ChannelDetails/components/members/ChannelAddMembersModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChannelAddMembersModal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ChannelDetails/components/members/ChannelAddMembersModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AA2BrD,MAAM,MAAM,2BAA2B,GAAG;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,KAAK,kCAAkC,GAAG;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,6BAA6B,GAAI,aAAa,kCAAkC,6BAe5F,CAAC;AAgEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAAI,sBAAsB,2BAA2B,sBAIvF,CAAC"}

package/lib/typescript/components/ChannelDetails/components/members/ChannelAllMembersModal.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-export type ChannelAllMembersModalProps = {
-    onAddMembersPress: () => void;
-    onClose: () => void;
-    visible: boolean;
-};
-type ChannelAllMembersModalContentProps = Omit<ChannelAllMembersModalProps, 'visible'>;
-/**
- * @experimental This component is experimental and is subject to change.
- */
-export declare const ChannelAllMembersModalContent: ({ onAddMembersPress, onClose, }: ChannelAllMembersModalContentProps) => React.JSX.Element;
-/**
- * @experimental This component is experimental and is subject to change.
- */
-export declare const ChannelAllMembersModal: ({ onAddMembersPress, onClose, visible, }: ChannelAllMembersModalProps) => React.JSX.Element;
-export {};
-//# sourceMappingURL=ChannelAllMembersModal.d.ts.map

package/lib/typescript/components/ChannelDetails/components/members/ChannelAllMembersModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChannelAllMembersModal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ChannelDetails/components/members/ChannelAllMembersModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,MAAM,MAAM,2BAA2B,GAAG;IACxC,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,KAAK,kCAAkC,GAAG,IAAI,CAAC,2BAA2B,EAAE,SAAS,CAAC,CAAC;AAEvF;;GAEG;AACH,eAAO,MAAM,6BAA6B,GAAI,iCAG3C,kCAAkC,sBA+BpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAAI,0CAIpC,2BAA2B,sBAI7B,CAAC"}

package/lib/typescript/components/ChannelDetails/hooks/members/useMemberRoleLabel.d.ts

@@ -1,10 +0,0 @@
-import type { ChannelMemberResponse } from 'stream-chat';
-/**
- * Resolves the trailing role label for a channel member row in the channel details screen.
- *
- * Priority — Owner > Admin > Moderator. When a member matches none of the rules
- * (and no custom `getMemberRoleLabel` is provided on the screen), returns `null`.
- * @experimental This hook is experimental and is subject to change.
- */
-export declare const useMemberRoleLabel: (member: ChannelMemberResponse) => string | null;
-//# sourceMappingURL=useMemberRoleLabel.d.ts.map

package/lib/typescript/components/ChannelDetails/hooks/members/useMemberRoleLabel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMemberRoleLabel.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ChannelDetails/hooks/members/useMemberRoleLabel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAKzD;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAAI,QAAQ,qBAAqB,KAAG,MAAM,GAAG,IAmB3E,CAAC"}

package/src/components/ChannelDetails/__tests__/members/ChannelAllMembersModal.test.tsx

@@ -1,159 +0,0 @@
-import React from 'react';
-import { Text } from 'react-native';
-
-import { fireEvent, render, screen } from '@testing-library/react-native';
-import { NotificationManager } from 'stream-chat';
-import type { Channel, ChannelMemberResponse } from 'stream-chat';
-
-import { AccessibilityProvider } from '../../../../contexts/accessibilityContext/AccessibilityContext';
-import { ChannelDetailsContextProvider } from '../../../../contexts/channelDetailsContext/channelDetailsContext';
-import { ChatContext } from '../../../../contexts/chatContext/ChatContext';
-import { WithComponents } from '../../../../contexts/componentsContext/ComponentsContext';
-import {
-  allOwnCapabilities,
-  OwnCapabilitiesContextValue,
-  OwnCapability,
-} from '../../../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext';
-import { ThemeProvider } from '../../../../contexts/themeContext/ThemeContext';
-import { defaultTheme } from '../../../../contexts/themeContext/utils/theme';
-import { TranslationProvider } from '../../../../contexts/translationContext/TranslationContext';
-import { generateMember } from '../../../../mock-builders/generator/member';
-import { generateUser } from '../../../../mock-builders/generator/user';
-import { ChannelAllMembersModal } from '../../components/members/ChannelAllMembersModal';
-import * as useChannelDetailsMembersPreviewModule from '../../hooks/useChannelDetailsMembersPreview';
-
-const MemberListProbe = () => <Text testID='member-list-probe'>full-member-list</Text>;
-
-const buildChannel = (
-  members: ChannelMemberResponse[],
-  memberCount?: number,
-  overrides?: Partial<Channel>,
-): Channel =>
-  ({
-    cid: 'messaging:test',
-    data: { member_count: memberCount ?? members.length },
-    on: () => ({ unsubscribe: () => undefined }),
-    state: {
-      members: Object.fromEntries(
-        members.map((m) => [m.user?.id ?? m.user_id ?? '', m]).filter(([k]) => Boolean(k)),
-      ),
-    },
-    ...overrides,
-  }) as unknown as Channel;
-
-const applyCapabilities = (
-  channel: Channel,
-  overrides?: Partial<OwnCapabilitiesContextValue>,
-): Channel => {
-  if (!overrides) return channel;
-  const ownCapabilities = Object.entries(overrides)
-    .filter(([, enabled]) => enabled)
-    .map(([key]) => allOwnCapabilities[key as OwnCapability]);
-  (channel as { data?: Record<string, unknown> }).data = {
-    ...((channel as { data?: Record<string, unknown> }).data ?? {}),
-    own_capabilities: ownCapabilities,
-  };
-  return channel;
-};
-
-const renderModal = ({
-  capabilities,
-  channel,
-  onAddMembersPress = jest.fn(),
-  onClose = jest.fn(),
-  visible = true,
-}: {
-  channel: Channel;
-  capabilities?: Partial<OwnCapabilitiesContextValue>;
-  onAddMembersPress?: () => void;
-  onClose?: () => void;
-  visible?: boolean;
-}) =>
-  render(
-    <ThemeProvider theme={defaultTheme}>
-      <AccessibilityProvider value={{ enabled: true }}>
-        <TranslationProvider
-          value={{
-            t: ((key: string) => key) as never,
-            tDateTimeParser: ((input: unknown) => input) as never,
-            userLanguage: 'en',
-          }}
-        >
-          <ChatContext.Provider
-            value={{ client: { notifications: new NotificationManager(), userID: 'me' } } as never}
-          >
-            <ChannelDetailsContextProvider
-              value={{ channel: applyCapabilities(channel, capabilities) }}
-            >
-              <WithComponents overrides={{ ChannelMemberList: MemberListProbe }}>
-                <ChannelAllMembersModal
-                  onAddMembersPress={onAddMembersPress}
-                  onClose={onClose}
-                  visible={visible}
-                />
-              </WithComponents>
-            </ChannelDetailsContextProvider>
-          </ChatContext.Provider>
-        </TranslationProvider>
-      </AccessibilityProvider>
-    </ThemeProvider>,
-  );
-
-const makeMembers = (count: number) =>
-  Array.from({ length: count }, (_, idx) =>
-    generateMember({ user: generateUser({ id: `u-${idx}`, name: `User ${idx}` }) }),
-  );
-
-describe('ChannelAllMembersModal', () => {
-  let previewSpy: jest.SpyInstance;
-
-  beforeEach(() => {
-    previewSpy = jest.spyOn(
-      useChannelDetailsMembersPreviewModule,
-      'useChannelDetailsMembersPreview',
-    );
-  });
-
-  afterEach(() => {
-    jest.restoreAllMocks();
-  });
-
-  it('renders the member list and closes when the close button is pressed', () => {
-    previewSpy.mockReturnValue({ hasMore: true, total: 12, visible: makeMembers(5) });
-    const channel = buildChannel(makeMembers(12), 12);
-    const onClose = jest.fn();
-
-    renderModal({ channel, onClose });
-
-    expect(screen.getByTestId('member-list-probe')).toBeTruthy();
-
-    fireEvent.press(screen.getByLabelText('a11y/Close'));
-
-    expect(onClose).toHaveBeenCalledTimes(1);
-  });
-
-  it('hides the add-members button when the user lacks update-channel-members capability', () => {
-    previewSpy.mockReturnValue({ hasMore: true, total: 12, visible: makeMembers(5) });
-    const channel = buildChannel(makeMembers(12), 12);
-
-    renderModal({ channel });
-
-    expect(screen.queryByTestId('channel-details-member-list-add-button')).toBeNull();
-  });
-
-  it('shows the add-members button and invokes onAddMembersPress when pressed', () => {
-    previewSpy.mockReturnValue({ hasMore: true, total: 12, visible: makeMembers(5) });
-    const channel = buildChannel(makeMembers(12), 12);
-    const onAddMembersPress = jest.fn();
-
-    renderModal({
-      capabilities: { updateChannelMembers: true },
-      channel,
-      onAddMembersPress,
-    });
-
-    fireEvent.press(screen.getByTestId('channel-details-member-list-add-button'));
-
-    expect(onAddMembersPress).toHaveBeenCalledTimes(1);
-  });
-});

package/src/components/ChannelDetails/__tests__/members/useMemberRoleLabel.test.tsx

@@ -1,130 +0,0 @@
-import React from 'react';
-
-import { renderHook } from '@testing-library/react-native';
-import type { Channel, ChannelMemberResponse } from 'stream-chat';
-
-import { ChannelDetailsContextProvider } from '../../../../contexts/channelDetailsContext/channelDetailsContext';
-import { TranslationProvider } from '../../../../contexts/translationContext/TranslationContext';
-import { generateMember } from '../../../../mock-builders/generator/member';
-import { generateUser } from '../../../../mock-builders/generator/user';
-import type { GetMemberRoleLabel } from '../../ChannelDetails';
-import { useMemberRoleLabel } from '../../hooks/members/useMemberRoleLabel';
-
-const buildChannel = (createdById = 'creator'): Channel =>
-  ({
-    cid: 'messaging:test',
-    data: { created_by: { id: createdById } },
-    on: () => ({ unsubscribe: () => undefined }),
-  }) as unknown as Channel;
-
-const buildMember = (
-  overrides: {
-    user?: Partial<NonNullable<ChannelMemberResponse['user']>>;
-    channel_role?: ChannelMemberResponse['channel_role'];
-  } = {},
-): ChannelMemberResponse =>
-  generateMember({
-    channel_role: overrides.channel_role,
-    user: generateUser({ id: 'alice', name: 'Alice', ...(overrides.user ?? {}) }),
-  });
-
-const t = ((key: string) => key) as never;
-
-const renderRoleLabel = (
-  member: ChannelMemberResponse,
-  {
-    channel = buildChannel(),
-    getMemberRoleLabel,
-  }: { channel?: Channel; getMemberRoleLabel?: GetMemberRoleLabel } = {},
-) =>
-  renderHook(() => useMemberRoleLabel(member), {
-    wrapper: ({ children }) => (
-      <TranslationProvider
-        value={{ t, tDateTimeParser: ((input: unknown) => input) as never, userLanguage: 'en' }}
-      >
-        <ChannelDetailsContextProvider value={{ channel, getMemberRoleLabel }}>
-          {children}
-        </ChannelDetailsContextProvider>
-      </TranslationProvider>
-    ),
-  });
-
-describe('useMemberRoleLabel', () => {
-  describe('default rules', () => {
-    it('returns "Owner" when the member is the channel creator', () => {
-      const { result } = renderRoleLabel(buildMember(), { channel: buildChannel('alice') });
-      expect(result.current).toBe('Owner');
-    });
-
-    it('returns "Admin" when the member has the admin user role', () => {
-      const { result } = renderRoleLabel(buildMember({ user: { role: 'admin' } }));
-      expect(result.current).toBe('Admin');
-    });
-
-    it('returns "Moderator" when the member has the channel_moderator channel_role', () => {
-      const { result } = renderRoleLabel(buildMember({ channel_role: 'channel_moderator' }));
-      expect(result.current).toBe('Moderator');
-    });
-
-    it('returns null for a plain member', () => {
-      const { result } = renderRoleLabel(buildMember());
-      expect(result.current).toBeNull();
-    });
-
-    it('prefers Owner over Admin when both rules match', () => {
-      const { result } = renderRoleLabel(buildMember({ user: { role: 'admin' } }), {
-        channel: buildChannel('alice'),
-      });
-      expect(result.current).toBe('Owner');
-    });
-
-    it('prefers Admin over Moderator when both rules match', () => {
-      const { result } = renderRoleLabel(
-        buildMember({ channel_role: 'channel_moderator', user: { role: 'admin' } }),
-      );
-      expect(result.current).toBe('Admin');
-    });
-
-    it('does not match Owner when the member has no user id', () => {
-      const member = generateMember({ user: undefined, user_id: 'orphan' });
-      const { result } = renderRoleLabel(member, { channel: buildChannel('orphan') });
-      expect(result.current).toBeNull();
-    });
-  });
-
-  describe('custom getMemberRoleLabel', () => {
-    it('uses the return value of the custom function', () => {
-      const { result } = renderRoleLabel(buildMember({ user: { role: 'admin' } }), {
-        channel: buildChannel('alice'),
-        getMemberRoleLabel: () => 'VIP',
-      });
-      expect(result.current).toBe('VIP');
-    });
-
-    it('returns null when the custom function returns null', () => {
-      const { result } = renderRoleLabel(buildMember({ user: { role: 'admin' } }), {
-        getMemberRoleLabel: () => null,
-      });
-      expect(result.current).toBeNull();
-    });
-
-    it('returns null when the custom function returns undefined', () => {
-      const { result } = renderRoleLabel(buildMember({ user: { role: 'admin' } }), {
-        getMemberRoleLabel: () => undefined,
-      });
-      expect(result.current).toBeNull();
-    });
-
-    it('passes channel, member, and t to the custom function', () => {
-      const channel = buildChannel('alice');
-      const member = buildMember({ user: { role: 'admin' } });
-      const getMemberRoleLabel = jest.fn(() => 'Custom');
-      renderRoleLabel(member, { channel, getMemberRoleLabel });
-      expect(getMemberRoleLabel).toHaveBeenCalledWith({
-        channel,
-        member,
-        t: expect.any(Function),
-      });
-    });
-  });
-});

package/src/components/ChannelDetails/components/ChannelEditDetailsModal.tsx

@@ -1,152 +0,0 @@
-import React, { useState } from 'react';
-
-import { ActivityIndicator, Keyboard } from 'react-native';
-
-import { ChannelDetailsModal } from './modal/Modal';
-import { ModalHeader } from './modal/ModalHeader';
-
-import { useChannelDetailsContext } from '../../../contexts/channelDetailsContext/channelDetailsContext';
-import {
-  ChannelEditDetailsProvider,
-  useChannelEditDetailsContext,
-} from '../../../contexts/channelEditDetailsContext/ChannelEditDetailsContext';
-import { useComponentsContext } from '../../../contexts/componentsContext/ComponentsContext';
-import { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';
-import { useChannelActions } from '../../../hooks/actions/useChannelActions';
-import { useStableCallback } from '../../../hooks/useStableCallback';
-import { Checkmark } from '../../../icons/checkmark-1';
-import {
-  isImageDirty,
-  isNameDirty,
-  useIsImageDirty,
-  useIsNameDirty,
-} from '../../../state-store/edit-channel-details-store';
-import type { File } from '../../../types/types';
-import { NotificationList } from '../../Notifications/NotificationList';
-import { NotificationTargetProvider } from '../../Notifications/NotificationTargetContext';
-import { Button } from '../../ui/Button/Button';
-
-const loadingIconStyle = { margin: 0 };
-const LoadingButtonIcon = ({ height, width }: { height?: number; width?: number }) => (
-  <ActivityIndicator style={{ ...loadingIconStyle, ...{ height, width } }} />
-);
-
-export type ChannelEditDetailsModalProps = {
-  onClose: () => void;
-  visible: boolean;
-};
-
-type ChannelEditDetailsModalContentProps = {
-  onClose: () => void;
-};
-
-const ChannelEditDetailsModalBody = ({ onClose }: ChannelEditDetailsModalContentProps) => {
-  const { channel, doFileUploadRequest } = useChannelDetailsContext();
-  const { store } = useChannelEditDetailsContext();
-  const { updateImage, updateName } = useChannelActions(channel);
-  const { ChannelEditDetails } = useComponentsContext();
-  const { t } = useTranslationContext();
-  const [saving, setSaving] = useState(false);
-  const nameDirty = useIsNameDirty(store);
-  const imageDirty = useIsImageDirty(store);
-  const confirmEnabled = (nameDirty || imageDirty) && !saving;
-
-  const handleConfirm = useStableCallback(async () => {
-    if (!confirmEnabled) return;
-    Keyboard.dismiss();
-    setSaving(true);
-    try {
-      const state = store.state.getLatestValue();
-      const { currentName, updatedImage } = state;
-      const nameDirty = isNameDirty(state);
-      const imageDirty = isImageDirty(state);
-      let nameOk = true;
-      let imageOk = true;
-      const tasks: Promise<void>[] = [];
-      if (nameDirty) {
-        nameOk = false;
-        tasks.push(
-          updateName(currentName, {
-            onSuccess: () => {
-              nameOk = true;
-            },
-          }),
-        );
-      }
-      if (imageDirty) {
-        imageOk = false;
-        tasks.push(
-          updateImage(
-            updatedImage as File | null,
-            {
-              onSuccess: () => {
-                imageOk = true;
-              },
-            },
-            doFileUploadRequest,
-          ),
-        );
-      }
-      await Promise.all(tasks);
-      if (nameOk && imageOk) onClose();
-    } finally {
-      setSaving(false);
-    }
-  });
-
-  return (
-    <>
-      <ModalHeader
-        onClose={onClose}
-        rightAction={
-          <Button
-            accessibilityLabel={t('a11y/Confirm edit channel')}
-            accessibilityRole='button'
-            accessibilityState={{ busy: saving, disabled: !confirmEnabled }}
-            disabled={!confirmEnabled}
-            iconOnly
-            LeadingIcon={saving ? LoadingButtonIcon : Checkmark}
-            onPress={handleConfirm}
-            testID='channel-details-edit-confirm-button'
-            type='solid'
-            variant='primary'
-          />
-        }
-        title={t('Edit')}
-      />
-      <ChannelEditDetails />
-      <NotificationList />
-    </>
-  );
-};
-
-/**
- * @experimental This component is experimental and is subject to change.
- */
-export const ChannelEditDetailsModalContent = ({
-  onClose,
-}: ChannelEditDetailsModalContentProps) => {
-  const { channel } = useChannelDetailsContext();
-  const notificationHostId = channel?.cid ? `channel-edit-details:${channel.cid}` : undefined;
-
-  if (!notificationHostId || !channel) {
-    return null;
-  }
-
-  return (
-    <ChannelEditDetailsProvider channel={channel}>
-      <NotificationTargetProvider hostId={notificationHostId} panel='channel-details'>
-        <ChannelEditDetailsModalBody onClose={onClose} />
-      </NotificationTargetProvider>
-    </ChannelEditDetailsProvider>
-  );
-};
-
-/**
- * @experimental This component is experimental and is subject to change.
- */
-export const ChannelEditDetailsModal = ({ onClose, visible }: ChannelEditDetailsModalProps) => (
-  <ChannelDetailsModal onClose={onClose} visible={visible}>
-    <ChannelEditDetailsModalContent onClose={onClose} />
-  </ChannelDetailsModal>
-);