@ethora/chat-component-rn 26.4.2 → 26.5.2

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

@@ -0,0 +1,304 @@
+"use strict";
+
+/** @format */
+
+import styled from 'styled-components/native';
+import { Dimensions } from 'react-native';
+const {
+  width,
+  height
+} = Dimensions.get('window');
+
+// General Containers
+export const ChatContainer = styled.View`
+  position: relative;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+  background-color: #ffffff;
+`;
+export const ThreadContainer = styled.View`
+  flex-direction: col;
+  justify-content: space-between;
+  flex: 1;
+  width: 100%;
+  background-color: #ffffff;
+`;
+export const ChatContainerHeader = styled.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;
+`;
+export const CenterContainer = styled.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;
+`;
+export const ChatContainerHeaderBoxInfo = styled.TouchableOpacity`
+  flex: 1;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  max-width: 90%;
+  gap: 16px;
+  flex: 1;
+`;
+export const ChatContainerHeaderInfo = styled.View`
+  flex: 1;
+  gap: 2px;
+  align-items: left;
+  justify-content: center;
+  overflow: hidden;
+  text-align: left;
+  flex-direction: column;
+  gap: 2px;
+`;
+export const ChatContainerHeaderLabel = styled.Text`
+  color: #141414;
+  font-weight: 600;
+  font-size: 16px;
+  text-align: left;
+  overflow: hidden;
+  max-width: 100%;
+`;
+
+// Messages
+export const NonRoomChat = styled.View`
+  flex: 1;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  background-color: #fff;
+  flex-direction: column;
+  gap: 16px;
+`;
+export const MessagesScroll = styled.ScrollView`
+  flex: 1;
+  background-color: #f3f6fc;
+  padding: 0px 16px;
+`;
+export const MessagesList = styled.View`
+  width: 100%;
+  min-height: 20px;
+  position: relative;
+`;
+export const MessageTimestamp = styled.Text`
+  font-size: 12px;
+  color: #999;
+  margin-bottom: 5px;
+`;
+export const Message = styled.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'};
+`;
+export const MessageText = styled.Text`
+  margin: 0;
+  color: #141414;
+`;
+export const UserName = styled.Text`
+  font-weight: bold;
+  color: #141414;
+`;
+
+// Input Components
+export const InputContainer = styled.View`
+  background-color: #ffffff;
+  flex-direction: row;
+  gap: 5px;
+  padding: 8px;
+  border-top-left-radius: 15px;
+  border-top-right-radius: 15px;
+`;
+export const MessageInput = styled.TextInput`
+  padding: 10px;
+  border-radius: 8px;
+  border: 1px solid #e5e7eb;
+  background-color: #f5f7f9;
+  color: #141414;
+`;
+export const IconButton = styled.TouchableOpacity`
+  justify-content: center;
+  align-items: center;
+`;
+export const SendButton = styled.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;
+`;
+export const SendButtonText = styled.Text`
+  color: white;
+`;
+
+// Avatar and Utility Components
+export const AvatarCircle = styled.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;
+`;
+export const AvatarImage = styled.Image`
+  width: 100%;
+  height: 100%;
+  border-radius: 50px;
+  object-fit: cover;
+`;
+export const RemoveButton = styled.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;
+`;
+export const RemoveButtonText = styled.Text`
+  color: #fff;
+  font-size: 12px;
+  font-weight: bold;
+`;
+export const InitialsText = styled.Text`
+  font-size: ${({
+  size
+}) => size && size >= 64 ? '24px' : '18px'};
+  color: ${({
+  color
+}) => color ? color : '#fff'};
+  font-weight: bold;
+`;
+export const Overlay = styled.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%;
+`;
+export const CustomMessageText = styled.Text`
+  margin: 0px;
+  color: ${({
+  color,
+  isUser,
+  colorUser
+}) => isUser ? colorUser || '#000' : color || '#000'};
+`;
+export const FileInput = styled.TextInput`
+  display: none;
+`;
+export const StyledLoaderWrapper = styled.View`
+  width: ${width}px;
+  height: ${height}px;
+  justify-content: center;
+  align-items: center;
+`;
+export const OrDelimiter = styled.Text`
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+`;
+export const OrDelimiterText = styled.Text`
+  font-size: 14px;
+  color: #999;
+`;
+export const Line = styled.View`
+  width: 100%;
+  height: 1px;
+  background-color: #0052cd0d;
+`;
+export const AlsoCheckbox = styled.View`
+  width: 16px;
+  height: 16px;
+  background-color: ${props => props.accentColor};
+  border-radius: 4px;
+`;
+export const AlsoContainer = styled.TouchableOpacity`
+  align-items: center;
+  flex-direction: row;
+  gap: 8px;
+  background-color: #0052cd0d;
+  font-size: 14px;
+  padding: 10px 28px;
+  text-align: start;
+`;
+export const Wrapper = styled.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;
+`;
+export const CustomSystemMessage = styled.View`
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  background-color: transparent;
+  gap: 16px;
+  margin: 8px;
+`;
+export const MessageFooter = styled.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

package/lib/module/components/styled/StyledComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","Dimensions","width","height","get","ChatContainer","View","ThreadContainer","ChatContainerHeader","CenterContainer","rightSpace","leftSpace","ChatContainerHeaderBoxInfo","TouchableOpacity","ChatContainerHeaderInfo","ChatContainerHeaderLabel","Text","NonRoomChat","MessagesScroll","ScrollView","MessagesList","MessageTimestamp","Message","props","isUser","MessageText","UserName","InputContainer","MessageInput","TextInput","IconButton","SendButton","SendButtonText","AvatarCircle","size","bgColor","AvatarImage","Image","RemoveButton","RemoveButtonText","InitialsText","color","Overlay","CustomMessageText","colorUser","FileInput","StyledLoaderWrapper","OrDelimiter","OrDelimiterText","Line","AlsoCheckbox","accentColor","AlsoContainer","Wrapper","CustomSystemMessage","MessageFooter"],"sourceRoot":"../../../../src","sources":["components/styled/StyledComponents.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/styled/StyledInput.js

@@ -0,0 +1,94 @@
+"use strict";
+
+import React from 'react';
+import { View, Text, TextInput, StyleSheet } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const InputWrapper = ({
+  children
+}) => {
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.inputWrapper,
+    children: children
+  });
+};
+const Label = ({
+  children
+}) => /*#__PURE__*/_jsx(Text, {
+  style: styles.label,
+  children: children
+});
+const StyledInput = ({
+  color,
+  error,
+  ...props
+}) => /*#__PURE__*/_jsx(TextInput, {
+  style: [styles.input, {
+    borderColor: error ? 'red' : color || '#0052CD',
+    backgroundColor: '#F5F7F9'
+  }],
+  ...props
+});
+const HelperText = ({
+  children,
+  error
+}) => /*#__PURE__*/_jsx(Text, {
+  style: [styles.helperText, {
+    color: error ? 'red' : '#8c8c8c'
+  }],
+  children: children
+});
+const InputWithLabel = ({
+  label,
+  color,
+  helperText,
+  error,
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsxs(InputWrapper, {
+    children: [label && /*#__PURE__*/_jsx(Label, {
+      children: label
+    }), /*#__PURE__*/_jsx(StyledInput, {
+      color: color,
+      error: error,
+      ...rest
+    }), helperText && /*#__PURE__*/_jsx(HelperText, {
+      error: error,
+      children: helperText
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  inputWrapper: {
+    flexDirection: 'column',
+    width: '100%',
+    justifyContent: 'flex-start',
+    alignItems: 'flex-start',
+    position: 'relative',
+    height: 48,
+    borderRadius: 15,
+    paddingHorizontal: 16
+  },
+  label: {
+    fontSize: 14,
+    color: '#8c8c8c',
+    marginBottom: 4,
+    marginLeft: 8
+  },
+  input: {
+    width: '100%',
+    padding: 12,
+    paddingHorizontal: 16,
+    borderRadius: 12,
+    fontSize: 16,
+    borderWidth: 1
+  },
+  helperText: {
+    fontSize: 12,
+    marginTop: 4,
+    marginLeft: 8,
+    position: 'absolute',
+    top: 42
+  }
+});
+export default InputWithLabel;
+//# sourceMappingURL=StyledInput.js.map

package/lib/module/components/styled/StyledInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","TextInput","StyleSheet","jsx","_jsx","jsxs","_jsxs","InputWrapper","children","style","styles","inputWrapper","Label","label","StyledInput","color","error","props","input","borderColor","backgroundColor","HelperText","helperText","InputWithLabel","rest","create","flexDirection","width","justifyContent","alignItems","position","height","borderRadius","paddingHorizontal","fontSize","marginBottom","marginLeft","padding","borderWidth","marginTop","top"],"sourceRoot":"../../../../src","sources":["components/styled/StyledInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,SAAS,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUjE,MAAMC,YAAY,GAAGA,CAAC;EAAEC;AAAwC,CAAC,KAAK;EACpE,oBAAOJ,IAAA,CAACL,IAAI;IAACU,KAAK,EAAEC,MAAM,CAACC,YAAa;IAAAH,QAAA,EAAEA;EAAQ,CAAO,CAAC;AAC5D,CAAC;AAED,MAAMI,KAAK,GAAGA,CAAC;EAAEJ;AAAwC,CAAC,kBACxDJ,IAAA,CAACJ,IAAI;EAACS,KAAK,EAAEC,MAAM,CAACG,KAAM;EAAAL,QAAA,EAAEA;AAAQ,CAAO,CAC5C;AAED,MAAMM,WAAW,GAAGA,CAAC;EACnBC,KAAK;EACLC,KAAK;EACL,GAAGC;AAGL,CAAC,kBACCb,IAAA,CAACH,SAAS;EACRQ,KAAK,EAAE,CACLC,MAAM,CAACQ,KAAK,EACZ;IACEC,WAAW,EAAEH,KAAK,GAAG,KAAK,GAAGD,KAAK,IAAI,SAAS;IAC/CK,eAAe,EAAE;EACnB,CAAC,CACD;EAAA,GACEH;AAAK,CACV,CACF;AAED,MAAMI,UAAU,GAAGA,CAAC;EAClBb,QAAQ;EACRQ;AAIF,CAAC,kBACCZ,IAAA,CAACJ,IAAI;EAACS,KAAK,EAAE,CAACC,MAAM,CAACY,UAAU,EAAE;IAAEP,KAAK,EAAEC,KAAK,GAAG,KAAK,GAAG;EAAU,CAAC,CAAE;EAAAR,QAAA,EACpEA;AAAQ,CACL,CACP;AAED,MAAMe,cAA0C,GAAGA,CAAC;EAClDV,KAAK;EACLE,KAAK;EACLO,UAAU;EACVN,KAAK;EACL,GAAGQ;AACL,CAAC,KAAK;EACJ,oBACElB,KAAA,CAACC,YAAY;IAAAC,QAAA,GACVK,KAAK,iBAAIT,IAAA,CAACQ,KAAK;MAAAJ,QAAA,EAAEK;IAAK,CAAQ,CAAC,eAChCT,IAAA,CAACU,WAAW;MAACC,KAAK,EAAEA,KAAM;MAACC,KAAK,EAAEA,KAAM;MAAA,GAAKQ;IAAI,CAAG,CAAC,EACpDF,UAAU,iBAAIlB,IAAA,CAACiB,UAAU;MAACL,KAAK,EAAEA,KAAM;MAAAR,QAAA,EAAEc;IAAU,CAAa,CAAC;EAAA,CACtD,CAAC;AAEnB,CAAC;AAED,MAAMZ,MAAM,GAAGR,UAAU,CAACuB,MAAM,CAAC;EAC/Bd,YAAY,EAAE;IACZe,aAAa,EAAE,QAAQ;IACvBC,KAAK,EAAE,MAAM;IACbC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE,YAAY;IACxBC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,iBAAiB,EAAE;EACrB,CAAC;EACDpB,KAAK,EAAE;IACLqB,QAAQ,EAAE,EAAE;IACZnB,KAAK,EAAE,SAAS;IAChBoB,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE;EACd,CAAC;EACDlB,KAAK,EAAE;IACLS,KAAK,EAAE,MAAM;IACbU,OAAO,EAAE,EAAE;IACXJ,iBAAiB,EAAE,EAAE;IACrBD,YAAY,EAAE,EAAE;IAChBE,QAAQ,EAAE,EAAE;IACZI,WAAW,EAAE;EACf,CAAC;EACDhB,UAAU,EAAE;IACVY,QAAQ,EAAE,EAAE;IACZK,SAAS,EAAE,CAAC;IACZH,UAAU,EAAE,CAAC;IACbN,QAAQ,EAAE,UAAU;IACpBU,GAAG,EAAE;EACP;AACF,CAAC,CAAC;AAEF,eAAejB,cAAc","ignoreList":[]}

package/lib/module/components/styled/StyledInputComponents/AudioComponents.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=AudioComponents.js.map

package/lib/module/components/styled/StyledInputComponents/AudioComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/styled/StyledInputComponents/AudioComponents.tsx"],"mappings":";;AAAA","ignoreList":[]}

package/lib/module/components/styled/StyledInputComponents/Composing.js

@@ -0,0 +1,93 @@
+"use strict";
+
+import React, { useEffect, useRef } from 'react';
+import { View, Text, StyleSheet, Animated } from 'react-native';
+
+// Define props
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Composing component
+const Composing = ({
+  usersTyping = ['User'],
+  style
+}) => {
+  const fadeAnim1 = useRef(new Animated.Value(0.2)).current;
+  const fadeAnim2 = useRef(new Animated.Value(0.2)).current;
+  const fadeAnim3 = useRef(new Animated.Value(0.2)).current;
+  const animateDot = (animatedValue, delay) => {
+    Animated.loop(Animated.sequence([Animated.timing(animatedValue, {
+      toValue: 1,
+      duration: 300,
+      useNativeDriver: true,
+      delay
+    }), Animated.timing(animatedValue, {
+      toValue: 0.2,
+      duration: 300,
+      useNativeDriver: true
+    })])).start();
+  };
+  useEffect(() => {
+    animateDot(fadeAnim1, 0);
+    animateDot(fadeAnim2, 200);
+    animateDot(fadeAnim3, 400);
+  }, []);
+  let typingText;
+  if (usersTyping.length === 1) {
+    typingText = `${usersTyping[0]} is typing`;
+  } else if (usersTyping.length === 2) {
+    typingText = `${usersTyping[0]} and ${usersTyping[1]} are typing`;
+  } else if (usersTyping.length > 2) {
+    typingText = `${usersTyping.length} people are typing`;
+  } else {
+    typingText = '';
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrapper, style],
+    children: [typingText ? /*#__PURE__*/_jsx(Text, {
+      style: styles.typingText,
+      children: typingText
+    }) : /*#__PURE__*/_jsx(View, {}), /*#__PURE__*/_jsxs(View, {
+      style: styles.dotsContainer,
+      children: [/*#__PURE__*/_jsx(Animated.Text, {
+        style: [styles.dot, {
+          opacity: fadeAnim1
+        }],
+        children: "."
+      }), /*#__PURE__*/_jsx(Animated.Text, {
+        style: [styles.dot, {
+          opacity: fadeAnim2
+        }],
+        children: "."
+      }), /*#__PURE__*/_jsx(Animated.Text, {
+        style: [styles.dot, {
+          opacity: fadeAnim3
+        }],
+        children: "."
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  wrapper: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 4
+  },
+  typingText: {
+    marginRight: 4,
+    fontSize: 12,
+    color: '#71717A',
+    fontStyle: 'italic'
+  },
+  dotsContainer: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  dot: {
+    fontSize: 18,
+    lineHeight: 18,
+    marginHorizontal: 1,
+    color: '#71717A'
+  }
+});
+export default Composing;
+//# sourceMappingURL=Composing.js.map

package/lib/module/components/styled/StyledInputComponents/Composing.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","View","Text","StyleSheet","Animated","jsx","_jsx","jsxs","_jsxs","Composing","usersTyping","style","fadeAnim1","Value","current","fadeAnim2","fadeAnim3","animateDot","animatedValue","delay","loop","sequence","timing","toValue","duration","useNativeDriver","start","typingText","length","styles","wrapper","children","dotsContainer","dot","opacity","create","flexDirection","alignItems","paddingHorizontal","marginRight","fontSize","color","fontStyle","lineHeight","marginHorizontal"],"sourceRoot":"../../../../../src","sources":["components/styled/StyledInputComponents/Composing.tsx"],"mappings":"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","ignoreList":[]}