@ethora/chat-component-rn 26.4.2 → 26.5.2

package/lib/commonjs/components/styled/SendInput.js

@@ -0,0 +1,354 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _StyledInputComponents = require("./StyledInputComponents/StyledInputComponents");
+var _Button = _interopRequireDefault(require("./Button"));
+var _icons = require("../../assets/icons");
+var _reactNative = require("react-native");
+var _AttachSheet = _interopRequireDefault(require("../Modals/AttachSheet/AttachSheet"));
+var _MediaFilePreview = require("./MediaFilePreview");
+var ImagePicker = _interopRequireWildcard(require("expo-image-picker"));
+var DocumentPicker = _interopRequireWildcard(require("expo-document-picker"));
+var ImageManipulator = _interopRequireWildcard(require("expo-image-manipulator"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** @format */
+
+// iOS photos default to HEIC; many web backends (incl. ours) 500 on
+// HEIC uploads because they can't decode it. Convert to JPEG before
+// upload — JPEG is universally supported. JPEGs pass through.
+const normalizeImageAsset = async asset => {
+  const mime = (asset.mimeType || '').toLowerCase();
+  const looksLikeHeic = mime.includes('heic') || mime.includes('heif') || asset.uri.toLowerCase().endsWith('.heic') || asset.uri.toLowerCase().endsWith('.heif');
+  if (!looksLikeHeic) {
+    return {
+      uri: asset.uri,
+      mime: asset.mimeType || 'image/jpeg',
+      name: asset.fileName || asset.uri.split('/').pop() || `image_${Date.now()}.jpg`
+    };
+  }
+  const result = await ImageManipulator.manipulateAsync(asset.uri, [], {
+    compress: 0.9,
+    format: ImageManipulator.SaveFormat.JPEG
+  });
+  const baseName = (asset.fileName || asset.uri.split('/').pop() || `image_${Date.now()}`).replace(/\.(heic|heif)$/i, '.jpg');
+  return {
+    uri: result.uri,
+    mime: 'image/jpeg',
+    name: baseName
+  };
+};
+const SendInput = ({
+  sendMessage,
+  sendMedia,
+  config,
+  onFocus,
+  onBlur,
+  editMessage,
+  isLoading,
+  isMessageProcessing
+}) => {
+  const [message, setMessage] = (0, _react.useState)('');
+  const [isRecording, setIsRecording] = (0, _react.useState)(false);
+  const [isFocused, setIsFocused] = (0, _react.useState)(false);
+  const [filePreviews, setFilePreviews] = (0, _react.useState)([]);
+  const [inputHeight, setInputHeight] = (0, _react.useState)(40);
+  const [showMediaMenu, setShowMediaMenu] = (0, _react.useState)(false);
+
+  // Refs shadow `message` and `filePreviews` so handleSendClick can:
+  //   (a) read the LATEST typed value even when React state hasn't
+  //       flushed yet (rapid tap-burst race),
+  //   (b) clear the ref SYNCHRONOUSLY before any await — so a follow-up
+  //       tap on send that happens before the next render reads `''`
+  //       and bails out (instead of re-sending the same content).
+  // Without these, fast spam-typing+sending used to collapse 10 user
+  // sends into 1 server message with all 10 contents stacked.
+  const messageRef = (0, _react.useRef)(message);
+  const filePreviewsRef = (0, _react.useRef)(filePreviews);
+  // Guard flag so a 2nd tap during the first send's await is a no-op
+  // (versus duplicating the send with stale closure state).
+  const sendingRef = (0, _react.useRef)(false);
+  const handleFileSelect = files => {
+    filePreviewsRef.current = files;
+    setFilePreviews([...files]);
+  };
+
+  // Both pickers use expo-image-picker / expo-document-picker. They
+  // own permission prompts internally and surface a `canceled` flag in
+  // the result — no need for a separate permissions library or hand-
+  // rolled check/request flow.
+
+  const promptOpenSettings = message => {
+    _reactNative.Alert.alert('Permission required', message, [{
+      text: 'Cancel',
+      style: 'cancel'
+    }, {
+      text: 'Open Settings',
+      onPress: () => _reactNative.Linking.openSettings()
+    }]);
+  };
+  const handleCameraSelection = async () => {
+    const perm = await ImagePicker.requestCameraPermissionsAsync();
+    if (!perm.granted) {
+      promptOpenSettings('Camera permission is needed to take photos and videos.');
+      return;
+    }
+    try {
+      const result = await ImagePicker.launchCameraAsync({
+        mediaTypes: ['images', 'videos'],
+        quality: 0.9
+      });
+      if (result.canceled || !result.assets?.[0]) {
+        return;
+      }
+      const asset = result.assets[0];
+      if (asset.type === 'video') {
+        handleFileSelect([{
+          uri: asset.uri,
+          type: asset.mimeType || 'video/mp4',
+          name: asset.fileName || asset.uri.split('/').pop() || `camera_${Date.now()}.mp4`
+        }]);
+        return;
+      }
+      const normalized = await normalizeImageAsset(asset);
+      handleFileSelect([{
+        uri: normalized.uri,
+        type: normalized.mime,
+        name: normalized.name
+      }]);
+    } catch (error) {
+      console.error('Camera error:', error);
+    }
+  };
+  const handleGallerySelection = async () => {
+    const perm = await ImagePicker.requestMediaLibraryPermissionsAsync();
+    if (!perm.granted) {
+      promptOpenSettings('Gallery permission is needed to select photos and videos.');
+      return;
+    }
+    try {
+      const result = await ImagePicker.launchImageLibraryAsync({
+        mediaTypes: ['images', 'videos'],
+        allowsEditing: false,
+        quality: 0.9
+      });
+      if (result.canceled || !result.assets?.[0]) {
+        return;
+      }
+      const asset = result.assets[0];
+      // Videos pass through unchanged; only images get the HEIC→JPEG
+      // normalization (manipulator is image-only).
+      if (asset.type === 'video') {
+        handleFileSelect([{
+          uri: asset.uri,
+          type: asset.mimeType || 'video/mp4',
+          name: asset.fileName || asset.uri.split('/').pop() || `gallery_${Date.now()}.mp4`
+        }]);
+        return;
+      }
+      const normalized = await normalizeImageAsset(asset);
+      handleFileSelect([{
+        uri: normalized.uri,
+        type: normalized.mime,
+        name: normalized.name
+      }]);
+    } catch (error) {
+      console.error('Gallery error:', error);
+    }
+  };
+  const handleFileSelection = async () => {
+    try {
+      const result = await DocumentPicker.getDocumentAsync({
+        type: '*/*',
+        multiple: false,
+        copyToCacheDirectory: true
+      });
+      if (result.canceled || !result.assets?.[0]) {
+        return;
+      }
+      const asset = result.assets[0];
+      handleFileSelect([{
+        uri: asset.uri,
+        type: asset.mimeType || 'application/octet-stream',
+        name: asset.name || `file_${Date.now()}`
+      }]);
+    } catch (err) {
+      console.error('DocumentPicker error:', err);
+    }
+  };
+  const handleAttachPress = () => {
+    if (_reactNative.Platform.OS === 'ios') {
+      _reactNative.ActionSheetIOS.showActionSheetWithOptions({
+        options: ['Cancel', 'Camera', 'Photo Library', 'Document'],
+        cancelButtonIndex: 0
+      }, buttonIndex => {
+        if (buttonIndex === 1) {
+          handleCameraSelection();
+        } else if (buttonIndex === 2) {
+          handleGallerySelection();
+        } else if (buttonIndex === 3) {
+          handleFileSelection();
+        }
+      });
+    } else {
+      setShowMediaMenu(true);
+    }
+  };
+  const handleRemoveImage = index => {
+    const next = filePreviewsRef.current.filter((_, i) => i !== index);
+    filePreviewsRef.current = next;
+    setFilePreviews(next);
+  };
+  const handleSendClick = (0, _react.useCallback)(async () => {
+    // Snapshot LATEST values from refs, not from the React-state
+    // closure. The closure is captured at render-time and may be
+    // stale by the time a fast-fingered user spams the send button.
+    const messageToSend = messageRef.current;
+    const filesToSend = filePreviewsRef.current;
+
+    // Nothing to send → bail. Critical for the spam case: after the
+    // first tap clears refs, subsequent taps queued by RN's native
+    // gesture system see empty refs and exit without re-sending.
+    if (!messageToSend && filesToSend.length === 0) {
+      return;
+    }
+
+    // Re-entrancy guard. If a previous send is still awaiting upload
+    // / xmpp.send, a second tap should NOT slip through with the
+    // same snapshotted content.
+    if (sendingRef.current) {
+      return;
+    }
+    sendingRef.current = true;
+
+    // CLEAR EVERYTHING SYNCHRONOUSLY — refs first (so the early-bail
+    // above catches the next rapid tap immediately), then dispatch
+    // state updates so the UI catches up on the next render.
+    messageRef.current = '';
+    filePreviewsRef.current = [];
+    setMessage('');
+    setFilePreviews([]);
+    try {
+      for (const file of filesToSend) {
+        try {
+          await sendMedia(file, file.type);
+        } catch (err) {
+          console.error(err);
+          return;
+        }
+      }
+      if (messageToSend) {
+        sendMessage(messageToSend);
+      }
+    } finally {
+      sendingRef.current = false;
+    }
+    // Deps intentionally exclude `message` / `filePreviews` — we read
+    // from refs, so closure freshness is irrelevant and re-creating
+    // the handler on every keystroke would just thrash GC + risk the
+    // (still-async) `disabled` button race.
+  }, [sendMessage, sendMedia]);
+  (0, _react.useEffect)(() => {
+    const next = editMessage || '';
+    messageRef.current = next;
+    setMessage(next);
+  }, [editMessage]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_StyledInputComponents.InputContainer, {
+    isText: !!message,
+    children: [filePreviews.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MediaFilePreview.MediaFilePreview, {
+      filePreviews: filePreviews,
+      handleRemoveImage: handleRemoveImage
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_StyledInputComponents.MessageInputContainer, {
+      children: [!isRecording && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [!config?.disableMedia && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          onPress: handleAttachPress,
+          style: {
+            width: 40,
+            height: 40,
+            justifyContent: 'center',
+            alignItems: 'center',
+            backgroundColor: 'transparent'
+          },
+          activeOpacity: 0.7,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.AttachIcon, {
+            color: config?.colors?.primary || '#0052CD'
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledInputComponents.MessageInput
+        // Stable testIDs so Maestro / Detox / Appium can drive
+        // the chat-send flow reliably. accessibilityLabel
+        // mirrors the testID so iOS accessibility-id lookups
+        // also work. (TextInput in src/components/InputComponents
+        // also carries the same testIDs as a fallback, but
+        // SendInput is the input that actually ships in
+        // <ChatRoom> / <Thread> so this is the one e2e drivers
+        // hit in practice.)
+        , {
+          testID: "chat-message-input",
+          accessibilityLabel: "chat-message-input",
+          isFocused: isFocused,
+          color: config?.colors?.primary,
+          placeholder: "Type message",
+          placeholderTextColor: "#999",
+          value: message,
+          onChangeText: text => {
+            // Mirror into the ref synchronously so handleSendClick
+            // reads the latest value even before the React state
+            // commit lands (the source of the spam-merge bug).
+            messageRef.current = text;
+            setMessage(text);
+          },
+          onFocus: () => {
+            onFocus?.();
+            setIsFocused(true);
+          },
+          onBlur: () => {
+            onBlur?.();
+            setIsFocused(false);
+          },
+          editable: !isLoading || !isMessageProcessing,
+          multiline: true
+          // maxHeight={72}
+          ,
+          onContentSizeChange: event => {
+            setInputHeight(Math.min(72, Math.max(40, event.nativeEvent.contentSize.height)));
+          },
+          style: {
+            height: inputHeight,
+            flex: 1
+          }
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        testID: "chat-send-button",
+        accessibilityLabel: "chat-send-button",
+        onPress: handleSendClick,
+        disabled: !message && filePreviews.length === 0,
+        EndIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SendIcon, {
+          color: message || filePreviews.length > 0 ? '#FFFFFF' : '#D4D4D8'
+        }),
+        style: {
+          width: 40,
+          height: 40,
+          borderRadius: 20,
+          alignItems: 'center',
+          justifyContent: 'center',
+          backgroundColor: message || filePreviews.length > 0 ? config?.colors?.primary : 'transparent',
+          opacity: message || filePreviews.length > 0 ? 1 : 0.5
+        }
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AttachSheet.default, {
+      visible: showMediaMenu,
+      onClose: () => setShowMediaMenu(false),
+      onCamera: handleCameraSelection,
+      onGallery: handleGallerySelection,
+      onDocument: handleFileSelection,
+      primaryColor: config?.colors?.primary
+    })]
+  });
+};
+var _default = exports.default = SendInput;
+//# sourceMappingURL=SendInput.js.map

package/lib/commonjs/components/styled/SendInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_StyledInputComponents","_Button","_interopRequireDefault","_icons","_reactNative","_AttachSheet","_MediaFilePreview","ImagePicker","DocumentPicker","ImageManipulator","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","normalizeImageAsset","asset","mime","mimeType","toLowerCase","looksLikeHeic","includes","uri","endsWith","name","fileName","split","pop","Date","now","result","manipulateAsync","compress","format","SaveFormat","JPEG","baseName","replace","SendInput","sendMessage","sendMedia","config","onFocus","onBlur","editMessage","isLoading","isMessageProcessing","message","setMessage","useState","isRecording","setIsRecording","isFocused","setIsFocused","filePreviews","setFilePreviews","inputHeight","setInputHeight","showMediaMenu","setShowMediaMenu","messageRef","useRef","filePreviewsRef","sendingRef","handleFileSelect","files","current","promptOpenSettings","Alert","alert","text","style","onPress","Linking","openSettings","handleCameraSelection","perm","requestCameraPermissionsAsync","granted","launchCameraAsync","mediaTypes","quality","canceled","assets","type","normalized","error","console","handleGallerySelection","requestMediaLibraryPermissionsAsync","launchImageLibraryAsync","allowsEditing","handleFileSelection","getDocumentAsync","multiple","copyToCacheDirectory","err","handleAttachPress","Platform","OS","ActionSheetIOS","showActionSheetWithOptions","options","cancelButtonIndex","buttonIndex","handleRemoveImage","index","next","filter","_","handleSendClick","useCallback","messageToSend","filesToSend","length","file","useEffect","jsxs","InputContainer","isText","children","jsx","MediaFilePreview","MessageInputContainer","Fragment","disableMedia","TouchableOpacity","width","height","justifyContent","alignItems","backgroundColor","activeOpacity","AttachIcon","color","colors","primary","MessageInput","testID","accessibilityLabel","placeholder","placeholderTextColor","value","onChangeText","editable","multiline","onContentSizeChange","event","Math","min","max","nativeEvent","contentSize","flex","disabled","EndIcon","SendIcon","borderRadius","opacity","visible","onClose","onCamera","onGallery","onDocument","primaryColor","_default","exports"],"sourceRoot":"../../../../src","sources":["components/styled/SendInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/styled/StyledComponents.js

@@ -0,0 +1,309 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wrapper = exports.UserName = exports.ThreadContainer = exports.StyledLoaderWrapper = exports.SendButtonText = exports.SendButton = exports.RemoveButtonText = exports.RemoveButton = exports.Overlay = exports.OrDelimiterText = exports.OrDelimiter = exports.NonRoomChat = exports.MessagesScroll = exports.MessagesList = exports.MessageTimestamp = exports.MessageText = exports.MessageInput = exports.MessageFooter = exports.Message = exports.Line = exports.InputContainer = exports.InitialsText = exports.IconButton = exports.FileInput = exports.CustomSystemMessage = exports.CustomMessageText = exports.ChatContainerHeaderLabel = exports.ChatContainerHeaderInfo = exports.ChatContainerHeaderBoxInfo = exports.ChatContainerHeader = exports.ChatContainer = exports.CenterContainer = exports.AvatarImage = exports.AvatarCircle = exports.AlsoContainer = exports.AlsoCheckbox = void 0;
+var _native = _interopRequireDefault(require("styled-components/native"));
+var _reactNative = require("react-native");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/** @format */
+
+const {
+  width,
+  height
+} = _reactNative.Dimensions.get('window');
+
+// General Containers
+const ChatContainer = exports.ChatContainer = _native.default.View`
+  position: relative;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+  background-color: #ffffff;
+`;
+const ThreadContainer = exports.ThreadContainer = _native.default.View`
+  flex-direction: col;
+  justify-content: space-between;
+  flex: 1;
+  width: 100%;
+  background-color: #ffffff;
+`;
+const ChatContainerHeader = exports.ChatContainerHeader = _native.default.View`
+  flex-direction: row;
+  padding: 12px 16px;
+  background-color: #ffffff;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom-width: 1px;
+  border-bottom-color: #e5e7eb;
+  border-style: solid;
+  z-index: 1000;
+`;
+const CenterContainer = exports.CenterContainer = _native.default.View`
+  align-items: center;
+  justify-content: center;
+  width: ${({
+  rightSpace,
+  leftSpace
+}) => rightSpace && !leftSpace ? '100%' : rightSpace || !leftSpace ? '90%' : '70%'};
+  padding-right: ${({
+  rightSpace
+}) => rightSpace ? '16' : '0'}px;
+  padding-left: ${({
+  leftSpace
+}) => leftSpace ? '16' : '0'}px;
+`;
+const ChatContainerHeaderBoxInfo = exports.ChatContainerHeaderBoxInfo = _native.default.TouchableOpacity`
+  flex: 1;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  max-width: 90%;
+  gap: 16px;
+  flex: 1;
+`;
+const ChatContainerHeaderInfo = exports.ChatContainerHeaderInfo = _native.default.View`
+  flex: 1;
+  gap: 2px;
+  align-items: left;
+  justify-content: center;
+  overflow: hidden;
+  text-align: left;
+  flex-direction: column;
+  gap: 2px;
+`;
+const ChatContainerHeaderLabel = exports.ChatContainerHeaderLabel = _native.default.Text`
+  color: #141414;
+  font-weight: 600;
+  font-size: 16px;
+  text-align: left;
+  overflow: hidden;
+  max-width: 100%;
+`;
+
+// Messages
+const NonRoomChat = exports.NonRoomChat = _native.default.View`
+  flex: 1;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  background-color: #fff;
+  flex-direction: column;
+  gap: 16px;
+`;
+const MessagesScroll = exports.MessagesScroll = _native.default.ScrollView`
+  flex: 1;
+  background-color: #f3f6fc;
+  padding: 0px 16px;
+`;
+const MessagesList = exports.MessagesList = _native.default.View`
+  width: 100%;
+  min-height: 20px;
+  position: relative;
+`;
+const MessageTimestamp = exports.MessageTimestamp = _native.default.Text`
+  font-size: 12px;
+  color: #999;
+  margin-bottom: 5px;
+`;
+const Message = exports.Message = _native.default.View`
+  background-color: ${props => props.isUser ? '#e8eafd' : '#f3f6fc'};
+  padding: 10px;
+  margin: 10px 0;
+  border-radius: 8px;
+  max-width: 60%;
+  flex-direction: row;
+  align-self: ${props => props.isUser ? 'flex-end' : 'flex-start'};
+`;
+const MessageText = exports.MessageText = _native.default.Text`
+  margin: 0;
+  color: #141414;
+`;
+const UserName = exports.UserName = _native.default.Text`
+  font-weight: bold;
+  color: #141414;
+`;
+
+// Input Components
+const InputContainer = exports.InputContainer = _native.default.View`
+  background-color: #ffffff;
+  flex-direction: row;
+  gap: 5px;
+  padding: 8px;
+  border-top-left-radius: 15px;
+  border-top-right-radius: 15px;
+`;
+const MessageInput = exports.MessageInput = _native.default.TextInput`
+  padding: 10px;
+  border-radius: 8px;
+  border: 1px solid #e5e7eb;
+  background-color: #f5f7f9;
+  color: #141414;
+`;
+const IconButton = exports.IconButton = _native.default.TouchableOpacity`
+  justify-content: center;
+  align-items: center;
+`;
+const SendButton = exports.SendButton = _native.default.TouchableOpacity`
+  padding: 10px 20px;
+  border-radius: 8px;
+  background-color: #007bff;
+  box-shadow: 1px -1px 10px rgba(0, 0, 0, 0.25);
+  justify-content: center;
+  align-items: center;
+`;
+const SendButtonText = exports.SendButtonText = _native.default.Text`
+  color: white;
+`;
+
+// Avatar and Utility Components
+const AvatarCircle = exports.AvatarCircle = _native.default.TouchableOpacity`
+  width: ${({
+  size
+}) => `${size}px` || '64px'};
+  height: ${({
+  size
+}) => `${size}px` || '64px'};
+  border-radius: 60px;
+  background-color: ${({
+  bgColor
+}) => bgColor};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+`;
+const AvatarImage = exports.AvatarImage = _native.default.Image`
+  width: 100%;
+  height: 100%;
+  border-radius: 50px;
+  object-fit: cover;
+`;
+const RemoveButton = exports.RemoveButton = _native.default.TouchableOpacity`
+  position: absolute;
+  top: -4px;
+  right: -4px;
+  width: 20px;
+  height: 20px;
+  background-color: rgba(0, 0, 0, 0.5);
+  border-radius: 50px;
+  justify-content: center;
+  align-items: center;
+`;
+const RemoveButtonText = exports.RemoveButtonText = _native.default.Text`
+  color: #fff;
+  font-size: 12px;
+  font-weight: bold;
+`;
+const InitialsText = exports.InitialsText = _native.default.Text`
+  font-size: ${({
+  size
+}) => size && size >= 64 ? '24px' : '18px'};
+  color: ${({
+  color
+}) => color ? color : '#fff'};
+  font-weight: bold;
+`;
+const Overlay = exports.Overlay = _native.default.View`
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.3);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+`;
+const CustomMessageText = exports.CustomMessageText = _native.default.Text`
+  margin: 0px;
+  color: ${({
+  color,
+  isUser,
+  colorUser
+}) => isUser ? colorUser || '#000' : color || '#000'};
+`;
+const FileInput = exports.FileInput = _native.default.TextInput`
+  display: none;
+`;
+const StyledLoaderWrapper = exports.StyledLoaderWrapper = _native.default.View`
+  width: ${width}px;
+  height: ${height}px;
+  justify-content: center;
+  align-items: center;
+`;
+const OrDelimiter = exports.OrDelimiter = _native.default.Text`
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+`;
+const OrDelimiterText = exports.OrDelimiterText = _native.default.Text`
+  font-size: 14px;
+  color: #999;
+`;
+const Line = exports.Line = _native.default.View`
+  width: 100%;
+  height: 1px;
+  background-color: #0052cd0d;
+`;
+const AlsoCheckbox = exports.AlsoCheckbox = _native.default.View`
+  width: 16px;
+  height: 16px;
+  background-color: ${props => props.accentColor};
+  border-radius: 4px;
+`;
+const AlsoContainer = exports.AlsoContainer = _native.default.TouchableOpacity`
+  align-items: center;
+  flex-direction: row;
+  gap: 8px;
+  background-color: #0052cd0d;
+  font-size: 14px;
+  padding: 10px 28px;
+  text-align: start;
+`;
+const Wrapper = exports.Wrapper = _native.default.View`
+  width: ${({
+  size
+}) => `${size}px` || '64px'};
+  height: ${({
+  size
+}) => `${size}px` || '64px'};
+  margin: 8px 0 8px 8px;
+  border-radius: 60px;
+  background-color: ${({
+  bgColor
+}) => bgColor};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+`;
+const CustomSystemMessage = exports.CustomSystemMessage = _native.default.View`
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  background-color: transparent;
+  gap: 16px;
+  margin: 8px;
+`;
+const MessageFooter = exports.MessageFooter = _native.default.View`
+  flex-direction: row;
+  justify-content: flex-start;
+  position: absolute;
+  gap: 6px;
+  bottom: -25px;
+  left: ${props => !props.isUser ? '10px' : 'auto'};
+  right: ${props => props.isUser ? '10px' : 'auto'};
+
+  @media (max-width: 675px) {
+    font-size: 12px;
+    bottom: -24px;
+  }
+`;
+//# sourceMappingURL=StyledComponents.js.map