@ethora/chat-component-rn 26.4.2 → 26.5.2

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

@@ -0,0 +1,110 @@
+"use strict";
+
+/** @format */
+
+import React, { useMemo } from 'react';
+import { View, StyleSheet, Image, Text } from 'react-native';
+import { ProfileImagePlaceholder } from '../MainComponents/ProfileImagePlaceholder';
+import { useChatSettingState } from '../../hooks/useChatSettingState';
+import { BurgerMenuIcon } from '../../assets/icons';
+import Button from '../styled/Button';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const HeaderRoomList = ({
+  setDrawerOpen
+}) => {
+  const {
+    config,
+    user,
+    selectedUser
+  } = useChatSettingState();
+  const modalUser = selectedUser ?? user;
+  const HeaderLogo = useMemo(() => {
+    const image = config?.headerLogo;
+    if (image) {
+      if (typeof image === 'function') {
+        const SvgComponent = image;
+        return /*#__PURE__*/_jsx(SvgComponent, {});
+      } else if (typeof image === 'string') {
+        return /*#__PURE__*/_jsx(Image, {
+          source: {
+            uri: image
+          }
+        });
+      } else {
+        return image;
+      }
+    }
+    return /*#__PURE__*/_jsx(View, {});
+  }, [config?.backgroundChat?.image]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.headerContainer,
+    children: [!config?.disableRoomMenu && config?.headerMenu ? /*#__PURE__*/_jsx(View, {
+      style: styles.leftContainer,
+      children: /*#__PURE__*/_jsx(Button, {
+        style: styles.menuButton,
+        color: "black",
+        unstyled: true,
+        EndIcon: /*#__PURE__*/_jsx(BurgerMenuIcon, {
+          color: config?.colors?.primary
+        }),
+        onPress: () => config?.headerMenu && config?.headerMenu()
+      })
+    }) : /*#__PURE__*/_jsx(View, {
+      style: styles.leftContainer
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.centerContainer,
+      children: config?.headerLogo ? HeaderLogo : /*#__PURE__*/_jsx(Text, {
+        style: {
+          fontWeight: 500,
+          fontSize: 18
+        },
+        children: "Chats"
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.rightContainer,
+      children: /*#__PURE__*/_jsx(ProfileImagePlaceholder, {
+        icon: modalUser?.profileImage ?? null,
+        name: modalUser?.name ?? modalUser?.firstName,
+        size: 30,
+        click: {
+          isClick: true,
+          onPress: setDrawerOpen
+        }
+      })
+    })]
+  });
+};
+const styles = 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/module/components/Header/HeaderRoomList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","View","StyleSheet","Image","Text","ProfileImagePlaceholder","useChatSettingState","BurgerMenuIcon","Button","jsx","_jsx","jsxs","_jsxs","HeaderRoomList","setDrawerOpen","config","user","selectedUser","modalUser","HeaderLogo","image","headerLogo","SvgComponent","source","uri","backgroundChat","style","styles","headerContainer","children","disableRoomMenu","headerMenu","leftContainer","menuButton","color","unstyled","EndIcon","colors","primary","onPress","centerContainer","fontWeight","fontSize","rightContainer","icon","profileImage","name","firstName","size","click","isClick","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/module/components/InputComponents/AudioInput.js

@@ -0,0 +1,18 @@
+"use strict";
+
+import React from 'react';
+import AudioRecorder from '../InputComponents/AudioRecorder';
+import { jsx as _jsx } from "react/jsx-runtime";
+const AudioInput = ({
+  isRecording,
+  setIsRecording,
+  handleSendClick
+}) => {
+  return /*#__PURE__*/_jsx(AudioRecorder, {
+    setIsRecording: setIsRecording,
+    isRecording: isRecording,
+    handleSendClick: handleSendClick
+  });
+};
+export default AudioInput;
+//# sourceMappingURL=AudioInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","AudioRecorder","jsx","_jsx","AudioInput","isRecording","setIsRecording","handleSendClick"],"sourceRoot":"../../../../src","sources":["components/InputComponents/AudioInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,aAAa,MAAM,kCAAkC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7D,MAAMC,UAAqC,GAAGA,CAAC;EAC7CC,WAAW;EACXC,cAAc;EACdC;AACF,CAAC,KAAK;EACJ,oBACEJ,IAAA,CAACF,aAAa;IACZK,cAAc,EAAEA,cAAe;IAC/BD,WAAW,EAAEA,WAAY;IACzBE,eAAe,EAAEA;EAAgB,CAClC,CAAC;AAEN,CAAC;AAED,eAAeH,UAAU","ignoreList":[]}

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

@@ -0,0 +1,95 @@
+"use strict";
+
+import React, { useState, useRef, useEffect } from 'react';
+import { RecordContainer, Timer } from '../styled/StyledInputComponents/StyledInputComponents';
+import { RecordIcon, RemoveIcon, SendIcon } from '../../assets/icons';
+import Button from '../styled/Button';
+import RecordingIndicator from './RecordingIndicator';
+import { Platform, View } from 'react-native';
+import AudioRecorderPlayer from 'react-native-audio-recorder-player';
+import RNFS from 'react-native-fs';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AudioRecorder = ({
+  setIsRecording,
+  isRecording,
+  handleSendClick
+}) => {
+  const audioRecorderPlayer = useRef(new AudioRecorderPlayer()).current;
+  const [timer, setTimer] = useState('00:00');
+  const [audioPath, setAudioPath] = useState(null);
+  useEffect(() => {
+    return () => {
+      audioRecorderPlayer.stopRecorder();
+      audioRecorderPlayer.removeRecordBackListener();
+    };
+  }, [audioRecorderPlayer]);
+  const startRecording = async () => {
+    try {
+      const path = Platform.select({
+        ios: `${RNFS.DocumentDirectoryPath}/recording.m4a`,
+        android: `${RNFS.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__*/_jsxs(RecordContainer, {
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        display: 'flex',
+        alignItems: 'center'
+      },
+      children: [isRecording && /*#__PURE__*/_jsx(RecordingIndicator, {}), /*#__PURE__*/_jsx(Timer, {
+        children: timer
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: {
+        display: 'flex',
+        gap: 8
+      },
+      children: [/*#__PURE__*/_jsx(Button, {
+        onPress: stopRecording,
+        EndIcon: /*#__PURE__*/_jsx(RemoveIcon, {}),
+        unstyled: true
+      }), /*#__PURE__*/_jsx(Button, {
+        onPress: sendAudio,
+        EndIcon: /*#__PURE__*/_jsx(SendIcon, {}),
+        unstyled: true
+      })]
+    })]
+  }) : /*#__PURE__*/_jsx(Button, {
+    onPress: startRecording,
+    EndIcon: /*#__PURE__*/_jsx(RecordIcon, {})
+  });
+};
+export default AudioRecorder;
+//# sourceMappingURL=AudioRecorder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useRef","useEffect","RecordContainer","Timer","RecordIcon","RemoveIcon","SendIcon","Button","RecordingIndicator","Platform","View","AudioRecorderPlayer","RNFS","jsx","_jsx","jsxs","_jsxs","AudioRecorder","setIsRecording","isRecording","handleSendClick","audioRecorderPlayer","current","timer","setTimer","audioPath","setAudioPath","stopRecorder","removeRecordBackListener","startRecording","path","select","ios","DocumentDirectoryPath","android","CachesDirectoryPath","uri","startRecorder","addRecordBackListener","e","minutes","Math","floor","currentPosition","seconds","toString","padStart","error","console","stopRecording","sendAudio","log","resetState","children","style","display","alignItems","gap","onPress","EndIcon","unstyled"],"sourceRoot":"../../../../src","sources":["components/InputComponents/AudioRecorder.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,92 @@
+"use strict";
+
+import React, { useCallback } from 'react';
+import { View, Image, TouchableOpacity } from 'react-native';
+import { Video, ResizeMode } from 'expo-av';
+import * as ImagePicker from 'expo-image-picker';
+import { AttachIcon, RemoveIcon } from '../../assets/icons';
+import Button from '../styled/Button';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const MediaInput = ({
+  filePreviews,
+  setFilePreviews,
+  handleSendClick,
+  config
+}) => {
+  const handleAttachClick = 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 = useCallback(file => {
+    setFilePreviews(prevFiles => prevFiles.filter(f => f.uri !== file.uri));
+  }, [setFilePreviews]);
+  const renderFilePreview = useCallback(file => {
+    if (file.type?.startsWith('image/')) {
+      return /*#__PURE__*/_jsx(Image, {
+        source: {
+          uri: file.uri
+        },
+        style: {
+          width: 50,
+          height: 50
+        }
+      });
+    } else if (file.type?.startsWith('video/')) {
+      return /*#__PURE__*/_jsx(Video, {
+        source: {
+          uri: file.uri
+        },
+        style: {
+          width: 50,
+          height: 50
+        },
+        useNativeControls: true,
+        resizeMode: ResizeMode.COVER
+      });
+    }
+    return null;
+  }, []);
+  return /*#__PURE__*/_jsxs(View, {
+    children: [/*#__PURE__*/_jsx(Button, {
+      onPress: handleAttachClick,
+      disabled: config?.disableMedia,
+      EndIcon: /*#__PURE__*/_jsx(AttachIcon, {})
+    }), filePreviews.length > 0 && /*#__PURE__*/_jsx(View, {
+      children: filePreviews.map(file => /*#__PURE__*/_jsxs(View, {
+        style: {
+          position: 'relative',
+          margin: 8
+        },
+        children: [renderFilePreview(file), /*#__PURE__*/_jsx(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__*/_jsx(RemoveIcon, {})
+        })]
+      }, file.uri))
+    })]
+  });
+};
+export default MediaInput;
+//# sourceMappingURL=MediaInput.js.map

package/lib/module/components/InputComponents/MediaInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","View","Image","TouchableOpacity","Video","ResizeMode","ImagePicker","AttachIcon","RemoveIcon","Button","jsx","_jsx","jsxs","_jsxs","MediaInput","filePreviews","setFilePreviews","handleSendClick","config","handleAttachClick","result","launchImageLibraryAsync","mediaTypes","allowsMultipleSelection","selectionLimit","quality","canceled","assets","newFiles","map","asset","uri","name","fileName","split","pop","Date","now","type","mimeType","prevFiles","slice","handleRemoveFile","file","filter","f","renderFilePreview","startsWith","source","style","width","height","useNativeControls","resizeMode","COVER","children","onPress","disabled","disableMedia","EndIcon","length","position","margin","top","right","backgroundColor","justifyContent","alignItems","borderRadius"],"sourceRoot":"../../../../src","sources":["components/InputComponents/MediaInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/InputComponents/RecordingIndicator.js

@@ -0,0 +1,65 @@
+"use strict";
+
+import React, { useEffect, useRef } from 'react';
+import { View, StyleSheet, Animated } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const RecordingIndicator = () => {
+  const scaleAnim = useRef(new Animated.Value(1)).current; // For scaling the circle
+  const opacityAnim = useRef(new Animated.Value(1)).current; // For pulsating effect
+
+  useEffect(() => {
+    Animated.loop(Animated.sequence([Animated.parallel([Animated.timing(scaleAnim, {
+      toValue: 1.3,
+      duration: 750,
+      useNativeDriver: true
+    }), Animated.timing(opacityAnim, {
+      toValue: 0.6,
+      duration: 750,
+      useNativeDriver: true
+    })]), Animated.parallel([Animated.timing(scaleAnim, {
+      toValue: 1,
+      duration: 750,
+      useNativeDriver: true
+    }), Animated.timing(opacityAnim, {
+      toValue: 1,
+      duration: 750,
+      useNativeDriver: true
+    })])])).start();
+  }, [scaleAnim, opacityAnim]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.wrapper,
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.outerCircle, {
+        transform: [{
+          scale: scaleAnim
+        }],
+        opacity: opacityAnim
+      }]
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.innerCircle
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  wrapper: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginRight: 10
+  },
+  outerCircle: {
+    width: 18,
+    height: 18,
+    borderRadius: 9,
+    backgroundColor: 'rgba(255, 0, 0, 0.6)',
+    position: 'absolute'
+  },
+  innerCircle: {
+    width: 16,
+    height: 16,
+    borderRadius: 8,
+    backgroundColor: 'red',
+    position: 'relative'
+  }
+});
+export default RecordingIndicator;
+//# sourceMappingURL=RecordingIndicator.js.map

package/lib/module/components/InputComponents/RecordingIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","View","StyleSheet","Animated","jsx","_jsx","jsxs","_jsxs","RecordingIndicator","scaleAnim","Value","current","opacityAnim","loop","sequence","parallel","timing","toValue","duration","useNativeDriver","start","style","styles","wrapper","children","outerCircle","transform","scale","opacity","innerCircle","create","justifyContent","alignItems","marginRight","width","height","borderRadius","backgroundColor","position"],"sourceRoot":"../../../../src","sources":["components/InputComponents/RecordingIndicator.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAGC,SAAS,EAAEC,MAAM,QAAO,OAAO;AAC9C,SAAQC,IAAI,EAAEC,UAAU,EAAEC,QAAQ,QAAO,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAExD,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EAC/B,MAAMC,SAAS,GAAGT,MAAM,CAAC,IAAIG,QAAQ,CAACO,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO,CAAC,CAAC;EACzD,MAAMC,WAAW,GAAGZ,MAAM,CAAC,IAAIG,QAAQ,CAACO,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO,CAAC,CAAC;;EAE3DZ,SAAS,CAAC,MAAM;IACdI,QAAQ,CAACU,IAAI,CACXV,QAAQ,CAACW,QAAQ,CAAC,CAChBX,QAAQ,CAACY,QAAQ,CAAC,CAChBZ,QAAQ,CAACa,MAAM,CAACP,SAAS,EAAE;MACzBQ,OAAO,EAAE,GAAG;MACZC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,EACFhB,QAAQ,CAACa,MAAM,CAACJ,WAAW,EAAE;MAC3BK,OAAO,EAAE,GAAG;MACZC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,CACH,CAAC,EACFhB,QAAQ,CAACY,QAAQ,CAAC,CAChBZ,QAAQ,CAACa,MAAM,CAACP,SAAS,EAAE;MACzBQ,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,EACFhB,QAAQ,CAACa,MAAM,CAACJ,WAAW,EAAE;MAC3BK,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,CACH,CAAC,CACH,CACH,CAAC,CAACC,KAAK,CAAC,CAAC;EACX,CAAC,EAAE,CAACX,SAAS,EAAEG,WAAW,CAAC,CAAC;EAE5B,oBACEL,KAAA,CAACN,IAAI;IAACoB,KAAK,EAAEC,MAAM,CAACC,OAAQ;IAAAC,QAAA,gBAC1BnB,IAAA,CAACF,QAAQ,CAACF,IAAI;MACZoB,KAAK,EAAE,CACLC,MAAM,CAACG,WAAW,EAClB;QACEC,SAAS,EAAE,CAAC;UAACC,KAAK,EAAElB;QAAS,CAAC,CAAC;QAC/BmB,OAAO,EAAEhB;MACX,CAAC;IACD,CACH,CAAC,eACFP,IAAA,CAACJ,IAAI;MAACoB,KAAK,EAAEC,MAAM,CAACO;IAAY,CAAE,CAAC;EAAA,CAC/B,CAAC;AAEX,CAAC;AAED,MAAMP,MAAM,GAAGpB,UAAU,CAAC4B,MAAM,CAAC;EAC/BP,OAAO,EAAE;IACPQ,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,WAAW,EAAE;EACf,CAAC;EACDR,WAAW,EAAE;IACXS,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE,sBAAsB;IACvCC,QAAQ,EAAE;EACZ,CAAC;EACDT,WAAW,EAAE;IACXK,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE,KAAK;IACtBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,eAAe9B,kBAAkB","ignoreList":[]}

package/lib/module/components/InputComponents/Search.js

@@ -0,0 +1,107 @@
+"use strict";
+
+import React, { useState, useEffect, useRef } from 'react';
+import styled, { css } from 'styled-components/native';
+import { TextInput, TouchableOpacity } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const shouldForwardProp = prop => prop !== 'animated' && prop !== 'expanded' && prop !== 'direction';
+const SearchInputWrapper = styled.View.withConfig({
+  shouldForwardProp
+})`
+  position: relative;
+  flex-direction: row;
+  align-items: center;
+  background-color: #fff;
+  border-radius: 16px;
+  height: 44px;
+  padding: 0 12px;
+  margin: 0 0 12px 0;
+  flex: 1;
+  ${({
+  animated,
+  expanded
+}) => animated && css`
+      justify-content: ${expanded ? 'flex-start' : 'center'};
+      transition: width 0.7s ease-in-out;
+    `};
+`;
+const SearchIcon = styled(TouchableOpacity)`
+  padding: 0;
+  margin-right: 8px;
+  align-items: center;
+  justify-content: center;
+  color: #999;
+`;
+const StyledInput = styled(TextInput)`
+  background-color: transparent;
+  border: none;
+  flex: 1;
+  font-size: 16px;
+  color: #000;
+  opacity: ${({
+  animated,
+  expanded
+}) => animated && !expanded ? 0 : 1};
+  display: ${({
+  animated,
+  expanded
+}) => animated && !expanded ? 'none' : 'flex'};
+  ${({
+  animated
+}) => animated && css`
+      transition: opacity 0.7s ease-in-out;
+    `}
+`;
+const SearchInput = ({
+  icon,
+  animated = false,
+  direction = 'left',
+  placeholder,
+  ...props
+}) => {
+  const [isExpanded, setIsExpanded] = useState(false);
+  const [isTyping, setIsTyping] = useState(false);
+  const inputRef = useRef(null);
+  const handleFocus = () => {
+    setIsExpanded(true);
+  };
+  const handleBlur = () => {
+    if (!isTyping) {
+      setIsExpanded(false);
+    }
+  };
+  const handleInput = text => {
+    setIsTyping(!!text);
+  };
+  useEffect(() => {
+    if (isExpanded && animated) {
+      const timeout = setTimeout(() => {
+        inputRef.current?.focus();
+      }, 250);
+      return () => clearTimeout(timeout);
+    }
+  }, [isExpanded, animated]);
+  return /*#__PURE__*/_jsxs(SearchInputWrapper, {
+    animated: animated,
+    direction: direction,
+    expanded: isExpanded,
+    onTouchStart: handleFocus,
+    children: [icon && /*#__PURE__*/_jsx(SearchIcon, {
+      animated: animated,
+      expanded: isExpanded,
+      onPress: () => inputRef.current?.focus(),
+      children: icon
+    }), /*#__PURE__*/_jsx(StyledInput, {
+      ref: inputRef,
+      onBlur: handleBlur,
+      animated: animated,
+      expanded: isExpanded,
+      onChangeText: handleInput,
+      placeholder: placeholder,
+      placeholderTextColor: "#999",
+      ...props
+    })]
+  });
+};
+export { SearchInput };
+//# sourceMappingURL=Search.js.map

package/lib/module/components/InputComponents/Search.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","useRef","styled","css","TextInput","TouchableOpacity","jsx","_jsx","jsxs","_jsxs","shouldForwardProp","prop","SearchInputWrapper","View","withConfig","animated","expanded","SearchIcon","StyledInput","SearchInput","icon","direction","placeholder","props","isExpanded","setIsExpanded","isTyping","setIsTyping","inputRef","handleFocus","handleBlur","handleInput","text","timeout","setTimeout","current","focus","clearTimeout","onTouchStart","children","onPress","ref","onBlur","onChangeText","placeholderTextColor"],"sourceRoot":"../../../../src","sources":["components/InputComponents/Search.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAC1D,OAAOC,MAAM,IAAIC,GAAG,QAAQ,0BAA0B;AACtD,SACEC,SAAS,EAETC,gBAAgB,QAEX,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEtB,MAAMC,iBAAiB,GAAIC,IAAY,IACrCA,IAAI,KAAK,UAAU,IAAIA,IAAI,KAAK,UAAU,IAAIA,IAAI,KAAK,WAAW;AAEpE,MAAMC,kBAAkB,GAAGV,MAAM,CAACW,IAAI,CAACC,UAAU,CAAC;EAAEJ;AAAkB,CAAC,CAIrE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,CAAC;EAAEK,QAAQ;EAAEC;AAAS,CAAC,KACvBD,QAAQ,IACRZ,GAAG;AACP,yBAAyBa,QAAQ,GAAG,YAAY,GAAG,QAAQ;AAC3D;AACA,KAAK;AACL,CAAC;AAED,MAAMC,UAAU,GAAGf,MAAM,CAACG,gBAAgB,CAGxC;AACF;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMa,WAAW,GAAGhB,MAAM,CAACE,SAAS,CAGlC;AACF;AACA;AACA;AACA;AACA;AACA,aAAa,CAAC;EAAEW,QAAQ;EAAEC;AAAS,CAAC,KAAMD,QAAQ,IAAI,CAACC,QAAQ,GAAG,CAAC,GAAG,CAAE;AACxE,aAAa,CAAC;EAAED,QAAQ;EAAEC;AAAS,CAAC,KAChCD,QAAQ,IAAI,CAACC,QAAQ,GAAG,MAAM,GAAG,MAAM;AAC3C,IAAI,CAAC;EAAED;AAAS,CAAC,KACbA,QAAQ,IACRZ,GAAG;AACP;AACA,KAAK;AACL,CAAC;AAUD,MAAMgB,WAAuC,GAAGA,CAAC;EAC/CC,IAAI;EACJL,QAAQ,GAAG,KAAK;EAChBM,SAAS,GAAG,MAAM;EAClBC,WAAW;EACX,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG1B,QAAQ,CAAC,KAAK,CAAC;EACnD,MAAM,CAAC2B,QAAQ,EAAEC,WAAW,CAAC,GAAG5B,QAAQ,CAAC,KAAK,CAAC;EAC/C,MAAM6B,QAAQ,GAAG3B,MAAM,CAAmB,IAAI,CAAC;EAE/C,MAAM4B,WAAW,GAAGA,CAAA,KAAM;IACxBJ,aAAa,CAAC,IAAI,CAAC;EACrB,CAAC;EAED,MAAMK,UAAU,GAAGA,CAAA,KAAM;IACvB,IAAI,CAACJ,QAAQ,EAAE;MACbD,aAAa,CAAC,KAAK,CAAC;IACtB;EACF,CAAC;EAED,MAAMM,WAAW,GAAIC,IAAY,IAAK;IACpCL,WAAW,CAAC,CAAC,CAACK,IAAI,CAAC;EACrB,CAAC;EAEDhC,SAAS,CAAC,MAAM;IACd,IAAIwB,UAAU,IAAIT,QAAQ,EAAE;MAC1B,MAAMkB,OAAO,GAAGC,UAAU,CAAC,MAAM;QAC/BN,QAAQ,CAACO,OAAO,EAAEC,KAAK,CAAC,CAAC;MAC3B,CAAC,EAAE,GAAG,CAAC;MAEP,OAAO,MAAMC,YAAY,CAACJ,OAAO,CAAC;IACpC;EACF,CAAC,EAAE,CAACT,UAAU,EAAET,QAAQ,CAAC,CAAC;EAE1B,oBACEN,KAAA,CAACG,kBAAkB;IACjBG,QAAQ,EAAEA,QAAS;IACnBM,SAAS,EAAEA,SAAU;IACrBL,QAAQ,EAAEQ,UAAW;IACrBc,YAAY,EAAET,WAAY;IAAAU,QAAA,GAEzBnB,IAAI,iBACHb,IAAA,CAACU,UAAU;MACTF,QAAQ,EAAEA,QAAS;MACnBC,QAAQ,EAAEQ,UAAW;MACrBgB,OAAO,EAAEA,CAAA,KAAMZ,QAAQ,CAACO,OAAO,EAAEC,KAAK,CAAC,CAAE;MAAAG,QAAA,EAExCnB;IAAI,CACK,CACb,eACDb,IAAA,CAACW,WAAW;MACVuB,GAAG,EAAEb,QAAS;MACdc,MAAM,EAAEZ,UAAW;MACnBf,QAAQ,EAAEA,QAAS;MACnBC,QAAQ,EAAEQ,UAAW;MACrBmB,YAAY,EAAEZ,WAAY;MAC1BT,WAAW,EAAEA,WAAY;MACzBsB,oBAAoB,EAAC,MAAM;MAAA,GACvBrB;IAAK,CACV,CAAC;EAAA,CACgB,CAAC;AAEzB,CAAC;AAED,SAASJ,WAAW","ignoreList":[]}

package/lib/module/components/InputComponents/TextInput.js

@@ -0,0 +1,56 @@
+"use strict";
+
+import React, { useCallback } from 'react';
+import { SendIcon } from '../../assets/icons';
+import Button from '../styled/Button';
+import { MessageInput } from '../styled/StyledInputComponents/StyledInputComponents';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const TextInput = ({
+  message,
+  setMessage,
+  handleSendClick,
+  config,
+  isLoading,
+  onFocus,
+  onBlur
+}) => {
+  const handleInputChange = useCallback(text => {
+    setMessage(text);
+  }, [setMessage]);
+  const handleKeyDown = useCallback(event => {
+    if (event.nativeEvent.key === 'Enter' && message) {
+      handleSendClick();
+    }
+  }, [handleSendClick, message]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(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.
+    , {
+      testID: "chat-message-input",
+      accessibilityLabel: "chat-message-input",
+      color: config?.colors?.primary,
+      placeholder: "Type message",
+      value: message,
+      onChangeText: handleInputChange,
+      onSubmitEditing: handleSendClick,
+      onFocus: onFocus,
+      onBlur: onBlur,
+      editable: !isLoading
+    }), /*#__PURE__*/_jsx(Button, {
+      testID: "chat-send-button",
+      accessibilityLabel: "chat-send-button",
+      onPress: handleSendClick,
+      EndIcon: /*#__PURE__*/_jsx(SendIcon, {
+        color: !message ? '#D4D4D8' : '#fff'
+      }),
+      style: {
+        borderRadius: 100,
+        backgroundColor: !message ? 'transparent' : config?.colors?.primary
+      }
+    })]
+  });
+};
+export default TextInput;
+//# sourceMappingURL=TextInput.js.map

package/lib/module/components/InputComponents/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","SendIcon","Button","MessageInput","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","TextInput","message","setMessage","handleSendClick","config","isLoading","onFocus","onBlur","handleInputChange","text","handleKeyDown","event","nativeEvent","key","children","testID","accessibilityLabel","color","colors","primary","placeholder","value","onChangeText","onSubmitEditing","editable","onPress","EndIcon","style","borderRadius","backgroundColor"],"sourceRoot":"../../../../src","sources":["components/InputComponents/TextInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,OAAOC,MAAM,MAAM,kBAAkB;AACrC,SAASC,YAAY,QAAQ,uDAAuD;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAYrF,MAAMC,SAAmC,GAAGA,CAAC;EAC3CC,OAAO;EACPC,UAAU;EACVC,eAAe;EACfC,MAAM;EACNC,SAAS;EACTC,OAAO;EACPC;AACF,CAAC,KAAK;EACJ,MAAMC,iBAAiB,GAAGlB,WAAW,CAClCmB,IAAY,IAAK;IAChBP,UAAU,CAACO,IAAI,CAAC;EAClB,CAAC,EACD,CAACP,UAAU,CACb,CAAC;EAED,MAAMQ,aAAa,GAAGpB,WAAW,CAC9BqB,KAAuC,IAAK;IAC3C,IAAIA,KAAK,CAACC,WAAW,CAACC,GAAG,KAAK,OAAO,IAAIZ,OAAO,EAAE;MAChDE,eAAe,CAAC,CAAC;IACnB;EACF,CAAC,EACD,CAACA,eAAe,EAAEF,OAAO,CAC3B,CAAC;EAED,oBACEF,KAAA,CAAAF,SAAA;IAAAiB,QAAA,gBACEnB,IAAA,CAACF;IACC;IACA;IACA;IAAA;MACAsB,MAAM,EAAC,oBAAoB;MAC3BC,kBAAkB,EAAC,oBAAoB;MACvCC,KAAK,EAAEb,MAAM,EAAEc,MAAM,EAAEC,OAAQ;MAC/BC,WAAW,EAAC,cAAc;MAC1BC,KAAK,EAAEpB,OAAQ;MACfqB,YAAY,EAAEd,iBAAkB;MAChCe,eAAe,EAAEpB,eAAgB;MACjCG,OAAO,EAAEA,OAAQ;MACjBC,MAAM,EAAEA,MAAO;MACfiB,QAAQ,EAAE,CAACnB;IAAU,CACtB,CAAC,eACFV,IAAA,CAACH,MAAM;MACLuB,MAAM,EAAC,kBAAkB;MACzBC,kBAAkB,EAAC,kBAAkB;MACrCS,OAAO,EAAEtB,eAAgB;MACzBuB,OAAO,eAAE/B,IAAA,CAACJ,QAAQ;QAAC0B,KAAK,EAAE,CAAChB,OAAO,GAAG,SAAS,GAAG;MAAO,CAAE,CAAE;MAC5D0B,KAAK,EAAE;QACLC,YAAY,EAAE,GAAG;QACjBC,eAAe,EAAE,CAAC5B,OAAO,GAAG,aAAa,GAAGG,MAAM,EAAEc,MAAM,EAAEC;MAC9D;IAAE,CACH,CAAC;EAAA,CACF,CAAC;AAEP,CAAC;AAED,eAAenB,SAAS","ignoreList":[]}