@ethora/chat-component-rn 26.4.2 → 26.5.2

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

@@ -0,0 +1,37 @@
+"use strict";
+
+import React from 'react';
+import { IconButton } from './StyledComponents';
+import { DownloadIcon } from '../../assets/icons';
+import { useSelector } from 'react-redux';
+import { jsx as _jsx } from "react/jsx-runtime";
+const ActionButton = ({
+  icon,
+  ...props
+}) => {
+  const config = useSelector(state => state.chatSettingStore.config);
+  return /*#__PURE__*/_jsx(IconButton, {
+    style: {
+      height: 40,
+      width: 40,
+      borderRadius: 8,
+      backgroundColor: '#fff',
+      border: `1px solid ${config?.colors?.primary || '#0052CD'}`,
+      ...props.style
+    },
+    ...props,
+    children: icon ? (/*#__PURE__*/React.cloneElement(icon, {
+      style: {
+        width: 40,
+        height: 40
+      }
+    })) : /*#__PURE__*/_jsx(DownloadIcon, {
+      style: {
+        width: 40,
+        height: 40
+      }
+    })
+  });
+};
+export { ActionButton };
+//# sourceMappingURL=ActionButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","IconButton","DownloadIcon","useSelector","jsx","_jsx","ActionButton","icon","props","config","state","chatSettingStore","style","height","width","borderRadius","backgroundColor","border","colors","primary","children","cloneElement"],"sourceRoot":"../../../../src","sources":["components/styled/ActionButton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,YAAY,QAAQ,oBAAoB;AAEjD,SAASC,WAAW,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ1C,MAAMC,YAAmC,GAAGA,CAAC;EAAEC,IAAI;EAAE,GAAGC;AAAM,CAAC,KAAK;EAClE,MAAMC,MAAM,GAAGN,WAAW,CACvBO,KAAgB,IAAKA,KAAK,CAACC,gBAAgB,CAACF,MAC/C,CAAC;EAED,oBACEJ,IAAA,CAACJ,UAAU;IACTW,KAAK,EAAE;MACLC,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE,EAAE;MACTC,YAAY,EAAE,CAAC;MACfC,eAAe,EAAE,MAAM;MACvBC,MAAM,EAAE,aAAaR,MAAM,EAAES,MAAM,EAAEC,OAAO,IAAI,SAAS,EAAE;MAC3D,GAAGX,KAAK,CAACI;IACX,CAAS;IAAA,GACLJ,KAAK;IAAAY,QAAA,EAERb,IAAI,iBACHP,KAAK,CAACqB,YAAY,CAACd,IAAI,EAA6B;MAClDK,KAAK,EAAE;QAAEE,KAAK,EAAE,EAAE;QAAED,MAAM,EAAE;MAAG;IACjC,CAAC,CAAC,iBAEFR,IAAA,CAACH,YAAY;MAACU,KAAK,EAAE;QAAEE,KAAK,EAAE,EAAE;QAAED,MAAM,EAAE;MAAG;IAAE,CAAE;EAClD,CACS,CAAC;AAEjB,CAAC;AAED,SAASP,YAAY","ignoreList":[]}

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

@@ -0,0 +1,134 @@
+"use strict";
+
+import React, { useEffect, useRef, useState } from 'react';
+import { View, TouchableOpacity, Text, StyleSheet, ActivityIndicator } from 'react-native';
+import { Audio } from 'expo-av';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const formatTime = millis => {
+  const totalSec = Math.floor(millis / 1000);
+  const min = Math.floor(totalSec / 60);
+  const sec = totalSec % 60;
+  return `${min}:${sec.toString().padStart(2, '0')}`;
+};
+const AudioMessage = ({
+  src
+}) => {
+  const soundRef = useRef(null);
+  const [isPlaying, setIsPlaying] = useState(false);
+  const [isLoading, setIsLoading] = useState(false);
+  const [position, setPosition] = useState(0);
+  const [duration, setDuration] = useState(0);
+  const onPlaybackStatusUpdate = status => {
+    if (!status.isLoaded) return;
+    setPosition(status.positionMillis);
+    setDuration(status.durationMillis ?? 0);
+    setIsPlaying(status.isPlaying);
+    if (status.didJustFinish) {
+      setIsPlaying(false);
+      soundRef.current?.setPositionAsync(0);
+    }
+  };
+  const togglePlayback = async () => {
+    try {
+      if (!soundRef.current) {
+        setIsLoading(true);
+        const {
+          sound
+        } = await Audio.Sound.createAsync({
+          uri: src
+        }, {
+          shouldPlay: true
+        }, onPlaybackStatusUpdate);
+        soundRef.current = sound;
+        setIsLoading(false);
+        setIsPlaying(true);
+        return;
+      }
+      if (isPlaying) {
+        await soundRef.current.pauseAsync();
+      } else {
+        await soundRef.current.playAsync();
+      }
+    } catch (error) {
+      console.error('Audio playback error:', error);
+      setIsLoading(false);
+    }
+  };
+  useEffect(() => {
+    return () => {
+      soundRef.current?.unloadAsync();
+    };
+  }, []);
+  const progress = duration > 0 ? position / duration : 0;
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+      style: styles.playButton,
+      onPress: togglePlayback,
+      disabled: isLoading,
+      children: isLoading ? /*#__PURE__*/_jsx(ActivityIndicator, {
+        size: "small",
+        color: "#fff"
+      }) : /*#__PURE__*/_jsx(Text, {
+        style: styles.playIcon,
+        children: isPlaying ? '⏸' : '▶'
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.progressContainer,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.progressTrack,
+        children: /*#__PURE__*/_jsx(View, {
+          style: [styles.progressFill, {
+            width: `${progress * 100}%`
+          }]
+        })
+      }), /*#__PURE__*/_jsxs(Text, {
+        style: styles.time,
+        children: [formatTime(position), " / ", formatTime(duration)]
+      })]
+    })]
+  });
+};
+export default AudioMessage;
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 8,
+    paddingVertical: 6,
+    minWidth: 200
+  },
+  playButton: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    backgroundColor: '#007AFF',
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginRight: 10
+  },
+  playIcon: {
+    color: '#fff',
+    fontSize: 14
+  },
+  progressContainer: {
+    flex: 1
+  },
+  progressTrack: {
+    height: 4,
+    backgroundColor: '#E0E0E0',
+    borderRadius: 2,
+    overflow: 'hidden'
+  },
+  progressFill: {
+    height: '100%',
+    backgroundColor: '#007AFF',
+    borderRadius: 2
+  },
+  time: {
+    fontSize: 11,
+    color: '#888',
+    marginTop: 4
+  }
+});
+//# sourceMappingURL=AudioMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","useState","View","TouchableOpacity","Text","StyleSheet","ActivityIndicator","Audio","jsx","_jsx","jsxs","_jsxs","formatTime","millis","totalSec","Math","floor","min","sec","toString","padStart","AudioMessage","src","soundRef","isPlaying","setIsPlaying","isLoading","setIsLoading","position","setPosition","duration","setDuration","onPlaybackStatusUpdate","status","isLoaded","positionMillis","durationMillis","didJustFinish","current","setPositionAsync","togglePlayback","sound","Sound","createAsync","uri","shouldPlay","pauseAsync","playAsync","error","console","unloadAsync","progress","style","styles","container","children","playButton","onPress","disabled","size","color","playIcon","progressContainer","progressTrack","progressFill","width","time","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","minWidth","height","borderRadius","backgroundColor","justifyContent","marginRight","fontSize","flex","overflow","marginTop"],"sourceRoot":"../../../../src","sources":["components/styled/AudioMessage.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,88 @@
+"use strict";
+
+import React from 'react';
+import styled from 'styled-components/native';
+import { TouchableOpacity, View, StyleSheet, PixelRatio } from 'react-native';
+import Loader from './Loader';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CustomButton = styled(TouchableOpacity)`
+  border-width: ${({
+  variant
+}) => variant === 'outlined' ? 1 : 0}px;
+  border-color: ${({
+  backgroundColor
+}) => backgroundColor || '#0052CD'};
+  border-radius: 20px;
+  background-color: ${({
+  variant,
+  backgroundColor
+}) => variant === 'filled' ? backgroundColor || '#0052CD' : 'transparent'};
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  height: 40px;
+  width: 40px;
+  margin: 0 10px;
+  padding-horizontal: 8px;
+  opacity: ${({
+  disabled
+}) => disabled ? 0.6 : 1};
+`;
+const ButtonText = styled.Text`
+  color: ${({
+  variant,
+  backgroundColor
+}) => variant === 'filled' ? '#FFFFFF' : backgroundColor || '#0052CD'};
+  font-size: ${PixelRatio.getFontScale() * 14}px;
+  font-weight: bold;
+`;
+const Button = ({
+  text,
+  EndIcon,
+  loading = false,
+  disabled = false,
+  unstyled = false,
+  variant = 'default',
+  backgroundColor,
+  onPress,
+  StartIcon,
+  style: containerStyle,
+  color,
+  children,
+  testID,
+  accessibilityLabel
+}) => {
+  return /*#__PURE__*/_jsxs(CustomButton, {
+    testID: testID,
+    accessibilityLabel: accessibilityLabel,
+    style: [containerStyle],
+    disabled: disabled || loading,
+    onPress: onPress,
+    variant: variant,
+    backgroundColor: backgroundColor,
+    children: [loading && /*#__PURE__*/_jsx(Loader, {
+      size: 24
+    }), !loading && StartIcon && /*#__PURE__*/_jsx(View, {
+      style: styles.icon,
+      children: StartIcon
+    }), !loading && (children || /*#__PURE__*/_jsx(ButtonText, {
+      style: [{
+        color: color || 'black'
+      }],
+      variant: variant,
+      backgroundColor: backgroundColor,
+      children: text
+    })), !loading && EndIcon && /*#__PURE__*/_jsx(View, {
+      style: styles.icon,
+      children: EndIcon
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  icon: {
+    marginHorizontal: 4
+    // maxWidth: '20%',
+  }
+});
+export default Button;
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","styled","TouchableOpacity","View","StyleSheet","PixelRatio","Loader","jsx","_jsx","jsxs","_jsxs","CustomButton","variant","backgroundColor","disabled","ButtonText","Text","getFontScale","Button","text","EndIcon","loading","unstyled","onPress","StartIcon","style","containerStyle","color","children","testID","accessibilityLabel","size","styles","icon","create","marginHorizontal"],"sourceRoot":"../../../../src","sources":["components/styled/Button.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAmC,OAAO;AACtD,OAAOC,MAAM,MAAM,0BAA0B;AAC7C,SACEC,gBAAgB,EAChBC,IAAI,EAEJC,UAAU,EAGVC,UAAU,QACL,cAAc;AACrB,OAAOC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG9B,MAAMC,YAAY,GAAGV,MAAM,CAACC,gBAAgB,CAK1C;AACF,kBAAkB,CAAC;EAAEU;AAAQ,CAAC,KAAMA,OAAO,KAAK,UAAU,GAAG,CAAC,GAAG,CAAE;AACnE,kBAAkB,CAAC;EAAEC;AAAgB,CAAC,KAAKA,eAAe,IAAI,SAAS;AACvE;AACA,sBAAsB,CAAC;EAAED,OAAO;EAAEC;AAAgB,CAAC,KAC/CD,OAAO,KAAK,QAAQ,GAAGC,eAAe,IAAI,SAAS,GAAG,aAAa;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa,CAAC;EAAEC;AAAS,CAAC,KAAMA,QAAQ,GAAG,GAAG,GAAG,CAAE;AACnD,CAAC;AAED,MAAMC,UAAU,GAAGd,MAAM,CAACe,IAGxB;AACF,WAAW,CAAC;EAAEJ,OAAO;EAAEC;AAAgB,CAAC,KACpCD,OAAO,KAAK,QAAQ,GAAG,SAAS,GAAGC,eAAe,IAAI,SAAS;AACnE,eAAeR,UAAU,CAACY,YAAY,CAAC,CAAC,GAAG,EAAE;AAC7C;AACA,CAAC;AAsBD,MAAMC,MAA6B,GAAGA,CAAC;EACrCC,IAAI;EACJC,OAAO;EACPC,OAAO,GAAG,KAAK;EACfP,QAAQ,GAAG,KAAK;EAChBQ,QAAQ,GAAG,KAAK;EAChBV,OAAO,GAAG,SAAS;EACnBC,eAAe;EACfU,OAAO;EACPC,SAAS;EACTC,KAAK,EAAEC,cAAc;EACrBC,KAAK;EACLC,QAAQ;EACRC,MAAM;EACNC;AACF,CAAC,KAAK;EACJ,oBACEpB,KAAA,CAACC,YAAY;IACXkB,MAAM,EAAEA,MAAO;IACfC,kBAAkB,EAAEA,kBAAmB;IACvCL,KAAK,EAAE,CAACC,cAAc,CAAE;IACxBZ,QAAQ,EAAEA,QAAQ,IAAIO,OAAQ;IAC9BE,OAAO,EAAEA,OAAQ;IACjBX,OAAO,EAAEA,OAAQ;IACjBC,eAAe,EAAEA,eAAgB;IAAAe,QAAA,GAEhCP,OAAO,iBAAIb,IAAA,CAACF,MAAM;MAACyB,IAAI,EAAE;IAAG,CAAE,CAAC,EAC/B,CAACV,OAAO,IAAIG,SAAS,iBAAIhB,IAAA,CAACL,IAAI;MAACsB,KAAK,EAAEO,MAAM,CAACC,IAAK;MAAAL,QAAA,EAAEJ;IAAS,CAAO,CAAC,EACrE,CAACH,OAAO,KACNO,QAAQ,iBACPpB,IAAA,CAACO,UAAU;MACTU,KAAK,EAAE,CAAC;QAAEE,KAAK,EAAEA,KAAK,IAAI;MAAQ,CAAC,CAAE;MACrCf,OAAO,EAAEA,OAAQ;MACjBC,eAAe,EAAEA,eAAgB;MAAAe,QAAA,EAEhCT;IAAI,CACK,CACb,CAAC,EACH,CAACE,OAAO,IAAID,OAAO,iBAAIZ,IAAA,CAACL,IAAI;MAACsB,KAAK,EAAEO,MAAM,CAACC,IAAK;MAAAL,QAAA,EAAER;IAAO,CAAO,CAAC;EAAA,CACtD,CAAC;AAEnB,CAAC;AAED,MAAMY,MAAM,GAAG5B,UAAU,CAAC8B,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,gBAAgB,EAAE;IAClB;EACF;AACF,CAAC,CAAC;AAEF,eAAejB,MAAM","ignoreList":[]}

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

@@ -0,0 +1,11 @@
+"use strict";
+
+import styled from 'styled-components/native';
+export const ChatWrapperBox = styled.View`
+  flex: 1;
+  width: 100%;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+`;
+//# sourceMappingURL=ChatWrapperBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["styled","ChatWrapperBox","View"],"sourceRoot":"../../../../src","sources":["components/styled/ChatWrapperBox.tsx"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,0BAA0B;AAE7C,OAAO,MAAMC,cAAc,GAAGD,MAAM,CAACE,IAAI;AACzC;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,68 @@
+"use strict";
+
+import React from 'react';
+import styled from 'styled-components/native';
+import { Line } from './StyledComponents';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Container = styled.View`
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  background-color: transparent;
+  gap: 16px;
+  margin: 16px 0;
+`;
+export const StyledDateLabel = styled.View`
+  margin: 0;
+  border-radius: 118px;
+  padding: 5px 8px;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  background-color: ${props => '#e7edf9'};
+`;
+export const StyledDateText = styled.Text`
+  color: ${props => '#0052cd'};
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 14px;
+  white-space: nowrap;
+`;
+const DateLabel = ({
+  date,
+  colors
+}) => {
+  const today = new Date();
+  const yesterday = new Date(today);
+  yesterday.setDate(today.getDate() - 1);
+  const sameDay = (d1, d2) => d1.getFullYear() === d2.getFullYear() && d1.getMonth() === d2.getMonth() && d1.getDate() === d2.getDate();
+  const sameYear = (d1, d2) => d1.getFullYear() === d2.getFullYear();
+  let label;
+  if (sameDay(date, today)) {
+    label = 'Today';
+  } else if (sameDay(date, yesterday)) {
+    label = 'Yesterday';
+  } else {
+    const options = sameYear(date, today) ? {
+      month: 'long',
+      day: 'numeric'
+    } : {
+      month: 'long',
+      day: 'numeric',
+      year: 'numeric'
+    };
+    label = date.toLocaleDateString('en-US', options);
+  }
+  return /*#__PURE__*/_jsxs(Container, {
+    children: [/*#__PURE__*/_jsx(Line, {}), /*#__PURE__*/_jsx(StyledDateLabel, {
+      secondary: colors?.secondary,
+      children: /*#__PURE__*/_jsx(StyledDateText, {
+        primary: colors?.primary,
+        children: label
+      })
+    }), /*#__PURE__*/_jsx(Line, {})]
+  });
+};
+export default DateLabel;
+//# sourceMappingURL=DateLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","styled","Line","jsx","_jsx","jsxs","_jsxs","Container","View","StyledDateLabel","props","StyledDateText","Text","DateLabel","date","colors","today","Date","yesterday","setDate","getDate","sameDay","d1","d2","getFullYear","getMonth","sameYear","label","options","month","day","year","toLocaleDateString","children","secondary","primary"],"sourceRoot":"../../../../src","sources":["components/styled/DateLabel.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,0BAA0B;AAC7C,SAASC,IAAI,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQ1C,MAAMC,SAAS,GAAGN,MAAM,CAACO,IAAI;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,eAAe,GAAGR,MAAM,CAACO,IAEpC;AACF;AACA;AACA;AACA;AACA;AACA;AACA,sBAAuBE,KAAK,IAAK,SAAS;AAC1C,CAAC;AAED,OAAO,MAAMC,cAAc,GAAGV,MAAM,CAACW,IAA0B;AAC/D,WAAYF,KAAK,IAAK,SAAS;AAC/B;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMG,SAAmC,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAO,CAAC,KAAK;EAChE,MAAMC,KAAK,GAAG,IAAIC,IAAI,CAAC,CAAC;EACxB,MAAMC,SAAS,GAAG,IAAID,IAAI,CAACD,KAAK,CAAC;EACjCE,SAAS,CAACC,OAAO,CAACH,KAAK,CAACI,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC;EAEtC,MAAMC,OAAO,GAAGA,CAACC,EAAQ,EAAEC,EAAQ,KACjCD,EAAE,CAACE,WAAW,CAAC,CAAC,KAAKD,EAAE,CAACC,WAAW,CAAC,CAAC,IACrCF,EAAE,CAACG,QAAQ,CAAC,CAAC,KAAKF,EAAE,CAACE,QAAQ,CAAC,CAAC,IAC/BH,EAAE,CAACF,OAAO,CAAC,CAAC,KAAKG,EAAE,CAACH,OAAO,CAAC,CAAC;EAE/B,MAAMM,QAAQ,GAAGA,CAACJ,EAAQ,EAAEC,EAAQ,KAClCD,EAAE,CAACE,WAAW,CAAC,CAAC,KAAKD,EAAE,CAACC,WAAW,CAAC,CAAC;EAEvC,IAAIG,KAAa;EACjB,IAAIN,OAAO,CAACP,IAAI,EAAEE,KAAK,CAAC,EAAE;IACxBW,KAAK,GAAG,OAAO;EACjB,CAAC,MAAM,IAAIN,OAAO,CAACP,IAAI,EAAEI,SAAS,CAAC,EAAE;IACnCS,KAAK,GAAG,WAAW;EACrB,CAAC,MAAM;IACL,MAAMC,OAAmC,GAAGF,QAAQ,CAACZ,IAAI,EAAEE,KAAK,CAAC,GAC7D;MAAEa,KAAK,EAAE,MAAM;MAAEC,GAAG,EAAE;IAAU,CAAC,GACjC;MAAED,KAAK,EAAE,MAAM;MAAEC,GAAG,EAAE,SAAS;MAAEC,IAAI,EAAE;IAAU,CAAC;IACtDJ,KAAK,GAAGb,IAAI,CAACkB,kBAAkB,CAAC,OAAO,EAAEJ,OAAO,CAAC;EACnD;EAEA,oBACEtB,KAAA,CAACC,SAAS;IAAA0B,QAAA,gBACR7B,IAAA,CAACF,IAAI,IAAE,CAAC,eACRE,IAAA,CAACK,eAAe;MAACyB,SAAS,EAAEnB,MAAM,EAAEmB,SAAU;MAAAD,QAAA,eAC5C7B,IAAA,CAACO,cAAc;QAACwB,OAAO,EAAEpB,MAAM,EAAEoB,OAAQ;QAAAF,QAAA,EAAEN;MAAK,CAAiB;IAAC,CACnD,CAAC,eAClBvB,IAAA,CAACF,IAAI,IAAE,CAAC;EAAA,CACC,CAAC;AAEhB,CAAC;AAED,eAAeW,SAAS","ignoreList":[]}

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

@@ -0,0 +1,56 @@
+"use strict";
+
+/** @format */
+
+import React, { useEffect, useRef } from 'react';
+import { Animated, Easing, View, StyleSheet } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Loader({
+  size = 32,
+  color = '#3498db'
+}) {
+  const spinValue = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    const spinAnimation = Animated.loop(Animated.timing(spinValue, {
+      toValue: 1,
+      duration: 1000,
+      easing: Easing.linear,
+      useNativeDriver: true
+    }));
+    spinAnimation.start();
+    return () => {
+      spinAnimation.stop();
+    };
+  }, [spinValue]);
+  const spin = spinValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0deg', '360deg']
+  });
+  const borderWidth = size ? size / 8 : 4;
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [{
+        width: size,
+        height: size,
+        borderRadius: size / 2,
+        borderWidth: borderWidth,
+        borderTopColor: color,
+        borderRightColor: 'transparent',
+        borderBottomColor: 'transparent',
+        borderLeftColor: 'transparent',
+        transform: [{
+          rotate: spin
+        }]
+      }]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 8
+  }
+});
+//# sourceMappingURL=Loader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","Animated","Easing","View","StyleSheet","jsx","_jsx","Loader","size","color","spinValue","Value","current","spinAnimation","loop","timing","toValue","duration","easing","linear","useNativeDriver","start","stop","spin","interpolate","inputRange","outputRange","borderWidth","style","styles","container","children","width","height","borderRadius","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","transform","rotate","create","justifyContent","alignItems","padding"],"sourceRoot":"../../../../src","sources":["components/styled/Loader.tsx"],"mappings":";;AAAA;;AAEA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SAASC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOlE,eAAe,SAASC,MAAMA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG;AAAuB,CAAC,EAAE;EAC5E,MAAMC,SAAS,GAAGV,MAAM,CAAC,IAAIC,QAAQ,CAACU,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAEvDb,SAAS,CAAC,MAAM;IACd,MAAMc,aAAa,GAAGZ,QAAQ,CAACa,IAAI,CACjCb,QAAQ,CAACc,MAAM,CAACL,SAAS,EAAE;MACzBM,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,IAAI;MACdC,MAAM,EAAEhB,MAAM,CAACiB,MAAM;MACrBC,eAAe,EAAE;IACnB,CAAC,CACH,CAAC;IAEDP,aAAa,CAACQ,KAAK,CAAC,CAAC;IAErB,OAAO,MAAM;MACXR,aAAa,CAACS,IAAI,CAAC,CAAC;IACtB,CAAC;EACH,CAAC,EAAE,CAACZ,SAAS,CAAC,CAAC;EAEf,MAAMa,IAAI,GAAGb,SAAS,CAACc,WAAW,CAAC;IACjCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ;EAChC,CAAC,CAAC;EAEF,MAAMC,WAAW,GAAGnB,IAAI,GAAGA,IAAI,GAAG,CAAC,GAAG,CAAC;EAEvC,oBACEF,IAAA,CAACH,IAAI;IAACyB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5BzB,IAAA,CAACL,QAAQ,CAACE,IAAI;MACZyB,KAAK,EAAE,CACL;QACEI,KAAK,EAAExB,IAAI;QACXyB,MAAM,EAAEzB,IAAI;QACZ0B,YAAY,EAAE1B,IAAI,GAAG,CAAC;QACtBmB,WAAW,EAAEA,WAAW;QACxBQ,cAAc,EAAE1B,KAAK;QACrB2B,gBAAgB,EAAE,aAAa;QAC/BC,iBAAiB,EAAE,aAAa;QAChCC,eAAe,EAAE,aAAa;QAC9BC,SAAS,EAAE,CAAC;UAAEC,MAAM,EAAEjB;QAAK,CAAC;MAC9B,CAAC;IACD,CACH;EAAC,CACE,CAAC;AAEX;AAEA,MAAMM,MAAM,GAAGzB,UAAU,CAACqC,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTY,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,40 @@
+"use strict";
+
+import { View } from 'react-native';
+import { MediaContainer, MediaImage } from './StyledInputComponents/StyledInputComponents';
+import { FileIcon } from '../../assets/icons';
+import { RemoveButton, RemoveButtonText } from './StyledComponents';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MediaFilePreview = ({
+  filePreviews,
+  handleRemoveImage
+}) => {
+  return /*#__PURE__*/_jsx(MediaContainer, {
+    children: filePreviews.map((file, index) => {
+      const isImageOrVideo = file.type?.startsWith('image') || file.type?.startsWith('video');
+      return /*#__PURE__*/_jsxs(View, {
+        children: [isImageOrVideo ? /*#__PURE__*/_jsx(MediaImage, {
+          source: {
+            uri: file.uri
+          }
+        }) : /*#__PURE__*/_jsx(View, {
+          style: {
+            width: 70,
+            height: 70,
+            borderRadius: 8
+          },
+          children: /*#__PURE__*/_jsx(FileIcon, {
+            width: 70,
+            height: 70
+          })
+        }), /*#__PURE__*/_jsx(RemoveButton, {
+          onPress: () => handleRemoveImage(index),
+          children: /*#__PURE__*/_jsx(RemoveButtonText, {
+            children: "\xD7"
+          })
+        })]
+      }, `${file.name}_${index}`);
+    })
+  });
+};
+//# sourceMappingURL=MediaFilePreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","MediaContainer","MediaImage","FileIcon","RemoveButton","RemoveButtonText","jsx","_jsx","jsxs","_jsxs","MediaFilePreview","filePreviews","handleRemoveImage","children","map","file","index","isImageOrVideo","type","startsWith","source","uri","style","width","height","borderRadius","onPress","name"],"sourceRoot":"../../../../src","sources":["components/styled/MediaFilePreview.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,SACEC,cAAc,EACdC,UAAU,QACL,+CAA+C;AACtD,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,YAAY,EAAEC,gBAAgB,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASpE,OAAO,MAAMC,gBAA2C,GAAGA,CAAC;EAC1DC,YAAY;EACZC;AACF,CAAC,KAAK;EACJ,oBACEL,IAAA,CAACN,cAAc;IAAAY,QAAA,EACZF,YAAY,CAACG,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;MACjC,MAAMC,cAAc,GAClBF,IAAI,CAACG,IAAI,EAAEC,UAAU,CAAC,OAAO,CAAC,IAAIJ,IAAI,CAACG,IAAI,EAAEC,UAAU,CAAC,OAAO,CAAC;MAClE,oBACEV,KAAA,CAACT,IAAI;QAAAa,QAAA,GACFI,cAAc,gBACbV,IAAA,CAACL,UAAU;UAACkB,MAAM,EAAE;YAAEC,GAAG,EAAEN,IAAI,CAACM;UAAI;QAAE,CAAE,CAAC,gBAEzCd,IAAA,CAACP,IAAI;UAACsB,KAAK,EAAE;YAAEC,KAAK,EAAE,EAAE;YAAEC,MAAM,EAAE,EAAE;YAAEC,YAAY,EAAE;UAAE,CAAE;UAAAZ,QAAA,eACtDN,IAAA,CAACJ,QAAQ;YAACoB,KAAK,EAAE,EAAG;YAACC,MAAM,EAAE;UAAG,CAAE;QAAC,CAC/B,CACP,eACDjB,IAAA,CAACH,YAAY;UAACsB,OAAO,EAAEA,CAAA,KAAMd,iBAAiB,CAACI,KAAK,CAAE;UAAAH,QAAA,eACpDN,IAAA,CAACF,gBAAgB;YAAAQ,QAAA,EAAC;UAAO,CAAkB;QAAC,CAChC,CAAC;MAAA,GAVN,GAAGE,IAAI,CAACY,IAAI,IAAIX,KAAK,EAW1B,CAAC;IAEX,CAAC;EAAC,CACY,CAAC;AAErB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,54 @@
+"use strict";
+
+/** @format */
+
+import React from 'react';
+import { View, Modal, StyleSheet, Text } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Overlay = ({
+  children,
+  visible,
+  style
+}) => /*#__PURE__*/_jsx(Modal, {
+  transparent: true,
+  animationType: "fade",
+  visible: visible,
+  onRequestClose: () => {
+    // Implement logic to close the modal if needed
+  },
+  children: /*#__PURE__*/_jsx(View, {
+    style: [styles.modal, style],
+    children: children
+  })
+});
+export const StyledModal = ({
+  children,
+  style
+}) => {
+  return /*#__PURE__*/_jsx(Text, {
+    style: [style],
+    children: children
+  });
+};
+const styles = StyleSheet.create({
+  overlay: {
+    backgroundColor: 'rgba(0, 0, 0, 0.75)',
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    zIndex: 999,
+    // Use zIndex for stacking, although this won't work in all cases, Android uses elevation.
+    elevation: 999 // Added to give the overlay layer a higher stacking context on Android.
+  },
+  modal: {
+    flex: 1,
+    width: '100%',
+    height: '100%',
+    backgroundColor: 'white',
+    padding: 0,
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=MediaModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Modal","StyleSheet","Text","jsx","_jsx","Overlay","children","visible","style","transparent","animationType","onRequestClose","styles","modal","StyledModal","create","overlay","backgroundColor","flex","justifyContent","alignItems","zIndex","elevation","width","height","padding","display"],"sourceRoot":"../../../../src","sources":["components/styled/MediaModal.tsx"],"mappings":";;AAAA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,KAAK,EAAEC,UAAU,EAAaC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQxE,OAAO,MAAMC,OAAO,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,OAAO;EAAEC;AAAoB,CAAC,kBAChEJ,IAAA,CAACJ,KAAK;EACJS,WAAW,EAAE,IAAK;EAClBC,aAAa,EAAC,MAAM;EACpBH,OAAO,EAAEA,OAAQ;EACjBI,cAAc,EAAEA,CAAA,KAAM;IACpB;EAAA,CACA;EAAAL,QAAA,eAEFF,IAAA,CAACL,IAAI;IAACS,KAAK,EAAE,CAACI,MAAM,CAACC,KAAK,EAAEL,KAAK,CAAE;IAAAF,QAAA,EAAEA;EAAQ,CAAO;AAAC,CAChD,CACR;AAED,OAAO,MAAMQ,WAAW,GAAGA,CAAC;EAC1BR,QAAQ;EACRE;AAIF,CAAC,KAAK;EACJ,oBAAOJ,IAAA,CAACF,IAAI;IAACM,KAAK,EAAE,CAACA,KAAK,CAAE;IAAAF,QAAA,EAAEA;EAAQ,CAAO,CAAC;AAChD,CAAC;AAED,MAAMM,MAAM,GAAGX,UAAU,CAACc,MAAM,CAAC;EAC/BC,OAAO,EAAE;IACPC,eAAe,EAAE,qBAAqB;IACtCC,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE,GAAG;IAAE;IACbC,SAAS,EAAE,GAAG,CAAE;EAClB,CAAC;EACDT,KAAK,EAAE;IACLK,IAAI,EAAE,CAAC;IACPK,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdP,eAAe,EAAE,OAAO;IACxBQ,OAAO,EAAE,CAAC;IACVC,OAAO,EAAE,MAAM;IACfP,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,47 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { Container } from './StyledInputComponents/MediaComponents';
+import { useDispatch } from 'react-redux';
+import { setActiveFile, setActiveModal } from '../../roomStore/chatSettingsSlice';
+import { MODAL_TYPES } from '../../helpers/constants/MODAL_TYPES';
+import { ActivityIndicator, Image, TouchableOpacity } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CustomMessageImage = ({
+  fileURL,
+  fileName,
+  mimetype
+}) => {
+  const [error, setError] = useState(false);
+  const [loading, setLoading] = useState(true);
+  const dispatch = useDispatch();
+  const handleOpen = () => {
+    dispatch(setActiveFile({
+      fileName,
+      fileURL,
+      mimetype
+    }));
+    dispatch(setActiveModal(MODAL_TYPES.FILE_PREVIEW));
+  };
+  return /*#__PURE__*/_jsx(Container, {
+    children: /*#__PURE__*/_jsxs(TouchableOpacity, {
+      onPress: handleOpen,
+      children: [loading && /*#__PURE__*/_jsx(ActivityIndicator, {
+        size: "small",
+        color: "#0052CD"
+      }), /*#__PURE__*/_jsx(Image, {
+        src: fileURL || 'https://as2.ftcdn.net/v2/jpg/02/51/95/53/1000_F_251955356_FAQH0U1y1TZw3ZcdPGybwUkH90a3VAhb.jpg',
+        style: {
+          borderRadius: 16,
+          width: 150,
+          height: 200
+        },
+        onError: () => setError(true),
+        onLoadEnd: () => setLoading(false),
+        resizeMode: "cover"
+      })]
+    })
+  });
+};
+export default CustomMessageImage;
+//# sourceMappingURL=MessageImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Container","useDispatch","setActiveFile","setActiveModal","MODAL_TYPES","ActivityIndicator","Image","TouchableOpacity","jsx","_jsx","jsxs","_jsxs","CustomMessageImage","fileURL","fileName","mimetype","error","setError","loading","setLoading","dispatch","handleOpen","FILE_PREVIEW","children","onPress","size","color","src","style","borderRadius","width","height","onError","onLoadEnd","resizeMode"],"sourceRoot":"../../../../src","sources":["components/styled/MessageImage.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,QAAQ,yCAAyC;AACnE,SAASC,WAAW,QAAQ,aAAa;AACzC,SACEC,aAAa,EACbC,cAAc,QACT,mCAAmC;AAC1C,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SAASC,iBAAiB,EAAEC,KAAK,EAAEC,gBAAgB,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAO1E,MAAMC,kBAAqD,GAAGA,CAAC;EAC7DC,OAAO;EACPC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGlB,QAAQ,CAAC,KAAK,CAAC;EACzC,MAAM,CAACmB,OAAO,EAAEC,UAAU,CAAC,GAAGpB,QAAQ,CAAC,IAAI,CAAC;EAE5C,MAAMqB,QAAQ,GAAGnB,WAAW,CAAC,CAAC;EAE9B,MAAMoB,UAAU,GAAGA,CAAA,KAAM;IACvBD,QAAQ,CAAClB,aAAa,CAAC;MAAEY,QAAQ;MAAED,OAAO;MAAEE;IAAS,CAAC,CAAC,CAAC;IACxDK,QAAQ,CAACjB,cAAc,CAACC,WAAW,CAACkB,YAAY,CAAC,CAAC;EACpD,CAAC;EAED,oBACEb,IAAA,CAACT,SAAS;IAAAuB,QAAA,eACRZ,KAAA,CAACJ,gBAAgB;MAACiB,OAAO,EAAEH,UAAW;MAAAE,QAAA,GACnCL,OAAO,iBAAIT,IAAA,CAACJ,iBAAiB;QAACoB,IAAI,EAAC,OAAO;QAACC,KAAK,EAAC;MAAS,CAAE,CAAC,eAC9DjB,IAAA,CAACH,KAAK;QACJqB,GAAG,EACDd,OAAO,IACP,gGACD;QACDe,KAAK,EAAE;UACLC,YAAY,EAAE,EAAE;UAChBC,KAAK,EAAE,GAAG;UACVC,MAAM,EAAE;QACV,CAAE;QACFC,OAAO,EAAEA,CAAA,KAAMf,QAAQ,CAAC,IAAI,CAAE;QAC9BgB,SAAS,EAAEA,CAAA,KAAMd,UAAU,CAAC,KAAK,CAAE;QACnCe,UAAU,EAAC;MAAO,CACnB,CAAC;IAAA,CACc;EAAC,CACV,CAAC;AAEhB,CAAC;AAED,eAAetB,kBAAkB","ignoreList":[]}

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

@@ -0,0 +1,46 @@
+"use strict";
+
+import React from 'react';
+import styled from 'styled-components/native';
+import { Line } from './StyledComponents';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Container = styled.View`
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  background-color: transparent;
+  gap: 16px;
+`;
+export const StyledLabel = styled.View`
+  margin: 0;
+  border-radius: 118px;
+  padding: 5px 8px;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  background-color: #3f3f3f;
+  height: 24px;
+  white-space: nowrap;
+  margin: 10px 0px;
+`;
+export const StyledLabelText = styled.Text`
+  color: ${props => props?.color ? props?.color : '#0052CD'};
+  font-size: 12px;
+  line-height: 14px;
+  font-weight: 400;
+`;
+const NewMessageLabel = ({
+  color
+}) => {
+  return /*#__PURE__*/_jsxs(Container, {
+    children: [/*#__PURE__*/_jsx(Line, {}), /*#__PURE__*/_jsx(StyledLabel, {
+      children: /*#__PURE__*/_jsx(StyledLabelText, {
+        color: color,
+        children: "New messages"
+      })
+    }), /*#__PURE__*/_jsx(Line, {})]
+  });
+};
+export default NewMessageLabel;
+//# sourceMappingURL=NewMessageLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","styled","Line","jsx","_jsx","jsxs","_jsxs","Container","View","StyledLabel","StyledLabelText","Text","props","color","NewMessageLabel","children"],"sourceRoot":"../../../../src","sources":["components/styled/NewMessageLabel.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,0BAA0B;AAC7C,SAASC,IAAI,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE1C,MAAMC,SAAS,GAAGN,MAAM,CAACO,IAAI;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,WAAW,GAAGR,MAAM,CAACO,IAAI;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAME,eAAe,GAAGT,MAAM,CAACU,IAAwB;AAC9D,WAAYC,KAAK,IAAMA,KAAK,EAAEC,KAAK,GAAGD,KAAK,EAAEC,KAAK,GAAG,SAAU;AAC/D;AACA;AACA;AACA,CAAC;AAMD,MAAMC,eAA+C,GAAGA,CAAC;EAAED;AAAM,CAAC,KAAK;EACrE,oBACEP,KAAA,CAACC,SAAS;IAAAQ,QAAA,gBACRX,IAAA,CAACF,IAAI,IAAE,CAAC,eACRE,IAAA,CAACK,WAAW;MAAAM,QAAA,eACVX,IAAA,CAACM,eAAe;QAACG,KAAK,EAAEA,KAAM;QAAAE,QAAA,EAAC;MAAY,CAAiB;IAAC,CAClD,CAAC,eACdX,IAAA,CAACF,IAAI,IAAE,CAAC;EAAA,CACC,CAAC;AAEhB,CAAC;AAED,eAAeY,eAAe","ignoreList":[]}