stream-chat-react-native-core 5.28.1 → 5.29.0

package/lib/commonjs/components/MessageInput/SendButton.js

@@ -28,7 +28,7 @@ var SendButtonWithContext = function SendButtonWithContext(props) {
     sendButton = _useTheme$theme$messa.sendButton,
     sendRightIcon = _useTheme$theme$messa.sendRightIcon,
     sendUpIcon = _useTheme$theme$messa.sendUpIcon;
-  return (0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+  return (0, _jsxRuntime.jsx)(_reactNative.Pressable, {
     disabled: disabled,
     onPress: disabled ? function () {
       return null;
@@ -37,13 +37,15 @@ var SendButtonWithContext = function SendButtonWithContext(props) {
     },
     style: [sendButton],
     testID: "send-button",
-    children: [giphyActive && (0, _jsxRuntime.jsx)(_Search.Search, Object.assign({
+    children: giphyActive ? (0, _jsxRuntime.jsx)(_Search.Search, Object.assign({
       pathFill: disabled ? grey_gainsboro : accent_blue
-    }, searchIcon)), !giphyActive && disabled && (0, _jsxRuntime.jsx)(_SendRight.SendRight, Object.assign({
-      pathFill: grey_gainsboro
-    }, sendRightIcon)), !giphyActive && !disabled && (0, _jsxRuntime.jsx)(_SendUp.SendUp, Object.assign({
-      pathFill: accent_blue
-    }, sendUpIcon))]
+    }, searchIcon)) : disabled ? (0, _jsxRuntime.jsx)(_SendRight.SendRight, Object.assign({
+      fill: grey_gainsboro,
+      size: 32
+    }, sendRightIcon)) : (0, _jsxRuntime.jsx)(_SendUp.SendUp, Object.assign({
+      fill: accent_blue,
+      size: 32
+    }, sendUpIcon))
   });
 };
 var areEqual = function areEqual(prevProps, nextProps) {

package/lib/commonjs/components/MessageInput/SendButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MessageInputContext","_ThemeContext","_Search","_SendRight","_SendUp","_jsxRuntime","_this","_jsxFileName","SendButtonWithContext","props","_props$disabled","disabled","giphyActive","sendMessage","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","accent_blue","grey_gainsboro","_useTheme$theme$messa","messageInput","searchIcon","sendButton","sendRightIcon","sendUpIcon","jsxs","Pressable","onPress","style","testID","children","jsx","Search","Object","assign","pathFill","SendRight","SendUp","areEqual","prevProps","nextProps","prevDisabled","prevGiphyActive","prevSendMessage","nextDisabled","nextGiphyActive","nextSendMessage","disabledEqual","giphyActiveEqual","sendMessageEqual","MemoizedSendButton","React","memo","SendButton","_useMessageInputConte","useMessageInputContext","exports","displayName"],"sourceRoot":"../../../../src","sources":["components/MessageInput/SendButton.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MessageInputContext","_ThemeContext","_Search","_SendRight","_SendUp","_jsxRuntime","_this","_jsxFileName","SendButtonWithContext","props","_props$disabled","disabled","giphyActive","sendMessage","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","accent_blue","grey_gainsboro","_useTheme$theme$messa","messageInput","searchIcon","sendButton","sendRightIcon","sendUpIcon","jsx","Pressable","onPress","style","testID","children","Search","Object","assign","pathFill","SendRight","fill","size","SendUp","areEqual","prevProps","nextProps","prevDisabled","prevGiphyActive","prevSendMessage","nextDisabled","nextGiphyActive","nextSendMessage","disabledEqual","giphyActiveEqual","sendMessageEqual","MemoizedSendButton","React","memo","SendButton","_useMessageInputConte","useMessageInputContext","exports","displayName"],"sourceRoot":"../../../../src","sources":["components/MessageInput/SendButton.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,221 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AudioRecorder = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _ChannelContext = require("../../../../contexts/channelContext/ChannelContext");
+var _MessageInputContext = require("../../../../contexts/messageInputContext/MessageInputContext");
+var _ThemeContext = require("../../../../contexts/themeContext/ThemeContext");
+var _icons = require("../../../../icons");
+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/AudioRecorder.tsx";
+var StopRecording = function StopRecording(_ref) {
+  var stopVoiceRecordingHandler = _ref.stopVoiceRecordingHandler;
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme = _useTheme.theme,
+    accent_red = _useTheme$theme.colors.accent_red,
+    _useTheme$theme$messa = _useTheme$theme.messageInput.audioRecorder,
+    circleStopIcon = _useTheme$theme$messa.circleStopIcon,
+    pausedContainer = _useTheme$theme$messa.pausedContainer;
+  return (0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onPress: stopVoiceRecordingHandler,
+    style: [styles.pausedContainer, pausedContainer],
+    children: (0, _jsxRuntime.jsx)(_icons.CircleStop, Object.assign({
+      fill: accent_red,
+      size: 32
+    }, circleStopIcon))
+  });
+};
+var UploadRecording = function UploadRecording(_ref2) {
+  var asyncMessagesMultiSendEnabled = _ref2.asyncMessagesMultiSendEnabled,
+    uploadVoiceRecordingHandler = _ref2.uploadVoiceRecordingHandler;
+  var _useTheme2 = (0, _ThemeContext.useTheme)(),
+    _useTheme2$theme = _useTheme2.theme,
+    accent_blue = _useTheme2$theme.colors.accent_blue,
+    _useTheme2$theme$mess = _useTheme2$theme.messageInput.audioRecorder,
+    checkContainer = _useTheme2$theme$mess.checkContainer,
+    sendCheckIcon = _useTheme2$theme$mess.sendCheckIcon;
+  return (0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onPress: (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee() {
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return uploadVoiceRecordingHandler(asyncMessagesMultiSendEnabled);
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    })),
+    style: [styles.checkContainer, checkContainer],
+    children: (0, _jsxRuntime.jsx)(_icons.SendCheck, Object.assign({
+      fill: accent_blue,
+      size: 32
+    }, sendCheckIcon))
+  });
+};
+var DeleteRecording = function DeleteRecording(_ref4) {
+  var deleteVoiceRecordingHandler = _ref4.deleteVoiceRecordingHandler,
+    disabled = _ref4.disabled;
+  var _useTheme3 = (0, _ThemeContext.useTheme)(),
+    _useTheme3$theme = _useTheme3.theme,
+    accent_blue = _useTheme3$theme.colors.accent_blue,
+    _useTheme3$theme$mess = _useTheme3$theme.messageInput.audioRecorder,
+    deleteContainer = _useTheme3$theme$mess.deleteContainer,
+    deleteIcon = _useTheme3$theme$mess.deleteIcon;
+  return (0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    disabled: disabled,
+    onPress: deleteVoiceRecordingHandler,
+    style: [styles.deleteContainer, deleteContainer],
+    testID: "delete-button",
+    children: (0, _jsxRuntime.jsx)(_icons.Delete, Object.assign({
+      fill: accent_blue,
+      size: 32
+    }, deleteIcon))
+  });
+};
+var AudioRecorderWithContext = function AudioRecorderWithContext(props) {
+  var asyncMessagesMultiSendEnabled = props.asyncMessagesMultiSendEnabled,
+    deleteVoiceRecording = props.deleteVoiceRecording,
+    disabled = props.disabled,
+    micLocked = props.micLocked,
+    recordingDuration = props.recordingDuration,
+    recordingStopped = props.recordingStopped,
+    slideToCancelStyle = props.slideToCancelStyle,
+    stopVoiceRecording = props.stopVoiceRecording,
+    uploadVoiceRecording = props.uploadVoiceRecording;
+  var _useTheme4 = (0, _ThemeContext.useTheme)(),
+    _useTheme4$theme = _useTheme4.theme,
+    _useTheme4$theme$colo = _useTheme4$theme.colors,
+    accent_red = _useTheme4$theme$colo.accent_red,
+    grey_dark = _useTheme4$theme$colo.grey_dark,
+    _useTheme4$theme$mess = _useTheme4$theme.messageInput.audioRecorder,
+    arrowLeftIcon = _useTheme4$theme$mess.arrowLeftIcon,
+    micContainer = _useTheme4$theme$mess.micContainer,
+    micIcon = _useTheme4$theme$mess.micIcon,
+    slideToCancelContainer = _useTheme4$theme$mess.slideToCancelContainer;
+  if (micLocked) {
+    if (recordingStopped) {
+      return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [(0, _jsxRuntime.jsx)(DeleteRecording, {
+          deleteVoiceRecordingHandler: deleteVoiceRecording,
+          disabled: disabled
+        }), (0, _jsxRuntime.jsx)(UploadRecording, {
+          asyncMessagesMultiSendEnabled: asyncMessagesMultiSendEnabled,
+          uploadVoiceRecordingHandler: uploadVoiceRecording
+        })]
+      });
+    } else {
+      return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.micContainer, micContainer],
+          children: (0, _jsxRuntime.jsx)(_icons.Mic, Object.assign({
+            fill: recordingDuration !== 0 ? accent_red : grey_dark,
+            size: 32
+          }, micIcon))
+        }), (0, _jsxRuntime.jsx)(StopRecording, {
+          stopVoiceRecordingHandler: stopVoiceRecording
+        }), (0, _jsxRuntime.jsx)(UploadRecording, {
+          asyncMessagesMultiSendEnabled: asyncMessagesMultiSendEnabled,
+          uploadVoiceRecordingHandler: uploadVoiceRecording
+        })]
+      });
+    }
+  } else {
+    return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.micContainer, micContainer],
+        children: [(0, _jsxRuntime.jsx)(_icons.Mic, Object.assign({
+          fill: recordingDuration !== 0 ? accent_red : grey_dark,
+          size: 32
+        }, micIcon)), (0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.durationLabel, {
+            color: grey_dark
+          }],
+          children: recordingDuration ? _dayjs["default"].duration(recordingDuration).format('mm:ss') : null
+        })]
+      }), (0, _jsxRuntime.jsxs)(_reactNativeReanimated["default"].View, {
+        style: [styles.slideToCancelContainer, slideToCancelStyle, slideToCancelContainer],
+        children: [(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.slideToCancel, {
+            color: grey_dark
+          }],
+          children: "Slide to Cancel"
+        }), (0, _jsxRuntime.jsx)(_icons.ArrowLeft, Object.assign({
+          fill: grey_dark,
+          size: 24
+        }, arrowLeftIcon))]
+      })]
+    });
+  }
+};
+var areEqual = function areEqual(prevProps, nextProps) {
+  var prevAsyncMessagesMultiSendEnabled = prevProps.asyncMessagesMultiSendEnabled,
+    prevDisabled = prevProps.disabled,
+    prevMicLocked = prevProps.micLocked,
+    prevRecording = prevProps.recording,
+    prevRecordingDuration = prevProps.recordingDuration,
+    prevRecordingStopped = prevProps.recordingStopped;
+  var nextAsyncMessagesMultiSendEnabled = nextProps.asyncMessagesMultiSendEnabled,
+    nextDisabled = nextProps.disabled,
+    nextMicLocked = nextProps.micLocked,
+    nextRecording = nextProps.recording,
+    nextRecordingDuration = nextProps.recordingDuration,
+    nextRecordingStopped = nextProps.recordingStopped;
+  var asyncMessagesMultiSendEnabledEqual = prevAsyncMessagesMultiSendEnabled === nextAsyncMessagesMultiSendEnabled;
+  if (!asyncMessagesMultiSendEnabledEqual) return false;
+  var disabledEqual = prevDisabled === nextDisabled;
+  if (!disabledEqual) return false;
+  var micLockedEqual = prevMicLocked === nextMicLocked;
+  if (!micLockedEqual) return false;
+  var recordingEqual = prevRecording === nextRecording;
+  if (!recordingEqual) return false;
+  var recordingDurationEqual = prevRecordingDuration === nextRecordingDuration;
+  if (!recordingDurationEqual) return false;
+  var recordingStoppedEqual = prevRecordingStopped === nextRecordingStopped;
+  if (!recordingStoppedEqual) return false;
+  return true;
+};
+var MemoizedAudioRecorder = _react["default"].memo(AudioRecorderWithContext, areEqual);
+var AudioRecorder = function AudioRecorder(props) {
+  var _useChannelContext = (0, _ChannelContext.useChannelContext)(),
+    _useChannelContext$di = _useChannelContext.disabled,
+    disabled = _useChannelContext$di === void 0 ? false : _useChannelContext$di;
+  var _useMessageInputConte = (0, _MessageInputContext.useMessageInputContext)(),
+    asyncMessagesMultiSendEnabled = _useMessageInputConte.asyncMessagesMultiSendEnabled;
+  return (0, _jsxRuntime.jsx)(MemoizedAudioRecorder, Object.assign({
+    asyncMessagesMultiSendEnabled: asyncMessagesMultiSendEnabled,
+    disabled: disabled
+  }, props));
+};
+exports.AudioRecorder = AudioRecorder;
+var styles = _reactNative.StyleSheet.create({
+  checkContainer: {},
+  deleteContainer: {},
+  durationLabel: {
+    fontSize: 14
+  },
+  micContainer: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    justifyContent: 'center'
+  },
+  pausedContainer: {},
+  slideToCancel: {
+    fontSize: 18
+  },
+  slideToCancelContainer: {
+    alignItems: 'center',
+    flexDirection: 'row'
+  }
+});
+AudioRecorder.displayName = 'AudioRecorder{messageInput}';
+//# sourceMappingURL=AudioRecorder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_dayjs","_ChannelContext","_MessageInputContext","_ThemeContext","_icons","_jsxRuntime","_this","_jsxFileName","StopRecording","_ref","stopVoiceRecordingHandler","_useTheme","useTheme","_useTheme$theme","theme","accent_red","colors","_useTheme$theme$messa","messageInput","audioRecorder","circleStopIcon","pausedContainer","jsx","Pressable","onPress","style","styles","children","CircleStop","Object","assign","fill","size","UploadRecording","_ref2","asyncMessagesMultiSendEnabled","uploadVoiceRecordingHandler","_useTheme2","_useTheme2$theme","accent_blue","_useTheme2$theme$mess","checkContainer","sendCheckIcon","_asyncToGenerator2","_regenerator","mark","_callee","wrap","_callee$","_context","prev","next","stop","SendCheck","DeleteRecording","_ref4","deleteVoiceRecordingHandler","disabled","_useTheme3","_useTheme3$theme","_useTheme3$theme$mess","deleteContainer","deleteIcon","testID","Delete","AudioRecorderWithContext","props","deleteVoiceRecording","micLocked","recordingDuration","recordingStopped","slideToCancelStyle","stopVoiceRecording","uploadVoiceRecording","_useTheme4","_useTheme4$theme","_useTheme4$theme$colo","grey_dark","_useTheme4$theme$mess","arrowLeftIcon","micContainer","micIcon","slideToCancelContainer","jsxs","Fragment","View","Mic","Text","durationLabel","color","dayjs","duration","format","slideToCancel","ArrowLeft","areEqual","prevProps","nextProps","prevAsyncMessagesMultiSendEnabled","prevDisabled","prevMicLocked","prevRecording","recording","prevRecordingDuration","prevRecordingStopped","nextAsyncMessagesMultiSendEnabled","nextDisabled","nextMicLocked","nextRecording","nextRecordingDuration","nextRecordingStopped","asyncMessagesMultiSendEnabledEqual","disabledEqual","micLockedEqual","recordingEqual","recordingDurationEqual","recordingStoppedEqual","MemoizedAudioRecorder","React","memo","AudioRecorder","_useChannelContext","useChannelContext","_useChannelContext$di","_useMessageInputConte","useMessageInputContext","exports","StyleSheet","create","fontSize","alignItems","flexDirection","justifyContent","displayName"],"sourceRoot":"../../../../../../src","sources":["components/MessageInput/components/AudioRecorder/AudioRecorder.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,121 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AudioRecordingButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _ChannelContext = require("../../../../contexts/channelContext/ChannelContext");
+var _MessageInputContext = require("../../../../contexts/messageInputContext/MessageInputContext");
+var _ThemeContext = require("../../../../contexts/themeContext/ThemeContext");
+var _TranslationContext = require("../../../../contexts/translationContext/TranslationContext");
+var _Mic = require("../../../../icons/Mic");
+var _native = require("../../../../native");
+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 AudioRecordingButtonWithContext = function AudioRecordingButtonWithContext(props) {
+  var asyncMessagesMinimumPressDuration = props.asyncMessagesMinimumPressDuration,
+    buttonSize = props.buttonSize,
+    disabled = props.disabled,
+    handleLongPress = props.handleLongPress,
+    handlePress = props.handlePress,
+    permissionsGranted = props.permissionsGranted,
+    recording = props.recording,
+    startVoiceRecording = props.startVoiceRecording;
+  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;
+  var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
+    t = _useTranslationContex.t;
+  var onPressHandler = function onPressHandler() {
+    if (handlePress) {
+      handlePress();
+    }
+    if (!recording) {
+      (0, _native.triggerHaptic)('notificationError');
+      _reactNative.Alert.alert(t('Hold to start recording.'));
+    }
+  };
+  var onLongPressHandler = function onLongPressHandler() {
+    if (handleLongPress) {
+      handleLongPress();
+      return;
+    }
+    if (!recording) {
+      (0, _native.triggerHaptic)('impactHeavy');
+      if (!permissionsGranted) {
+        _reactNative.Alert.alert(t('Please allow Audio permissions in settings.'), '', [{
+          onPress: function onPress() {
+            _reactNative.Linking.openSettings();
+          },
+          text: t('Open Settings')
+        }]);
+        return;
+      }
+      if (startVoiceRecording) startVoiceRecording();
+    }
+  };
+  return (0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    delayLongPress: asyncMessagesMinimumPressDuration,
+    disabled: disabled,
+    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 areEqual = function areEqual(prevProps, nextProps) {
+  var prevAsyncMessagesMinimumPressDuration = prevProps.asyncMessagesMinimumPressDuration,
+    prevDisabled = prevProps.disabled,
+    prevRecording = prevProps.recording;
+  var nextAsyncMessagesMinimumPressDuration = nextProps.asyncMessagesMinimumPressDuration,
+    nextDisabled = nextProps.disabled,
+    nextRecording = nextProps.recording;
+  var asyncMessagesMinimumPressDurationEqual = prevAsyncMessagesMinimumPressDuration === nextAsyncMessagesMinimumPressDuration;
+  if (!asyncMessagesMinimumPressDurationEqual) return false;
+  var disabledEqual = prevDisabled === nextDisabled;
+  if (!disabledEqual) return false;
+  var recordingEqual = prevRecording === nextRecording;
+  if (!recordingEqual) return false;
+  return true;
+};
+var MemoizedAudioRecordingButton = _react["default"].memo(AudioRecordingButtonWithContext, areEqual);
+var AudioRecordingButton = function AudioRecordingButton(props) {
+  var _useChannelContext = (0, _ChannelContext.useChannelContext)(),
+    _useChannelContext$di = _useChannelContext.disabled,
+    disabled = _useChannelContext$di === void 0 ? false : _useChannelContext$di;
+  var _useMessageInputConte = (0, _MessageInputContext.useMessageInputContext)(),
+    asyncMessagesMinimumPressDuration = _useMessageInputConte.asyncMessagesMinimumPressDuration;
+  return (0, _jsxRuntime.jsx)(MemoizedAudioRecordingButton, Object.assign({
+    asyncMessagesMinimumPressDuration: asyncMessagesMinimumPressDuration,
+    disabled: disabled
+  }, props));
+};
+exports.AudioRecordingButton = AudioRecordingButton;
+var styles = _reactNative.StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    borderRadius: 50,
+    justifyContent: 'center'
+  }
+});
+AudioRecordingButton.displayName = 'AudioRecordingButton{messageInput}';
+//# sourceMappingURL=AudioRecordingButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ChannelContext","_MessageInputContext","_ThemeContext","_TranslationContext","_Mic","_native","_jsxRuntime","_this","_jsxFileName","AudioRecordingButtonWithContext","props","asyncMessagesMinimumPressDuration","buttonSize","disabled","handleLongPress","handlePress","permissionsGranted","recording","startVoiceRecording","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","grey","light_gray","white","_useTheme$theme$messa","messageInput","audioRecordingButton","container","micIcon","_useTranslationContex","useTranslationContext","t","onPressHandler","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","areEqual","prevProps","nextProps","prevAsyncMessagesMinimumPressDuration","prevDisabled","prevRecording","nextAsyncMessagesMinimumPressDuration","nextDisabled","nextRecording","asyncMessagesMinimumPressDurationEqual","disabledEqual","recordingEqual","MemoizedAudioRecordingButton","React","memo","AudioRecordingButton","_useChannelContext","useChannelContext","_useChannelContext$di","_useMessageInputConte","useMessageInputContext","exports","StyleSheet","create","alignItems","borderRadius","justifyContent","displayName"],"sourceRoot":"../../../../../../src","sources":["components/MessageInput/components/AudioRecorder/AudioRecordingButton.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AAIA,IAAAG,oBAAA,GAAAH,OAAA;AAIA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAA6E,IAAAQ,WAAA,GAAAR,OAAA;AAAA,IAAAS,KAAA;EAAAC,YAAA;AAkC7E,IAAMC,+BAA+B,GAAG,SAAlCA,+BAA+BA,CAGnCC,KAA+D,EAC5D;EACH,IACEC,iCAAiC,GAQ/BD,KAAK,CARPC,iCAAiC;IACjCC,UAAU,GAORF,KAAK,CAPPE,UAAU;IACVC,QAAQ,GAMNH,KAAK,CANPG,QAAQ;IACRC,eAAe,GAKbJ,KAAK,CALPI,eAAe;IACfC,WAAW,GAITL,KAAK,CAJPK,WAAW;IACXC,kBAAkB,GAGhBN,KAAK,CAHPM,kBAAkB;IAClBC,SAAS,GAEPP,KAAK,CAFPO,SAAS;IACTC,mBAAmB,GACjBR,KAAK,CADPQ,mBAAmB;EAGrB,IAAAC,SAAA,GAOI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CANZG,KAAK;IAAAC,qBAAA,GAAAF,eAAA,CACHG,MAAM;IAAIC,IAAI,GAAAF,qBAAA,CAAJE,IAAI;IAAEC,UAAU,GAAAH,qBAAA,CAAVG,UAAU;IAAEC,KAAK,GAAAJ,qBAAA,CAALI,KAAK;IAAAC,qBAAA,GAAAP,eAAA,CACjCQ,YAAY,CACVC,oBAAoB;IAAIC,SAAS,GAAAH,qBAAA,CAATG,SAAS;IAAEC,OAAO,GAAAJ,qBAAA,CAAPI,OAAO;EAIhD,IAAAC,qBAAA,GAAc,IAAAC,yCAAqB,EAAC,CAAC;IAA7BC,CAAC,GAAAF,qBAAA,CAADE,CAAC;EAET,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;IAC3B,IAAIrB,WAAW,EAAE;MACfA,WAAW,CAAC,CAAC;IACf;IACA,IAAI,CAACE,SAAS,EAAE;MACd,IAAAoB,qBAAa,EAAC,mBAAmB,CAAC;MAClCC,kBAAK,CAACC,KAAK,CAACJ,CAAC,CAAC,0BAA0B,CAAC,CAAC;IAC5C;EACF,CAAC;EAED,IAAMK,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;IAC/B,IAAI1B,eAAe,EAAE;MACnBA,eAAe,CAAC,CAAC;MACjB;IACF;IACA,IAAI,CAACG,SAAS,EAAE;MACd,IAAAoB,qBAAa,EAAC,aAAa,CAAC;MAC5B,IAAI,CAACrB,kBAAkB,EAAE;QACvBsB,kBAAK,CAACC,KAAK,CAACJ,CAAC,CAAC,6CAA6C,CAAC,EAAE,EAAE,EAAE,CAChE;UACEM,OAAO,EAAE,SAAAA,QAAA,EAAM;YACbC,oBAAO,CAACC,YAAY,CAAC,CAAC;UACxB,CAAC;UACDC,IAAI,EAAET,CAAC,CAAC,eAAe;QACzB,CAAC,CACF,CAAC;QACF;MACF;MACA,IAAIjB,mBAAmB,EAAEA,mBAAmB,CAAC,CAAC;IAChD;EACF,CAAC;EAED,OACE,IAAAZ,WAAA,CAAAuC,GAAA,EAAC9C,YAAA,CAAA+C,SAAS;IACRC,cAAc,EAAEpC,iCAAkC;IAClDE,QAAQ,EAAEA,QAAS;IACnBmC,WAAW,EAAER,kBAAmB;IAChCC,OAAO,EAAEL,cAAe;IACxBa,KAAK,EAAE,SAAAA,MAAAC,IAAA;MAAA,IAAGC,OAAO,GAAAD,IAAA,CAAPC,OAAO;MAAA,OAAO,CACtBC,MAAM,CAACrB,SAAS,EAChB;QACEsB,eAAe,EAAEF,OAAO,GAAGzB,UAAU,GAAGC,KAAK;QAC7C2B,MAAM,EAAE1C,UAAU,IAAI,EAAE;QACxB2C,KAAK,EAAE3C,UAAU,IAAI;MACvB,CAAC,EACDmB,SAAS,CACV;IAAA,CAAC;IACFyB,MAAM,EAAC,cAAc;IAAAC,QAAA,EAErB,IAAAnD,WAAA,CAAAuC,GAAA,EAACzC,IAAA,CAAAsD,GAAG,EAAAC,MAAA,CAAAC,MAAA;MAACC,IAAI,EAAEpC,IAAK;MAACqC,IAAI,EAAE;IAAG,GAAK9B,OAAO,CAAG;EAAC,CACjC,CAAC;AAEhB,CAAC;AAED,IAAM+B,QAAQ,GAAG,SAAXA,QAAQA,CACZC,SAAmE,EACnEC,SAAmE,EAChE;EACH,IACqCC,qCAAqC,GAGtEF,SAAS,CAHXrD,iCAAiC;IACvBwD,YAAY,GAEpBH,SAAS,CAFXnD,QAAQ;IACGuD,aAAa,GACtBJ,SAAS,CADX/C,SAAS;EAEX,IACqCoD,qCAAqC,GAGtEJ,SAAS,CAHXtD,iCAAiC;IACvB2D,YAAY,GAEpBL,SAAS,CAFXpD,QAAQ;IACG0D,aAAa,GACtBN,SAAS,CADXhD,SAAS;EAGX,IAAMuD,sCAAsC,GAC1CN,qCAAqC,KAAKG,qCAAqC;EACjF,IAAI,CAACG,sCAAsC,EAAE,OAAO,KAAK;EAEzD,IAAMC,aAAa,GAAGN,YAAY,KAAKG,YAAY;EACnD,IAAI,CAACG,aAAa,EAAE,OAAO,KAAK;EAEhC,IAAMC,cAAc,GAAGN,aAAa,KAAKG,aAAa;EACtD,IAAI,CAACG,cAAc,EAAE,OAAO,KAAK;EAEjC,OAAO,IAAI;AACb,CAAC;AAED,IAAMC,4BAA4B,GAAGC,iBAAK,CAACC,IAAI,CAC7CpE,+BAA+B,EAC/BsD,QACF,CAA2C;AAWpC,IAAMe,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAG/BpE,KAAoD,EACjD;EACH,IAAAqE,kBAAA,GAA6B,IAAAC,iCAAiB,EAAqB,CAAC;IAAAC,qBAAA,GAAAF,kBAAA,CAA5DlE,QAAQ;IAARA,QAAQ,GAAAoE,qBAAA,cAAG,KAAK,GAAAA,qBAAA;EACxB,IAAAC,qBAAA,GAA8C,IAAAC,2CAAsB,EAAqB,CAAC;IAAlFxE,iCAAiC,GAAAuE,qBAAA,CAAjCvE,iCAAiC;EAEzC,OACE,IAAAL,WAAA,CAAAuC,GAAA,EAAC8B,4BAA4B,EAAAhB,MAAA,CAAAC,MAAA;IAAOjD,iCAAiC,EAAjCA,iCAAiC;IAAEE,QAAQ,EAARA;EAAQ,GAAQH,KAAK,CAAG,CAAC;AAEpG,CAAC;AAAC0E,OAAA,CAAAN,oBAAA,GAAAA,oBAAA;AAEF,IAAM1B,MAAM,GAAGiC,uBAAU,CAACC,MAAM,CAAC;EAC/BvD,SAAS,EAAE;IACTwD,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,EAAE;IAChBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEFX,oBAAoB,CAACY,WAAW,GAAG,oCAAoC","ignoreList":[]}

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

@@ -0,0 +1,68 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AudioRecordingInProgress = void 0;
+var _react = _interopRequireDefault(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 _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";
+var AudioRecordingInProgressWithContext = function AudioRecordingInProgressWithContext(props) {
+  var AudioRecordingWaveform = props.AudioRecordingWaveform,
+    _props$maxDataPointsD = props.maxDataPointsDrawn,
+    maxDataPointsDrawn = _props$maxDataPointsD === void 0 ? 80 : _props$maxDataPointsD,
+    recordingDuration = props.recordingDuration,
+    waveformData = props.waveformData;
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme = _useTheme.theme,
+    grey_dark = _useTheme$theme.colors.grey_dark,
+    _useTheme$theme$messa = _useTheme$theme.messageInput.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
+    }), (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, areEqual);
+var AudioRecordingInProgress = function AudioRecordingInProgress(props) {
+  var _useMessageInputConte = (0, _MessageInputContext.useMessageInputContext)(),
+    AudioRecordingWaveform = _useMessageInputConte.AudioRecordingWaveform;
+  return (0, _jsxRuntime.jsx)(MemoizedAudioRecordingInProgress, Object.assign({
+    AudioRecordingWaveform: AudioRecordingWaveform
+  }, props));
+};
+exports.AudioRecordingInProgress = AudioRecordingInProgress;
+var styles = _reactNative.StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    paddingBottom: 8,
+    paddingTop: 4
+  },
+  durationText: {
+    fontSize: 16
+  }
+});
+AudioRecordingInProgress.displayName = 'AudioRecordingInProgress{messageInput}';
+//# sourceMappingURL=AudioRecordingInProgress.js.map

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

@@ -0,0 +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","_useMessageInputConte","useMessageInputContext","Object","assign","exports","StyleSheet","create","alignItems","flexDirection","justifyContent","paddingBottom","paddingTop","fontSize","displayName"],"sourceRoot":"../../../../../../src","sources":["components/MessageInput/components/AudioRecorder/AudioRecordingInProgress.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,oBAAA,GAAAH,OAAA;AAIA,IAAAI,aAAA,GAAAJ,OAAA;AAA0E,IAAAK,WAAA,GAAAL,OAAA;AAAA,IAAAM,KAAA;EAAAC,YAAA;AAqB1E,IAAMC,mCAAmC,GAAG,SAAtCA,mCAAmCA,CAGvCC,KAAmE,EAChE;EACH,IACEC,sBAAsB,GAIpBD,KAAK,CAJPC,sBAAsB;IAAAC,qBAAA,GAIpBF,KAAK,CAHPG,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,EAAE,GAAAA,qBAAA;IACvBE,iBAAiB,GAEfJ,KAAK,CAFPI,iBAAiB;IACjBC,YAAY,GACVL,KAAK,CADPK,YAAY;EAGd,IAAAC,SAAA,GAOI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CANZG,KAAK;IACOC,SAAS,GAAAF,eAAA,CAAnBG,MAAM,CAAID,SAAS;IAAAE,qBAAA,GAAAJ,eAAA,CACnBK,YAAY,CACVC,wBAAwB;IAAIC,SAAS,GAAAH,qBAAA,CAATG,SAAS;IAAEC,YAAY,GAAAJ,qBAAA,CAAZI,YAAY;EAKzD,OACE,IAAApB,WAAA,CAAAqB,IAAA,EAACzB,YAAA,CAAA0B,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACL,SAAS,EAAEA,SAAS,CAAE;IAAAM,QAAA,GAEzC,IAAAzB,WAAA,CAAA0B,GAAA,EAAC9B,YAAA,CAAA+B,IAAI;MAACJ,KAAK,EAAE,CAACC,MAAM,CAACJ,YAAY,EAAE;QAAEQ,KAAK,EAAEd;MAAU,CAAC,EAAEM,YAAY,CAAE;MAAAK,QAAA,EACpEjB,iBAAiB,GAAGqB,iBAAK,CAACC,QAAQ,CAACtB,iBAAiB,CAAC,CAACuB,MAAM,CAAC,OAAO,CAAC,GAAG;IAAI,CACzE,CAAC,EACP,IAAA/B,WAAA,CAAA0B,GAAA,EAACrB,sBAAsB;MAACE,kBAAkB,EAAEA,kBAAmB;MAACE,YAAY,EAAEA;IAAa,CAAE,CAAC;EAAA,CAC1F,CAAC;AAEX,CAAC;AAED,IAAMuB,QAAQ,GAAG,SAAXA,QAAQA,CACZC,SAAuE,EACvEC,SAAuE,EACpE;EACH,IAA2BC,qBAAqB,GAAKF,SAAS,CAAtDzB,iBAAiB;EACzB,IAA2B4B,qBAAqB,GAAKF,SAAS,CAAtD1B,iBAAiB;EAEzB,IAAM6B,sBAAsB,GAAGF,qBAAqB,KAAKC,qBAAqB;EAE9E,IAAI,CAACC,sBAAsB,EAAE,OAAO,KAAK;EAEzC,OAAO,IAAI;AACb,CAAC;AAED,IAAMC,gCAAgC,GAAGC,iBAAK,CAACC,IAAI,CACjDrC,mCAAmC,EACnC6B,QACF,CAA+C;AAWxC,IAAMS,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAGnCrC,KAAwD,EACrD;EACH,IAAAsC,qBAAA,GAAmC,IAAAC,2CAAsB,EAAqB,CAAC;IAAvEtC,sBAAsB,GAAAqC,qBAAA,CAAtBrC,sBAAsB;EAE9B,OAAO,IAAAL,WAAA,CAAA0B,GAAA,EAACY,gCAAgC,EAAAM,MAAA,CAAAC,MAAA;IAAOxC,sBAAsB,EAAtBA;EAAsB,GAAQD,KAAK,CAAG,CAAC;AACxF,CAAC;AAAC0C,OAAA,CAAAL,wBAAA,GAAAA,wBAAA;AAEF,IAAMjB,MAAM,GAAGuB,uBAAU,CAACC,MAAM,CAAC;EAC/B7B,SAAS,EAAE;IACT8B,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,aAAa,EAAE,CAAC;IAChBC,UAAU,EAAE;EACd,CAAC;EACDjC,YAAY,EAAE;IACZkC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEFb,wBAAwB,CAACc,WAAW,GAAG,wCAAwC","ignoreList":[]}

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

@@ -0,0 +1,75 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 _ThemeContext = require("../../../../contexts/themeContext/ThemeContext");
+var _icons = require("../../../../icons");
+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";
+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 AudioRecordingLockIndicator = function AudioRecordingLockIndicator(_ref) {
+  var messageInputHeight = _ref.messageInputHeight,
+    micLocked = _ref.micLocked,
+    style = _ref.style;
+  var _useState = (0, _react.useState)(true),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var timeoutRef = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    timeoutRef.current = setTimeout(function () {
+      if (micLocked) {
+        setVisible(false);
+      }
+    }, 2000);
+    return function () {
+      clearTimeout(timeoutRef.current);
+    };
+  }, [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,
+    arrowUpIcon = _useTheme$theme$messa.arrowUpIcon,
+    container = _useTheme$theme$messa.container,
+    lockIcon = _useTheme$theme$messa.lockIcon;
+  if (!visible) {
+    return null;
+  }
+  return (0, _jsxRuntime.jsxs)(_reactNativeReanimated["default"].View, {
+    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
+    }, arrowUpIcon))]
+  });
+};
+exports.AudioRecordingLockIndicator = AudioRecordingLockIndicator;
+var styles = _reactNative.StyleSheet.create({
+  container: {
+    borderRadius: 50,
+    margin: 5,
+    padding: 8,
+    position: 'absolute',
+    right: 0,
+    zIndex: 1
+  }
+});
+//# sourceMappingURL=AudioRecordingLockIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_ThemeContext","_icons","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AudioRecordingLockIndicator","_ref","messageInputHeight","micLocked","style","_useState","useState","_useState2","_slicedToArray2","visible","setVisible","timeoutRef","useRef","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","exports","StyleSheet","create","borderRadius","margin","padding","position","right","zIndex"],"sourceRoot":"../../../../../../src","sources":["components/MessageInput/components/AudioRecorder/AudioRecordingLockIndicator.tsx"],"mappings":"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","ignoreList":[]}