stream-chat-react-native-core 9.6.2-beta.4 → 9.7.0-beta.1

package/src/hooks/actions/useChannelMemberActionItems.tsx

@@ -9,16 +9,33 @@ import { useUserActions, UserActions } from './useUserActions';
 
 import { useUserMuteActive } from '../../components/Message/hooks/useUserMuteActive';
 import { useTheme, useTranslationContext } from '../../contexts';
+import { useComponentsContext } from '../../contexts/componentsContext/ComponentsContext';
+import type { IconsMap } from '../../contexts/componentsContext/defaultComponents';
 import type { TranslationContextValue } from '../../contexts/translationContext/TranslationContext';
-import { BlockUser, IconProps, Mute, Sound, UserDelete } from '../../icons';
+import { IconProps } from '../../icons';
 import { useChannelOwnCapabilities } from '../useChannelOwnCapabilities';
 import { useStateStore } from '../useStateStore';
 
+// Lazily resolved to avoid a static import cycle with defaultComponents.ts
+// (defaultComponents → ChannelDetails*/ChannelPreview* → this file). Statically
+// importing defaultIcons corrupts module-init order; require it at call time
+// instead. Same pattern as ComponentsContext's getDefaults().
+let cachedDefaultIcons: IconsMap | undefined;
+const getDefaultIcons = (): IconsMap => {
+  if (!cachedDefaultIcons) {
+    cachedDefaultIcons = (
+      require('../../contexts/componentsContext/defaultComponents') as { defaultIcons: IconsMap }
+    ).defaultIcons;
+  }
+  return cachedDefaultIcons;
+};
+
 export type ChannelMemberActionItem = ActionItem<'muteUser' | 'block' | string>;
 
 export type ChannelMemberActionItemsParams = {
   channel: Channel;
   channelActions: ChannelActions;
+  icons: IconsMap;
   isBlocked: boolean;
   isCurrentUser: boolean;
   member: ChannelMemberResponse;
@@ -29,7 +46,9 @@ export type ChannelMemberActionItemsParams = {
 };
 
 export type BuildDefaultChannelMemberActionItems = (
-  channelMemberActionItemsParams: ChannelMemberActionItemsParams,
+  channelMemberActionItemsParams: Omit<ChannelMemberActionItemsParams, 'icons'> & {
+    icons?: IconsMap;
+  },
 ) => ChannelMemberActionItem[];
 
 const ChannelMemberActionsIcon = ({
@@ -48,6 +67,7 @@ export const buildDefaultChannelMemberActionItems: BuildDefaultChannelMemberActi
 ) => {
   const {
     channelActions: { removeMembers },
+    icons = getDefaultIcons(),
     isBlocked,
     isCurrentUser,
     member,
@@ -69,10 +89,10 @@ export const buildDefaultChannelMemberActionItems: BuildDefaultChannelMemberActi
         action: userMuteActive ? unmuteUser : muteUser,
         Icon: (props) =>
           userMuteActive ? (
-            <ChannelMemberActionsIcon Icon={Sound} {...props} />
+            <ChannelMemberActionsIcon Icon={icons.Sound} {...props} />
           ) : (
             <ChannelMemberActionsIcon
-              Icon={Mute}
+              Icon={icons.Mute}
               {...props}
               fill={props.fill ?? props.stroke}
               stroke={undefined}
@@ -106,7 +126,7 @@ export const buildDefaultChannelMemberActionItems: BuildDefaultChannelMemberActi
                 ],
               );
             },
-        Icon: (props) => <ChannelMemberActionsIcon Icon={BlockUser} {...props} />,
+        Icon: (props) => <ChannelMemberActionsIcon Icon={icons.BlockUser} {...props} />,
         id: 'block',
         label: isBlocked ? t('Unblock User') : t('Block User'),
         type: isBlocked ? 'standard' : 'destructive',
@@ -135,7 +155,7 @@ export const buildDefaultChannelMemberActionItems: BuildDefaultChannelMemberActi
             ],
           );
         },
-        Icon: (props) => <ChannelMemberActionsIcon Icon={UserDelete} {...props} />,
+        Icon: (props) => <ChannelMemberActionsIcon Icon={icons.UserDelete} {...props} />,
         id: 'removeMember',
         label: t('Remove User'),
         type: 'destructive',
@@ -169,6 +189,7 @@ export const useChannelMemberActionItems = ({
   getChannelMemberActionItems: getChannelMemberActionItemsProp = getChannelMemberActionItems,
 }: UseChannelMemberActionItemsParams) => {
   const { t } = useTranslationContext();
+  const { icons } = useComponentsContext();
   const userActions = useUserActions(member.user);
   const channelActions = useChannelActions(channel);
 
@@ -189,6 +210,7 @@ export const useChannelMemberActionItems = ({
     () => ({
       channel,
       channelActions,
+      icons,
       isBlocked,
       isCurrentUser,
       member,
@@ -200,6 +222,7 @@ export const useChannelMemberActionItems = ({
     [
       channel,
       channelActions,
+      icons,
       isBlocked,
       isCurrentUser,
       member,

package/src/hooks/messagePreview/useMessagePreviewIcon.tsx

@@ -1,15 +1,8 @@
 import { DraftMessage, LocalMessage, MessageResponse } from 'stream-chat';
 
+import { useComponentsContext } from '../../contexts/componentsContext/ComponentsContext';
 import { useGroupedAttachments } from '../../hooks/messagePreview/useGroupedAttachments';
 
-import { File } from '../../icons/file';
-import { PhotoIcon } from '../../icons/image';
-import { Link } from '../../icons/link';
-import { MapPin } from '../../icons/location';
-import { CircleBan } from '../../icons/no-sign';
-import { PollIcon } from '../../icons/poll';
-import { VideoIcon } from '../../icons/video';
-import { Mic } from '../../icons/voice';
 import { FileTypes } from '../../types/types';
 
 export const useMessagePreviewIcon = ({
@@ -17,6 +10,7 @@ export const useMessagePreviewIcon = ({
 }: {
   message?: LocalMessage | MessageResponse | DraftMessage | null;
 }) => {
+  const { icons } = useComponentsContext();
   const { giphys, audios, images, videos, files, voiceRecordings } = useGroupedAttachments(
     message?.attachments,
   );
@@ -36,39 +30,39 @@ export const useMessagePreviewIcon = ({
   );
 
   if (message.type === 'deleted') {
-    return CircleBan;
+    return icons.CircleBan;
   }
 
   if (message.poll_id) {
-    return PollIcon;
+    return icons.PollIcon;
   }
 
   if (message.shared_location) {
-    return MapPin;
+    return icons.MapPin;
   }
 
   if (hasLink) {
-    return Link;
+    return icons.Link;
   }
 
   if (onlyAudio || onlyVoiceRecordings) {
-    return Mic;
+    return icons.Mic;
   }
 
   if (onlyVideos) {
-    return VideoIcon;
+    return icons.VideoIcon;
   }
 
   if (onlyImages) {
-    return PhotoIcon;
+    return icons.PhotoIcon;
   }
 
   if (giphys?.length) {
-    return File;
+    return icons.File;
   }
 
   if (files?.length || images?.length || videos?.length || audios?.length) {
-    return File;
+    return icons.File;
   }
 
   return null;

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "9.6.2-beta.4"
+  "version": "9.7.0-beta.1"
 }

package/lib/commonjs/icons/arrow-left.js

@@ -1,37 +0,0 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ArrowLeft = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/arrow-left.tsx";
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var ArrowLeft = ({
-  height,
-  size,
-  style,
-  width,
-  ...rest
-}) => (0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
-  fill: "none",
-  height: height ?? size,
-  style: [style, {
-    transform: [{
-      rotate: _reactNative.I18nManager.isRTL ? '90deg' : '-90deg'
-    }]
-  }],
-  viewBox: "0 0 20 20",
-  width: width ?? size,
-  children: (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    d: "M10 16.875V3.125M10 3.125L4.375 8.75M10 3.125L15.625 8.75",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 1.5,
-    ...rest
-  })
-});
-exports.ArrowLeft = ArrowLeft;
-//# sourceMappingURL=arrow-left.js.map

package/lib/commonjs/icons/arrow-left.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ArrowLeft","height","size","style","width","rest","jsx","fill","transform","rotate","I18nManager","isRTL","viewBox","children","Path","d","strokeLinecap","strokeLinejoin","strokeWidth","exports"],"sourceRoot":"../../../src","sources":["icons/arrow-left.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAC,uBAAA,CAAAH,OAAA;AAA6C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,YAAA;AAAA,SAAAF,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAItC,IAAMmB,SAAS,GAAGA,CAAC;EAAEC,MAAM;EAAEC,IAAI;EAAEC,KAAK;EAAEC,KAAK;EAAE,GAAGC;AAAgB,CAAC,KAC1E,IAAA3B,WAAA,CAAA4B,GAAA,EAAC9B,eAAA,CAAAc,OAAG;EACFiB,IAAI,EAAC,MAAM;EACXN,MAAM,EAAEA,MAAM,IAAIC,IAAK;EACvBC,KAAK,EAAE,CAACA,KAAK,EAAE;IAAEK,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAEC,wBAAW,CAACC,KAAK,GAAG,OAAO,GAAG;IAAS,CAAC;EAAE,CAAC,CAAE;EACpFC,OAAO,EAAC,WAAW;EACnBR,KAAK,EAAEA,KAAK,IAAIF,IAAK;EAAAW,QAAA,EAErB,IAAAnC,WAAA,CAAA4B,GAAA,EAAC9B,eAAA,CAAAsC,IAAI;IACHC,CAAC,EAAC,2DAA2D;IAC7DC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC,OAAO;IACtBC,WAAW,EAAE,GAAI;IAAA,GACbb;EAAI,CACT;AAAC,CACC,CACN;AAACc,OAAA,CAAAnB,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/module/icons/arrow-left.js

@@ -1,37 +0,0 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ArrowLeft = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/arrow-left.tsx";
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var ArrowLeft = ({
-  height,
-  size,
-  style,
-  width,
-  ...rest
-}) => (0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
-  fill: "none",
-  height: height ?? size,
-  style: [style, {
-    transform: [{
-      rotate: _reactNative.I18nManager.isRTL ? '90deg' : '-90deg'
-    }]
-  }],
-  viewBox: "0 0 20 20",
-  width: width ?? size,
-  children: (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    d: "M10 16.875V3.125M10 3.125L4.375 8.75M10 3.125L15.625 8.75",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 1.5,
-    ...rest
-  })
-});
-exports.ArrowLeft = ArrowLeft;
-//# sourceMappingURL=arrow-left.js.map

package/lib/module/icons/arrow-left.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ArrowLeft","height","size","style","width","rest","jsx","fill","transform","rotate","I18nManager","isRTL","viewBox","children","Path","d","strokeLinecap","strokeLinejoin","strokeWidth","exports"],"sourceRoot":"../../../src","sources":["icons/arrow-left.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAC,uBAAA,CAAAH,OAAA;AAA6C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,YAAA;AAAA,SAAAF,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAItC,IAAMmB,SAAS,GAAGA,CAAC;EAAEC,MAAM;EAAEC,IAAI;EAAEC,KAAK;EAAEC,KAAK;EAAE,GAAGC;AAAgB,CAAC,KAC1E,IAAA3B,WAAA,CAAA4B,GAAA,EAAC9B,eAAA,CAAAc,OAAG;EACFiB,IAAI,EAAC,MAAM;EACXN,MAAM,EAAEA,MAAM,IAAIC,IAAK;EACvBC,KAAK,EAAE,CAACA,KAAK,EAAE;IAAEK,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAEC,wBAAW,CAACC,KAAK,GAAG,OAAO,GAAG;IAAS,CAAC;EAAE,CAAC,CAAE;EACpFC,OAAO,EAAC,WAAW;EACnBR,KAAK,EAAEA,KAAK,IAAIF,IAAK;EAAAW,QAAA,EAErB,IAAAnC,WAAA,CAAA4B,GAAA,EAAC9B,eAAA,CAAAsC,IAAI;IACHC,CAAC,EAAC,2DAA2D;IAC7DC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC,OAAO;IACtBC,WAAW,EAAE,GAAI;IAAA,GACbb;EAAI,CACT;AAAC,CACC,CACN;AAACc,OAAA,CAAAnB,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/typescript/icons/arrow-left.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IconProps } from './utils/base';
-export declare const ArrowLeft: ({ height, size, style, width, ...rest }: IconProps) => React.JSX.Element;
-//# sourceMappingURL=arrow-left.d.ts.map

package/lib/typescript/icons/arrow-left.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"arrow-left.d.ts","sourceRoot":"","sources":["../../../src/icons/arrow-left.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,SAAS,GAAI,yCAAyC,SAAS,sBAgB3E,CAAC"}

package/src/icons/arrow-left.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import { I18nManager } from 'react-native';
-import Svg, { Path } from 'react-native-svg';
-
-import { IconProps } from './utils/base';
-
-export const ArrowLeft = ({ height, size, style, width, ...rest }: IconProps) => (
-  <Svg
-    fill='none'
-    height={height ?? size}
-    style={[style, { transform: [{ rotate: I18nManager.isRTL ? '90deg' : '-90deg' }] }]}
-    viewBox='0 0 20 20'
-    width={width ?? size}
-  >
-    <Path
-      d='M10 16.875V3.125M10 3.125L4.375 8.75M10 3.125L15.625 8.75'
-      strokeLinecap='round'
-      strokeLinejoin='round'
-      strokeWidth={1.5}
-      {...rest}
-    />
-  </Svg>
-);