@ethora/chat-component-rn 26.4.2 → 26.5.2

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

@@ -0,0 +1,248 @@
+"use strict";
+
+/* eslint-disable react-hooks/rules-of-hooks -- pre-existing port artifacts; hooks called conditionally / inside helpers. TODO: refactor */
+// CustomTypingIndicator.native.tsx
+import React, { useEffect, useMemo, useRef } from 'react';
+import styled, { css } from 'styled-components/native';
+import { Animated, Easing, View } from 'react-native';
+
+/* -------- Types -------- */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* -------- Helpers (texts) -------- */
+export const generateDefaultText = usersTyping => {
+  if (usersTyping.length === 0) {
+    return '';
+  }
+  if (usersTyping.length === 1) {
+    return `${usersTyping[0]} is typing`;
+  }
+  if (usersTyping.length === 2) {
+    return `${usersTyping[0]} and ${usersTyping[1]} are typing`;
+  }
+  return `${usersTyping.length} people are typing`;
+};
+export const generateProcessingText = usersTyping => {
+  if (usersTyping.length === 0) {
+    return '';
+  }
+  const processingStates = ['processing', 'thinking', 'generating answer'];
+  const randomState = processingStates[Math.floor(Math.random() * processingStates.length)];
+  if (usersTyping.length === 1) {
+    return `${usersTyping[0]} is ${randomState}`;
+  }
+  if (usersTyping.length === 2) {
+    return `${usersTyping[0]} and ${usersTyping[1]} are ${randomState}`;
+  }
+  return `${usersTyping.length} people are ${randomState}`;
+};
+
+/* -------- Styled (static layout) -------- */
+
+const BaseWrapper = styled.View`
+  flex-direction: row;
+  align-items: center;
+  z-index: 1000;
+  /* основная типографика */
+  /* (цвета текста задаём на текстовых нодах) */
+
+  ${({
+  $position
+}) => {
+  switch ($position) {
+    case 'top':
+      return css`
+          position: absolute;
+          top: 8px;
+          left: 16px;
+          right: 16px;
+          background-color: rgba(255, 255, 255, 0.95);
+          padding: 8px 12px;
+          border-radius: 8px;
+          /* тени (iOS/Android) */
+          shadow-color: #000;
+          shadow-opacity: 0.1;
+          shadow-radius: 8px;
+          shadow-offset: 0px 2px;
+          elevation: 3;
+        `;
+    case 'overlay':
+      // В RN нет position: fixed, используем absolute + центрирование
+      return css`
+          position: absolute;
+          top: 0; left: 0; right: 0; bottom: 0;
+          align-items: center;
+          justify-content: center;
+          background-color: rgba(0, 0, 0, 0.4); /* лёгкая вуаль */
+          padding: 16px 24px;
+        `;
+    case 'floating':
+      return css`
+          position: absolute;
+          right: 20px;
+          bottom: 80px;
+          background-color: rgba(255, 255, 255, 0.95);
+          padding: 12px 16px;
+          border-radius: 20px;
+          shadow-color: #000;
+          shadow-opacity: 0.15;
+          shadow-radius: 12px;
+          shadow-offset: 0px 4px;
+          elevation: 4;
+        `;
+    case 'bottom':
+    default:
+      return css`
+          /* встроенное расположение в потоке */
+          padding: 8px 0;
+        `;
+  }
+}}
+`;
+const Label = styled.Text`
+  margin-right: 8px;
+  font-weight: 500;
+  font-size: 14px;
+  color: #555;
+`;
+const DotsRow = styled.View`
+  flex-direction: row;
+  align-items: center;
+`;
+
+/* -------- Animated helpers -------- */
+
+// pulse для wrapper'ов overlay/floating (scale + opacity)
+const usePulse = () => {
+  const scale = useRef(new Animated.Value(1)).current;
+  const opacity = useRef(new Animated.Value(0.8)).current;
+  useEffect(() => {
+    const loop = Animated.loop(Animated.parallel([Animated.sequence([Animated.timing(scale, {
+      toValue: 1.05,
+      duration: 1000,
+      easing: Easing.inOut(Easing.ease),
+      useNativeDriver: true
+    }), Animated.timing(scale, {
+      toValue: 1,
+      duration: 1000,
+      easing: Easing.inOut(Easing.ease),
+      useNativeDriver: true
+    })]), Animated.sequence([Animated.timing(opacity, {
+      toValue: 1,
+      duration: 1000,
+      easing: Easing.inOut(Easing.ease),
+      useNativeDriver: true
+    }), Animated.timing(opacity, {
+      toValue: 0.8,
+      duration: 1000,
+      easing: Easing.inOut(Easing.ease),
+      useNativeDriver: true
+    })])]));
+    loop.start();
+    return () => loop.stop();
+  }, [opacity, scale]);
+  return {
+    scale,
+    opacity
+  };
+};
+
+// мигание одной точки
+const useBlink = (delay = 0) => {
+  const o = useRef(new Animated.Value(0.2)).current;
+  useEffect(() => {
+    const loop = Animated.loop(Animated.sequence([Animated.timing(o, {
+      toValue: 1,
+      duration: 300,
+      delay,
+      useNativeDriver: true
+    }), Animated.timing(o, {
+      toValue: 0.2,
+      duration: 900,
+      useNativeDriver: true
+    })]));
+    loop.start();
+    return () => loop.stop();
+  }, [o, delay]);
+  return o;
+};
+
+/* Точка — как View (а не текст), чтобы выглядело одинаково на iOS/Android */
+const DotView = styled(Animated.View)`
+  width: 6px;
+  height: 6px;
+  border-radius: 3px;
+  background-color: #666;
+  margin-right: 2px;
+`;
+
+/* -------- Component -------- */
+
+const CustomTypingIndicator = ({
+  usersTyping = [],
+  text,
+  position = 'bottom',
+  styles,
+  customComponent: CustomComponent,
+  isVisible = true
+}) => {
+  if (!isVisible || usersTyping.length === 0) {
+    return null;
+  }
+  const displayText = useMemo(() => {
+    if (typeof text === 'function') {
+      return text(usersTyping);
+    }
+    if (typeof text === 'string') {
+      return text;
+    }
+    return generateDefaultText(usersTyping);
+  }, [text, usersTyping]);
+
+  // Анимации
+  const pulse = usePulse();
+  const o1 = useBlink(0);
+  const o2 = useBlink(200);
+  const o3 = useBlink(400);
+  if (CustomComponent) {
+    return /*#__PURE__*/_jsx(CustomComponent, {
+      usersTyping: usersTyping,
+      text: displayText,
+      isVisible: isVisible
+    });
+  }
+
+  // Для overlay/floating оборачиваем в Animated.View, чтобы дать pulse
+  const WrapperComponent = position === 'overlay' || position === 'floating' ? Animated.View : View;
+  const animatedStyle = position === 'overlay' || position === 'floating' ? {
+    transform: [{
+      scale: pulse.scale
+    }],
+    opacity: pulse.opacity
+  } : null;
+  return /*#__PURE__*/_jsx(WrapperComponent, {
+    style: animatedStyle,
+    children: /*#__PURE__*/_jsxs(BaseWrapper, {
+      $position: position,
+      style: styles,
+      children: [/*#__PURE__*/_jsx(Label, {
+        children: displayText
+      }), /*#__PURE__*/_jsxs(DotsRow, {
+        children: [/*#__PURE__*/_jsx(DotView, {
+          style: {
+            opacity: o1
+          }
+        }), /*#__PURE__*/_jsx(DotView, {
+          style: {
+            opacity: o2
+          }
+        }), /*#__PURE__*/_jsx(DotView, {
+          style: {
+            opacity: o3
+          }
+        })]
+      })]
+    })
+  });
+};
+export default CustomTypingIndicator;
+//# sourceMappingURL=CustomTypingIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useMemo","useRef","styled","css","Animated","Easing","View","jsx","_jsx","jsxs","_jsxs","generateDefaultText","usersTyping","length","generateProcessingText","processingStates","randomState","Math","floor","random","BaseWrapper","$position","Label","Text","DotsRow","usePulse","scale","Value","current","opacity","loop","parallel","sequence","timing","toValue","duration","easing","inOut","ease","useNativeDriver","start","stop","useBlink","delay","o","DotView","CustomTypingIndicator","text","position","styles","customComponent","CustomComponent","isVisible","displayText","pulse","o1","o2","o3","WrapperComponent","animatedStyle","transform","style","children"],"sourceRoot":"../../../../../src","sources":["components/styled/StyledInputComponents/CustomTypingIndicator.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,82 @@
+"use strict";
+
+import styled from 'styled-components/native';
+export const Container = styled.View`
+  margin: 0;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+export const FullScreenImage = styled.Image`
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+`;
+export const ModalContent = styled.View`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  border-radius: 10px;
+`;
+export const ButtonContainer = styled.View`
+  display: flex;
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  gap: 4px;
+`;
+export const IconButton = styled.TouchableOpacity`
+  border: none;
+  cursor: pointer;
+  color: gray;
+  font-size: 36px;
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  pointer-events: auto;
+`;
+export const UnsupportedContainer = styled.TouchableOpacity`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  border-radius: 8px;
+  padding: 10px;
+  margin: 5px 0;
+  cursor: pointer;
+  gap: 8px;
+`;
+export const BackgroundFile = styled.View`
+  background-color: #f9f9f9;
+  border-radius: 8px;
+`;
+export const FileInformation = styled.View`
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 8px;
+`;
+export const FileName = styled.Text`
+  font-size: 14px;
+  font-weight: 500;
+  flex-grow: 1;
+  color: #fff;
+  overflow: hidden;
+`;
+export const FileSizeContainer = styled.View`
+  align-items: flex-start;
+  flex-direction: row;
+  background-color: #f2e6f6;
+  padding: 2px 8px;
+  border-radius: 10px;
+`;
+export const FileSize = styled.Text`
+  color: #53575a;
+  overflow: hidden;
+  text-align: left;
+  font-weight: 500;
+`;
+//# sourceMappingURL=MediaComponents.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["styled","Container","View","FullScreenImage","Image","ModalContent","ButtonContainer","IconButton","TouchableOpacity","UnsupportedContainer","BackgroundFile","FileInformation","FileName","Text","FileSizeContainer","FileSize"],"sourceRoot":"../../../../../src","sources":["components/styled/StyledInputComponents/MediaComponents.tsx"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,0BAA0B;AAE7C,OAAO,MAAMC,SAAS,GAAGD,MAAM,CAACE,IAAI;AACpC;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,eAAe,GAAGH,MAAM,CAACI,KAAK;AAC3C;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,YAAY,GAAGL,MAAM,CAACE,IAAI;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMI,eAAe,GAAGN,MAAM,CAACE,IAAI;AAC1C;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMK,UAAU,GAAGP,MAAM,CAACQ,gBAAgB;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,oBAAoB,GAAGT,MAAM,CAACQ,gBAAgB;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAME,cAAc,GAAGV,MAAM,CAACE,IAAI;AACzC;AACA;AACA,CAAC;AAED,OAAO,MAAMS,eAAe,GAAGX,MAAM,CAACE,IAAI;AAC1C;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMU,QAAQ,GAAGZ,MAAM,CAACa,IAAI;AACnC;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,iBAAiB,GAAGd,MAAM,CAACE,IAAI;AAC5C;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMa,QAAQ,GAAGf,MAAM,CAACa,IAAI;AACnC;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,114 @@
+"use strict";
+
+/** @format */
+
+import styled from 'styled-components/native';
+
+// Theme variables for reuse
+const colors = {
+  primary: '#141414',
+  secondary: '#f5f7f9',
+  border: '#ccc',
+  white: '#fff',
+  black: '#000'
+};
+export const InputContainer = styled.View`
+  flex-direction: column;
+  padding: 8px 16px 4px 16px;
+  background-color: ${colors.white};
+  z-index: 100;
+  width: 100%;
+  bottom: 0;
+  left: 0;
+  border-top-width: 1px;
+  border-top-color: #e5e7eb;
+`;
+export const MediaContainer = styled.View`
+  flex-direction: row;
+  gap: 8px;
+  padding: 0 16px 8px;
+`;
+export const MediaImage = styled.Image`
+  width: 70px;
+  height: 70px;
+  border-radius: 8px;
+`;
+export const MessageInputContainer = styled.View`
+  flex-direction: row;
+  align-items: center;
+  width: 100%;
+  gap: 8px;
+`;
+export const MessageInput = styled.TextInput`
+  padding: 10px 14px;
+  border-radius: 20px;
+  border-width: 1px;
+  border-color: ${props => props.isFocused ? props.color || '#0052CD' : 'transparent'};
+  color: #141414;
+  background-color: #f5f7f9;
+  flex: 1;
+  text-align-vertical: center;
+  line-height: 20px;
+  include-font-padding: false;
+`;
+export const HiddenFileInput = styled.View``;
+export const Timer = styled.Text`
+  justify-content: center;
+  align-items: center;
+  margin-left: 10px;
+`;
+export const TimerText = styled.Text`
+  font-size: 18px;
+  font-weight: bold;
+  color: ${colors.black};
+`;
+export const WaveformContainer = styled.View`
+  width: 100%;
+  height: 40px;
+  background-color: #f1f1f1;
+`;
+export const RecordContainer = styled.View`
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+`;
+export const FilePreviewContainer = styled.View`
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: 10px;
+  margin-top: 10px;
+`;
+export const FilePreview = styled.View`
+  justify-content: center;
+  align-items: center;
+  width: 100px;
+  height: 100px;
+  border-width: 1px;
+  border-color: ${colors.border};
+  border-radius: 8px;
+  background-color: #f9f9f9;
+  overflow: hidden;
+`;
+export const FileIcon = styled.Image`
+  max-width: 80%;
+  max-height: 80%;
+`;
+export const VideoPreview = styled.View`
+  width: 100%;
+  height: 100%;
+`;
+export const StyledInput = styled.TextInput`
+  padding: 16px 12px;
+  background-color: ${colors.secondary};
+  font-size: 16px;
+  border-radius: 16px;
+`;
+export const TextareaInput = styled.TextInput`
+  padding: 16px 12px;
+  background-color: ${colors.secondary};
+  font-size: 16px;
+  color: ${colors.black};
+  border-radius: 16px;
+`;
+//# sourceMappingURL=StyledInputComponents.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["styled","colors","primary","secondary","border","white","black","InputContainer","View","MediaContainer","MediaImage","Image","MessageInputContainer","MessageInput","TextInput","props","isFocused","color","HiddenFileInput","Timer","Text","TimerText","WaveformContainer","RecordContainer","FilePreviewContainer","FilePreview","FileIcon","VideoPreview","StyledInput","TextareaInput"],"sourceRoot":"../../../../../src","sources":["components/styled/StyledInputComponents/StyledInputComponents.tsx"],"mappings":";;AAAA;;AAEA,OAAOA,MAAM,MAAM,0BAA0B;;AAE7C;AACA,MAAMC,MAAM,GAAG;EACbC,OAAO,EAAE,SAAS;EAClBC,SAAS,EAAE,SAAS;EACpBC,MAAM,EAAE,MAAM;EACdC,KAAK,EAAE,MAAM;EACbC,KAAK,EAAE;AACT,CAAC;AAED,OAAO,MAAMC,cAAc,GAAGP,MAAM,CAACQ,IAA0B;AAC/D;AACA;AACA,sBAAsBP,MAAM,CAACI,KAAK;AAClC;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMI,cAAc,GAAGT,MAAM,CAACQ,IAAI;AACzC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAME,UAAU,GAAGV,MAAM,CAACW,KAAK;AACtC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,qBAAqB,GAAGZ,MAAM,CAACQ,IAAI;AAChD;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMK,YAAY,GAAGb,MAAM,CAACc,SAGjC;AACF;AACA;AACA;AACA,kBAAmBC,KAAK,IACpBA,KAAK,CAACC,SAAS,GAAGD,KAAK,CAACE,KAAK,IAAI,SAAS,GAAG,aAAa;AAC9D;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,eAAe,GAAGlB,MAAM,CAACQ,IAAI,EAAE;AAE5C,OAAO,MAAMW,KAAK,GAAGnB,MAAM,CAACoB,IAAI;AAChC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,SAAS,GAAGrB,MAAM,CAACoB,IAAI;AACpC;AACA;AACA,WAAWnB,MAAM,CAACK,KAAK;AACvB,CAAC;AAED,OAAO,MAAMgB,iBAAiB,GAAGtB,MAAM,CAACQ,IAAI;AAC5C;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMe,eAAe,GAAGvB,MAAM,CAACQ,IAAI;AAC1C;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMgB,oBAAoB,GAAGxB,MAAM,CAACQ,IAAI;AAC/C;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMiB,WAAW,GAAGzB,MAAM,CAACQ,IAAI;AACtC;AACA;AACA;AACA;AACA;AACA,kBAAkBP,MAAM,CAACG,MAAM;AAC/B;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMsB,QAAQ,GAAG1B,MAAM,CAACW,KAAK;AACpC;AACA;AACA,CAAC;AAED,OAAO,MAAMgB,YAAY,GAAG3B,MAAM,CAACQ,IAAI;AACvC;AACA;AACA,CAAC;AAED,OAAO,MAAMoB,WAAW,GAAG5B,MAAM,CAACc,SAAS;AAC3C;AACA,sBAAsBb,MAAM,CAACE,SAAS;AACtC;AACA;AACA,CAAC;AAED,OAAO,MAAM0B,aAAa,GAAG7B,MAAM,CAACc,SAAS;AAC7C;AACA,sBAAsBb,MAAM,CAACE,SAAS;AACtC;AACA,WAAWF,MAAM,CAACK,KAAK;AACvB;AACA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,44 @@
+"use strict";
+
+import styled from 'styled-components/native';
+export const Container = styled.View`
+  margin: 0;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+export const FullScreenVideo = styled.View`
+  width: 100%;
+  height: 100%;
+`;
+export const FixedSizeVideo = styled.View`
+  width: 300px;
+  height: 200px;
+`;
+export const ModalContent = styled.View`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  border-radius: 10px;
+`;
+export const ButtonContainer = styled.View`
+  display: flex;
+  position: absolute;
+  top: 8px;
+  right: 8px;
+`;
+export const IconButton = styled.TouchableOpacity`
+  border: none;
+  cursor: pointer;
+  color: gray;
+  font-size: 36px;
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  pointer-events: auto;
+`;
+//# sourceMappingURL=VideoComponents.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["styled","Container","View","FullScreenVideo","FixedSizeVideo","ModalContent","ButtonContainer","IconButton","TouchableOpacity"],"sourceRoot":"../../../../../src","sources":["components/styled/StyledInputComponents/VideoComponents.tsx"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,0BAA0B;AAE7C,OAAO,MAAMC,SAAS,GAAGD,MAAM,CAACE,IAAI;AACpC;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,eAAe,GAAGH,MAAM,CAACE,IAAI;AAC1C;AACA;AACA,CAAC;AAED,OAAO,MAAME,cAAc,GAAGJ,MAAM,CAACE,IAAI;AACzC;AACA;AACA,CAAC;AAED,OAAO,MAAMG,YAAY,GAAGL,MAAM,CAACE,IAAI;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMI,eAAe,GAAGN,MAAM,CAACE,IAAI;AAC1C;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMK,UAAU,GAAGP,MAAM,CAACQ,gBAAgB;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,42 @@
+"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`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  background-color: transparent;
+  gap: 16px;
+`;
+export const StyledDateLabel = styled.Text`
+  margin: 0;
+  color: ${props => props.primary || '#0052cd'};
+  border-radius: 118px;
+  padding: 5px 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  line-height: 14px;
+  font-weight: 600;
+  background-color: ${props => props.secondary || '#e7edf9'};
+  height: 24px;
+  white-space: nowrap;
+`;
+const TreadLabel = ({
+  reply,
+  colors
+}) => {
+  return /*#__PURE__*/_jsxs(Container, {
+    children: [/*#__PURE__*/_jsx(Line, {}), /*#__PURE__*/_jsxs(StyledDateLabel, {
+      ...colors,
+      children: [reply, " ", reply > 1 ? 'replies' : 'reply']
+    }), /*#__PURE__*/_jsx(Line, {})]
+  });
+};
+export default TreadLabel;
+//# sourceMappingURL=TreadLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","styled","Line","jsx","_jsx","jsxs","_jsxs","Container","View","StyledDateLabel","Text","props","primary","secondary","TreadLabel","reply","colors","children"],"sourceRoot":"../../../../src","sources":["components/styled/TreadLabel.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;AAO1C,MAAMC,SAAS,GAAGN,MAAM,CAACO,IAAI;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,eAAe,GAAGR,MAAM,CAACS,IAGpC;AACF;AACA,WAAYC,KAAK,IAAKA,KAAK,CAACC,OAAO,IAAI,SAAS;AAChD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAuBD,KAAK,IAAKA,KAAK,CAACE,SAAS,IAAI,SAAS;AAC7D;AACA;AACA,CAAC;AAED,MAAMC,UAAoC,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAO,CAAC,KAAK;EAClE,oBACEV,KAAA,CAACC,SAAS;IAAAU,QAAA,gBACRb,IAAA,CAACF,IAAI,IAAE,CAAC,eACRI,KAAA,CAACG,eAAe;MAAA,GAAKO,MAAM;MAAAC,QAAA,GACxBF,KAAK,EAAC,GAAC,EAACA,KAAK,GAAG,CAAC,GAAG,SAAS,GAAG,OAAO;IAAA,CACzB,CAAC,eAClBX,IAAA,CAACF,IAAI,IAAE,CAAC;EAAA,CACC,CAAC;AAEhB,CAAC;AAED,eAAeY,UAAU","ignoreList":[]}

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

@@ -0,0 +1,70 @@
+"use strict";
+
+import React from 'react';
+import { BackgroundFile, FileInformation, FileName, FileSize, FileSizeContainer, UnsupportedContainer } from './StyledInputComponents/MediaComponents';
+import { useDispatch } from 'react-redux';
+import { MODAL_TYPES } from '../../helpers/constants/MODAL_TYPES';
+import { setActiveFile, setActiveModal } from '../../roomStore/chatSettingsSlice';
+import { useChatSettingState } from '../../hooks/useChatSettingState';
+import { FileIcon } from '../../assets/icons';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FileDownload = ({
+  fileName,
+  fileURL,
+  mimetype,
+  size
+}) => {
+  const dispatch = useDispatch();
+  const {
+    config
+  } = useChatSettingState();
+  const formatFileSize = sizeInBytes => {
+    const size = parseInt(sizeInBytes, 10);
+    if (isNaN(size)) {
+      return 'Invalid size';
+    }
+    if (size < 1024) {
+      return `${size} B`;
+    } else if (size < 1024 ** 2) {
+      return `${(size / 1024).toFixed(2)} KB`;
+    } else if (size < 1024 ** 3) {
+      return `${(size / 1024 ** 2).toFixed(2)} MB`;
+    } else {
+      return `${(size / 1024 ** 3).toFixed(2)} GB`;
+    }
+  };
+  const formatFileName = (name, maxLength) => {
+    const dotIndex = name.lastIndexOf('.');
+    const extension = dotIndex !== -1 ? name.substring(dotIndex) : '';
+    const baseName = dotIndex !== -1 ? name.substring(0, dotIndex) : name;
+    if (baseName.length + extension.length <= maxLength) {
+      return name;
+    }
+    const shortenedBaseName = baseName.substring(0, maxLength - extension.length - 3);
+    return `${shortenedBaseName}...${extension}`;
+  };
+  const handleOpen = () => {
+    dispatch(setActiveFile({
+      fileName,
+      fileURL,
+      mimetype
+    }));
+    dispatch(setActiveModal(MODAL_TYPES.FILE_PREVIEW));
+  };
+  return /*#__PURE__*/_jsxs(UnsupportedContainer, {
+    onPress: handleOpen,
+    children: [/*#__PURE__*/_jsx(BackgroundFile, {
+      children: /*#__PURE__*/_jsx(FileIcon, {})
+    }), /*#__PURE__*/_jsxs(FileInformation, {
+      children: [/*#__PURE__*/_jsx(FileName, {
+        children: formatFileName(fileName, 20)
+      }), size && /*#__PURE__*/_jsx(FileSizeContainer, {
+        children: /*#__PURE__*/_jsx(FileSize, {
+          children: formatFileSize(size)
+        })
+      })]
+    })]
+  });
+};
+export default FileDownload;
+//# sourceMappingURL=UnsupportedType.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","BackgroundFile","FileInformation","FileName","FileSize","FileSizeContainer","UnsupportedContainer","useDispatch","MODAL_TYPES","setActiveFile","setActiveModal","useChatSettingState","FileIcon","jsx","_jsx","jsxs","_jsxs","FileDownload","fileName","fileURL","mimetype","size","dispatch","config","formatFileSize","sizeInBytes","parseInt","isNaN","toFixed","formatFileName","name","maxLength","dotIndex","lastIndexOf","extension","substring","baseName","length","shortenedBaseName","handleOpen","FILE_PREVIEW","onPress","children"],"sourceRoot":"../../../../src","sources":["components/styled/UnsupportedType.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SACEC,cAAc,EACdC,eAAe,EACfC,QAAQ,EACRC,QAAQ,EACRC,iBAAiB,EACjBC,oBAAoB,QACf,yCAAyC;AAChD,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SACEC,aAAa,EACbC,cAAc,QACT,mCAAmC;AAE1C,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,QAAQ,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAS9C,MAAMC,YAAyC,GAAGA,CAAC;EACjDC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAMC,QAAQ,GAAGf,WAAW,CAAC,CAAC;EAC9B,MAAM;IAAEgB;EAAO,CAAC,GAAGZ,mBAAmB,CAAC,CAAC;EAExC,MAAMa,cAAc,GAAIC,WAAmB,IAAa;IACtD,MAAMJ,IAAI,GAAGK,QAAQ,CAACD,WAAW,EAAE,EAAE,CAAC;IAEtC,IAAIE,KAAK,CAACN,IAAI,CAAC,EAAE;MACf,OAAO,cAAc;IACvB;IAEA,IAAIA,IAAI,GAAG,IAAI,EAAE;MACf,OAAO,GAAGA,IAAI,IAAI;IACpB,CAAC,MAAM,IAAIA,IAAI,GAAG,IAAI,IAAI,CAAC,EAAE;MAC3B,OAAO,GAAG,CAACA,IAAI,GAAG,IAAI,EAAEO,OAAO,CAAC,CAAC,CAAC,KAAK;IACzC,CAAC,MAAM,IAAIP,IAAI,GAAG,IAAI,IAAI,CAAC,EAAE;MAC3B,OAAO,GAAG,CAACA,IAAI,GAAG,IAAI,IAAI,CAAC,EAAEO,OAAO,CAAC,CAAC,CAAC,KAAK;IAC9C,CAAC,MAAM;MACL,OAAO,GAAG,CAACP,IAAI,GAAG,IAAI,IAAI,CAAC,EAAEO,OAAO,CAAC,CAAC,CAAC,KAAK;IAC9C;EACF,CAAC;EAED,MAAMC,cAAc,GAAGA,CAACC,IAAY,EAAEC,SAAiB,KAAa;IAClE,MAAMC,QAAQ,GAAGF,IAAI,CAACG,WAAW,CAAC,GAAG,CAAC;IACtC,MAAMC,SAAS,GAAGF,QAAQ,KAAK,CAAC,CAAC,GAAGF,IAAI,CAACK,SAAS,CAACH,QAAQ,CAAC,GAAG,EAAE;IAEjE,MAAMI,QAAQ,GAAGJ,QAAQ,KAAK,CAAC,CAAC,GAAGF,IAAI,CAACK,SAAS,CAAC,CAAC,EAAEH,QAAQ,CAAC,GAAGF,IAAI;IAErE,IAAIM,QAAQ,CAACC,MAAM,GAAGH,SAAS,CAACG,MAAM,IAAIN,SAAS,EAAE;MACnD,OAAOD,IAAI;IACb;IAEA,MAAMQ,iBAAiB,GAAGF,QAAQ,CAACD,SAAS,CAC1C,CAAC,EACDJ,SAAS,GAAGG,SAAS,CAACG,MAAM,GAAG,CACjC,CAAC;IAED,OAAO,GAAGC,iBAAiB,MAAMJ,SAAS,EAAE;EAC9C,CAAC;EAED,MAAMK,UAAU,GAAGA,CAAA,KAAM;IACvBjB,QAAQ,CAACb,aAAa,CAAC;MAAES,QAAQ;MAAEC,OAAO;MAAEC;IAAS,CAAC,CAAC,CAAC;IACxDE,QAAQ,CAACZ,cAAc,CAACF,WAAW,CAACgC,YAAY,CAAC,CAAC;EACpD,CAAC;EAED,oBACExB,KAAA,CAACV,oBAAoB;IAACmC,OAAO,EAAEF,UAAW;IAAAG,QAAA,gBACxC5B,IAAA,CAACb,cAAc;MAAAyC,QAAA,eACb5B,IAAA,CAACF,QAAQ,IAAE;IAAC,CACE,CAAC,eACjBI,KAAA,CAACd,eAAe;MAAAwC,QAAA,gBACd5B,IAAA,CAACX,QAAQ;QAAAuC,QAAA,EAAEb,cAAc,CAACX,QAAQ,EAAE,EAAE;MAAC,CAAW,CAAC,EAClDG,IAAI,iBACHP,IAAA,CAACT,iBAAiB;QAAAqC,QAAA,eAChB5B,IAAA,CAACV,QAAQ;UAAAsC,QAAA,EAAElB,cAAc,CAACH,IAAI;QAAC,CAAW;MAAC,CAC1B,CACpB;IAAA,CACc,CAAC;EAAA,CACE,CAAC;AAE3B,CAAC;AAED,eAAeJ,YAAY","ignoreList":[]}