@ethora/chat-component-rn 26.8.1 → 26.8.3

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

@@ -2,6 +2,7 @@
 
 import React from 'react';
 import { View, Text, TextInput, StyleSheet } from 'react-native';
+import { useTheme } from '../../hooks/useTheme';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const InputWrapper = ({
   children
@@ -13,30 +14,44 @@ const InputWrapper = ({
 };
 const Label = ({
   children
-}) => /*#__PURE__*/_jsx(Text, {
-  style: styles.label,
-  children: children
-});
+}) => {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsx(Text, {
+    style: [styles.label, {
+      color: theme.textSecondary
+    }],
+    children: children
+  });
+};
 const StyledInput = ({
   color,
   error,
   ...props
-}) => /*#__PURE__*/_jsx(TextInput, {
-  style: [styles.input, {
-    borderColor: error ? 'red' : color || '#0052CD',
-    backgroundColor: '#F5F7F9'
-  }],
-  ...props
-});
+}) => {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsx(TextInput, {
+    placeholderTextColor: theme.textMuted,
+    keyboardAppearance: theme.dark ? 'dark' : 'light',
+    style: [styles.input, {
+      borderColor: error ? 'red' : color || theme.primary,
+      backgroundColor: theme.surfaceSecondary,
+      color: theme.text
+    }],
+    ...props
+  });
+};
 const HelperText = ({
   children,
   error
-}) => /*#__PURE__*/_jsx(Text, {
-  style: [styles.helperText, {
-    color: error ? 'red' : '#8c8c8c'
-  }],
-  children: children
-});
+}) => {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsx(Text, {
+    style: [styles.helperText, {
+      color: error ? 'red' : theme.textSecondary
+    }],
+    children: children
+  });
+};
 const InputWithLabel = ({
   label,
   color,
@@ -70,7 +85,6 @@ const styles = StyleSheet.create({
   },
   label: {
     fontSize: 14,
-    color: '#8c8c8c',
     marginBottom: 4,
     marginLeft: 8
   },

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

@@ -1 +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":[]}
+{"version":3,"names":["React","View","Text","TextInput","StyleSheet","useTheme","jsx","_jsx","jsxs","_jsxs","InputWrapper","children","style","styles","inputWrapper","Label","theme","label","color","textSecondary","StyledInput","error","props","placeholderTextColor","textMuted","keyboardAppearance","dark","input","borderColor","primary","backgroundColor","surfaceSecondary","text","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":"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","ignoreList":[]}

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

@@ -46,7 +46,8 @@ const BaseWrapper = styled.View`
   /* (цвета текста задаём на текстовых нодах) */
 
   ${({
-  $position
+  $position,
+  theme
 }) => {
   switch ($position) {
     case 'top':
@@ -55,11 +56,11 @@ const BaseWrapper = styled.View`
           top: 8px;
           left: 16px;
           right: 16px;
-          background-color: rgba(255, 255, 255, 0.95);
+          background-color: ${theme.surface};
           padding: 8px 12px;
           border-radius: 8px;
           /* тени (iOS/Android) */
-          shadow-color: #000;
+          shadow-color: ${theme.shadow};
           shadow-opacity: 0.1;
           shadow-radius: 8px;
           shadow-offset: 0px 2px;
@@ -72,7 +73,7 @@ const BaseWrapper = styled.View`
           top: 0; left: 0; right: 0; bottom: 0;
           align-items: center;
           justify-content: center;
-          background-color: rgba(0, 0, 0, 0.4); /* лёгкая вуаль */
+          background-color: ${theme.overlay}; /* лёгкая вуаль */
           padding: 16px 24px;
         `;
     case 'floating':
@@ -80,10 +81,10 @@ const BaseWrapper = styled.View`
           position: absolute;
           right: 20px;
           bottom: 80px;
-          background-color: rgba(255, 255, 255, 0.95);
+          background-color: ${theme.surface};
           padding: 12px 16px;
           border-radius: 20px;
-          shadow-color: #000;
+          shadow-color: ${theme.shadow};
           shadow-opacity: 0.15;
           shadow-radius: 12px;
           shadow-offset: 0px 4px;
@@ -102,7 +103,9 @@ const Label = styled.Text`
   margin-right: 8px;
   font-weight: 500;
   font-size: 14px;
-  color: #555;
+  color: ${({
+  theme
+}) => theme.textSecondary};
 `;
 const DotsRow = styled.View`
   flex-direction: row;
@@ -171,7 +174,9 @@ const DotView = styled(Animated.View)`
   width: 6px;
   height: 6px;
   border-radius: 3px;
-  background-color: #666;
+  background-color: ${({
+  theme
+}) => theme.textSecondary};
   margin-right: 2px;
 `;
 

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

@@ -1 +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":[]}
+{"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","theme","surface","shadow","overlay","Label","Text","textSecondary","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

@@ -55,13 +55,17 @@ export const UnsupportedContainer = styled.TouchableOpacity`
   margin: 8px;
   cursor: pointer;
   gap: 8px;
+  /* Light keeps its own tints (not in the palette); dark sits the card on
+     the bubble colours so it reads on a dark ground. */
   background-color: ${({
-  isUser
-}) => isUser ? '#EDF5FF' : '#F7F9FC'};
+  isUser,
+  theme
+}) => theme.dark ? isUser ? theme.messageBackgroundUser : theme.surfaceSecondary : isUser ? '#EDF5FF' : '#F7F9FC'};
   border-width: 1px;
   border-color: ${({
-  isUser
-}) => isUser ? '#D7E6FF' : '#E7ECF3'};
+  isUser,
+  theme
+}) => theme.dark ? theme.border : isUser ? '#D7E6FF' : '#E7ECF3'};
   min-width: 196px;
   max-width: 260px;
 `;
@@ -70,7 +74,9 @@ export const BackgroundFile = styled.View`
   height: 54px;
   align-items: center;
   justify-content: center;
-  background-color: #F3EAFB;
+  background-color: ${({
+  theme
+}) => theme.dark ? theme.surfaceHighlight : '#F3EAFB'};
   border-radius: 10px;
 `;
 export const FileInformation = styled.View`
@@ -85,18 +91,23 @@ export const FileName = styled.Text`
   flex-shrink: 1;
   color: ${({
   isUser,
-  colorIsUser
-}) => isUser ? colorIsUser || '#1D4ED8' : '#1F2937'};
+  colorIsUser,
+  theme
+}) => isUser ? colorIsUser || (theme.dark ? theme.senderName : '#1D4ED8') : theme.text};
 `;
 export const FileSizeContainer = styled.View`
   align-items: flex-start;
   flex-direction: row;
-  background-color: #FFFFFF;
+  background-color: ${({
+  theme
+}) => theme.surface};
   padding: 3px 8px;
   border-radius: 999px;
 `;
 export const FileSize = styled.Text`
-  color: #667085;
+  color: ${({
+  theme
+}) => theme.dark ? theme.textSecondary : '#667085'};
   overflow: hidden;
   text-align: left;
   font-size: 12px;

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

@@ -1 +1 @@
-{"version":3,"names":["styled","Container","View","FullScreenImage","Image","ModalContent","ButtonContainer","IconButton","TouchableOpacity","UnsupportedContainer","isUser","BackgroundFile","FileInformation","FileName","Text","colorIsUser","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;AACA;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,gBAAsC;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,CAAC;EAAEE;AAAO,CAAC,KAAMA,MAAM,GAAG,SAAS,GAAG,SAAU;AACtE;AACA,kBAAkB,CAAC;EAAEA;AAAO,CAAC,KAAMA,MAAM,GAAG,SAAS,GAAG,SAAU;AAClE;AACA;AACA,CAAC;AAED,OAAO,MAAMC,cAAc,GAAGX,MAAM,CAACE,IAAI;AACzC;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMU,eAAe,GAAGZ,MAAM,CAACE,IAAI;AAC1C;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMW,QAAQ,GAAGb,MAAM,CAACc,IAI7B;AACF;AACA;AACA;AACA,WAAW,CAAC;EAAEJ,MAAM;EAAEK;AAAY,CAAC,KAC/BL,MAAM,GAAGK,WAAW,IAAI,SAAS,GAAG,SAAS;AACjD,CAAC;AAED,OAAO,MAAMC,iBAAiB,GAAGhB,MAAM,CAACE,IAAI;AAC5C;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMe,QAAQ,GAAGjB,MAAM,CAACc,IAAI;AACnC;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"names":["styled","Container","View","FullScreenImage","Image","ModalContent","ButtonContainer","IconButton","TouchableOpacity","UnsupportedContainer","isUser","theme","dark","messageBackgroundUser","surfaceSecondary","border","BackgroundFile","surfaceHighlight","FileInformation","FileName","Text","colorIsUser","senderName","text","FileSizeContainer","surface","FileSize","textSecondary"],"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;AACA;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,gBAAsC;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,CAAC;EAAEE,MAAM;EAAEC;AAAM,CAAC,KACpCA,KAAK,CAACC,IAAI,GACNF,MAAM,GACJC,KAAK,CAACE,qBAAqB,GAC3BF,KAAK,CAACG,gBAAgB,GACxBJ,MAAM,GACJ,SAAS,GACT,SAAS;AACnB;AACA,kBAAkB,CAAC;EAAEA,MAAM;EAAEC;AAAM,CAAC,KAChCA,KAAK,CAACC,IAAI,GAAGD,KAAK,CAACI,MAAM,GAAGL,MAAM,GAAG,SAAS,GAAG,SAAS;AAC9D;AACA;AACA,CAAC;AAED,OAAO,MAAMM,cAAc,GAAGhB,MAAM,CAACE,IAAI;AACzC;AACA;AACA;AACA;AACA,sBAAsB,CAAC;EAAES;AAAM,CAAC,KAC5BA,KAAK,CAACC,IAAI,GAAGD,KAAK,CAACM,gBAAgB,GAAG,SAAS;AACnD;AACA,CAAC;AAED,OAAO,MAAMC,eAAe,GAAGlB,MAAM,CAACE,IAAI;AAC1C;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMiB,QAAQ,GAAGnB,MAAM,CAACoB,IAI7B;AACF;AACA;AACA;AACA,WAAW,CAAC;EAAEV,MAAM;EAAEW,WAAW;EAAEV;AAAM,CAAC,KACtCD,MAAM,GACFW,WAAW,KAAKV,KAAK,CAACC,IAAI,GAAGD,KAAK,CAACW,UAAU,GAAG,SAAS,CAAC,GAC1DX,KAAK,CAACY,IAAI;AAClB,CAAC;AAED,OAAO,MAAMC,iBAAiB,GAAGxB,MAAM,CAACE,IAAI;AAC5C;AACA;AACA,sBAAsB,CAAC;EAAES;AAAM,CAAC,KAAKA,KAAK,CAACc,OAAO;AAClD;AACA;AACA,CAAC;AAED,OAAO,MAAMC,QAAQ,GAAG1B,MAAM,CAACoB,IAAI;AACnC,WAAW,CAAC;EAAET;AAAM,CAAC,KAAMA,KAAK,CAACC,IAAI,GAAGD,KAAK,CAACgB,aAAa,GAAG,SAAU;AACxE;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

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

@@ -4,24 +4,27 @@
 
 import styled from 'styled-components/native';
 
-// Theme variables for reuse
-const colors = {
-  primary: '#141414',
-  secondary: '#f5f7f9',
-  border: '#ccc',
-  white: '#fff',
-  black: '#000'
-};
+// Colours come from the ThemeProvider mounted in ReduxWrapper
+// (`({ theme }) => theme.x`); the light palette holds the values that
+// used to be hard-coded here.
+
 export const InputContainer = styled.View`
   flex-direction: column;
-  padding: 8px 16px 4px 16px;
-  background-color: ${colors.white};
+  padding: 12px 16px 8px 16px;
+  /* Transparent, so the dock's white surface — and its rounded top
+   * corners — are what shows. An opaque child painted straight over those
+   * corners (a parent's border radius does not clip children without
+   * overflow:hidden, and that would clip the dock's shadow too). */
+  background-color: transparent;
   z-index: 100;
   width: 100%;
   bottom: 0;
   left: 0;
-  border-top-width: 1px;
-  border-top-color: #e5e7eb;
+  /* No radius or shadow here: the dock this sits in (ChatRoom's
+   * InputDockTag) is the composer's outer surface and carries both. Having
+   * them on this inner view too drew its shadow onto the dock's white
+   * background — the faint seam that made the strip below look like a
+   * different colour. */
 `;
 export const MediaContainer = styled.View`
   flex-direction: row;
@@ -43,15 +46,23 @@ export const MessageInput = styled.TextInput`
   padding: 8px 14px;
   border-radius: 20px;
   border-width: 1px;
-  border-color: ${props => props.isFocused ? props.color || '#0052CD' : 'transparent'};
-  color: #141414;
+  border-color: ${({
+  isFocused,
+  color,
+  theme
+}) => isFocused ? color || theme.primary : 'transparent'};
+  color: ${({
+  theme
+}) => theme.text};
   font-size: ${({
   fontSize
 }) => fontSize ?? 16}px;
   ${({
   fontWeight
 }) => fontWeight ? `font-weight: ${fontWeight};` : ''}
-  background-color: #f5f7f9;
+  background-color: ${({
+  theme
+}) => theme.surfaceSecondary};
   flex: 1;
   /* No explicit line-height: on iOS a line-height larger than the
      font's natural metrics drops the glyph to the bottom of the line
@@ -70,12 +81,16 @@ export const Timer = styled.Text`
 export const TimerText = styled.Text`
   font-size: 18px;
   font-weight: bold;
-  color: ${colors.black};
+  color: ${({
+  theme
+}) => theme.text};
 `;
 export const WaveformContainer = styled.View`
   width: 100%;
   height: 40px;
-  background-color: #f1f1f1;
+  background-color: ${({
+  theme
+}) => theme.surfaceSecondary};
 `;
 export const RecordContainer = styled.View`
   flex-direction: row;
@@ -95,9 +110,13 @@ export const FilePreview = styled.View`
   width: 100px;
   height: 100px;
   border-width: 1px;
-  border-color: ${colors.border};
+  border-color: ${({
+  theme
+}) => theme.border};
   border-radius: 8px;
-  background-color: #f9f9f9;
+  background-color: ${({
+  theme
+}) => theme.surfaceSecondary};
   overflow: hidden;
 `;
 export const FileIcon = styled.Image`
@@ -110,15 +129,24 @@ export const VideoPreview = styled.View`
 `;
 export const StyledInput = styled.TextInput`
   padding: 16px 12px;
-  background-color: ${colors.secondary};
+  background-color: ${({
+  theme
+}) => theme.surfaceSecondary};
+  color: ${({
+  theme
+}) => theme.text};
   font-size: 16px;
   border-radius: 16px;
 `;
 export const TextareaInput = styled.TextInput`
   padding: 16px 12px;
-  background-color: ${colors.secondary};
+  background-color: ${({
+  theme
+}) => theme.surfaceSecondary};
   font-size: 16px;
-  color: ${colors.black};
+  color: ${({
+  theme
+}) => theme.text};
   border-radius: 16px;
 `;
 //# sourceMappingURL=StyledInputComponents.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["styled","colors","primary","secondary","border","white","black","InputContainer","View","MediaContainer","MediaImage","Image","MessageInputContainer","MessageInput","TextInput","props","isFocused","color","fontSize","fontWeight","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,SAKjC;AACF;AACA;AACA;AACA,kBAAmBC,KAAK,IACpBA,KAAK,CAACC,SAAS,GAAGD,KAAK,CAACE,KAAK,IAAI,SAAS,GAAG,aAAa;AAC9D;AACA,eAAe,CAAC;EAAEC;AAAS,CAAC,KAAKA,QAAQ,IAAI,EAAE;AAC/C,IAAI,CAAC;EAAEC;AAAW,CAAC,KAAMA,UAAU,GAAG,gBAAgBA,UAAU,GAAG,GAAG,EAAG;AACzE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,eAAe,GAAGpB,MAAM,CAACQ,IAAI,EAAE;AAE5C,OAAO,MAAMa,KAAK,GAAGrB,MAAM,CAACsB,IAAI;AAChC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,SAAS,GAAGvB,MAAM,CAACsB,IAAI;AACpC;AACA;AACA,WAAWrB,MAAM,CAACK,KAAK;AACvB,CAAC;AAED,OAAO,MAAMkB,iBAAiB,GAAGxB,MAAM,CAACQ,IAAI;AAC5C;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMiB,eAAe,GAAGzB,MAAM,CAACQ,IAAI;AAC1C;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMkB,oBAAoB,GAAG1B,MAAM,CAACQ,IAAI;AAC/C;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMmB,WAAW,GAAG3B,MAAM,CAACQ,IAAI;AACtC;AACA;AACA;AACA;AACA;AACA,kBAAkBP,MAAM,CAACG,MAAM;AAC/B;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMwB,QAAQ,GAAG5B,MAAM,CAACW,KAAK;AACpC;AACA;AACA,CAAC;AAED,OAAO,MAAMkB,YAAY,GAAG7B,MAAM,CAACQ,IAAI;AACvC;AACA;AACA,CAAC;AAED,OAAO,MAAMsB,WAAW,GAAG9B,MAAM,CAACc,SAAS;AAC3C;AACA,sBAAsBb,MAAM,CAACE,SAAS;AACtC;AACA;AACA,CAAC;AAED,OAAO,MAAM4B,aAAa,GAAG/B,MAAM,CAACc,SAAS;AAC7C;AACA,sBAAsBb,MAAM,CAACE,SAAS;AACtC;AACA,WAAWF,MAAM,CAACK,KAAK;AACvB;AACA,CAAC","ignoreList":[]}
+{"version":3,"names":["styled","InputContainer","View","MediaContainer","MediaImage","Image","MessageInputContainer","MessageInput","TextInput","isFocused","color","theme","primary","text","fontSize","fontWeight","surfaceSecondary","HiddenFileInput","Timer","Text","TimerText","WaveformContainer","RecordContainer","FilePreviewContainer","FilePreview","border","FileIcon","VideoPreview","StyledInput","TextareaInput"],"sourceRoot":"../../../../../src","sources":["components/styled/StyledInputComponents/StyledInputComponents.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -2,6 +2,7 @@
 
 import React from 'react';
 import styled from 'styled-components/native';
+import { useTheme } from '../../hooks/useTheme';
 import { Line } from './StyledComponents';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Container = styled.View`
@@ -14,7 +15,7 @@ const Container = styled.View`
 `;
 export const StyledDateLabel = styled.Text`
   margin: 0;
-  color: ${props => props.primary || '#0052cd'};
+  color: ${props => props.primary || props.theme.dateLabel};
   border-radius: 118px;
   padding: 5px 8px;
   display: flex;
@@ -23,7 +24,7 @@ export const StyledDateLabel = styled.Text`
   font-size: 12px;
   line-height: 14px;
   font-weight: 600;
-  background-color: ${props => props.secondary || '#e7edf9'};
+  background-color: ${props => props.theme.dark ? props.theme.surfaceSecondary : props.secondary || '#e7edf9'};
   height: 24px;
   white-space: nowrap;
 `;
@@ -31,9 +32,11 @@ const TreadLabel = ({
   reply,
   colors
 }) => {
+  const theme = useTheme();
   return /*#__PURE__*/_jsxs(Container, {
     children: [/*#__PURE__*/_jsx(Line, {}), /*#__PURE__*/_jsxs(StyledDateLabel, {
-      ...colors,
+      primary: theme.dark ? undefined : colors?.primary,
+      secondary: colors?.secondary,
       children: [reply, " ", reply > 1 ? 'replies' : 'reply']
     }), /*#__PURE__*/_jsx(Line, {})]
   });

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

@@ -1 +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":[]}
+{"version":3,"names":["React","styled","useTheme","Line","jsx","_jsx","jsxs","_jsxs","Container","View","StyledDateLabel","Text","props","primary","theme","dateLabel","dark","surfaceSecondary","secondary","TreadLabel","reply","colors","children","undefined"],"sourceRoot":"../../../../src","sources":["components/styled/TreadLabel.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,0BAA0B;AAC7C,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,IAAI,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAO1C,MAAMC,SAAS,GAAGP,MAAM,CAACQ,IAAI;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,eAAe,GAAGT,MAAM,CAACU,IAGpC;AACF;AACA,WAAYC,KAAK,IAAKA,KAAK,CAACC,OAAO,IAAID,KAAK,CAACE,KAAK,CAACC,SAAS;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAuBH,KAAK,IACxBA,KAAK,CAACE,KAAK,CAACE,IAAI,GAAGJ,KAAK,CAACE,KAAK,CAACG,gBAAgB,GAAGL,KAAK,CAACM,SAAS,IAAI,SAAS;AAClF;AACA;AACA,CAAC;AAED,MAAMC,UAAoC,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAO,CAAC,KAAK;EAClE,MAAMP,KAAK,GAAGZ,QAAQ,CAAC,CAAC;EACxB,oBACEK,KAAA,CAACC,SAAS;IAAAc,QAAA,gBACRjB,IAAA,CAACF,IAAI,IAAE,CAAC,eACRI,KAAA,CAACG,eAAe;MACdG,OAAO,EAAEC,KAAK,CAACE,IAAI,GAAGO,SAAS,GAAGF,MAAM,EAAER,OAAQ;MAClDK,SAAS,EAAEG,MAAM,EAAEH,SAAU;MAAAI,QAAA,GAE5BF,KAAK,EAAC,GAAC,EAACA,KAAK,GAAG,CAAC,GAAG,SAAS,GAAG,OAAO;IAAA,CACzB,CAAC,eAClBf,IAAA,CAACF,IAAI,IAAE,CAAC;EAAA,CACC,CAAC;AAEhB,CAAC;AAED,eAAegB,UAAU","ignoreList":[]}

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

@@ -9,6 +9,7 @@ import { ActivityIndicator, View } from 'react-native';
 import { useChatSettingState } from '../../hooks/useChatSettingState';
 import { FileIcon } from '../../assets/icons';
 import { getExtensionForMime } from '../../helpers/mimeToExtension';
+import { getDisplayFileName } from '../../helpers/getDisplayFileName';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const FileDownload = ({
   fileName,
@@ -26,6 +27,15 @@ const FileDownload = ({
   const {
     config
   } = useChatSettingState();
+
+  // Bug #40: prefer the sender's original name over the server's stored
+  // hash name for both the visible label and the extension badge below.
+  const displayName = getDisplayFileName({
+    originalName,
+    fileName,
+    location: fileURL,
+    mimetype
+  });
   const formatFileSize = sizeInBytes => {
     const size = parseInt(sizeInBytes, 10);
     if (isNaN(size)) {
@@ -66,9 +76,9 @@ const FileDownload = ({
     dispatch(setActiveModal(MODAL_TYPES.FILE_PREVIEW));
   };
   const extensionLabel = (() => {
-    const dotIndex = fileName.lastIndexOf('.');
-    if (dotIndex !== -1 && dotIndex < fileName.length - 1) {
-      return fileName.slice(dotIndex + 1).toUpperCase();
+    const dotIndex = displayName.lastIndexOf('.');
+    if (dotIndex !== -1 && dotIndex < displayName.length - 1) {
+      return displayName.slice(dotIndex + 1).toUpperCase();
     }
     return getExtensionForMime(mimetype).replace('.', '').toUpperCase();
   })();
@@ -87,7 +97,7 @@ const FileDownload = ({
         isUser: isUser,
         colorIsUser: config?.colors?.primary,
         colorUsers: config?.colors?.secondary,
-        children: formatFileName(fileName, 20)
+        children: formatFileName(displayName, 20)
       }), (pending || size) && /*#__PURE__*/_jsx(FileSizeContainer, {
         children: pending ? /*#__PURE__*/_jsxs(View, {
           style: {

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

@@ -1 +1 @@
-{"version":3,"names":["React","BackgroundFile","FileInformation","FileName","FileSize","FileSizeContainer","UnsupportedContainer","useDispatch","MODAL_TYPES","setActiveFile","setActiveModal","ActivityIndicator","View","useChatSettingState","FileIcon","getExtensionForMime","jsx","_jsx","jsxs","_jsxs","FileDownload","fileName","fileURL","mimetype","size","isUser","originalName","duration","waveForm","pending","placeholderIcon","dispatch","config","formatFileSize","sizeInBytes","parseInt","isNaN","toFixed","formatFileName","name","maxLength","dotIndex","lastIndexOf","extension","substring","baseName","length","shortenedBaseName","handleOpen","FILE_PREVIEW","extensionLabel","slice","toUpperCase","replace","onPress","activeOpacity","children","width","height","numberOfLines","colorIsUser","colors","primary","colorUsers","secondary","style","flexDirection","alignItems","gap","color"],"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;AAC1C,SAASC,iBAAiB,EAAEC,IAAI,QAAQ,cAAc;AACtD,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,mBAAmB,QAAQ,+BAA+B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAepE,MAAMC,YAAyC,GAAGA,CAAC;EACjDC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,IAAI;EACJC,MAAM;EACNC,YAAY;EACZC,QAAQ;EACRC,QAAQ;EACRC,OAAO,GAAG,KAAK;EACfC;AACF,CAAC,KAAK;EACJ,MAAMC,QAAQ,GAAGxB,WAAW,CAAC,CAAC;EAC9B,MAAM;IAAEyB;EAAO,CAAC,GAAGnB,mBAAmB,CAAC,CAAC;EAExC,MAAMoB,cAAc,GAAIC,WAAmB,IAAa;IACtD,MAAMV,IAAI,GAAGW,QAAQ,CAACD,WAAW,EAAE,EAAE,CAAC;IAEtC,IAAIE,KAAK,CAACZ,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,EAAEa,OAAO,CAAC,CAAC,CAAC,KAAK;IACzC,CAAC,MAAM,IAAIb,IAAI,GAAG,IAAI,IAAI,CAAC,EAAE;MAC3B,OAAO,GAAG,CAACA,IAAI,GAAG,IAAI,IAAI,CAAC,EAAEa,OAAO,CAAC,CAAC,CAAC,KAAK;IAC9C,CAAC,MAAM;MACL,OAAO,GAAG,CAACb,IAAI,GAAG,IAAI,IAAI,CAAC,EAAEa,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;IACvB,IAAI,CAAC1B,OAAO,IAAIO,OAAO,EAAE;MACvB;IACF;IACAE,QAAQ,CACNtB,aAAa,CAAC;MACZY,QAAQ;MACRC,OAAO;MACPC,QAAQ;MACRG,YAAY;MACZC,QAAQ;MACRC;IACF,CAAC,CACH,CAAC;IACDG,QAAQ,CAACrB,cAAc,CAACF,WAAW,CAACyC,YAAY,CAAC,CAAC;EACpD,CAAC;EAED,MAAMC,cAAc,GAAG,CAAC,MAAM;IAC5B,MAAMT,QAAQ,GAAGpB,QAAQ,CAACqB,WAAW,CAAC,GAAG,CAAC;IAC1C,IAAID,QAAQ,KAAK,CAAC,CAAC,IAAIA,QAAQ,GAAGpB,QAAQ,CAACyB,MAAM,GAAG,CAAC,EAAE;MACrD,OAAOzB,QAAQ,CAAC8B,KAAK,CAACV,QAAQ,GAAG,CAAC,CAAC,CAACW,WAAW,CAAC,CAAC;IACnD;IACA,OAAOrC,mBAAmB,CAACQ,QAAQ,CAAC,CAAC8B,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAACD,WAAW,CAAC,CAAC;EACrE,CAAC,EAAE,CAAC;EAEJ,oBACEjC,KAAA,CAACb,oBAAoB;IACnBmB,MAAM,EAAEA,MAAO;IACf6B,OAAO,EAAEN,UAAW;IACpBO,aAAa,EAAE1B,OAAO,GAAG,CAAC,GAAG,GAAI;IAAA2B,QAAA,gBAEjCvC,IAAA,CAAChB,cAAc;MAAAuD,QAAA,EACZ1B,eAAe,iBAAIb,IAAA,CAACH,QAAQ;QAAC2C,KAAK,EAAE,EAAG;QAACC,MAAM,EAAE;MAAG,CAAE;IAAC,CACzC,CAAC,eACjBvC,KAAA,CAACjB,eAAe;MAAAsD,QAAA,gBACdvC,IAAA,CAACd,QAAQ;QACPwD,aAAa,EAAE,CAAE;QACjBlC,MAAM,EAAEA,MAAO;QACfmC,WAAW,EAAE5B,MAAM,EAAE6B,MAAM,EAAEC,OAAQ;QACrCC,UAAU,EAAE/B,MAAM,EAAE6B,MAAM,EAAEG,SAAU;QAAAR,QAAA,EACtClB,cAAc,CAACjB,QAAQ,EAAE,EAAE;MAAC,CAAW,CAAC,EACzC,CAACQ,OAAO,IAAIL,IAAI,kBACfP,IAAA,CAACZ,iBAAiB;QAAAmD,QAAA,EACf3B,OAAO,gBACNV,KAAA,CAACP,IAAI;UACHqD,KAAK,EAAE;YACLC,aAAa,EAAE,KAAK;YACpBC,UAAU,EAAE,QAAQ;YACpBC,GAAG,EAAE;UACP,CAAE;UAAAZ,QAAA,gBAEFvC,IAAA,CAACN,iBAAiB;YAACa,IAAI,EAAC,OAAO;YAAC6C,KAAK,EAAC;UAAS,CAAE,CAAC,eAClDpD,IAAA,CAACb,QAAQ;YAAAoD,QAAA,EAAC;UAAY,CAAU,CAAC;QAAA,CAC7B,CAAC,gBAEPvC,IAAA,CAACb,QAAQ;UAAAoD,QAAA,EAAEvB,cAAc,CAACT,IAAc;QAAC,CAAW;MACrD,CACgB,CACpB,EACA,CAACK,OAAO,IAAI,CAACL,IAAI,iBAChBP,IAAA,CAACZ,iBAAiB;QAAAmD,QAAA,eAChBvC,IAAA,CAACb,QAAQ;UAAAoD,QAAA,EAAEN;QAAc,CAAW;MAAC,CACpB,CACpB;IAAA,CACc,CAAC;EAAA,CACE,CAAC;AAE3B,CAAC;AAED,eAAe9B,YAAY","ignoreList":[]}
+{"version":3,"names":["React","BackgroundFile","FileInformation","FileName","FileSize","FileSizeContainer","UnsupportedContainer","useDispatch","MODAL_TYPES","setActiveFile","setActiveModal","ActivityIndicator","View","useChatSettingState","FileIcon","getExtensionForMime","getDisplayFileName","jsx","_jsx","jsxs","_jsxs","FileDownload","fileName","fileURL","mimetype","size","isUser","originalName","duration","waveForm","pending","placeholderIcon","dispatch","config","displayName","location","formatFileSize","sizeInBytes","parseInt","isNaN","toFixed","formatFileName","name","maxLength","dotIndex","lastIndexOf","extension","substring","baseName","length","shortenedBaseName","handleOpen","FILE_PREVIEW","extensionLabel","slice","toUpperCase","replace","onPress","activeOpacity","children","width","height","numberOfLines","colorIsUser","colors","primary","colorUsers","secondary","style","flexDirection","alignItems","gap","color"],"sourceRoot":"../../../../src","sources":["components/styled/UnsupportedType.tsx"],"mappings":"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","ignoreList":[]}