@ethora/chat-component-rn 26.5.1 → 26.5.2

package/lib/commonjs/components/ExampleComponents/CustomTypingIndicatorExamples.js

@@ -0,0 +1,273 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProgressTypingIndicator = exports.MinimalTypingIndicator = exports.CustomTypingIndicatorExamples = exports.ChatBubbleTypingIndicator = exports.AIProcessingIndicator = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _native = _interopRequireDefault(require("styled-components/native"));
+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); }
+/* eslint-disable react-hooks/rules-of-hooks -- pre-existing port artifacts; hooks called conditionally / inside helpers. TODO: refactor */
+
+const AIWrapper = _native.default.View`
+  flex-direction: row;
+  align-items: center;
+  background-color: #667eea; /* можно заменить на градиент через rn-linear-gradient */
+  padding: 12px 20px;
+  border-radius: 25px;
+
+  /* тень iOS */
+  shadow-color: #667eea;
+  shadow-opacity: 0.3;
+  shadow-offset: 0px 4px;
+  shadow-radius: 10px;
+
+  /* тень Android */
+  elevation: 3;
+`;
+const AIAvatar = _native.default.View`
+  width: 24px;
+  height: 24px;
+  border-radius: 12px;
+  background-color: rgba(255, 255, 255, 0.2);
+  align-items: center;
+  justify-content: center;
+  margin-right: 8px;
+`;
+const AIAvatarText = _native.default.Text`
+  color: #fff;
+  font-size: 12px;
+  font-weight: 600;
+`;
+const AIText = _native.default.Text`
+  color: #fff;
+  font-size: 14px;
+  font-weight: 500;
+`;
+const AnimatedAIWrapper = (0, _native.default)(_reactNative.Animated.View)``;
+const AIProcessingIndicator = ({
+  text,
+  isVisible
+}) => {
+  if (!isVisible) {
+    return null;
+  }
+  const scale = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
+  const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(0.6)).current;
+  (0, _react.useEffect)(() => {
+    const loop = _reactNative.Animated.loop(_reactNative.Animated.parallel([_reactNative.Animated.sequence([_reactNative.Animated.timing(scale, {
+      toValue: 1.05,
+      duration: 1000,
+      easing: _reactNative.Easing.inOut(_reactNative.Easing.ease),
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(scale, {
+      toValue: 1,
+      duration: 1000,
+      easing: _reactNative.Easing.inOut(_reactNative.Easing.ease),
+      useNativeDriver: true
+    })]), _reactNative.Animated.sequence([_reactNative.Animated.timing(opacity, {
+      toValue: 1,
+      duration: 1000,
+      easing: _reactNative.Easing.inOut(_reactNative.Easing.ease),
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(opacity, {
+      toValue: 0.6,
+      duration: 1000,
+      easing: _reactNative.Easing.inOut(_reactNative.Easing.ease),
+      useNativeDriver: true
+    })])]));
+    loop.start();
+    return () => loop.stop();
+  }, [opacity, scale]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedAIWrapper, {
+    style: {
+      transform: [{
+        scale
+      }],
+      opacity
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(AIWrapper, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(AIAvatar, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AIAvatarText, {
+          children: "AI"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(AIText, {
+        children: text
+      })]
+    })
+  });
+};
+exports.AIProcessingIndicator = AIProcessingIndicator;
+const MinWrapper = _native.default.View`
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  padding: 8px;
+`;
+const Dot = (0, _native.default)(_reactNative.Animated.View)`
+  width: 6px;
+  height: 6px;
+  border-radius: 3px;
+  background-color: #666;
+  margin: 0 2px;
+`;
+const MinimalTypingIndicator = ({
+  isVisible
+}) => {
+  if (!isVisible) {
+    return null;
+  }
+  const makeOpacity = delay => {
+    const o = new _reactNative.Animated.Value(0.2);
+    (0, _react.useEffect)(() => {
+      const loop = _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(o, {
+        toValue: 1,
+        duration: 350,
+        delay,
+        useNativeDriver: true
+      }), _reactNative.Animated.timing(o, {
+        toValue: 0.2,
+        duration: 700,
+        useNativeDriver: true
+      })]));
+      loop.start();
+      return () => loop.stop();
+    }, []);
+    return o;
+  };
+  const o1 = makeOpacity(0);
+  const o2 = makeOpacity(200);
+  const o3 = makeOpacity(400);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(MinWrapper, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Dot, {
+      style: {
+        opacity: o1
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Dot, {
+      style: {
+        opacity: o2
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Dot, {
+      style: {
+        opacity: o3
+      }
+    })]
+  });
+};
+exports.MinimalTypingIndicator = MinimalTypingIndicator;
+const Bubble = _native.default.View`
+  background-color: #f0f0f0;
+  border-radius: 18px;
+  padding: 8px 16px;
+  margin: 4px 0;
+  align-self: flex-start;
+  max-width: 240px;
+`;
+const BubbleText = _native.default.Text`
+  font-size: 14px;
+  color: #666;
+`;
+const BubbleTail = _native.default.View`
+  position: absolute;
+  bottom: -6px;
+  left: 20px;
+  width: 0px;
+  height: 0px;
+  border-left-width: 6px;
+  border-right-width: 6px;
+  border-top-width: 6px;
+  border-left-color: transparent;
+  border-right-color: transparent;
+  border-top-color: #f0f0f0;
+`;
+const BubbleWrapper = _native.default.View`
+  position: relative;
+  align-self: flex-start;
+`;
+const ChatBubbleTypingIndicator = ({
+  text,
+  isVisible
+}) => {
+  if (!isVisible) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(BubbleWrapper, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Bubble, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BubbleText, {
+        children: text
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(BubbleTail, {})]
+  });
+};
+exports.ChatBubbleTypingIndicator = ChatBubbleTypingIndicator;
+const ProgressWrap = _native.default.View`
+  background-color: rgba(0, 0, 0, 0.1);
+  border-radius: 10px;
+  padding: 8px 16px;
+  flex-direction: row;
+  align-items: center;
+`;
+const ProgressLabel = _native.default.Text`
+  font-size: 12px;
+  color: #666;
+  margin-right: 8px;
+`;
+const Bar = _native.default.View`
+  width: 60px;
+  height: 4px;
+  background-color: rgba(0, 0, 0, 0.1);
+  border-radius: 2px;
+  overflow: hidden;
+`;
+const Runner = (0, _native.default)(_reactNative.Animated.View)`
+  width: 60px;
+  height: 4px;
+  background-color: #007bff;
+`;
+const ProgressTypingIndicator = ({
+  text,
+  isVisible
+}) => {
+  if (!isVisible) {
+    return null;
+  }
+  const tx = (0, _react.useRef)(new _reactNative.Animated.Value(-60)).current;
+  (0, _react.useEffect)(() => {
+    const loop = _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(tx, {
+      toValue: 60,
+      duration: 1500,
+      easing: _reactNative.Easing.linear,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(tx, {
+      toValue: -60,
+      duration: 0,
+      useNativeDriver: true
+    })]));
+    loop.start();
+    return () => loop.stop();
+  }, [tx]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ProgressWrap, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ProgressLabel, {
+      children: text
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Bar, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Runner, {
+        style: {
+          transform: [{
+            translateX: tx
+          }]
+        }
+      })
+    })]
+  });
+};
+exports.ProgressTypingIndicator = ProgressTypingIndicator;
+const CustomTypingIndicatorExamples = exports.CustomTypingIndicatorExamples = {
+  AIProcessingIndicator,
+  MinimalTypingIndicator,
+  ChatBubbleTypingIndicator,
+  ProgressTypingIndicator
+};
+//# sourceMappingURL=CustomTypingIndicatorExamples.js.map

package/lib/commonjs/components/ExampleComponents/CustomTypingIndicatorExamples.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_native","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AIWrapper","styled","View","AIAvatar","AIAvatarText","Text","AIText","AnimatedAIWrapper","Animated","AIProcessingIndicator","text","isVisible","scale","useRef","Value","current","opacity","useEffect","loop","parallel","sequence","timing","toValue","duration","easing","Easing","inOut","ease","useNativeDriver","start","stop","jsx","style","transform","children","jsxs","exports","MinWrapper","Dot","MinimalTypingIndicator","makeOpacity","delay","o1","o2","o3","Bubble","BubbleText","BubbleTail","BubbleWrapper","ChatBubbleTypingIndicator","ProgressWrap","ProgressLabel","Bar","Runner","ProgressTypingIndicator","tx","linear","translateX","CustomTypingIndicatorExamples"],"sourceRoot":"../../../../src","sources":["components/ExampleComponents/CustomTypingIndicatorExamples.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Header/HeaderRoomList.js

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HeaderRoomList = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _ProfileImagePlaceholder = require("../MainComponents/ProfileImagePlaceholder");
+var _useChatSettingState = require("../../hooks/useChatSettingState");
+var _icons = require("../../assets/icons");
+var _Button = _interopRequireDefault(require("../styled/Button"));
+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 */
+
+const HeaderRoomList = ({
+  setDrawerOpen
+}) => {
+  const {
+    config,
+    user,
+    selectedUser
+  } = (0, _useChatSettingState.useChatSettingState)();
+  const modalUser = selectedUser ?? user;
+  const HeaderLogo = (0, _react.useMemo)(() => {
+    const image = config?.headerLogo;
+    if (image) {
+      if (typeof image === 'function') {
+        const SvgComponent = image;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(SvgComponent, {});
+      } else if (typeof image === 'string') {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+          source: {
+            uri: image
+          }
+        });
+      } else {
+        return image;
+      }
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {});
+  }, [config?.backgroundChat?.image]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.headerContainer,
+    children: [!config?.disableRoomMenu && config?.headerMenu ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.leftContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        style: styles.menuButton,
+        color: "black",
+        unstyled: true,
+        EndIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.BurgerMenuIcon, {
+          color: config?.colors?.primary
+        }),
+        onPress: () => config?.headerMenu && config?.headerMenu()
+      })
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.leftContainer
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.centerContainer,
+      children: config?.headerLogo ? HeaderLogo : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: {
+          fontWeight: 500,
+          fontSize: 18
+        },
+        children: "Chats"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.rightContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProfileImagePlaceholder.ProfileImagePlaceholder, {
+        icon: modalUser?.profileImage ?? null,
+        name: modalUser?.name ?? modalUser?.firstName,
+        size: 30,
+        click: {
+          isClick: true,
+          onPress: setDrawerOpen
+        }
+      })
+    })]
+  });
+};
+exports.HeaderRoomList = HeaderRoomList;
+const styles = _reactNative.StyleSheet.create({
+  headerContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 16,
+    paddingTop: 16,
+    paddingBottom: 8,
+    minHeight: 56,
+    justifyContent: 'space-between'
+  },
+  menuButton: {
+    padding: 8,
+    borderRadius: 16,
+    backgroundColor: 'transparent'
+  },
+  leftContainer: {
+    width: 40,
+    alignItems: 'flex-start',
+    justifyContent: 'center'
+  },
+  centerContainer: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  rightContainer: {
+    width: 40,
+    alignItems: 'flex-end',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=HeaderRoomList.js.map

package/lib/commonjs/components/Header/HeaderRoomList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ProfileImagePlaceholder","_useChatSettingState","_icons","_Button","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","HeaderRoomList","setDrawerOpen","config","user","selectedUser","useChatSettingState","modalUser","HeaderLogo","useMemo","image","headerLogo","SvgComponent","jsx","Image","source","uri","View","backgroundChat","jsxs","style","styles","headerContainer","children","disableRoomMenu","headerMenu","leftContainer","menuButton","color","unstyled","EndIcon","BurgerMenuIcon","colors","primary","onPress","centerContainer","Text","fontWeight","fontSize","rightContainer","ProfileImagePlaceholder","icon","profileImage","name","firstName","size","click","isClick","exports","StyleSheet","create","flexDirection","alignItems","paddingHorizontal","paddingTop","paddingBottom","minHeight","justifyContent","padding","borderRadius","backgroundColor","width","position","left","right"],"sourceRoot":"../../../../src","sources":["components/Header/HeaderRoomList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/InputComponents/AudioInput.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _AudioRecorder = _interopRequireDefault(require("../InputComponents/AudioRecorder"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AudioInput = ({
+  isRecording,
+  setIsRecording,
+  handleSendClick
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AudioRecorder.default, {
+    setIsRecording: setIsRecording,
+    isRecording: isRecording,
+    handleSendClick: handleSendClick
+  });
+};
+var _default = exports.default = AudioInput;
+//# sourceMappingURL=AudioInput.js.map

package/lib/commonjs/components/InputComponents/AudioInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_AudioRecorder","_jsxRuntime","e","__esModule","default","AudioInput","isRecording","setIsRecording","handleSendClick","jsx","_default","exports"],"sourceRoot":"../../../../src","sources":["components/InputComponents/AudioInput.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA6D,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQ7D,MAAMG,UAAqC,GAAGA,CAAC;EAC7CC,WAAW;EACXC,cAAc;EACdC;AACF,CAAC,KAAK;EACJ,oBACE,IAAAP,WAAA,CAAAQ,GAAA,EAACT,cAAA,CAAAI,OAAa;IACZG,cAAc,EAAEA,cAAe;IAC/BD,WAAW,EAAEA,WAAY;IACzBE,eAAe,EAAEA;EAAgB,CAClC,CAAC;AAEN,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAP,OAAA,GAEaC,UAAU","ignoreList":[]}

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

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _StyledInputComponents = require("../styled/StyledInputComponents/StyledInputComponents");
+var _icons = require("../../assets/icons");
+var _Button = _interopRequireDefault(require("../styled/Button"));
+var _RecordingIndicator = _interopRequireDefault(require("./RecordingIndicator"));
+var _reactNative = require("react-native");
+var _reactNativeAudioRecorderPlayer = _interopRequireDefault(require("react-native-audio-recorder-player"));
+var _reactNativeFs = _interopRequireDefault(require("react-native-fs"));
+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); }
+const AudioRecorder = ({
+  setIsRecording,
+  isRecording,
+  handleSendClick
+}) => {
+  const audioRecorderPlayer = (0, _react.useRef)(new _reactNativeAudioRecorderPlayer.default()).current;
+  const [timer, setTimer] = (0, _react.useState)('00:00');
+  const [audioPath, setAudioPath] = (0, _react.useState)(null);
+  (0, _react.useEffect)(() => {
+    return () => {
+      audioRecorderPlayer.stopRecorder();
+      audioRecorderPlayer.removeRecordBackListener();
+    };
+  }, [audioRecorderPlayer]);
+  const startRecording = async () => {
+    try {
+      const path = _reactNative.Platform.select({
+        ios: `${_reactNativeFs.default.DocumentDirectoryPath}/recording.m4a`,
+        android: `${_reactNativeFs.default.CachesDirectoryPath}/recording.mp4`
+      });
+      const uri = await audioRecorderPlayer.startRecorder(path);
+      setAudioPath(uri);
+      audioRecorderPlayer.addRecordBackListener(e => {
+        const minutes = Math.floor(e.currentPosition / 60000);
+        const seconds = Math.floor(e.currentPosition % 60000 / 1000);
+        setTimer(`${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`);
+      });
+      setIsRecording(true);
+    } catch (error) {
+      console.error('Error starting recording:', error);
+    }
+  };
+  const stopRecording = async () => {
+    try {
+      await audioRecorderPlayer.stopRecorder();
+      audioRecorderPlayer.removeRecordBackListener();
+      setIsRecording(false);
+    } catch (error) {
+      console.error('Error stopping recording:', error);
+    }
+  };
+  const sendAudio = () => {
+    if (audioPath) {
+      console.log('Audio sent:', audioPath);
+      handleSendClick(audioPath);
+      resetState();
+    }
+  };
+  const resetState = () => {
+    setAudioPath(null);
+    setTimer('00:00');
+    setIsRecording(false);
+  };
+  return isRecording ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_StyledInputComponents.RecordContainer, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        display: 'flex',
+        alignItems: 'center'
+      },
+      children: [isRecording && /*#__PURE__*/(0, _jsxRuntime.jsx)(_RecordingIndicator.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledInputComponents.Timer, {
+        children: timer
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        display: 'flex',
+        gap: 8
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        onPress: stopRecording,
+        EndIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.RemoveIcon, {}),
+        unstyled: true
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        onPress: sendAudio,
+        EndIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SendIcon, {}),
+        unstyled: true
+      })]
+    })]
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+    onPress: startRecording,
+    EndIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.RecordIcon, {})
+  });
+};
+var _default = exports.default = AudioRecorder;
+//# sourceMappingURL=AudioRecorder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_StyledInputComponents","_icons","_Button","_interopRequireDefault","_RecordingIndicator","_reactNative","_reactNativeAudioRecorderPlayer","_reactNativeFs","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AudioRecorder","setIsRecording","isRecording","handleSendClick","audioRecorderPlayer","useRef","AudioRecorderPlayer","current","timer","setTimer","useState","audioPath","setAudioPath","useEffect","stopRecorder","removeRecordBackListener","startRecording","path","Platform","select","ios","RNFS","DocumentDirectoryPath","android","CachesDirectoryPath","uri","startRecorder","addRecordBackListener","minutes","Math","floor","currentPosition","seconds","toString","padStart","error","console","stopRecording","sendAudio","log","resetState","jsxs","RecordContainer","children","View","style","display","alignItems","jsx","Timer","gap","onPress","EndIcon","RemoveIcon","unstyled","SendIcon","RecordIcon","_default","exports"],"sourceRoot":"../../../../src","sources":["components/InputComponents/AudioRecorder.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/InputComponents/MediaInput.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _expoAv = require("expo-av");
+var ImagePicker = _interopRequireWildcard(require("expo-image-picker"));
+var _icons = require("../../assets/icons");
+var _Button = _interopRequireDefault(require("../styled/Button"));
+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); }
+const MediaInput = ({
+  filePreviews,
+  setFilePreviews,
+  handleSendClick,
+  config
+}) => {
+  const handleAttachClick = (0, _react.useCallback)(async () => {
+    const result = await ImagePicker.launchImageLibraryAsync({
+      mediaTypes: ['images', 'videos'],
+      allowsMultipleSelection: true,
+      selectionLimit: 5,
+      quality: 0.8
+    });
+    if (!result.canceled && result.assets) {
+      const newFiles = result.assets.map(asset => ({
+        uri: asset.uri,
+        name: asset.fileName || asset.uri.split('/').pop() || `file_${Date.now()}`,
+        type: asset.mimeType || 'application/octet-stream'
+      }));
+      setFilePreviews(prevFiles => [...prevFiles, ...newFiles].slice(0, 5));
+    }
+  }, [setFilePreviews]);
+  const handleRemoveFile = (0, _react.useCallback)(file => {
+    setFilePreviews(prevFiles => prevFiles.filter(f => f.uri !== file.uri));
+  }, [setFilePreviews]);
+  const renderFilePreview = (0, _react.useCallback)(file => {
+    if (file.type?.startsWith('image/')) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+        source: {
+          uri: file.uri
+        },
+        style: {
+          width: 50,
+          height: 50
+        }
+      });
+    } else if (file.type?.startsWith('video/')) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_expoAv.Video, {
+        source: {
+          uri: file.uri
+        },
+        style: {
+          width: 50,
+          height: 50
+        },
+        useNativeControls: true,
+        resizeMode: _expoAv.ResizeMode.COVER
+      });
+    }
+    return null;
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+      onPress: handleAttachClick,
+      disabled: config?.disableMedia,
+      EndIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.AttachIcon, {})
+    }), filePreviews.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      children: filePreviews.map(file => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          position: 'relative',
+          margin: 8
+        },
+        children: [renderFilePreview(file), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          onPress: () => handleRemoveFile(file),
+          style: {
+            position: 'absolute',
+            top: 4,
+            right: 4,
+            width: 20,
+            height: 20,
+            backgroundColor: 'rgba(0, 0, 0, 0.5)',
+            justifyContent: 'center',
+            alignItems: 'center',
+            borderRadius: 10
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.RemoveIcon, {})
+        })]
+      }, file.uri))
+    })]
+  });
+};
+var _default = exports.default = MediaInput;
+//# sourceMappingURL=MediaInput.js.map