stream-chat-react-native-core 8.13.7 → 9.0.0-beta.2

package/lib/module/components/AttachmentPicker/components/AttachmentPickerSelectionBar.js

@@ -1,157 +1,39 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AttachmentPickerSelectionBar = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _AttachmentPickerContext = require("../../../contexts/attachmentPickerContext/AttachmentPickerContext");
-var _ChannelContext = require("../../../contexts/channelContext/ChannelContext");
-var _MessageInputContext = require("../../../contexts/messageInputContext/MessageInputContext");
-var _MessagesContext = require("../../../contexts/messagesContext/MessagesContext");
-var _OwnCapabilitiesContext = require("../../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext");
+var _AttachmentTypePickerButton = require("./AttachmentTypePickerButton");
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
+var _theme = require("../../../theme");
 var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AttachmentPicker/components/AttachmentPickerSelectionBar.tsx";
-var styles = _reactNative.StyleSheet.create({
-  container: {
-    alignItems: 'center',
-    flexDirection: 'row',
-    paddingHorizontal: 6
-  },
-  icon: {
-    marginHorizontal: 12
-  }
-});
-var AttachmentPickerSelectionBar = exports.AttachmentPickerSelectionBar = function AttachmentPickerSelectionBar() {
-  var _useAttachmentPickerC = (0, _AttachmentPickerContext.useAttachmentPickerContext)(),
-    closePicker = _useAttachmentPickerC.closePicker,
-    selectedPicker = _useAttachmentPickerC.selectedPicker,
-    setSelectedPicker = _useAttachmentPickerC.setSelectedPicker;
-  var _useMessageInputConte = (0, _MessageInputContext.useMessageInputContext)(),
-    attachmentSelectionBarHeight = _useMessageInputConte.attachmentSelectionBarHeight,
-    CameraSelectorIcon = _useMessageInputConte.CameraSelectorIcon,
-    CreatePollIcon = _useMessageInputConte.CreatePollIcon,
-    FileSelectorIcon = _useMessageInputConte.FileSelectorIcon,
-    hasCameraPicker = _useMessageInputConte.hasCameraPicker,
-    hasFilePicker = _useMessageInputConte.hasFilePicker,
-    hasImagePicker = _useMessageInputConte.hasImagePicker,
-    ImageSelectorIcon = _useMessageInputConte.ImageSelectorIcon,
-    openPollCreationDialog = _useMessageInputConte.openPollCreationDialog,
-    pickFile = _useMessageInputConte.pickFile,
-    sendMessage = _useMessageInputConte.sendMessage,
-    takeAndUploadImage = _useMessageInputConte.takeAndUploadImage,
-    VideoRecorderSelectorIcon = _useMessageInputConte.VideoRecorderSelectorIcon;
-  var _useChannelContext = (0, _ChannelContext.useChannelContext)(),
-    threadList = _useChannelContext.threadList;
-  var _useMessagesContext = (0, _MessagesContext.useMessagesContext)(),
-    hasCreatePoll = _useMessagesContext.hasCreatePoll;
-  var ownCapabilities = (0, _OwnCapabilitiesContext.useOwnCapabilitiesContext)();
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var useStyles = function useStyles() {
   var _useTheme = (0, _ThemeContext.useTheme)(),
-    _useTheme$theme$attac = _useTheme.theme.attachmentSelectionBar,
-    container = _useTheme$theme$attac.container,
-    icon = _useTheme$theme$attac.icon;
-  var setImagePicker = function setImagePicker() {
-    if (selectedPicker === 'images') {
-      setSelectedPicker(undefined);
-      closePicker();
-    } else {
-      setSelectedPicker('images');
-    }
-  };
-  var openFilePicker = function openFilePicker() {
-    setSelectedPicker(undefined);
-    closePicker();
-    pickFile();
-  };
-  var openPollCreationModal = function openPollCreationModal() {
-    setSelectedPicker(undefined);
-    closePicker();
-    openPollCreationDialog == null || openPollCreationDialog({
-      sendMessage: sendMessage
+    semantics = _useTheme.theme.semantics;
+  return (0, _react.useMemo)(function () {
+    return _reactNative.StyleSheet.create({
+      container: {
+        backgroundColor: semantics.backgroundCoreElevation1,
+        paddingBottom: _theme.primitives.spacingSm,
+        paddingHorizontal: _theme.primitives.spacingMd,
+        alignItems: 'center',
+        flexDirection: 'row'
+      }
     });
-  };
-  var onCameraPickerPress = function onCameraPickerPress() {
-    setSelectedPicker(undefined);
-    closePicker();
-    takeAndUploadImage(_reactNative.Platform.OS === 'android' ? 'image' : 'mixed');
-  };
-  var onVideoRecorderPickerPress = function onVideoRecorderPickerPress() {
-    setSelectedPicker(undefined);
-    closePicker();
-    takeAndUploadImage('video');
-  };
+  }, [semantics.backgroundCoreElevation1]);
+};
+var AttachmentPickerSelectionBar = exports.AttachmentPickerSelectionBar = function AttachmentPickerSelectionBar() {
+  var _useTheme2 = (0, _ThemeContext.useTheme)(),
+    container = _useTheme2.theme.attachmentSelectionBar.container;
+  var styles = useStyles();
   return (0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.container, container, {
-      height: attachmentSelectionBarHeight
-    }],
-    children: [hasImagePicker ? (0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      hitSlop: {
-        bottom: 15,
-        top: 15
-      },
-      onPress: setImagePicker,
-      testID: "upload-photo-touchable",
-      children: (0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.icon, icon],
-        children: (0, _jsxRuntime.jsx)(ImageSelectorIcon, {
-          selectedPicker: selectedPicker
-        })
-      })
-    }) : null, hasFilePicker ? (0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      hitSlop: {
-        bottom: 15,
-        top: 15
-      },
-      onPress: openFilePicker,
-      testID: "upload-file-touchable",
-      children: (0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.icon, icon],
-        children: (0, _jsxRuntime.jsx)(FileSelectorIcon, {
-          selectedPicker: selectedPicker
-        })
-      })
-    }) : null, hasCameraPicker ? (0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      hitSlop: {
-        bottom: 15,
-        top: 15
-      },
-      onPress: onCameraPickerPress,
-      testID: "take-photo-touchable",
-      children: (0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.icon, icon],
-        children: (0, _jsxRuntime.jsx)(CameraSelectorIcon, {
-          selectedPicker: selectedPicker
-        })
-      })
-    }) : null, hasCameraPicker && _reactNative.Platform.OS === 'android' ? (0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      hitSlop: {
-        bottom: 15,
-        top: 15
-      },
-      onPress: onVideoRecorderPickerPress,
-      testID: "take-photo-touchable",
-      children: (0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.icon, {
-          marginTop: 4
-        }, icon],
-        children: (0, _jsxRuntime.jsx)(VideoRecorderSelectorIcon, {
-          selectedPicker: selectedPicker
-        })
-      })
-    }) : null, !threadList && hasCreatePoll && ownCapabilities.sendPoll ? (0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      hitSlop: {
-        bottom: 15,
-        top: 15
-      },
-      onPress: openPollCreationModal,
-      testID: "create-poll-touchable",
-      children: (0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.icon, icon],
-        children: (0, _jsxRuntime.jsx)(CreatePollIcon, {})
-      })
-    }) : null]
+    style: [styles.container, container],
+    children: [(0, _jsxRuntime.jsx)(_AttachmentTypePickerButton.MediaPickerButton, {}), (0, _jsxRuntime.jsx)(_AttachmentTypePickerButton.CameraPickerButton, {}), (0, _jsxRuntime.jsx)(_AttachmentTypePickerButton.FilePickerButton, {}), (0, _jsxRuntime.jsx)(_AttachmentTypePickerButton.PollPickerButton, {}), (0, _jsxRuntime.jsx)(_AttachmentTypePickerButton.CommandsPickerButton, {})]
   });
 };
 //# sourceMappingURL=AttachmentPickerSelectionBar.js.map

package/lib/module/components/AttachmentPicker/components/AttachmentPickerSelectionBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_AttachmentPickerContext","_ChannelContext","_MessageInputContext","_MessagesContext","_OwnCapabilitiesContext","_ThemeContext","_jsxRuntime","_this","_jsxFileName","styles","StyleSheet","create","container","alignItems","flexDirection","paddingHorizontal","icon","marginHorizontal","AttachmentPickerSelectionBar","exports","_useAttachmentPickerC","useAttachmentPickerContext","closePicker","selectedPicker","setSelectedPicker","_useMessageInputConte","useMessageInputContext","attachmentSelectionBarHeight","CameraSelectorIcon","CreatePollIcon","FileSelectorIcon","hasCameraPicker","hasFilePicker","hasImagePicker","ImageSelectorIcon","openPollCreationDialog","pickFile","sendMessage","takeAndUploadImage","VideoRecorderSelectorIcon","_useChannelContext","useChannelContext","threadList","_useMessagesContext","useMessagesContext","hasCreatePoll","ownCapabilities","useOwnCapabilitiesContext","_useTheme","useTheme","_useTheme$theme$attac","theme","attachmentSelectionBar","setImagePicker","undefined","openFilePicker","openPollCreationModal","onCameraPickerPress","Platform","OS","onVideoRecorderPickerPress","jsxs","View","style","height","children","jsx","TouchableOpacity","hitSlop","bottom","top","onPress","testID","marginTop","sendPoll"],"sourceRoot":"../../../../../src","sources":["components/AttachmentPicker/components/AttachmentPickerSelectionBar.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_AttachmentTypePickerButton","_ThemeContext","_theme","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useStyles","_useTheme","useTheme","semantics","theme","useMemo","StyleSheet","create","container","backgroundColor","backgroundCoreElevation1","paddingBottom","primitives","spacingSm","paddingHorizontal","spacingMd","alignItems","flexDirection","AttachmentPickerSelectionBar","exports","_useTheme2","attachmentSelectionBar","styles","jsxs","View","style","children","jsx","MediaPickerButton","CameraPickerButton","FilePickerButton","PollPickerButton","CommandsPickerButton"],"sourceRoot":"../../../../../src","sources":["components/AttachmentPicker/components/AttachmentPickerSelectionBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/AttachmentPicker/components/AttachmentTypePickerButton.js

@@ -0,0 +1,202 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PollPickerButton = exports.MediaPickerButton = exports.FilePickerButton = exports.CommandsPickerButton = exports.CameraPickerButton = exports.AttachmentTypePickerButton = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _AttachmentPickerContent = require("./AttachmentPickerContent");
+var _contexts = require("../../../contexts");
+var _hooks = require("../../../hooks");
+var _useAttachmentPickerState = require("../../../hooks/useAttachmentPickerState");
+var _icons = require("../../../icons");
+var _ui = require("../../ui");
+var _UIComponents = require("../../UIComponents");
+var _jsxRuntime = require("react/jsx-runtime");
+var _this = this,
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AttachmentPicker/components/AttachmentTypePickerButton.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var hitSlop = {
+  bottom: 15,
+  top: 15
+};
+var AttachmentTypePickerButton = exports.AttachmentTypePickerButton = function AttachmentTypePickerButton(_ref) {
+  var testID = _ref.testID,
+    selected = _ref.selected,
+    onPressProp = _ref.onPress,
+    Icon = _ref.Icon;
+  var _useAttachmentPickerC = (0, _contexts.useAttachmentPickerContext)(),
+    disableAttachmentPicker = _useAttachmentPickerC.disableAttachmentPicker;
+  var ButtonIcon = (0, _react.useCallback)(function (props) {
+    return Icon && (0, _jsxRuntime.jsx)(Icon, Object.assign({}, props, {
+      width: 14,
+      height: 14
+    }));
+  }, [Icon]);
+  var onPress = (0, _hooks.useStableCallback)(function (event) {
+    return ((!selected || disableAttachmentPicker) && onPressProp ? onPressProp(event) : null
+    );
+  });
+  return (0, _jsxRuntime.jsx)(_ui.Button, {
+    testID: testID,
+    hitSlop: hitSlop,
+    onPress: onPress,
+    LeadingIcon: ButtonIcon,
+    type: 'ghost',
+    size: 'lg',
+    variant: 'secondary',
+    iconOnly: true,
+    selected: selected && !disableAttachmentPicker
+  });
+};
+var MediaPickerButton = exports.MediaPickerButton = function MediaPickerButton() {
+  var _useMessageInputConte = (0, _contexts.useMessageInputContext)(),
+    hasImagePicker = _useMessageInputConte.hasImagePicker,
+    pickAndUploadImageFromNativePicker = _useMessageInputConte.pickAndUploadImageFromNativePicker;
+  var _useAttachmentPickerC2 = (0, _contexts.useAttachmentPickerContext)(),
+    attachmentPickerStore = _useAttachmentPickerC2.attachmentPickerStore,
+    disableAttachmentPicker = _useAttachmentPickerC2.disableAttachmentPicker;
+  var _useAttachmentPickerS = (0, _useAttachmentPickerState.useAttachmentPickerState)(),
+    selectedPicker = _useAttachmentPickerS.selectedPicker;
+  var setImagePicker = (0, _hooks.useStableCallback)(function () {
+    if (disableAttachmentPicker) {
+      pickAndUploadImageFromNativePicker();
+    } else {
+      attachmentPickerStore.setSelectedPicker('images');
+    }
+  });
+  return hasImagePicker ? (0, _jsxRuntime.jsx)(AttachmentTypePickerButton, {
+    testID: "upload-photo-touchable",
+    Icon: _icons.Picture,
+    selected: selectedPicker === 'images',
+    onPress: setImagePicker
+  }) : null;
+};
+var CameraPickerButton = exports.CameraPickerButton = function CameraPickerButton() {
+  var _useAttachmentPickerC3 = (0, _contexts.useAttachmentPickerContext)(),
+    attachmentPickerStore = _useAttachmentPickerC3.attachmentPickerStore,
+    disableAttachmentPicker = _useAttachmentPickerC3.disableAttachmentPicker;
+  var _useAttachmentPickerS2 = (0, _useAttachmentPickerState.useAttachmentPickerState)(),
+    selectedPicker = _useAttachmentPickerS2.selectedPicker;
+  var _useMessageInputConte2 = (0, _contexts.useMessageInputContext)(),
+    hasCameraPicker = _useMessageInputConte2.hasCameraPicker,
+    takeAndUploadImage = _useMessageInputConte2.takeAndUploadImage;
+  var onCameraPickerPress = (0, _hooks.useStableCallback)(function () {
+    if (disableAttachmentPicker) {
+      takeAndUploadImage(_reactNative.Platform.OS === 'android' ? 'image' : 'mixed');
+    } else {
+      attachmentPickerStore.setSelectedPicker('camera-photo');
+    }
+  });
+  var onVideoRecorderPickerPress = (0, _hooks.useStableCallback)(function () {
+    if (disableAttachmentPicker) {
+      takeAndUploadImage('video');
+    } else {
+      attachmentPickerStore.setSelectedPicker('camera-video');
+    }
+  });
+  return hasCameraPicker ? (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsx)(AttachmentTypePickerButton, {
+      testID: "take-photo-touchable",
+      Icon: _icons.Camera,
+      selected: selectedPicker === 'camera-photo',
+      onPress: onCameraPickerPress
+    }), _reactNative.Platform.OS === 'android' ? (0, _jsxRuntime.jsx)(AttachmentTypePickerButton, {
+      Icon: _icons.Recorder,
+      selected: selectedPicker === 'camera-video',
+      onPress: onVideoRecorderPickerPress
+    }) : null]
+  }) : null;
+};
+var FilePickerButton = exports.FilePickerButton = function FilePickerButton() {
+  var _useAttachmentPickerC4 = (0, _contexts.useAttachmentPickerContext)(),
+    attachmentPickerStore = _useAttachmentPickerC4.attachmentPickerStore,
+    disableAttachmentPicker = _useAttachmentPickerC4.disableAttachmentPicker;
+  var _useAttachmentPickerS3 = (0, _useAttachmentPickerState.useAttachmentPickerState)(),
+    selectedPicker = _useAttachmentPickerS3.selectedPicker;
+  var _useMessageInputConte3 = (0, _contexts.useMessageInputContext)(),
+    hasFilePicker = _useMessageInputConte3.hasFilePicker,
+    pickFile = _useMessageInputConte3.pickFile;
+  var openFilePicker = (0, _hooks.useStableCallback)(function () {
+    if (!disableAttachmentPicker) {
+      attachmentPickerStore.setSelectedPicker('files');
+    }
+    pickFile();
+  });
+  return hasFilePicker ? (0, _jsxRuntime.jsx)(AttachmentTypePickerButton, {
+    testID: "upload-file-touchable",
+    Icon: _icons.FilePickerIcon,
+    selected: selectedPicker === 'files',
+    onPress: openFilePicker
+  }) : null;
+};
+var PollPickerButton = exports.PollPickerButton = function PollPickerButton() {
+  var _useAttachmentPickerC5 = (0, _contexts.useAttachmentPickerContext)(),
+    attachmentPickerStore = _useAttachmentPickerC5.attachmentPickerStore,
+    disableAttachmentPicker = _useAttachmentPickerC5.disableAttachmentPicker;
+  var _useAttachmentPickerS4 = (0, _useAttachmentPickerState.useAttachmentPickerState)(),
+    selectedPicker = _useAttachmentPickerS4.selectedPicker;
+  var _useChannelContext = (0, _contexts.useChannelContext)(),
+    threadList = _useChannelContext.threadList;
+  var _useMessagesContext = (0, _contexts.useMessagesContext)(),
+    hasCreatePoll = _useMessagesContext.hasCreatePoll;
+  var ownCapabilities = (0, _contexts.useOwnCapabilitiesContext)();
+  var _useMessageInputConte4 = (0, _contexts.useMessageInputContext)(),
+    openPollCreationDialog = _useMessageInputConte4.openPollCreationDialog,
+    sendMessage = _useMessageInputConte4.sendMessage;
+  var openPollCreationModal = (0, _hooks.useStableCallback)(function () {
+    if (!disableAttachmentPicker) {
+      attachmentPickerStore.setSelectedPicker('polls');
+    }
+    openPollCreationDialog == null || openPollCreationDialog({
+      sendMessage: sendMessage
+    });
+  });
+  return !threadList && hasCreatePoll && ownCapabilities.sendPoll ? (0, _jsxRuntime.jsx)(AttachmentTypePickerButton, {
+    testID: "create-poll-touchable",
+    Icon: _icons.PollThumbnail,
+    selected: selectedPicker === 'polls',
+    onPress: openPollCreationModal
+  }) : null;
+};
+var CommandsPickerButton = exports.CommandsPickerButton = function CommandsPickerButton() {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    showCommandsSheet = _useState2[0],
+    setShowCommandsSheet = _useState2[1];
+  var messageComposer = (0, _contexts.useMessageComposer)();
+  var _useMessageInputConte5 = (0, _contexts.useMessageInputContext)(),
+    hasCommands = _useMessageInputConte5.hasCommands;
+  var _useAttachmentPickerC6 = (0, _contexts.useAttachmentPickerContext)(),
+    attachmentPickerStore = _useAttachmentPickerC6.attachmentPickerStore,
+    disableAttachmentPicker = _useAttachmentPickerC6.disableAttachmentPicker;
+  var _useAttachmentPickerS5 = (0, _useAttachmentPickerState.useAttachmentPickerState)(),
+    selectedPicker = _useAttachmentPickerS5.selectedPicker;
+  var setCommandsPicker = (0, _hooks.useStableCallback)(function () {
+    if (disableAttachmentPicker) {
+      setShowCommandsSheet(true);
+    } else {
+      attachmentPickerStore.setSelectedPicker('commands');
+    }
+  });
+  var onClose = (0, _hooks.useStableCallback)(function () {
+    return setShowCommandsSheet(false);
+  });
+  return hasCommands && !messageComposer.editedMessage ? (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsx)(AttachmentTypePickerButton, {
+      testID: "commands-touchable",
+      Icon: _icons.CommandsIcon,
+      selected: selectedPicker === 'commands',
+      onPress: setCommandsPicker
+    }), showCommandsSheet ? (0, _jsxRuntime.jsx)(_UIComponents.BottomSheetModal, {
+      height: 338,
+      onClose: onClose,
+      visible: showCommandsSheet,
+      lazy: true,
+      children: (0, _jsxRuntime.jsx)(_AttachmentPickerContent.AttachmentCommandPicker, {})
+    }) : null]
+  }) : null;
+};
+//# sourceMappingURL=AttachmentTypePickerButton.js.map

package/lib/module/components/AttachmentPicker/components/AttachmentTypePickerButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_AttachmentPickerContent","_contexts","_hooks","_useAttachmentPickerState","_icons","_ui","_UIComponents","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","hitSlop","bottom","top","AttachmentTypePickerButton","exports","_ref","testID","selected","onPressProp","onPress","Icon","_useAttachmentPickerC","useAttachmentPickerContext","disableAttachmentPicker","ButtonIcon","useCallback","props","jsx","assign","width","height","useStableCallback","event","Button","LeadingIcon","type","size","variant","iconOnly","MediaPickerButton","_useMessageInputConte","useMessageInputContext","hasImagePicker","pickAndUploadImageFromNativePicker","_useAttachmentPickerC2","attachmentPickerStore","_useAttachmentPickerS","useAttachmentPickerState","selectedPicker","setImagePicker","setSelectedPicker","Picture","CameraPickerButton","_useAttachmentPickerC3","_useAttachmentPickerS2","_useMessageInputConte2","hasCameraPicker","takeAndUploadImage","onCameraPickerPress","Platform","OS","onVideoRecorderPickerPress","jsxs","Fragment","children","Camera","Recorder","FilePickerButton","_useAttachmentPickerC4","_useAttachmentPickerS3","_useMessageInputConte3","hasFilePicker","pickFile","openFilePicker","FilePickerIcon","PollPickerButton","_useAttachmentPickerC5","_useAttachmentPickerS4","_useChannelContext","useChannelContext","threadList","_useMessagesContext","useMessagesContext","hasCreatePoll","ownCapabilities","useOwnCapabilitiesContext","_useMessageInputConte4","openPollCreationDialog","sendMessage","openPollCreationModal","sendPoll","PollThumbnail","CommandsPickerButton","_useState","useState","_useState2","_slicedToArray2","showCommandsSheet","setShowCommandsSheet","messageComposer","useMessageComposer","_useMessageInputConte5","hasCommands","_useAttachmentPickerC6","_useAttachmentPickerS5","setCommandsPicker","onClose","editedMessage","CommandsIcon","BottomSheetModal","visible","lazy","AttachmentCommandPicker"],"sourceRoot":"../../../../../src","sources":["components/AttachmentPicker/components/AttachmentTypePickerButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/AttachmentPicker/components/ImageOverlaySelectedComponent.js

@@ -6,29 +6,38 @@ exports.ImageOverlaySelectedComponent = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
-var _icons = require("../../../icons");
+var _theme = require("../../../theme");
+var _ui = require("../../ui");
 var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AttachmentPicker/components/ImageOverlaySelectedComponent.tsx";
 var styles = _reactNative.StyleSheet.create({
   check: {
-    borderRadius: 12,
+    borderRadius: _theme.primitives.radiusMax,
     height: 24,
     marginRight: 8,
     marginTop: 8,
     width: 24
   }
 });
-var ImageOverlaySelectedComponent = exports.ImageOverlaySelectedComponent = function ImageOverlaySelectedComponent() {
+var ImageOverlaySelectedComponent = exports.ImageOverlaySelectedComponent = function ImageOverlaySelectedComponent(_ref) {
+  var index = _ref.index;
   var _useTheme = (0, _ThemeContext.useTheme)(),
     _useTheme$theme = _useTheme.theme,
-    check = _useTheme$theme.attachmentPicker.imageOverlaySelectedComponent.check,
-    white = _useTheme$theme.colors.white;
+    semantics = _useTheme$theme.semantics,
+    check = _useTheme$theme.attachmentPicker.imageOverlaySelectedComponent.check;
   return (0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.check, {
-      backgroundColor: white
+    style: [styles.check, index === -1 ? {
+      borderWidth: 2,
+      borderColor: semantics.borderCoreOnAccent
+    } : {
+      backgroundColor: semantics.badgeBgPrimary
     }, check],
-    children: (0, _jsxRuntime.jsx)(_icons.Check, {})
+    children: index !== -1 ? (0, _jsxRuntime.jsx)(_ui.BadgeNotification, {
+      count: index + 1,
+      size: "sm",
+      type: "primary"
+    }) : null
   });
 };
 ImageOverlaySelectedComponent.displayName = 'ImageOverlaySelectedComponent{attachmentPicker{imageOverlaySelectedComponent}}';

package/lib/module/components/AttachmentPicker/components/ImageOverlaySelectedComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_icons","_jsxRuntime","_this","_jsxFileName","styles","StyleSheet","create","check","borderRadius","height","marginRight","marginTop","width","ImageOverlaySelectedComponent","exports","_useTheme","useTheme","_useTheme$theme","theme","attachmentPicker","imageOverlaySelectedComponent","white","colors","jsx","View","style","backgroundColor","children","Check","displayName"],"sourceRoot":"../../../../../src","sources":["components/AttachmentPicker/components/ImageOverlaySelectedComponent.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAuC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,KAAA;EAAAC,YAAA;AAEvC,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,KAAK,EAAE;IACLC,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,SAAS,EAAE,CAAC;IACZC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEK,IAAMC,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,SAAhCA,6BAA6BA,CAAA,EAAS;EACjD,IAAAE,SAAA,GAOI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CANZG,KAAK;IAEgCX,KAAK,GAAAU,eAAA,CADxCE,gBAAgB,CACdC,6BAA6B,CAAIb,KAAK;IAE9Bc,KAAK,GAAAJ,eAAA,CAAfK,MAAM,CAAID,KAAK;EAGnB,OACE,IAAApB,WAAA,CAAAsB,GAAA,EAACzB,YAAA,CAAA0B,IAAI;IAACC,KAAK,EAAE,CAACrB,MAAM,CAACG,KAAK,EAAE;MAAEmB,eAAe,EAAEL;IAAM,CAAC,EAAEd,KAAK,CAAE;IAAAoB,QAAA,EAC7D,IAAA1B,WAAA,CAAAsB,GAAA,EAACvB,MAAA,CAAA4B,KAAK,IAAE;EAAC,CACL,CAAC;AAEX,CAAC;AAEDf,6BAA6B,CAACgB,WAAW,GACvC,gFAAgF","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_theme","_ui","_jsxRuntime","_this","_jsxFileName","styles","StyleSheet","create","check","borderRadius","primitives","radiusMax","height","marginRight","marginTop","width","ImageOverlaySelectedComponent","exports","_ref","index","_useTheme","useTheme","_useTheme$theme","theme","semantics","attachmentPicker","imageOverlaySelectedComponent","jsx","View","style","borderWidth","borderColor","borderCoreOnAccent","backgroundColor","badgeBgPrimary","children","BadgeNotification","count","size","type","displayName"],"sourceRoot":"../../../../../src","sources":["components/AttachmentPicker/components/ImageOverlaySelectedComponent.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,GAAA,GAAAJ,OAAA;AAA6C,IAAAK,WAAA,GAAAL,OAAA;AAAA,IAAAM,KAAA;EAAAC,YAAA;AAE7C,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,KAAK,EAAE;IACLC,YAAY,EAAEC,iBAAU,CAACC,SAAS;IAClCC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,SAAS,EAAE,CAAC;IACZC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEK,IAAMC,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,SAAhCA,6BAA6BA,CAAAE,IAAA,EAAqC;EAAA,IAA/BC,KAAK,GAAAD,IAAA,CAALC,KAAK;EACnD,IAAAC,SAAA,GAOI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CANZG,KAAK;IACHC,SAAS,GAAAF,eAAA,CAATE,SAAS;IAE0BhB,KAAK,GAAAc,eAAA,CADxCG,gBAAgB,CACdC,6BAA6B,CAAIlB,KAAK;EAI5C,OACE,IAAAN,WAAA,CAAAyB,GAAA,EAAC7B,YAAA,CAAA8B,IAAI;IACHC,KAAK,EAAE,CACLxB,MAAM,CAACG,KAAK,EACZW,KAAK,KAAK,CAAC,CAAC,GACR;MAAEW,WAAW,EAAE,CAAC;MAAEC,WAAW,EAAEP,SAAS,CAACQ;IAAmB,CAAC,GAC7D;MAAEC,eAAe,EAAET,SAAS,CAACU;IAAe,CAAC,EACjD1B,KAAK,CACL;IAAA2B,QAAA,EAEDhB,KAAK,KAAK,CAAC,CAAC,GAAG,IAAAjB,WAAA,CAAAyB,GAAA,EAAC1B,GAAA,CAAAmC,iBAAiB;MAACC,KAAK,EAAElB,KAAK,GAAG,CAAE;MAACmB,IAAI,EAAC,IAAI;MAACC,IAAI,EAAC;IAAS,CAAE,CAAC,GAAG;EAAI,CACnF,CAAC;AAEX,CAAC;AAEDvB,6BAA6B,CAACwB,WAAW,GACvC,gFAAgF","ignoreList":[]}