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

package/lib/commonjs/components/MessageInput/components/AudioRecorder/AudioRecordingButton.js

@@ -2,40 +2,60 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AudioRecordingButton = void 0;
-var _react = _interopRequireDefault(require("react"));
+exports.AudioRecordingButtonWithContext = exports.AudioRecordingButton = void 0;
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _AudioPlayerContext = require("../../../../contexts/audioPlayerContext/AudioPlayerContext");
 var _MessageInputContext = require("../../../../contexts/messageInputContext/MessageInputContext");
 var _ThemeContext = require("../../../../contexts/themeContext/ThemeContext");
 var _TranslationContext = require("../../../../contexts/translationContext/TranslationContext");
+var _hooks = require("../../../../hooks");
+var _useStateStore2 = require("../../../../hooks/useStateStore");
 var _Mic = require("../../../../icons/Mic");
 var _native = require("../../../../native");
+var _theme = require("../../../../theme");
+var _useButtonStyles = require("../../../ui/Button/hooks/useButtonStyles");
+var _MicPositionContext = require("../../contexts/MicPositionContext");
 var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageInput/components/AudioRecorder/AudioRecordingButton.tsx";
-var AudioRecordingButton = exports.AudioRecordingButton = function AudioRecordingButton(props) {
-  var propAsyncMessagesMinimumPressDuration = props.asyncMessagesMinimumPressDuration,
-    buttonSize = props.buttonSize,
+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 buttonStylesConfig = {
+  variant: 'secondary',
+  type: 'ghost'
+};
+var AudioRecordingButtonWithContext = exports.AudioRecordingButtonWithContext = function AudioRecordingButtonWithContext(props) {
+  var audioRecorderManager = props.audioRecorderManager,
+    asyncMessagesMinimumPressDuration = props.asyncMessagesMinimumPressDuration,
+    asyncMessagesSlideToCancelDistance = props.asyncMessagesSlideToCancelDistance,
+    asyncMessagesLockDistance = props.asyncMessagesLockDistance,
+    asyncMessagesMultiSendEnabled = props.asyncMessagesMultiSendEnabled,
+    startVoiceRecording = props.startVoiceRecording,
+    deleteVoiceRecording = props.deleteVoiceRecording,
+    uploadVoiceRecording = props.uploadVoiceRecording,
     handleLongPress = props.handleLongPress,
     handlePress = props.handlePress,
-    permissionsGranted = props.permissionsGranted,
-    recording = props.recording,
-    startVoiceRecording = props.startVoiceRecording;
-  var _useMessageInputConte = (0, _MessageInputContext.useMessageInputContext)(),
-    contextAsyncMessagesMinimumPressDuration = _useMessageInputConte.asyncMessagesMinimumPressDuration;
-  var asyncMessagesMinimumPressDuration = propAsyncMessagesMinimumPressDuration || contextAsyncMessagesMinimumPressDuration;
-  var _useTheme = (0, _ThemeContext.useTheme)(),
-    _useTheme$theme = _useTheme.theme,
-    _useTheme$theme$color = _useTheme$theme.colors,
-    grey = _useTheme$theme$color.grey,
-    light_gray = _useTheme$theme$color.light_gray,
-    white = _useTheme$theme$color.white,
-    _useTheme$theme$messa = _useTheme$theme.messageInput.audioRecordingButton,
-    container = _useTheme$theme$messa.container,
-    micIcon = _useTheme$theme$messa.micIcon;
+    cancellableDuration = props.cancellableDuration,
+    status = props.status,
+    recording = props.recording;
+  var _useMicPositionContex = (0, _MicPositionContext.useMicPositionContext)(),
+    micPositionX = _useMicPositionContex.micPositionX,
+    micPositionY = _useMicPositionContex.micPositionY;
+  var activeAudioPlayer = (0, _AudioPlayerContext.useActiveAudioPlayer)();
+  var scale = (0, _reactNativeReanimated.useSharedValue)(1);
+  var pressed = (0, _reactNativeReanimated.useSharedValue)(false);
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
     t = _useTranslationContex.t;
-  var onPressHandler = function onPressHandler() {
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme = _useTheme.theme,
+    micButtonContainer = _useTheme$theme.messageComposer.micButtonContainer,
+    semantics = _useTheme$theme.semantics;
+  var buttonStyles = (0, _useButtonStyles.useButtonStyles)(buttonStylesConfig);
+  var onPressHandler = (0, _hooks.useStableCallback)(function () {
     if (handlePress) {
       handlePress();
     }
@@ -43,54 +63,169 @@ var AudioRecordingButton = exports.AudioRecordingButton = function AudioRecordin
       _native.NativeHandlers.triggerHaptic('notificationError');
       _reactNative.Alert.alert(t('Hold to start recording.'));
     }
-  };
-  var onLongPressHandler = function onLongPressHandler() {
+  });
+  var onLongPressHandler = (0, _hooks.useStableCallback)((0, _asyncToGenerator2.default)(function* () {
     if (handleLongPress) {
       handleLongPress();
       return;
     }
-    if (!recording) {
-      _native.NativeHandlers.triggerHaptic('impactHeavy');
+    if (recording) return;
+    if (startVoiceRecording) {
+      if (activeAudioPlayer != null && activeAudioPlayer.isPlaying) {
+        activeAudioPlayer == null || activeAudioPlayer.pause();
+      }
+      var permissionsGranted = yield startVoiceRecording();
       if (!permissionsGranted) {
         _reactNative.Alert.alert(t('Please allow Audio permissions in settings.'), '', [{
           onPress: function onPress() {
             _reactNative.Linking.openSettings();
           },
           text: t('Open Settings')
+        }, {
+          text: t('Cancel'),
+          style: 'cancel'
         }]);
         return;
       }
-      if (startVoiceRecording) {
-        startVoiceRecording();
-      }
+      _native.NativeHandlers.triggerHaptic('impactHeavy');
+    }
+  }));
+  var X_AXIS_POSITION = -asyncMessagesSlideToCancelDistance;
+  var Y_AXIS_POSITION = -asyncMessagesLockDistance;
+  var micLockHandler = (0, _hooks.useStableCallback)(function (value) {
+    if (status === 'recording') {
+      audioRecorderManager.micLocked = value;
     }
-  };
-  return (0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-    delayLongPress: asyncMessagesMinimumPressDuration,
-    onLongPress: onLongPressHandler,
-    onPress: onPressHandler,
-    style: function style(_ref) {
-      var pressed = _ref.pressed;
-      return [styles.container, {
-        backgroundColor: pressed ? light_gray : white,
-        height: buttonSize || 40,
-        width: buttonSize || 40
-      }, container];
-    },
-    testID: "audio-button",
-    children: (0, _jsxRuntime.jsx)(_Mic.Mic, Object.assign({
-      fill: grey,
-      size: 32
-    }, micIcon))
   });
+  var resetAudioRecording = (0, _hooks.useStableCallback)((0, _asyncToGenerator2.default)(function* () {
+    _native.NativeHandlers.triggerHaptic('notificationSuccess');
+    yield deleteVoiceRecording();
+  }));
+  var onEarlyReleaseHandler = (0, _hooks.useStableCallback)(function () {
+    _native.NativeHandlers.triggerHaptic('notificationError');
+    resetAudioRecording();
+  });
+  var onTouchGestureEnd = (0, _hooks.useStableCallback)(function () {
+    if (cancellableDuration) {
+      onEarlyReleaseHandler();
+      return;
+    }
+    if (status === 'recording') {
+      uploadVoiceRecording(asyncMessagesMultiSendEnabled);
+    } else {
+      resetAudioRecording();
+    }
+  });
+  var tapGesture = (0, _react.useMemo)(function () {
+    return _reactNativeGestureHandler.Gesture.LongPress().minDuration(asyncMessagesMinimumPressDuration).onBegin(function () {
+      scale.value = (0, _reactNativeReanimated.withSpring)(0.8, {
+        mass: 0.5
+      });
+      pressed.value = true;
+    }).onStart(function () {
+      (0, _reactNativeReanimated.runOnJS)(onLongPressHandler)();
+    }).onFinalize(function (e) {
+      scale.value = (0, _reactNativeReanimated.withSpring)(1, {
+        mass: 0.5
+      });
+      pressed.value = false;
+      if (e.state === _reactNativeGestureHandler.State.FAILED) {
+        (0, _reactNativeReanimated.runOnJS)(onPressHandler)();
+      }
+    });
+  }, [asyncMessagesMinimumPressDuration, onLongPressHandler, onPressHandler, scale, pressed]);
+  var panGesture = (0, _react.useMemo)(function () {
+    return _reactNativeGestureHandler.Gesture.Pan().activateAfterLongPress(asyncMessagesMinimumPressDuration).onUpdate(function (e) {
+      micPositionX.value = (0, _reactNativeReanimated.clamp)(e.translationX, X_AXIS_POSITION, 0);
+      micPositionY.value = (0, _reactNativeReanimated.clamp)(e.translationY, Y_AXIS_POSITION, 0);
+    }).onStart(function () {
+      micPositionX.value = 0;
+      micPositionY.value = 0;
+    }).onEnd(function () {
+      var belowThresholdY = micPositionY.value > Y_AXIS_POSITION / 2;
+      var belowThresholdX = micPositionX.value > X_AXIS_POSITION / 2;
+      if (belowThresholdY && belowThresholdX) {
+        micPositionY.value = (0, _reactNativeReanimated.withSpring)(0);
+        micPositionX.value = (0, _reactNativeReanimated.withSpring)(0);
+        (0, _reactNativeReanimated.runOnJS)(onTouchGestureEnd)();
+        return;
+      }
+      if (!belowThresholdX) {
+        micPositionX.value = (0, _reactNativeReanimated.withSpring)(X_AXIS_POSITION);
+        (0, _reactNativeReanimated.runOnJS)(resetAudioRecording)();
+      } else if (!belowThresholdY) {
+        micPositionY.value = (0, _reactNativeReanimated.withSpring)(Y_AXIS_POSITION);
+        (0, _reactNativeReanimated.runOnJS)(micLockHandler)(true);
+      }
+      micPositionX.value = 0;
+      micPositionY.value = 0;
+    });
+  }, [X_AXIS_POSITION, Y_AXIS_POSITION, asyncMessagesMinimumPressDuration, micLockHandler, micPositionX, micPositionY, onTouchGestureEnd, resetAudioRecording]);
+  var animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(function () {
+    return {
+      transform: [{
+        scale: scale.value
+      }],
+      backgroundColor: pressed.value ? semantics.backgroundUtilityPressed : 'transparent'
+    };
+  });
+  return (0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
+    gesture: _reactNativeGestureHandler.Gesture.Simultaneous(panGesture, tapGesture),
+    children: (0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [styles.container, animatedStyle, micButtonContainer],
+      children: (0, _jsxRuntime.jsx)(_Mic.Mic, {
+        height: 20,
+        width: 20,
+        strokeWidth: 1.5,
+        stroke: buttonStyles.foregroundColor
+      })
+    })
+  });
+};
+var MemoizedAudioRecordingButton = _react.default.memo(AudioRecordingButtonWithContext);
+var audioRecorderSelector = function audioRecorderSelector(state) {
+  return {
+    cancellableDuration: state.duration < 300,
+    recording: state.recording,
+    status: state.status
+  };
+};
+var AudioRecordingButton = exports.AudioRecordingButton = function AudioRecordingButton(props) {
+  var _useMessageInputConte = (0, _MessageInputContext.useMessageInputContext)(),
+    audioRecorderManager = _useMessageInputConte.audioRecorderManager,
+    asyncMessagesMinimumPressDuration = _useMessageInputConte.asyncMessagesMinimumPressDuration,
+    asyncMessagesSlideToCancelDistance = _useMessageInputConte.asyncMessagesSlideToCancelDistance,
+    asyncMessagesLockDistance = _useMessageInputConte.asyncMessagesLockDistance,
+    asyncMessagesMultiSendEnabled = _useMessageInputConte.asyncMessagesMultiSendEnabled,
+    startVoiceRecording = _useMessageInputConte.startVoiceRecording,
+    deleteVoiceRecording = _useMessageInputConte.deleteVoiceRecording,
+    uploadVoiceRecording = _useMessageInputConte.uploadVoiceRecording;
+  var _useStateStore = (0, _useStateStore2.useStateStore)(audioRecorderManager.state, audioRecorderSelector),
+    cancellableDuration = _useStateStore.cancellableDuration,
+    status = _useStateStore.status,
+    recording = _useStateStore.recording;
+  return (0, _jsxRuntime.jsx)(MemoizedAudioRecordingButton, Object.assign({
+    audioRecorderManager: audioRecorderManager,
+    asyncMessagesMinimumPressDuration: asyncMessagesMinimumPressDuration,
+    asyncMessagesSlideToCancelDistance: asyncMessagesSlideToCancelDistance,
+    asyncMessagesLockDistance: asyncMessagesLockDistance,
+    asyncMessagesMultiSendEnabled: asyncMessagesMultiSendEnabled,
+    startVoiceRecording: startVoiceRecording,
+    deleteVoiceRecording: deleteVoiceRecording,
+    uploadVoiceRecording: uploadVoiceRecording,
+    cancellableDuration: cancellableDuration,
+    status: status,
+    recording: recording
+  }, props));
 };
+AudioRecordingButton.displayName = 'AudioRecordingButton{messageComposer}';
 var styles = _reactNative.StyleSheet.create({
   container: {
+    borderRadius: _theme.primitives.radiusMax,
     alignItems: 'center',
-    borderRadius: 50,
     justifyContent: 'center',
-    marginLeft: 8
+    height: 32,
+    width: 32
   }
 });
-AudioRecordingButton.displayName = 'AudioRecordingButton{messageInput}';
 //# sourceMappingURL=AudioRecordingButton.js.map

package/lib/commonjs/components/MessageInput/components/AudioRecorder/AudioRecordingButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MessageInputContext","_ThemeContext","_TranslationContext","_Mic","_native","_jsxRuntime","_this","_jsxFileName","AudioRecordingButton","exports","props","propAsyncMessagesMinimumPressDuration","asyncMessagesMinimumPressDuration","buttonSize","handleLongPress","handlePress","permissionsGranted","recording","startVoiceRecording","_useMessageInputConte","useMessageInputContext","contextAsyncMessagesMinimumPressDuration","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","grey","light_gray","white","_useTheme$theme$messa","messageInput","audioRecordingButton","container","micIcon","_useTranslationContex","useTranslationContext","t","onPressHandler","NativeHandlers","triggerHaptic","Alert","alert","onLongPressHandler","onPress","Linking","openSettings","text","jsx","Pressable","delayLongPress","onLongPress","style","_ref","pressed","styles","backgroundColor","height","width","testID","children","Mic","Object","assign","fill","size","StyleSheet","create","alignItems","borderRadius","justifyContent","marginLeft","displayName"],"sourceRoot":"../../../../../../src","sources":["components/MessageInput/components/AudioRecorder/AudioRecordingButton.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_AudioPlayerContext","_MessageInputContext","_ThemeContext","_TranslationContext","_hooks","_useStateStore2","_Mic","_native","_theme","_useButtonStyles","_MicPositionContext","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","buttonStylesConfig","variant","type","AudioRecordingButtonWithContext","exports","props","audioRecorderManager","asyncMessagesMinimumPressDuration","asyncMessagesSlideToCancelDistance","asyncMessagesLockDistance","asyncMessagesMultiSendEnabled","startVoiceRecording","deleteVoiceRecording","uploadVoiceRecording","handleLongPress","handlePress","cancellableDuration","status","recording","_useMicPositionContex","useMicPositionContext","micPositionX","micPositionY","activeAudioPlayer","useActiveAudioPlayer","scale","useSharedValue","pressed","_useTranslationContex","useTranslationContext","_useTheme","useTheme","_useTheme$theme","theme","micButtonContainer","messageComposer","semantics","buttonStyles","useButtonStyles","onPressHandler","useStableCallback","NativeHandlers","triggerHaptic","Alert","alert","onLongPressHandler","_asyncToGenerator2","isPlaying","pause","permissionsGranted","onPress","Linking","openSettings","text","style","X_AXIS_POSITION","Y_AXIS_POSITION","micLockHandler","value","micLocked","resetAudioRecording","onEarlyReleaseHandler","onTouchGestureEnd","tapGesture","useMemo","Gesture","LongPress","minDuration","onBegin","withSpring","mass","onStart","runOnJS","onFinalize","state","State","FAILED","panGesture","Pan","activateAfterLongPress","onUpdate","clamp","translationX","translationY","onEnd","belowThresholdY","belowThresholdX","animatedStyle","useAnimatedStyle","transform","backgroundColor","backgroundUtilityPressed","jsx","GestureDetector","gesture","Simultaneous","children","View","styles","container","Mic","height","width","strokeWidth","stroke","foregroundColor","MemoizedAudioRecordingButton","React","memo","audioRecorderSelector","duration","AudioRecordingButton","_useMessageInputConte","useMessageInputContext","_useStateStore","useStateStore","assign","displayName","StyleSheet","create","borderRadius","primitives","radiusMax","alignItems","justifyContent"],"sourceRoot":"../../../../../../src","sources":["components/MessageInput/components/AudioRecorder/AudioRecordingButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/MessageInput/components/AudioRecorder/AudioRecordingInProgress.js

@@ -3,67 +3,97 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AudioRecordingInProgress = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _MessageInputContext = require("../../../../contexts/messageInputContext/MessageInputContext");
 var _ThemeContext = require("../../../../contexts/themeContext/ThemeContext");
+var _useStateStore2 = require("../../../../hooks/useStateStore");
+var _Mic = require("../../../../icons/Mic");
+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/MessageInput/components/AudioRecorder/AudioRecordingInProgress.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 AudioRecordingInProgressWithContext = function AudioRecordingInProgressWithContext(props) {
   var AudioRecordingWaveform = props.AudioRecordingWaveform,
     _props$maxDataPointsD = props.maxDataPointsDrawn,
-    maxDataPointsDrawn = _props$maxDataPointsD === void 0 ? 80 : _props$maxDataPointsD,
-    recordingDuration = props.recordingDuration,
+    maxDataPointsDrawn = _props$maxDataPointsD === void 0 ? 60 : _props$maxDataPointsD,
+    duration = props.duration,
     waveformData = props.waveformData;
+  var styles = useStyles();
   var _useTheme = (0, _ThemeContext.useTheme)(),
     _useTheme$theme = _useTheme.theme,
-    grey_dark = _useTheme$theme.colors.grey_dark,
-    _useTheme$theme$messa = _useTheme$theme.messageInput.audioRecordingInProgress,
+    semantics = _useTheme$theme.semantics,
+    _useTheme$theme$messa = _useTheme$theme.messageComposer.audioRecordingInProgress,
     container = _useTheme$theme$messa.container,
     durationText = _useTheme$theme$messa.durationText;
   return (0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [styles.container, container],
-    children: [(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.durationText, {
-        color: grey_dark
-      }, durationText],
-      children: recordingDuration ? _dayjs.default.duration(recordingDuration).format('mm:ss') : null
+    children: [(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.micContainer,
+      children: [(0, _jsxRuntime.jsx)(_Mic.Mic, {
+        height: 20,
+        width: 20,
+        stroke: semantics.accentError
+      }), (0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.durationText, durationText],
+        children: duration ? _dayjs.default.duration(duration).format('mm:ss') : null
+      })]
     }), (0, _jsxRuntime.jsx)(AudioRecordingWaveform, {
       maxDataPointsDrawn: maxDataPointsDrawn,
       waveformData: waveformData
     })]
   });
 };
-var areEqual = function areEqual(prevProps, nextProps) {
-  var prevRecordingDuration = prevProps.recordingDuration;
-  var nextRecordingDuration = nextProps.recordingDuration;
-  var recordingDurationEqual = prevRecordingDuration === nextRecordingDuration;
-  if (!recordingDurationEqual) {
-    return false;
-  }
-  return true;
+var MemoizedAudioRecordingInProgress = _react.default.memo(AudioRecordingInProgressWithContext);
+var audioRecorderSelector = function audioRecorderSelector(state) {
+  return {
+    duration: state.duration,
+    waveformData: state.waveformData
+  };
 };
-var MemoizedAudioRecordingInProgress = _react.default.memo(AudioRecordingInProgressWithContext, areEqual);
 var AudioRecordingInProgress = exports.AudioRecordingInProgress = function AudioRecordingInProgress(props) {
   var _useMessageInputConte = (0, _MessageInputContext.useMessageInputContext)(),
+    audioRecorderManager = _useMessageInputConte.audioRecorderManager,
     AudioRecordingWaveform = _useMessageInputConte.AudioRecordingWaveform;
+  var _useStateStore = (0, _useStateStore2.useStateStore)(audioRecorderManager.state, audioRecorderSelector),
+    duration = _useStateStore.duration,
+    waveformData = _useStateStore.waveformData;
   return (0, _jsxRuntime.jsx)(MemoizedAudioRecordingInProgress, Object.assign({
-    AudioRecordingWaveform: AudioRecordingWaveform
+    audioRecorderManager: audioRecorderManager,
+    AudioRecordingWaveform: AudioRecordingWaveform,
+    duration: duration,
+    waveformData: waveformData
   }, props));
 };
-var styles = _reactNative.StyleSheet.create({
-  container: {
-    alignItems: 'center',
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    paddingBottom: 8,
-    paddingTop: 4
-  },
-  durationText: {
-    fontSize: 16
-  }
-});
-AudioRecordingInProgress.displayName = 'AudioRecordingInProgress{messageInput}';
+var useStyles = function useStyles() {
+  var _useTheme2 = (0, _ThemeContext.useTheme)(),
+    semantics = _useTheme2.theme.semantics;
+  return (0, _react.useMemo)(function () {
+    return _reactNative.StyleSheet.create({
+      container: {
+        alignItems: 'center',
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        paddingVertical: _theme.primitives.spacingSm,
+        paddingLeft: _theme.primitives.spacingSm,
+        paddingRight: _theme.primitives.spacingMd
+      },
+      durationText: {
+        fontSize: _theme.primitives.typographyFontSizeMd,
+        fontWeight: _theme.primitives.typographyFontWeightSemiBold,
+        lineHeight: _theme.primitives.typographyLineHeightNormal,
+        color: semantics.textPrimary
+      },
+      micContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: _theme.primitives.spacingSm
+      }
+    });
+  }, [semantics.textPrimary]);
+};
+AudioRecordingInProgress.displayName = 'AudioRecordingInProgress{messageComposer}';
 //# sourceMappingURL=AudioRecordingInProgress.js.map

package/lib/commonjs/components/MessageInput/components/AudioRecorder/AudioRecordingInProgress.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_dayjs","_MessageInputContext","_ThemeContext","_jsxRuntime","_this","_jsxFileName","AudioRecordingInProgressWithContext","props","AudioRecordingWaveform","_props$maxDataPointsD","maxDataPointsDrawn","recordingDuration","waveformData","_useTheme","useTheme","_useTheme$theme","theme","grey_dark","colors","_useTheme$theme$messa","messageInput","audioRecordingInProgress","container","durationText","jsxs","View","style","styles","children","jsx","Text","color","dayjs","duration","format","areEqual","prevProps","nextProps","prevRecordingDuration","nextRecordingDuration","recordingDurationEqual","MemoizedAudioRecordingInProgress","React","memo","AudioRecordingInProgress","exports","_useMessageInputConte","useMessageInputContext","Object","assign","StyleSheet","create","alignItems","flexDirection","justifyContent","paddingBottom","paddingTop","fontSize","displayName"],"sourceRoot":"../../../../../../src","sources":["components/MessageInput/components/AudioRecorder/AudioRecordingInProgress.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_dayjs","_interopRequireDefault","_MessageInputContext","_ThemeContext","_useStateStore2","_Mic","_theme","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AudioRecordingInProgressWithContext","props","AudioRecordingWaveform","_props$maxDataPointsD","maxDataPointsDrawn","duration","waveformData","styles","useStyles","_useTheme","useTheme","_useTheme$theme","theme","semantics","_useTheme$theme$messa","messageComposer","audioRecordingInProgress","container","durationText","jsxs","View","style","children","micContainer","jsx","Mic","height","width","stroke","accentError","Text","dayjs","format","MemoizedAudioRecordingInProgress","React","memo","audioRecorderSelector","state","AudioRecordingInProgress","exports","_useMessageInputConte","useMessageInputContext","audioRecorderManager","_useStateStore","useStateStore","assign","_useTheme2","useMemo","StyleSheet","create","alignItems","flexDirection","justifyContent","paddingVertical","primitives","spacingSm","paddingLeft","paddingRight","spacingMd","fontSize","typographyFontSizeMd","fontWeight","typographyFontWeightSemiBold","lineHeight","typographyLineHeightNormal","color","textPrimary","gap","displayName"],"sourceRoot":"../../../../../../src","sources":["components/MessageInput/components/AudioRecorder/AudioRecordingInProgress.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/MessageInput/components/AudioRecorder/AudioRecordingLockIndicator.js

@@ -6,9 +6,12 @@ exports.AudioRecordingLockIndicator = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _ThemeContext = require("../../../../contexts/themeContext/ThemeContext");
-var _icons = require("../../../../icons");
+var _ChevronTop = require("../../../../icons/ChevronTop");
+var _Lock = require("../../../../icons/Lock");
+var _Unlock = require("../../../../icons/Unlock");
+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/MessageInput/components/AudioRecorder/AudioRecordingLockIndicator.tsx";
@@ -23,6 +26,7 @@ var AudioRecordingLockIndicator = exports.AudioRecordingLockIndicator = function
     visible = _useState2[0],
     setVisible = _useState2[1];
   var timeoutRef = (0, _react.useRef)(undefined);
+  var styles = useStyles();
   (0, _react.useEffect)(function () {
     timeoutRef.current = setTimeout(function () {
       if (micLocked) {
@@ -35,11 +39,8 @@ var AudioRecordingLockIndicator = exports.AudioRecordingLockIndicator = function
   }, [micLocked]);
   var _useTheme = (0, _ThemeContext.useTheme)(),
     _useTheme$theme = _useTheme.theme,
-    _useTheme$theme$color = _useTheme$theme.colors,
-    accent_blue = _useTheme$theme$color.accent_blue,
-    grey = _useTheme$theme$color.grey,
-    light_gray = _useTheme$theme$color.light_gray,
-    _useTheme$theme$messa = _useTheme$theme.messageInput.audioRecordingLockIndicator,
+    semantics = _useTheme$theme.semantics,
+    _useTheme$theme$messa = _useTheme$theme.messageComposer.audioRecordingLockIndicator,
     arrowUpIcon = _useTheme$theme$messa.arrowUpIcon,
     container = _useTheme$theme$messa.container,
     lockIcon = _useTheme$theme$messa.lockIcon;
@@ -47,26 +48,47 @@ var AudioRecordingLockIndicator = exports.AudioRecordingLockIndicator = function
     return null;
   }
   return (0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+    layout: _reactNativeReanimated.LinearTransition.duration(200),
     style: [styles.container, style, {
-      backgroundColor: light_gray,
       bottom: messageInputHeight
     }, container],
-    children: [(0, _jsxRuntime.jsx)(_icons.Lock, Object.assign({
-      color: micLocked ? accent_blue : grey,
-      size: 32
-    }, lockIcon)), !micLocked && (0, _jsxRuntime.jsx)(_icons.ArrowUp, Object.assign({
-      color: grey,
-      size: 32
+    children: [micLocked ? (0, _jsxRuntime.jsx)(_Lock.Lock, {
+      stroke: semantics.accentPrimary,
+      height: 20,
+      width: 20
+    }) : (0, _jsxRuntime.jsx)(_Unlock.Unlock, Object.assign({
+      stroke: semantics.textPrimary,
+      height: 20,
+      width: 20
+    }, lockIcon)), !micLocked && (0, _jsxRuntime.jsx)(_ChevronTop.ChevronTop, Object.assign({
+      stroke: semantics.textPrimary,
+      height: 20,
+      width: 20
     }, arrowUpIcon))]
   });
 };
-var styles = _reactNative.StyleSheet.create({
-  container: {
-    borderRadius: 50,
-    margin: 5,
-    padding: 8,
-    position: 'absolute',
-    right: 0
-  }
-});
+var useStyles = function useStyles() {
+  var _useTheme2 = (0, _ThemeContext.useTheme)(),
+    semantics = _useTheme2.theme.semantics;
+  return (0, _react.useMemo)(function () {
+    return _reactNative.StyleSheet.create({
+      container: {
+        backgroundColor: semantics.backgroundCoreElevation1,
+        borderColor: semantics.borderCoreDefault,
+        borderWidth: 1,
+        borderRadius: _theme.primitives.radiusMax,
+        padding: _theme.primitives.spacingXs,
+        gap: _theme.primitives.spacingXxs,
+        shadowColor: '#000',
+        shadowOffset: {
+          width: 0,
+          height: 2
+        },
+        shadowOpacity: 0.25,
+        shadowRadius: 3.84,
+        elevation: 5
+      }
+    });
+  }, [semantics.borderCoreDefault, semantics.backgroundCoreElevation1]);
+};
 //# sourceMappingURL=AudioRecordingLockIndicator.js.map

package/lib/commonjs/components/MessageInput/components/AudioRecorder/AudioRecordingLockIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_ThemeContext","_icons","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AudioRecordingLockIndicator","exports","_ref","messageInputHeight","micLocked","style","_useState","useState","_useState2","_slicedToArray2","visible","setVisible","timeoutRef","useRef","undefined","useEffect","current","setTimeout","clearTimeout","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","accent_blue","grey","light_gray","_useTheme$theme$messa","messageInput","audioRecordingLockIndicator","arrowUpIcon","container","lockIcon","jsxs","View","styles","backgroundColor","bottom","children","jsx","Lock","assign","color","size","ArrowUp","StyleSheet","create","borderRadius","margin","padding","position","right"],"sourceRoot":"../../../../../../src","sources":["components/MessageInput/components/AudioRecorder/AudioRecordingLockIndicator.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_ThemeContext","_ChevronTop","_Lock","_Unlock","_theme","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AudioRecordingLockIndicator","exports","_ref","messageInputHeight","micLocked","style","_useState","useState","_useState2","_slicedToArray2","visible","setVisible","timeoutRef","useRef","undefined","styles","useStyles","useEffect","current","setTimeout","clearTimeout","_useTheme","useTheme","_useTheme$theme","theme","semantics","_useTheme$theme$messa","messageComposer","audioRecordingLockIndicator","arrowUpIcon","container","lockIcon","jsxs","View","layout","LinearTransition","duration","bottom","children","jsx","Lock","stroke","accentPrimary","height","width","Unlock","assign","textPrimary","ChevronTop","_useTheme2","useMemo","StyleSheet","create","backgroundColor","backgroundCoreElevation1","borderColor","borderCoreDefault","borderWidth","borderRadius","primitives","radiusMax","padding","spacingXs","gap","spacingXxs","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation"],"sourceRoot":"../../../../../../src","sources":["components/MessageInput/components/AudioRecorder/AudioRecordingLockIndicator.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,sBAAA,GAAAH,uBAAA,CAAAC,OAAA;AAEA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAEA,IAAAO,MAAA,GAAAP,OAAA;AAA+C,IAAAQ,WAAA,GAAAR,OAAA;AAAA,IAAAS,KAAA;EAAAC,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAb,wBAAAa,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAgBxC,IAAMW,2BAA2B,GAAAC,OAAA,CAAAD,2BAAA,GAAG,SAA9BA,2BAA2BA,CAAAE,IAAA,EAIA;EAAA,IAHtCC,kBAAkB,GAAAD,IAAA,CAAlBC,kBAAkB;IAClBC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,KAAK,GAAAH,IAAA,CAALG,KAAK;EAEL,IAAAC,SAAA,GAA8B,IAAAC,eAAQ,EAAC,IAAI,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAvB,OAAA,EAAAoB,SAAA;IAArCI,OAAO,GAAAF,UAAA;IAAEG,UAAU,GAAAH,UAAA;EAC1B,IAAMI,UAAU,GAAG,IAAAC,aAAM,EAA6BC,SAAS,CAAC;EAChE,IAAMC,MAAM,GAAGC,SAAS,CAAC,CAAC;EAE1B,IAAAC,gBAAS,EAAC,YAAM;IACdL,UAAU,CAACM,OAAO,GAAGC,UAAU,CAAC,YAAM;MACpC,IAAIf,SAAS,EAAE;QACbO,UAAU,CAAC,KAAK,CAAC;MACnB;IACF,CAAC,EAAE,IAAI,CAAC;IAER,OAAO,YAAM;MACXS,YAAY,CAACR,UAAU,CAACM,OAAO,CAAC;IAClC,CAAC;EACH,CAAC,EAAE,CAACd,SAAS,CAAC,CAAC;EAEf,IAAAiB,SAAA,GAOI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CANZG,KAAK;IACHC,SAAS,GAAAF,eAAA,CAATE,SAAS;IAAAC,qBAAA,GAAAH,eAAA,CACTI,eAAe,CACbC,2BAA2B;IAAIC,WAAW,GAAAH,qBAAA,CAAXG,WAAW;IAAEC,SAAS,GAAAJ,qBAAA,CAATI,SAAS;IAAEC,QAAQ,GAAAL,qBAAA,CAARK,QAAQ;EAKrE,IAAI,CAACrB,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,OACE,IAAAjC,WAAA,CAAAuD,IAAA,EAAC7D,sBAAA,CAAAe,OAAQ,CAAC+C,IAAI;IACZC,MAAM,EAAEC,uCAAgB,CAACC,QAAQ,CAAC,GAAG,CAAE;IACvC/B,KAAK,EAAE,CAACU,MAAM,CAACe,SAAS,EAAEzB,KAAK,EAAE;MAAEgC,MAAM,EAAElC;IAAmB,CAAC,EAAE2B,SAAS,CAAE;IAAAQ,QAAA,GAE3ElC,SAAS,GACR,IAAA3B,WAAA,CAAA8D,GAAA,EAACjE,KAAA,CAAAkE,IAAI;MAACC,MAAM,EAAEhB,SAAS,CAACiB,aAAc;MAACC,MAAM,EAAE,EAAG;MAACC,KAAK,EAAE;IAAG,CAAE,CAAC,GAEhE,IAAAnE,WAAA,CAAA8D,GAAA,EAAChE,OAAA,CAAAsE,MAAM,EAAArD,MAAA,CAAAsD,MAAA;MAACL,MAAM,EAAEhB,SAAS,CAACsB,WAAY;MAACJ,MAAM,EAAE,EAAG;MAACC,KAAK,EAAE;IAAG,GAAKb,QAAQ,CAAG,CAC9E,EACA,CAAC3B,SAAS,IACT,IAAA3B,WAAA,CAAA8D,GAAA,EAAClE,WAAA,CAAA2E,UAAU,EAAAxD,MAAA,CAAAsD,MAAA;MAACL,MAAM,EAAEhB,SAAS,CAACsB,WAAY;MAACJ,MAAM,EAAE,EAAG;MAACC,KAAK,EAAE;IAAG,GAAKf,WAAW,CAAG,CACrF;EAAA,CACY,CAAC;AAEpB,CAAC;AAED,IAAMb,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EACtB,IAAAiC,UAAA,GAEI,IAAA3B,sBAAQ,EAAC,CAAC;IADHG,SAAS,GAAAwB,UAAA,CAAlBzB,KAAK,CAAIC,SAAS;EAEpB,OAAO,IAAAyB,cAAO,EACZ;IAAA,OACEC,uBAAU,CAACC,MAAM,CAAC;MAChBtB,SAAS,EAAE;QACTuB,eAAe,EAAE5B,SAAS,CAAC6B,wBAAwB;QACnDC,WAAW,EAAE9B,SAAS,CAAC+B,iBAAiB;QACxCC,WAAW,EAAE,CAAC;QACdC,YAAY,EAAEC,iBAAU,CAACC,SAAS;QAClCC,OAAO,EAAEF,iBAAU,CAACG,SAAS;QAC7BC,GAAG,EAAEJ,iBAAU,CAACK,UAAU;QAG1BC,WAAW,EAAE,MAAM;QACnBC,YAAY,EAAE;UACZtB,KAAK,EAAE,CAAC;UACRD,MAAM,EAAE;QACV,CAAC;QACDwB,aAAa,EAAE,IAAI;QACnBC,YAAY,EAAE,IAAI;QAElBC,SAAS,EAAE;MACb;IACF,CAAC,CAAC;EAAA,GACJ,CAAC5C,SAAS,CAAC+B,iBAAiB,EAAE/B,SAAS,CAAC6B,wBAAwB,CAClE,CAAC;AACH,CAAC","ignoreList":[]}