stream-chat-react-native-core 5.22.0-beta.1 → 5.22.0-beta.3

package/lib/module/components/Thread/components/ThreadFooterComponent.js

@@ -12,7 +12,7 @@ var _MessagesContext = require("../../../contexts/messagesContext/MessagesContex
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
 var _ThreadContext = require("../../../contexts/threadContext/ThreadContext");
 var _TranslationContext = require("../../../contexts/translationContext/TranslationContext");
-var _utils = require("../../../utils/utils");
+var _useViewport2 = require("../../../hooks/useViewport");
 var _excluded = ["backgroundGradientStart", "backgroundGradientStop", "text"];
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Thread/components/ThreadFooterComponent.tsx";
@@ -45,6 +45,8 @@ var ThreadFooterComponentWithContext = function ThreadFooterComponentWithContext
     thread = props.thread;
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
     t = _useTranslationContex.t;
+  var _useViewport = (0, _useViewport2.useViewport)(),
+    vw = _useViewport.vw;
   var _useTheme = (0, _ThemeContext.useTheme)(),
     _useTheme$theme = _useTheme.theme,
     _useTheme$theme$color = _useTheme$theme.colors,
@@ -64,7 +66,7 @@ var ThreadFooterComponentWithContext = function ThreadFooterComponentWithContext
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 65,
+      lineNumber: 66,
       columnNumber: 5
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -72,7 +74,7 @@ var ThreadFooterComponentWithContext = function ThreadFooterComponentWithContext
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 67,
       columnNumber: 7
     }
   }, _react["default"].createElement(Message, {
@@ -83,7 +85,7 @@ var ThreadFooterComponentWithContext = function ThreadFooterComponentWithContext
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 68,
       columnNumber: 9
     }
   })), _react["default"].createElement(_reactNative.View, {
@@ -91,36 +93,36 @@ var ThreadFooterComponentWithContext = function ThreadFooterComponentWithContext
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 69,
+      lineNumber: 70,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNativeSvg["default"], {
     height: (_newThread$height = newThread.height) != null ? _newThread$height : 24,
     style: styles.absolute,
-    width: (0, _utils.vw)(100),
+    width: vw(100),
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 70,
+      lineNumber: 71,
       columnNumber: 9
     }
   }, _react["default"].createElement(_reactNativeSvg.Rect, {
     fill: "url(#gradient)",
     height: (_newThread$height2 = newThread.height) != null ? _newThread$height2 : 24,
-    width: (0, _utils.vw)(100),
+    width: vw(100),
     x: 0,
     y: 0,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 71,
+      lineNumber: 72,
       columnNumber: 11
     }
   }), _react["default"].createElement(_reactNativeSvg.Defs, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 73,
       columnNumber: 11
     }
   }, _react["default"].createElement(_reactNativeSvg.LinearGradient, {
@@ -133,7 +135,7 @@ var ThreadFooterComponentWithContext = function ThreadFooterComponentWithContext
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 73,
+      lineNumber: 74,
       columnNumber: 13
     }
   }, _react["default"].createElement(_reactNativeSvg.Stop, {
@@ -143,7 +145,7 @@ var ThreadFooterComponentWithContext = function ThreadFooterComponentWithContext
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 81,
+      lineNumber: 82,
       columnNumber: 15
     }
   }), _react["default"].createElement(_reactNativeSvg.Stop, {
@@ -153,7 +155,7 @@ var ThreadFooterComponentWithContext = function ThreadFooterComponentWithContext
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 86,
+      lineNumber: 87,
       columnNumber: 15
     }
   })))), _react["default"].createElement(_reactNative.Text, {
@@ -163,7 +165,7 @@ var ThreadFooterComponentWithContext = function ThreadFooterComponentWithContext
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 94,
+      lineNumber: 95,
       columnNumber: 9
     }
   }, replyCount === 1 ? t('1 Reply') : t('{{ replyCount }} Replies', {
@@ -195,7 +197,7 @@ var ThreadFooterComponent = function ThreadFooterComponent() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 146,
+      lineNumber: 147,
       columnNumber: 5
     }
   });

package/lib/module/components/Thread/components/ThreadFooterComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_MessagesContext","_ThemeContext","_ThreadContext","_TranslationContext","_utils","_excluded","_this","_jsxFileName","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","styles","StyleSheet","create","absolute","position","messagePadding","paddingHorizontal","newThread","alignItems","height","justifyContent","marginTop","text","fontSize","textAlign","threadHeaderContainer","marginVertical","ThreadFooterComponentWithContext","props","_newThread$height","_newThread$height2","_newThread$height3","Message","thread","_useTranslationContex","useTranslationContext","t","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","bg_gradient_end","bg_gradient_start","grey","_useTheme$theme$threa","backgroundGradientStart","backgroundGradientStop","_objectWithoutProperties2","replyCount","reply_count","createElement","View","style","testID","__self","__source","fileName","lineNumber","columnNumber","groupStyles","message","preventPress","threadList","width","vw","Rect","fill","x","y","Defs","LinearGradient","gradientUnits","id","x1","x2","y1","y2","Stop","offset","stopColor","stopOpacity","Text","color","areEqual","prevProps","nextProps","prevThread","nextThread","threadEqual","latestReactionsEqual","Array","isArray","latest_reactions","length","every","_ref","index","_nextThread$latest_re","type","MemoizedThreadFooter","React","memo","ThreadFooterComponent","_useMessagesContext","useMessagesContext","_useThreadContext","useThreadContext","exports"],"sources":["ThreadFooterComponent.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\nimport Svg, { Defs, LinearGradient, Rect, Stop } from 'react-native-svg';\n\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../../contexts/messagesContext/MessagesContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport {\n  ThreadContextValue,\n  useThreadContext,\n} from '../../../contexts/threadContext/ThreadContext';\nimport { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { vw } from '../../../utils/utils';\n\nconst styles = StyleSheet.create({\n  absolute: { position: 'absolute' },\n  messagePadding: {\n    paddingHorizontal: 8,\n  },\n  newThread: {\n    alignItems: 'center',\n    height: 24,\n    justifyContent: 'center',\n    marginTop: 8,\n  },\n  text: {\n    fontSize: 12,\n    textAlign: 'center',\n  },\n  threadHeaderContainer: {\n    marginVertical: 8,\n  },\n});\n\ntype ThreadFooterComponentPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<MessagesContextValue<StreamChatGenerics>, 'Message'> &\n  Pick<ThreadContextValue<StreamChatGenerics>, 'thread'>;\n\nconst ThreadFooterComponentWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ThreadFooterComponentPropsWithContext<StreamChatGenerics>,\n) => {\n  const { Message, thread } = props;\n  const { t } = useTranslationContext();\n\n  const {\n    theme: {\n      colors: { bg_gradient_end, bg_gradient_start, grey },\n      thread: {\n        newThread: { backgroundGradientStart, backgroundGradientStop, text, ...newThread },\n      },\n    },\n  } = useTheme();\n\n  if (!thread) return null;\n\n  const replyCount = thread.reply_count;\n\n  return (\n    <View style={styles.threadHeaderContainer} testID='thread-footer-component'>\n      <View style={styles.messagePadding}>\n        <Message groupStyles={['single']} message={thread} preventPress threadList />\n      </View>\n      <View style={[styles.newThread, newThread]}>\n        <Svg height={newThread.height ?? 24} style={styles.absolute} width={vw(100)}>\n          <Rect fill='url(#gradient)' height={newThread.height ?? 24} width={vw(100)} x={0} y={0} />\n          <Defs>\n            <LinearGradient\n              gradientUnits='userSpaceOnUse'\n              id='gradient'\n              x1={0}\n              x2={0}\n              y1={0}\n              y2={newThread.height ?? 24}\n            >\n              <Stop\n                offset={1}\n                stopColor={backgroundGradientStart || bg_gradient_end}\n                stopOpacity={1}\n              />\n              <Stop\n                offset={0}\n                stopColor={backgroundGradientStop || bg_gradient_start}\n                stopOpacity={1}\n              />\n            </LinearGradient>\n          </Defs>\n        </Svg>\n        <Text style={[styles.text, { color: grey }, text]}>\n          {replyCount === 1\n            ? t('1 Reply')\n            : t('{{ replyCount }} Replies', {\n                replyCount,\n              })}\n        </Text>\n      </View>\n    </View>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: ThreadFooterComponentPropsWithContext<StreamChatGenerics>,\n  nextProps: ThreadFooterComponentPropsWithContext<StreamChatGenerics>,\n) => {\n  const { thread: prevThread } = prevProps;\n  const { thread: nextThread } = nextProps;\n\n  const threadEqual =\n    prevThread?.id === nextThread?.id &&\n    prevThread?.text === nextThread?.text &&\n    prevThread?.reply_count === nextThread?.reply_count;\n  if (!threadEqual) return false;\n\n  const latestReactionsEqual =\n    prevThread &&\n    nextThread &&\n    Array.isArray(prevThread.latest_reactions) &&\n    Array.isArray(nextThread.latest_reactions)\n      ? prevThread.latest_reactions.length === nextThread.latest_reactions.length &&\n        prevThread.latest_reactions.every(\n          ({ type }, index) => type === nextThread.latest_reactions?.[index].type,\n        )\n      : prevThread?.latest_reactions === nextThread?.latest_reactions;\n  if (!latestReactionsEqual) return false;\n\n  return true;\n};\n\nconst MemoizedThreadFooter = React.memo(\n  ThreadFooterComponentWithContext,\n  areEqual,\n) as typeof ThreadFooterComponentWithContext;\n\nexport const ThreadFooterComponent = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const { Message } = useMessagesContext<StreamChatGenerics>();\n  const { thread } = useThreadContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedThreadFooter\n      {...{\n        Message,\n        thread,\n      }}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAC,uBAAA,CAAAH,OAAA;AAEA,IAAAI,gBAAA,GAAAJ,OAAA;AAIA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AAIA,IAAAO,mBAAA,GAAAP,OAAA;AAEA,IAAAQ,MAAA,GAAAR,OAAA;AAA0C,IAAAS,SAAA;AAAA,IAAAC,KAAA;EAAAC,YAAA;AAAA,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAV,wBAAAc,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,cAAAN,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAE1C,IAAMW,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAW,CAAC;EAClCC,cAAc,EAAE;IACdC,iBAAiB,EAAE;EACrB,CAAC;EACDC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBC,SAAS,EAAE;EACb,CAAC;EACDC,IAAI,EAAE;IACJC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE;EACb,CAAC;EACDC,qBAAqB,EAAE;IACrBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAOF,IAAMC,gCAAgC,GAAG,SAAnCA,gCAAgCA,CAGpCC,KAAgE,EAC7D;EAAA,IAAAC,iBAAA,EAAAC,kBAAA,EAAAC,kBAAA;EACH,IAAQC,OAAO,GAAaJ,KAAK,CAAzBI,OAAO;IAAEC,MAAM,GAAKL,KAAK,CAAhBK,MAAM;EACvB,IAAAC,qBAAA,GAAc,IAAAC,yCAAqB,EAAC,CAAC;IAA7BC,CAAC,GAAAF,qBAAA,CAADE,CAAC;EAET,IAAAC,SAAA,GAOI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CANZG,KAAK;IAAAC,qBAAA,GAAAF,eAAA,CACHG,MAAM;IAAIC,eAAe,GAAAF,qBAAA,CAAfE,eAAe;IAAEC,iBAAiB,GAAAH,qBAAA,CAAjBG,iBAAiB;IAAEC,IAAI,GAAAJ,qBAAA,CAAJI,IAAI;IAAAC,qBAAA,GAAAP,eAAA,CAClDN,MAAM,CACJhB,SAAS;IAAI8B,uBAAuB,GAAAD,qBAAA,CAAvBC,uBAAuB;IAAEC,sBAAsB,GAAAF,qBAAA,CAAtBE,sBAAsB;IAAE1B,IAAI,GAAAwB,qBAAA,CAAJxB,IAAI;IAAKL,SAAS,OAAAgC,yBAAA,aAAAH,qBAAA,EAAA7D,SAAA;EAKtF,IAAI,CAACgD,MAAM,EAAE,OAAO,IAAI;EAExB,IAAMiB,UAAU,GAAGjB,MAAM,CAACkB,WAAW;EAErC,OACE7E,MAAA,YAAA8E,aAAA,CAAC3E,YAAA,CAAA4E,IAAI;IAACC,KAAK,EAAE5C,MAAM,CAACe,qBAAsB;IAAC8B,MAAM,EAAC,yBAAyB;IAAAC,MAAA,EAAAtE,KAAA;IAAAuE,QAAA;MAAAC,QAAA,EAAAvE,YAAA;MAAAwE,UAAA;MAAAC,YAAA;IAAA;EAAA,GACzEtF,MAAA,YAAA8E,aAAA,CAAC3E,YAAA,CAAA4E,IAAI;IAACC,KAAK,EAAE5C,MAAM,CAACK,cAAe;IAAAyC,MAAA,EAAAtE,KAAA;IAAAuE,QAAA;MAAAC,QAAA,EAAAvE,YAAA;MAAAwE,UAAA;MAAAC,YAAA;IAAA;EAAA,GACjCtF,MAAA,YAAA8E,aAAA,CAACpB,OAAO;IAAC6B,WAAW,EAAE,CAAC,QAAQ,CAAE;IAACC,OAAO,EAAE7B,MAAO;IAAC8B,YAAY;IAACC,UAAU;IAAAR,MAAA,EAAAtE,KAAA;IAAAuE,QAAA;MAAAC,QAAA,EAAAvE,YAAA;MAAAwE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACxE,CAAC,EACPtF,MAAA,YAAA8E,aAAA,CAAC3E,YAAA,CAAA4E,IAAI;IAACC,KAAK,EAAE,CAAC5C,MAAM,CAACO,SAAS,EAAEA,SAAS,CAAE;IAAAuC,MAAA,EAAAtE,KAAA;IAAAuE,QAAA;MAAAC,QAAA,EAAAvE,YAAA;MAAAwE,UAAA;MAAAC,YAAA;IAAA;EAAA,GACzCtF,MAAA,YAAA8E,aAAA,CAAC1E,eAAA,WAAG;IAACyC,MAAM,GAAAU,iBAAA,GAAEZ,SAAS,CAACE,MAAM,YAAAU,iBAAA,GAAI,EAAG;IAACyB,KAAK,EAAE5C,MAAM,CAACG,QAAS;IAACoD,KAAK,EAAE,IAAAC,SAAE,EAAC,GAAG,CAAE;IAAAV,MAAA,EAAAtE,KAAA;IAAAuE,QAAA;MAAAC,QAAA,EAAAvE,YAAA;MAAAwE,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC1EtF,MAAA,YAAA8E,aAAA,CAAC1E,eAAA,CAAAyF,IAAI;IAACC,IAAI,EAAC,gBAAgB;IAACjD,MAAM,GAAAW,kBAAA,GAAEb,SAAS,CAACE,MAAM,YAAAW,kBAAA,GAAI,EAAG;IAACmC,KAAK,EAAE,IAAAC,SAAE,EAAC,GAAG,CAAE;IAACG,CAAC,EAAE,CAAE;IAACC,CAAC,EAAE,CAAE;IAAAd,MAAA,EAAAtE,KAAA;IAAAuE,QAAA;MAAAC,QAAA,EAAAvE,YAAA;MAAAwE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,EAC1FtF,MAAA,YAAA8E,aAAA,CAAC1E,eAAA,CAAA6F,IAAI;IAAAf,MAAA,EAAAtE,KAAA;IAAAuE,QAAA;MAAAC,QAAA,EAAAvE,YAAA;MAAAwE,UAAA;MAAAC,YAAA;IAAA;EAAA,GACHtF,MAAA,YAAA8E,aAAA,CAAC1E,eAAA,CAAA8F,cAAc;IACbC,aAAa,EAAC,gBAAgB;IAC9BC,EAAE,EAAC,UAAU;IACbC,EAAE,EAAE,CAAE;IACNC,EAAE,EAAE,CAAE;IACNC,EAAE,EAAE,CAAE;IACNC,EAAE,GAAA/C,kBAAA,GAAEd,SAAS,CAACE,MAAM,YAAAY,kBAAA,GAAI,EAAG;IAAAyB,MAAA,EAAAtE,KAAA;IAAAuE,QAAA;MAAAC,QAAA,EAAAvE,YAAA;MAAAwE,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE3BtF,MAAA,YAAA8E,aAAA,CAAC1E,eAAA,CAAAqG,IAAI;IACHC,MAAM,EAAE,CAAE;IACVC,SAAS,EAAElC,uBAAuB,IAAIJ,eAAgB;IACtDuC,WAAW,EAAE,CAAE;IAAA1B,MAAA,EAAAtE,KAAA;IAAAuE,QAAA;MAAAC,QAAA,EAAAvE,YAAA;MAAAwE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChB,CAAC,EACFtF,MAAA,YAAA8E,aAAA,CAAC1E,eAAA,CAAAqG,IAAI;IACHC,MAAM,EAAE,CAAE;IACVC,SAAS,EAAEjC,sBAAsB,IAAIJ,iBAAkB;IACvDsC,WAAW,EAAE,CAAE;IAAA1B,MAAA,EAAAtE,KAAA;IAAAuE,QAAA;MAAAC,QAAA,EAAAvE,YAAA;MAAAwE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChB,CACa,CACZ,CACH,CAAC,EACNtF,MAAA,YAAA8E,aAAA,CAAC3E,YAAA,CAAA0G,IAAI;IAAC7B,KAAK,EAAE,CAAC5C,MAAM,CAACY,IAAI,EAAE;MAAE8D,KAAK,EAAEvC;IAAK,CAAC,EAAEvB,IAAI,CAAE;IAAAkC,MAAA,EAAAtE,KAAA;IAAAuE,QAAA;MAAAC,QAAA,EAAAvE,YAAA;MAAAwE,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC/CV,UAAU,KAAK,CAAC,GACbd,CAAC,CAAC,SAAS,CAAC,GACZA,CAAC,CAAC,0BAA0B,EAAE;IAC5Bc,UAAU,EAAVA;EACF,CAAC,CACD,CACF,CACF,CAAC;AAEX,CAAC;AAED,IAAMmC,QAAQ,GAAG,SAAXA,QAAQA,CACZC,SAAoE,EACpEC,SAAoE,EACjE;EACH,IAAgBC,UAAU,GAAKF,SAAS,CAAhCrD,MAAM;EACd,IAAgBwD,UAAU,GAAKF,SAAS,CAAhCtD,MAAM;EAEd,IAAMyD,WAAW,GACf,CAAAF,UAAU,oBAAVA,UAAU,CAAEd,EAAE,OAAKe,UAAU,oBAAVA,UAAU,CAAEf,EAAE,KACjC,CAAAc,UAAU,oBAAVA,UAAU,CAAElE,IAAI,OAAKmE,UAAU,oBAAVA,UAAU,CAAEnE,IAAI,KACrC,CAAAkE,UAAU,oBAAVA,UAAU,CAAErC,WAAW,OAAKsC,UAAU,oBAAVA,UAAU,CAAEtC,WAAW;EACrD,IAAI,CAACuC,WAAW,EAAE,OAAO,KAAK;EAE9B,IAAMC,oBAAoB,GACxBH,UAAU,IACVC,UAAU,IACVG,KAAK,CAACC,OAAO,CAACL,UAAU,CAACM,gBAAgB,CAAC,IAC1CF,KAAK,CAACC,OAAO,CAACJ,UAAU,CAACK,gBAAgB,CAAC,GACtCN,UAAU,CAACM,gBAAgB,CAACC,MAAM,KAAKN,UAAU,CAACK,gBAAgB,CAACC,MAAM,IACzEP,UAAU,CAACM,gBAAgB,CAACE,KAAK,CAC/B,UAAAC,IAAA,EAAWC,KAAK;IAAA,IAAAC,qBAAA;IAAA,IAAbC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAA,OAAcA,IAAI,OAAAD,qBAAA,GAAKV,UAAU,CAACK,gBAAgB,qBAA3BK,qBAAA,CAA8BD,KAAK,CAAC,CAACE,IAAI;EAAA,CACzE,CAAC,GACD,CAAAZ,UAAU,oBAAVA,UAAU,CAAEM,gBAAgB,OAAKL,UAAU,oBAAVA,UAAU,CAAEK,gBAAgB;EACnE,IAAI,CAACH,oBAAoB,EAAE,OAAO,KAAK;EAEvC,OAAO,IAAI;AACb,CAAC;AAED,IAAMU,oBAAoB,GAAGC,iBAAK,CAACC,IAAI,CACrC5E,gCAAgC,EAChC0D,QACF,CAA4C;AAErC,IAAMmB,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAA,EAE3B;EACL,IAAAC,mBAAA,GAAoB,IAAAC,mCAAkB,EAAqB,CAAC;IAApD1E,OAAO,GAAAyE,mBAAA,CAAPzE,OAAO;EACf,IAAA2E,iBAAA,GAAmB,IAAAC,+BAAgB,EAAqB,CAAC;IAAjD3E,MAAM,GAAA0E,iBAAA,CAAN1E,MAAM;EAEd,OACE3D,MAAA,YAAA8E,aAAA,CAACiD,oBAAoB;IAEjBrE,OAAO,EAAPA,OAAO;IACPC,MAAM,EAANA,MAAM;IAAAuB,MAAA,EAAAtE,KAAA;IAAAuE,QAAA;MAAAC,QAAA,EAAAvE,YAAA;MAAAwE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAET,CAAC;AAEN,CAAC;AAACiD,OAAA,CAAAL,qBAAA,GAAAA,qBAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_MessagesContext","_ThemeContext","_ThreadContext","_TranslationContext","_useViewport2","_excluded","_this","_jsxFileName","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","styles","StyleSheet","create","absolute","position","messagePadding","paddingHorizontal","newThread","alignItems","height","justifyContent","marginTop","text","fontSize","textAlign","threadHeaderContainer","marginVertical","ThreadFooterComponentWithContext","props","_newThread$height","_newThread$height2","_newThread$height3","Message","thread","_useTranslationContex","useTranslationContext","t","_useViewport","useViewport","vw","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","bg_gradient_end","bg_gradient_start","grey","_useTheme$theme$threa","backgroundGradientStart","backgroundGradientStop","_objectWithoutProperties2","replyCount","reply_count","createElement","View","style","testID","__self","__source","fileName","lineNumber","columnNumber","groupStyles","message","preventPress","threadList","width","Rect","fill","x","y","Defs","LinearGradient","gradientUnits","id","x1","x2","y1","y2","Stop","offset","stopColor","stopOpacity","Text","color","areEqual","prevProps","nextProps","prevThread","nextThread","threadEqual","latestReactionsEqual","Array","isArray","latest_reactions","length","every","_ref","index","_nextThread$latest_re","type","MemoizedThreadFooter","React","memo","ThreadFooterComponent","_useMessagesContext","useMessagesContext","_useThreadContext","useThreadContext","exports"],"sources":["ThreadFooterComponent.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\nimport Svg, { Defs, LinearGradient, Rect, Stop } from 'react-native-svg';\n\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../../contexts/messagesContext/MessagesContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport {\n  ThreadContextValue,\n  useThreadContext,\n} from '../../../contexts/threadContext/ThreadContext';\nimport { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';\nimport { useViewport } from '../../../hooks/useViewport';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nconst styles = StyleSheet.create({\n  absolute: { position: 'absolute' },\n  messagePadding: {\n    paddingHorizontal: 8,\n  },\n  newThread: {\n    alignItems: 'center',\n    height: 24,\n    justifyContent: 'center',\n    marginTop: 8,\n  },\n  text: {\n    fontSize: 12,\n    textAlign: 'center',\n  },\n  threadHeaderContainer: {\n    marginVertical: 8,\n  },\n});\n\ntype ThreadFooterComponentPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<MessagesContextValue<StreamChatGenerics>, 'Message'> &\n  Pick<ThreadContextValue<StreamChatGenerics>, 'thread'>;\n\nconst ThreadFooterComponentWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ThreadFooterComponentPropsWithContext<StreamChatGenerics>,\n) => {\n  const { Message, thread } = props;\n  const { t } = useTranslationContext();\n  const { vw } = useViewport();\n\n  const {\n    theme: {\n      colors: { bg_gradient_end, bg_gradient_start, grey },\n      thread: {\n        newThread: { backgroundGradientStart, backgroundGradientStop, text, ...newThread },\n      },\n    },\n  } = useTheme();\n\n  if (!thread) return null;\n\n  const replyCount = thread.reply_count;\n\n  return (\n    <View style={styles.threadHeaderContainer} testID='thread-footer-component'>\n      <View style={styles.messagePadding}>\n        <Message groupStyles={['single']} message={thread} preventPress threadList />\n      </View>\n      <View style={[styles.newThread, newThread]}>\n        <Svg height={newThread.height ?? 24} style={styles.absolute} width={vw(100)}>\n          <Rect fill='url(#gradient)' height={newThread.height ?? 24} width={vw(100)} x={0} y={0} />\n          <Defs>\n            <LinearGradient\n              gradientUnits='userSpaceOnUse'\n              id='gradient'\n              x1={0}\n              x2={0}\n              y1={0}\n              y2={newThread.height ?? 24}\n            >\n              <Stop\n                offset={1}\n                stopColor={backgroundGradientStart || bg_gradient_end}\n                stopOpacity={1}\n              />\n              <Stop\n                offset={0}\n                stopColor={backgroundGradientStop || bg_gradient_start}\n                stopOpacity={1}\n              />\n            </LinearGradient>\n          </Defs>\n        </Svg>\n        <Text style={[styles.text, { color: grey }, text]}>\n          {replyCount === 1\n            ? t('1 Reply')\n            : t('{{ replyCount }} Replies', {\n                replyCount,\n              })}\n        </Text>\n      </View>\n    </View>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: ThreadFooterComponentPropsWithContext<StreamChatGenerics>,\n  nextProps: ThreadFooterComponentPropsWithContext<StreamChatGenerics>,\n) => {\n  const { thread: prevThread } = prevProps;\n  const { thread: nextThread } = nextProps;\n\n  const threadEqual =\n    prevThread?.id === nextThread?.id &&\n    prevThread?.text === nextThread?.text &&\n    prevThread?.reply_count === nextThread?.reply_count;\n  if (!threadEqual) return false;\n\n  const latestReactionsEqual =\n    prevThread &&\n    nextThread &&\n    Array.isArray(prevThread.latest_reactions) &&\n    Array.isArray(nextThread.latest_reactions)\n      ? prevThread.latest_reactions.length === nextThread.latest_reactions.length &&\n        prevThread.latest_reactions.every(\n          ({ type }, index) => type === nextThread.latest_reactions?.[index].type,\n        )\n      : prevThread?.latest_reactions === nextThread?.latest_reactions;\n  if (!latestReactionsEqual) return false;\n\n  return true;\n};\n\nconst MemoizedThreadFooter = React.memo(\n  ThreadFooterComponentWithContext,\n  areEqual,\n) as typeof ThreadFooterComponentWithContext;\n\nexport const ThreadFooterComponent = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const { Message } = useMessagesContext<StreamChatGenerics>();\n  const { thread } = useThreadContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedThreadFooter\n      {...{\n        Message,\n        thread,\n      }}\n    />\n  );\n};\n"],"mappings":"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"}

package/lib/module/contexts/themeContext/utils/theme.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.defaultTheme = exports.DEFAULT_STATUS_ICON_SIZE = exports.Colors = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _utils = require("../../../utils/utils");
 var DEFAULT_STATUS_ICON_SIZE = 16;
 exports.DEFAULT_STATUS_ICON_SIZE = DEFAULT_STATUS_ICON_SIZE;
 var Colors = {
@@ -274,9 +273,6 @@ var defaultTheme = {
         iconContainer: {},
         title: {}
       },
-      container: {
-        maxHeight: (0, _utils.vh)(25)
-      },
       emoji: {
         container: {},
         text: {}
@@ -488,6 +484,7 @@ var defaultTheme = {
     },
     reactionList: {
       container: {},
+      iconFillColor: '',
       middleIcon: {},
       radius: 2,
       reactionBubble: {},

package/lib/module/contexts/themeContext/utils/theme.js.map

@@ -1 +1 @@
-{"version":3,"names":["_utils","require","DEFAULT_STATUS_ICON_SIZE","exports","Colors","accent_blue","accent_green","accent_red","bg_gradient_end","bg_gradient_start","black","blue_alice","border","grey","grey_dark","grey_gainsboro","grey_whisper","icon_background","label_bg_transparent","light_gray","modal_shadow","overlay","shadow_icon","static_black","static_white","targetedMessageBackground","transparent","white","white_smoke","white_snow","defaultTheme","attachmentPicker","bottomSheetContentContainer","durationText","errorButtonText","errorContainer","errorText","image","imageOverlay","imageOverlaySelectedComponent","check","attachmentSelectionBar","container","icon","avatar","BASE_AVATAR_SIZE","borderRadius","height","width","presenceIndicator","cx","cy","r","strokeWidth","presenceIndicatorContainer","channel","selectChannel","channelListFooterLoadingIndicator","channelListHeaderErrorIndicator","channelListLoadingIndicator","channelListMessenger","flatList","flatListContent","channelListSkeleton","animationTime","background","gradientStart","stopOpacity","gradientStop","channelPreview","checkAllIcon","checkIcon","contentContainer","date","message","fontWeight","mutedStatus","iconStyle","row","title","unreadContainer","unreadText","colors","_extends2","dateHeader","text","emptyStateIndicator","channelContainer","channelDetails","channelTitle","groupAvatar","resizeMode","iconBadge","iconInner","unreadCount","iconSquare","imageGallery","footer","centerContainer","imageCountText","innerContainer","leftContainer","rightContainer","grid","gridAvatar","gridAvatarWrapper","gridImage","handle","handleText","header","dateText","usernameText","videoControl","durationTextStyle","roundedView","videoContainer","inlineDateSeparator","loadingDots","loadingDot","spacing","loadingErrorIndicator","retryText","loadingIndicator","loadingText","messageInput","attachButton","attachButtonContainer","autoCompleteInputContainer","commandsButton","commandsButtonContainer","composerContainer","cooldownTimer","editingBoxContainer","editingBoxHeader","editingBoxHeaderTitle","editingStateHeader","fileUploadPreview","audioAttachment","progressControlView","progressDurationText","audioAttachmentFileContainer","dismiss","fileContainer","fileContentContainer","filenameText","fileSizeText","fileTextContainer","giphyCommandInput","giphyContainer","giphyText","imageUploadPreview","dismissIconColor","itemContainer","upload","inputBox","inputBoxContainer","moreOptionsButton","optionsContainer","replyContainer","searchIcon","sendButton","sendButtonContainer","sendMessageDisallowedIndicator","sendRightIcon","sendUpIcon","showThreadMessageInChannelButton","checkBoxActive","checkBoxInactive","suggestions","command","args","iconContainer","maxHeight","vh","emoji","item","mention","avatarSize","column","name","tag","suggestionsListContainer","flatlist","uploadProgressIndicator","messageList","errorNotification","errorNotificationText","inlineUnreadIndicator","listContainer","messageContainer","messageSystem","line","textContainer","scrollToBottomButton","touchable","unreadCountNotificationContainer","unreadCountNotificationText","wrapper","typingIndicatorContainer","messageSimple","actions","button","buttonText","avatarWrapper","leftAlign","marginRight","rightAlign","marginLeft","spacer","card","authorName","authorNameContainer","authorNameFooter","authorNameFooterContainer","authorNameMask","cover","description","noURI","borderLeftWidth","paddingLeft","playButtonStyle","playIcon","content","borderRadiusL","borderRadiusS","containerInner","deletedContainer","deletedContainerInner","deletedMetaText","paddingHorizontal","deletedText","em","fontSize","fontStyle","paddingRight","paddingTop","errorIcon","errorIconContainer","bottom","position","right","eyeIcon","markdown","messageUser","metaContainer","flexDirection","marginTop","metaText","replyBorder","onlyEmojiMarkdown","file","details","fileSize","fileAttachmentGroup","gallery","galleryContainer","galleryItemColumn","gridHeight","gridWidth","imageContainer","maxWidth","minHeight","minWidth","moreImagesContainer","moreImagesText","thumbnail","giphy","buttonContainer","cancel","giphyHeaderText","giphyHeaderTitle","giphyMask","giphyMaskText","selectionContainer","send","shuffle","pinnedHeader","label","reactionList","middleIcon","radius","reactionBubble","reactionBubbleBackground","reactionSize","strokeSize","replies","avatarContainerMultiple","avatarContainerSingle","leftAvatarsContainer","leftCurve","messageRepliesText","rightAvatarsContainer","rightCurve","status","readByCount","statusContainer","timeIcon","targetedMessageContainer","targetedMessageUnderlay","videoThumbnail","messageActions","actionContainer","padding","reactions","avatarContainer","avatarName","flatListContainer","reactionsList","reaction","reply","fileAttachmentContainer","imageAttachment","markdownStyles","screenPadding","spinner","thread","newThread","typingIndicator"],"sources":["theme.ts"],"sourcesContent":["import type { ImageStyle, TextStyle, ViewStyle } from 'react-native';\nimport type { CircleProps, Color, StopProps } from 'react-native-svg';\n\nimport type { IconProps } from '../../../icons/utils/base';\nimport { vh } from '../../../utils/utils';\n\nexport const DEFAULT_STATUS_ICON_SIZE = 16;\n\nexport const Colors = {\n  accent_blue: '#005FFF',\n  accent_green: '#20E070',\n  accent_red: '#FF3742',\n  bg_gradient_end: '#F7F7F7',\n  bg_gradient_start: '#FCFCFC',\n  black: '#000000',\n  blue_alice: '#E9F2FF',\n  border: '#00000014', // 14 = 8% opacity; top: x=0, y=-1; bottom: x=0, y=1\n  grey: '#7A7A7A',\n  grey_dark: '#72767E',\n  grey_gainsboro: '#DBDBDB',\n  grey_whisper: '#ECEBEB',\n  icon_background: '#FFFFFF',\n  label_bg_transparent: '#00000033', // 33 = 20% opacity\n  light_gray: '#DBDDE1',\n  modal_shadow: '#00000099', // 99 = 60% opacity; x=0, y= 1, radius=4\n  overlay: '#000000CC', // CC = 80% opacity\n  shadow_icon: '#00000040', // 40 = 25% opacity; x=0, y=0, radius=4\n  static_black: '#000000',\n  static_white: '#ffffff',\n  targetedMessageBackground: '#FBF4DD', // dark mode = #302D22\n  transparent: 'transparent',\n  white: '#FFFFFF',\n  white_smoke: '#F2F2F2',\n  white_snow: '#FCFCFC',\n};\n\nexport type MarkdownStyle = Partial<{\n  autolink: TextStyle;\n  blockQuoteBar: ViewStyle;\n  blockQuoteSection: ViewStyle;\n  blockQuoteSectionBar: ViewStyle;\n  blockQuoteText: TextStyle | ViewStyle;\n  br: TextStyle;\n  codeBlock: TextStyle;\n  del: TextStyle;\n  em: TextStyle;\n  heading: TextStyle;\n  heading1: TextStyle;\n  heading2: TextStyle;\n  heading3: TextStyle;\n  heading4: TextStyle;\n  heading5: TextStyle;\n  heading6: TextStyle;\n  hr: ViewStyle;\n  image: ImageStyle;\n  inlineCode: TextStyle;\n  list: ViewStyle;\n  listItem: ViewStyle;\n  listItemBullet: TextStyle;\n  listItemNumber: TextStyle;\n  listItemText: TextStyle;\n  listRow: ViewStyle;\n  mailTo: TextStyle;\n  mentions: TextStyle;\n  newline: TextStyle;\n  noMargin: TextStyle;\n  paragraph: TextStyle;\n  paragraphCenter: TextStyle;\n  paragraphWithImage: ViewStyle;\n  strong: TextStyle;\n  sublist: ViewStyle;\n  table: ViewStyle;\n  tableHeader: ViewStyle;\n  tableHeaderCell: TextStyle;\n  tableRow: ViewStyle;\n  tableRowCell: ViewStyle;\n  tableRowLast: ViewStyle;\n  text: TextStyle;\n  u: TextStyle;\n  view: ViewStyle;\n}>;\n\nexport type Theme = {\n  attachmentPicker: {\n    bottomSheetContentContainer: ViewStyle;\n    durationText: TextStyle;\n    errorButtonText: TextStyle;\n    errorContainer: ViewStyle;\n    errorText: TextStyle;\n    image: ViewStyle;\n    imageOverlay: ViewStyle;\n    imageOverlaySelectedComponent: {\n      check: ViewStyle;\n    };\n  };\n  attachmentSelectionBar: {\n    container: ViewStyle;\n    icon: ViewStyle;\n  };\n  avatar: {\n    BASE_AVATAR_SIZE: number;\n    container: ViewStyle;\n    image: ImageStyle;\n    presenceIndicator: CircleProps;\n    presenceIndicatorContainer: ViewStyle;\n  };\n  channel: {\n    selectChannel: TextStyle;\n  };\n  channelListFooterLoadingIndicator: {\n    container: ViewStyle;\n  };\n  channelListHeaderErrorIndicator: {\n    container: ViewStyle;\n    errorText: TextStyle;\n  };\n  channelListLoadingIndicator: {\n    container: ViewStyle;\n  };\n  channelListMessenger: {\n    flatList: ViewStyle;\n    flatListContent: ViewStyle;\n  };\n  channelListSkeleton: {\n    animationTime: number;\n    background: ViewStyle;\n    container: ViewStyle;\n    gradientStart: StopProps;\n    gradientStop: StopProps;\n    height: number;\n    maskFillColor?: Color;\n  };\n  channelPreview: {\n    checkAllIcon: IconProps;\n    checkIcon: IconProps;\n    container: ViewStyle;\n    contentContainer: ViewStyle;\n    date: TextStyle;\n    message: TextStyle & {\n      fontWeight: TextStyle['fontWeight'];\n    };\n    mutedStatus: {\n      height: number;\n      iconStyle: ViewStyle;\n      width: number;\n    };\n    row: ViewStyle;\n    title: TextStyle;\n    unreadContainer: ViewStyle;\n    unreadText: TextStyle;\n  };\n  colors: typeof Colors & { [key: string]: string };\n  dateHeader: {\n    container: ViewStyle;\n    text: TextStyle;\n  };\n  emptyStateIndicator: {\n    channelContainer: ViewStyle;\n    channelDetails: TextStyle;\n    channelTitle: TextStyle;\n  };\n  groupAvatar: {\n    container: ViewStyle;\n    image: ImageStyle;\n  };\n  iconBadge: {\n    icon: ViewStyle;\n    iconInner: ViewStyle;\n    unreadCount: TextStyle;\n  };\n  iconSquare: {\n    container: ViewStyle;\n    image: ImageStyle;\n  };\n  imageGallery: {\n    footer: {\n      centerContainer: ViewStyle;\n      container: ViewStyle;\n      imageCountText: TextStyle;\n      innerContainer: ViewStyle;\n      leftContainer: ViewStyle;\n      rightContainer: ViewStyle;\n    };\n    grid: {\n      container: ViewStyle;\n      contentContainer: ViewStyle;\n      gridAvatar: ImageStyle;\n      gridAvatarWrapper: ViewStyle;\n      gridImage: ViewStyle;\n      handle: ViewStyle;\n      handleText: TextStyle;\n      overlay: ViewStyle;\n    };\n    header: {\n      centerContainer: ViewStyle;\n      container: ViewStyle;\n      dateText: TextStyle;\n      innerContainer: ViewStyle;\n      leftContainer: ViewStyle;\n      rightContainer: ViewStyle;\n      usernameText: TextStyle;\n    };\n    videoControl: {\n      durationTextStyle: TextStyle;\n      roundedView: ViewStyle;\n      videoContainer: ViewStyle;\n    };\n    backgroundColor?: string;\n    pager?: ViewStyle;\n    slide?: ImageStyle;\n  };\n  inlineDateSeparator: {\n    container: ViewStyle;\n    text: TextStyle;\n  };\n  loadingDots: {\n    container: ViewStyle;\n    loadingDot: ViewStyle;\n    spacing: number;\n  };\n  loadingErrorIndicator: {\n    container: ViewStyle;\n    errorText: TextStyle;\n    retryText: TextStyle;\n  };\n  loadingIndicator: {\n    container: ViewStyle;\n    loadingText: TextStyle;\n  };\n  messageInput: {\n    attachButton: ViewStyle;\n    attachButtonContainer: ViewStyle;\n    attachmentSelectionBar: ViewStyle;\n    autoCompleteInputContainer: ViewStyle;\n    commandsButton: ViewStyle;\n    commandsButtonContainer: ViewStyle;\n    composerContainer: ViewStyle;\n    container: ViewStyle;\n    cooldownTimer: {\n      container: ViewStyle;\n      text: TextStyle;\n    };\n    editingBoxContainer: ViewStyle;\n    editingBoxHeader: ViewStyle;\n    editingBoxHeaderTitle: TextStyle;\n    editingStateHeader: {\n      editingBoxHeader: ViewStyle;\n      editingBoxHeaderTitle: TextStyle;\n    };\n    fileUploadPreview: {\n      audioAttachment: {\n        progressControlView: ViewStyle;\n        progressDurationText: TextStyle;\n        roundedView: ViewStyle;\n      };\n      audioAttachmentFileContainer: ViewStyle;\n      dismiss: ViewStyle;\n      fileContainer: ViewStyle;\n      fileContentContainer: ViewStyle;\n      filenameText: TextStyle;\n      fileSizeText: TextStyle;\n      fileTextContainer: ViewStyle;\n      flatList: ViewStyle;\n    };\n    giphyCommandInput: {\n      giphyContainer: ViewStyle;\n      giphyText: TextStyle;\n    };\n    imageUploadPreview: {\n      dismiss: ViewStyle;\n      dismissIconColor: Color;\n      flatList: ViewStyle;\n      itemContainer: ViewStyle;\n      upload: ImageStyle;\n    };\n    inputBox: TextStyle;\n    inputBoxContainer: ViewStyle;\n    moreOptionsButton: ViewStyle;\n    optionsContainer: ViewStyle;\n    replyContainer: ViewStyle;\n    searchIcon: IconProps;\n    sendButton: ViewStyle;\n    sendButtonContainer: ViewStyle;\n    sendMessageDisallowedIndicator: {\n      container: ViewStyle;\n      text: TextStyle;\n    };\n    sendRightIcon: IconProps;\n    sendUpIcon: IconProps;\n    showThreadMessageInChannelButton: {\n      check: IconProps;\n      checkBoxActive: ViewStyle;\n      checkBoxInactive: ViewStyle;\n      container: ViewStyle;\n      innerContainer: ViewStyle;\n      text: TextStyle;\n    };\n    suggestions: {\n      command: {\n        args: TextStyle;\n        container: ViewStyle;\n        iconContainer: ViewStyle;\n        title: TextStyle;\n      };\n      container: ViewStyle & {\n        maxHeight: number;\n      };\n      emoji: {\n        container: ViewStyle;\n        text: TextStyle;\n      };\n      header: {\n        container: ViewStyle;\n        title: TextStyle;\n      };\n      item: ViewStyle;\n      mention: {\n        avatarSize: number;\n        column: ViewStyle;\n        container: ViewStyle;\n        name: TextStyle;\n        tag: TextStyle;\n      };\n    };\n    suggestionsListContainer: {\n      container: ViewStyle;\n      flatlist: ViewStyle;\n    };\n    uploadProgressIndicator: {\n      container: ViewStyle;\n      overlay: ViewStyle;\n    };\n  };\n  messageList: {\n    container: ViewStyle;\n    contentContainer: ViewStyle;\n    errorNotification: ViewStyle;\n    errorNotificationText: TextStyle;\n    inlineUnreadIndicator: {\n      container: ViewStyle;\n      text: TextStyle;\n    };\n    listContainer: ViewStyle;\n    messageContainer: ViewStyle;\n    messageSystem: {\n      container: ViewStyle;\n      dateText: TextStyle;\n      line: ViewStyle;\n      text: TextStyle;\n      textContainer: ViewStyle;\n    };\n    scrollToBottomButton: {\n      container: ViewStyle;\n      touchable: ViewStyle;\n      unreadCountNotificationContainer: ViewStyle;\n      unreadCountNotificationText: TextStyle;\n      wrapper: ViewStyle;\n      chevronColor?: Color;\n    };\n    typingIndicatorContainer: ViewStyle;\n  };\n  messageSimple: {\n    actions: {\n      button: ViewStyle & {\n        defaultBackgroundColor?: ViewStyle['backgroundColor'];\n        defaultBorderColor?: ViewStyle['borderColor'];\n        primaryBackgroundColor?: ViewStyle['backgroundColor'];\n        primaryBorderColor?: ViewStyle['borderColor'];\n      };\n      buttonText: TextStyle & {\n        defaultColor?: TextStyle['color'];\n        primaryColor?: TextStyle['color'];\n      };\n      container: ViewStyle;\n    };\n    avatarWrapper: {\n      container: ViewStyle;\n      leftAlign: ViewStyle;\n      rightAlign: ViewStyle;\n      spacer: ViewStyle;\n    };\n    card: {\n      authorName: TextStyle;\n      authorNameContainer: ViewStyle;\n      authorNameFooter: TextStyle;\n      authorNameFooterContainer: ViewStyle;\n      authorNameMask: ViewStyle;\n      container: ViewStyle;\n      cover: ImageStyle;\n      footer: ViewStyle & {\n        description: TextStyle;\n        title: TextStyle;\n      };\n      noURI: ViewStyle;\n      playButtonStyle: {\n        durationTextStyle: TextStyle;\n        roundedView: ViewStyle;\n        videoContainer: ViewStyle;\n      };\n      playIcon: IconProps;\n    };\n    container: ViewStyle;\n    content: {\n      container: ViewStyle & {\n        borderRadiusL: ViewStyle['borderBottomLeftRadius' | 'borderTopLeftRadius'];\n        borderRadiusS: ViewStyle['borderBottomRightRadius' | 'borderTopRightRadius'];\n      };\n      containerInner: ViewStyle;\n      deletedContainer: ViewStyle;\n      deletedContainerInner: ViewStyle;\n      deletedMetaText: TextStyle;\n      deletedText: MarkdownStyle;\n      errorContainer: ViewStyle;\n      errorIcon: IconProps;\n      errorIconContainer: ViewStyle;\n      eyeIcon: IconProps;\n      /**\n       * Available options for styling text:\n       * https://github.com/andangrd/react-native-markdown-package/blob/main/styles.js\n       */\n      markdown: MarkdownStyle;\n      messageUser: TextStyle;\n      metaContainer: ViewStyle;\n      metaText: TextStyle;\n      replyBorder: ViewStyle;\n      replyContainer: ViewStyle;\n      textContainer: ViewStyle & {\n        onlyEmojiMarkdown: MarkdownStyle;\n      };\n      wrapper: ViewStyle;\n    };\n    file: {\n      container: ViewStyle;\n      details: ViewStyle;\n      fileSize: TextStyle;\n      icon: IconProps;\n      title: TextStyle;\n    };\n    fileAttachmentGroup: {\n      container: ViewStyle;\n    };\n    gallery: {\n      galleryContainer: ViewStyle;\n      galleryItemColumn: ViewStyle;\n      gridHeight: number;\n      gridWidth: number;\n      image: ImageStyle;\n      imageContainer: ViewStyle;\n      maxHeight: number;\n      maxWidth: number;\n      minHeight: number;\n      minWidth: number;\n      moreImagesContainer: ViewStyle;\n      moreImagesText: TextStyle;\n      thumbnail: ViewStyle;\n    };\n    giphy: {\n      buttonContainer: ViewStyle;\n      cancel: TextStyle;\n      container: ViewStyle;\n      giphy: ImageStyle;\n      giphyContainer: ViewStyle;\n      giphyHeaderText: TextStyle;\n      giphyHeaderTitle: TextStyle;\n      giphyMask: ViewStyle;\n      giphyMaskText: TextStyle;\n      header: ViewStyle;\n      selectionContainer: ViewStyle;\n      send: TextStyle;\n      shuffle: TextStyle;\n      title: TextStyle;\n    };\n    loadingIndicator: {\n      container: ViewStyle;\n      roundedView: ViewStyle;\n    };\n    pinnedHeader: {\n      container: ViewStyle;\n      label: TextStyle;\n    };\n    reactionList: {\n      container: ViewStyle;\n      middleIcon: ViewStyle;\n      radius: number;\n      reactionBubble: ViewStyle;\n      reactionBubbleBackground: ViewStyle;\n      reactionSize: number;\n      strokeSize: number;\n    };\n    replies: {\n      avatar: ViewStyle;\n      avatarContainerMultiple: ViewStyle;\n      avatarContainerSingle: ViewStyle;\n      container: ViewStyle;\n      leftAvatarsContainer: ViewStyle;\n      leftCurve: ViewStyle;\n      messageRepliesText: TextStyle;\n      rightAvatarsContainer: ViewStyle;\n      rightCurve: ViewStyle;\n      avatarSize?: number;\n    };\n    status: {\n      checkAllIcon: IconProps;\n      checkIcon: IconProps;\n      readByCount: TextStyle;\n      statusContainer: ViewStyle;\n      timeIcon: IconProps;\n    };\n    targetedMessageContainer: ViewStyle;\n    targetedMessageUnderlay: ViewStyle;\n    videoThumbnail: {\n      container: ViewStyle;\n      roundedView: ViewStyle;\n    };\n  };\n  overlay: {\n    container: ViewStyle;\n    messageActions: {\n      actionContainer: ViewStyle;\n      icon: ViewStyle;\n      title: TextStyle;\n    };\n    padding: number;\n    reactions: {\n      avatarContainer: ViewStyle;\n      avatarName: TextStyle;\n      avatarSize: number;\n      container: ViewStyle;\n      flatListContainer: ViewStyle;\n      radius: number;\n      reactionBubble: ViewStyle;\n      reactionBubbleBackground: ViewStyle;\n      title: TextStyle;\n    };\n    reactionsList: {\n      radius: number;\n      reaction: ViewStyle;\n      reactionList: ViewStyle;\n      reactionSize: number;\n    };\n  };\n  reply: {\n    container: ViewStyle;\n    fileAttachmentContainer: ViewStyle;\n    imageAttachment: ImageStyle;\n    markdownStyles: MarkdownStyle;\n    messageContainer: ViewStyle;\n    textContainer: ViewStyle;\n    videoThumbnail: {\n      container: ViewStyle;\n      image: ImageStyle;\n    };\n  };\n  screenPadding: number;\n  spinner: ViewStyle;\n  thread: {\n    newThread: ViewStyle & {\n      text: TextStyle;\n      backgroundGradientStart?: string;\n      backgroundGradientStop?: string;\n    };\n  };\n  typingIndicator: {\n    container: ViewStyle;\n    text: TextStyle & {\n      fontSize: TextStyle['fontSize'];\n    };\n  };\n};\n\nexport const defaultTheme: Theme = {\n  attachmentPicker: {\n    bottomSheetContentContainer: {},\n    durationText: {},\n    errorButtonText: {},\n    errorContainer: {},\n    errorText: {},\n    image: {},\n    imageOverlay: {},\n    imageOverlaySelectedComponent: {\n      check: {},\n    },\n  },\n  attachmentSelectionBar: {\n    container: {},\n    icon: {},\n  },\n  avatar: {\n    BASE_AVATAR_SIZE: 32,\n    container: {},\n    image: {\n      borderRadius: 16,\n      height: 32,\n      width: 32,\n    },\n    presenceIndicator: {\n      cx: 6,\n      cy: 6,\n      r: 5,\n      strokeWidth: 2,\n    },\n    presenceIndicatorContainer: {},\n  },\n  channel: {\n    selectChannel: {},\n  },\n  channelListFooterLoadingIndicator: {\n    container: {},\n  },\n  channelListHeaderErrorIndicator: {\n    container: {},\n    errorText: {},\n  },\n  channelListLoadingIndicator: {\n    container: {},\n  },\n  channelListMessenger: {\n    flatList: {},\n    flatListContent: {},\n  },\n  channelListSkeleton: {\n    animationTime: 1800, // in milliseconds\n    background: {},\n    container: {},\n    gradientStart: {\n      stopOpacity: 0,\n    },\n    gradientStop: {\n      stopOpacity: 0.5,\n    },\n    height: 64,\n  },\n  channelPreview: {\n    checkAllIcon: {\n      height: DEFAULT_STATUS_ICON_SIZE,\n      width: DEFAULT_STATUS_ICON_SIZE,\n    },\n    checkIcon: {\n      height: DEFAULT_STATUS_ICON_SIZE,\n      width: DEFAULT_STATUS_ICON_SIZE,\n    },\n    container: {},\n    contentContainer: {},\n    date: {},\n    message: {\n      fontWeight: '400',\n    },\n    mutedStatus: {\n      height: 20,\n      iconStyle: {},\n      width: 20,\n    },\n    row: {},\n    title: {},\n    unreadContainer: {},\n    unreadText: {},\n  },\n  colors: {\n    ...Colors,\n  },\n  dateHeader: {\n    container: {},\n    text: {},\n  },\n  emptyStateIndicator: {\n    channelContainer: {},\n    channelDetails: {},\n    channelTitle: {},\n  },\n  groupAvatar: {\n    container: {},\n    image: {\n      resizeMode: 'cover',\n    },\n  },\n  iconBadge: {\n    icon: {},\n    iconInner: {},\n    unreadCount: {},\n  },\n  iconSquare: {\n    container: {},\n    image: {},\n  },\n  imageGallery: {\n    footer: {\n      centerContainer: {},\n      container: {},\n      imageCountText: {},\n      innerContainer: {},\n      leftContainer: {},\n      rightContainer: {},\n    },\n    grid: {\n      container: {},\n      contentContainer: {},\n      gridAvatar: {},\n      gridAvatarWrapper: {},\n      gridImage: {},\n      handle: {},\n      handleText: {},\n      overlay: {},\n    },\n    header: {\n      centerContainer: {},\n      container: {},\n      dateText: {},\n      innerContainer: {},\n      leftContainer: {},\n      rightContainer: {},\n      usernameText: {},\n    },\n    videoControl: {\n      durationTextStyle: {},\n      roundedView: {},\n      videoContainer: {},\n    },\n  },\n  inlineDateSeparator: {\n    container: {},\n    text: {},\n  },\n  loadingDots: {\n    container: {},\n    loadingDot: {},\n    spacing: 4,\n  },\n  loadingErrorIndicator: {\n    container: {},\n    errorText: {},\n    retryText: {},\n  },\n  loadingIndicator: {\n    container: {},\n    loadingText: {},\n  },\n  messageInput: {\n    attachButton: {},\n    attachButtonContainer: {},\n    attachmentSelectionBar: {},\n    autoCompleteInputContainer: {},\n    commandsButton: {},\n    commandsButtonContainer: {},\n    composerContainer: {},\n    container: {},\n    cooldownTimer: {\n      container: {},\n      text: {},\n    },\n    editingBoxContainer: {},\n    editingBoxHeader: {},\n    editingBoxHeaderTitle: {},\n    editingStateHeader: {\n      editingBoxHeader: {},\n      editingBoxHeaderTitle: {},\n    },\n    fileUploadPreview: {\n      audioAttachment: {\n        progressControlView: {},\n        progressDurationText: {},\n        roundedView: {},\n      },\n      audioAttachmentFileContainer: {},\n      dismiss: {},\n      fileContainer: {},\n      fileContentContainer: {},\n      filenameText: {},\n      fileSizeText: {},\n      fileTextContainer: {},\n      flatList: {},\n    },\n    giphyCommandInput: {\n      giphyContainer: {},\n      giphyText: {},\n    },\n    imageUploadPreview: {\n      dismiss: {},\n      dismissIconColor: '',\n      flatList: {},\n      itemContainer: {},\n      upload: {},\n    },\n    inputBox: {},\n    inputBoxContainer: {},\n    moreOptionsButton: {},\n    optionsContainer: {},\n    replyContainer: {},\n    searchIcon: {},\n    sendButton: {},\n    sendButtonContainer: {},\n    sendMessageDisallowedIndicator: {\n      container: {},\n      text: {},\n    },\n    sendRightIcon: {},\n    sendUpIcon: {},\n    showThreadMessageInChannelButton: {\n      check: {},\n      checkBoxActive: {},\n      checkBoxInactive: {},\n      container: {},\n      innerContainer: {},\n      text: {},\n    },\n    suggestions: {\n      command: {\n        args: {},\n        container: {},\n        iconContainer: {},\n        title: {},\n      },\n      container: {\n        maxHeight: vh(25),\n      },\n      emoji: {\n        container: {},\n        text: {},\n      },\n      header: {\n        container: {},\n        title: {},\n      },\n      item: {},\n      mention: {\n        avatarSize: 40,\n        column: {},\n        container: {},\n        name: {},\n        tag: {},\n      },\n    },\n    suggestionsListContainer: {\n      container: {},\n      flatlist: {},\n    },\n    uploadProgressIndicator: {\n      container: {},\n      overlay: {},\n    },\n  },\n  messageList: {\n    container: {},\n    contentContainer: {},\n    errorNotification: {},\n    errorNotificationText: {},\n    inlineUnreadIndicator: {\n      container: {},\n      text: {},\n    },\n    listContainer: {},\n    messageContainer: {},\n    messageSystem: {\n      container: {},\n      dateText: {},\n      line: {},\n      text: {},\n      textContainer: {},\n    },\n    scrollToBottomButton: {\n      container: {},\n      touchable: {},\n      unreadCountNotificationContainer: {},\n      unreadCountNotificationText: {},\n      wrapper: {},\n    },\n    typingIndicatorContainer: {},\n  },\n  messageSimple: {\n    actions: {\n      button: {},\n      buttonText: {},\n      container: {},\n    },\n    avatarWrapper: {\n      container: {},\n      leftAlign: {\n        marginRight: 8,\n      },\n      rightAlign: {\n        marginLeft: 8,\n      },\n      spacer: {\n        height: 28,\n        width: 32, // same as BASE_AVATAR_SIZE\n      },\n    },\n    card: {\n      authorName: {},\n      authorNameContainer: {},\n      authorNameFooter: {},\n      authorNameFooterContainer: {},\n      authorNameMask: {},\n      container: {},\n      cover: {},\n      footer: {\n        description: {},\n        title: {\n          fontWeight: '700',\n        },\n      },\n      noURI: {\n        borderLeftWidth: 2,\n        paddingLeft: 8,\n      },\n      playButtonStyle: {\n        durationTextStyle: {},\n        roundedView: {},\n        videoContainer: {},\n      },\n      playIcon: {\n        height: 24,\n        width: 24,\n      },\n    },\n    container: {},\n    content: {\n      container: {\n        borderRadiusL: 16,\n        borderRadiusS: 0,\n      },\n      containerInner: {},\n      deletedContainer: {},\n      deletedContainerInner: {},\n      deletedMetaText: {\n        paddingHorizontal: 5,\n      },\n      deletedText: {\n        em: {\n          fontSize: 15,\n          fontStyle: 'italic',\n          fontWeight: '400',\n        },\n      },\n      errorContainer: {\n        paddingRight: 12,\n        paddingTop: 0,\n      },\n      errorIcon: {\n        height: 20,\n        width: 20,\n      },\n      errorIconContainer: {\n        bottom: -2,\n        position: 'absolute',\n        right: -12,\n      },\n      eyeIcon: {\n        height: 16,\n        width: 16,\n      },\n      markdown: {},\n      messageUser: {\n        fontSize: 12,\n        fontWeight: '700',\n        paddingRight: 6,\n      },\n      metaContainer: {\n        flexDirection: 'row',\n        marginTop: 4,\n      },\n      metaText: {\n        fontSize: 12,\n      },\n      replyBorder: {},\n      replyContainer: {},\n      textContainer: {\n        onlyEmojiMarkdown: { text: { fontSize: 50 } },\n      },\n      wrapper: {},\n    },\n    file: {\n      container: {},\n      details: {},\n      fileSize: {},\n      icon: {},\n      title: {},\n    },\n    fileAttachmentGroup: {\n      container: {},\n    },\n    gallery: {\n      galleryContainer: {},\n      galleryItemColumn: {},\n      gridHeight: 195,\n      gridWidth: 256,\n      image: {},\n      imageContainer: {},\n      maxHeight: 300,\n      maxWidth: 256,\n      minHeight: 100,\n      minWidth: 170,\n      moreImagesContainer: {},\n      moreImagesText: {},\n      thumbnail: {},\n    },\n    giphy: {\n      buttonContainer: {},\n      cancel: {},\n      container: {},\n      giphy: {},\n      giphyContainer: {},\n      giphyHeaderText: {},\n      giphyHeaderTitle: {},\n      giphyMask: {},\n      giphyMaskText: {},\n      header: {},\n      selectionContainer: {},\n      send: {},\n      shuffle: {},\n      title: {},\n    },\n    loadingIndicator: {\n      container: {},\n      roundedView: {},\n    },\n    pinnedHeader: {\n      container: {},\n      label: {},\n    },\n    reactionList: {\n      container: {},\n      middleIcon: {},\n      radius: 2, // not recommended to change this\n      reactionBubble: {},\n      reactionBubbleBackground: {},\n      reactionSize: 24,\n      strokeSize: 1, // not recommended to change this\n    },\n    replies: {\n      avatar: {},\n      avatarContainerMultiple: {},\n      avatarContainerSingle: {},\n      container: {},\n      leftAvatarsContainer: {},\n      leftCurve: {},\n      messageRepliesText: {},\n      rightAvatarsContainer: {},\n      rightCurve: {},\n    },\n    status: {\n      checkAllIcon: {\n        height: DEFAULT_STATUS_ICON_SIZE,\n        width: DEFAULT_STATUS_ICON_SIZE,\n      },\n      checkIcon: {\n        height: DEFAULT_STATUS_ICON_SIZE,\n        width: DEFAULT_STATUS_ICON_SIZE,\n      },\n      readByCount: {},\n      statusContainer: {},\n      timeIcon: {\n        height: DEFAULT_STATUS_ICON_SIZE,\n        width: DEFAULT_STATUS_ICON_SIZE,\n      },\n    },\n    targetedMessageContainer: {},\n    targetedMessageUnderlay: {},\n    videoThumbnail: {\n      container: {},\n      roundedView: {},\n    },\n  },\n  overlay: {\n    container: {},\n    messageActions: {\n      actionContainer: {},\n      icon: {},\n      title: {},\n    },\n    padding: 8,\n    reactions: {\n      avatarContainer: {},\n      avatarName: {},\n      avatarSize: 64,\n      container: {},\n      flatListContainer: {},\n      radius: 2,\n      reactionBubble: {},\n      reactionBubbleBackground: {},\n      title: {},\n    },\n    reactionsList: {\n      radius: 2.5,\n      reaction: {},\n      reactionList: {},\n      reactionSize: 24,\n    },\n  },\n  reply: {\n    container: {},\n    fileAttachmentContainer: {},\n    imageAttachment: {},\n    markdownStyles: {},\n    messageContainer: {},\n    textContainer: {},\n    videoThumbnail: {\n      container: {},\n      image: {},\n    },\n  },\n  screenPadding: 8,\n  spinner: {},\n  thread: {\n    newThread: {\n      text: {},\n    },\n  },\n  typingIndicator: {\n    container: {},\n    text: {\n      fontSize: 14,\n    },\n  },\n};\n"],"mappings":"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"}
+{"version":3,"names":["DEFAULT_STATUS_ICON_SIZE","exports","Colors","accent_blue","accent_green","accent_red","bg_gradient_end","bg_gradient_start","black","blue_alice","border","grey","grey_dark","grey_gainsboro","grey_whisper","icon_background","label_bg_transparent","light_gray","modal_shadow","overlay","shadow_icon","static_black","static_white","targetedMessageBackground","transparent","white","white_smoke","white_snow","defaultTheme","attachmentPicker","bottomSheetContentContainer","durationText","errorButtonText","errorContainer","errorText","image","imageOverlay","imageOverlaySelectedComponent","check","attachmentSelectionBar","container","icon","avatar","BASE_AVATAR_SIZE","borderRadius","height","width","presenceIndicator","cx","cy","r","strokeWidth","presenceIndicatorContainer","channel","selectChannel","channelListFooterLoadingIndicator","channelListHeaderErrorIndicator","channelListLoadingIndicator","channelListMessenger","flatList","flatListContent","channelListSkeleton","animationTime","background","gradientStart","stopOpacity","gradientStop","channelPreview","checkAllIcon","checkIcon","contentContainer","date","message","fontWeight","mutedStatus","iconStyle","row","title","unreadContainer","unreadText","colors","_extends2","dateHeader","text","emptyStateIndicator","channelContainer","channelDetails","channelTitle","groupAvatar","resizeMode","iconBadge","iconInner","unreadCount","iconSquare","imageGallery","footer","centerContainer","imageCountText","innerContainer","leftContainer","rightContainer","grid","gridAvatar","gridAvatarWrapper","gridImage","handle","handleText","header","dateText","usernameText","videoControl","durationTextStyle","roundedView","videoContainer","inlineDateSeparator","loadingDots","loadingDot","spacing","loadingErrorIndicator","retryText","loadingIndicator","loadingText","messageInput","attachButton","attachButtonContainer","autoCompleteInputContainer","commandsButton","commandsButtonContainer","composerContainer","cooldownTimer","editingBoxContainer","editingBoxHeader","editingBoxHeaderTitle","editingStateHeader","fileUploadPreview","audioAttachment","progressControlView","progressDurationText","audioAttachmentFileContainer","dismiss","fileContainer","fileContentContainer","filenameText","fileSizeText","fileTextContainer","giphyCommandInput","giphyContainer","giphyText","imageUploadPreview","dismissIconColor","itemContainer","upload","inputBox","inputBoxContainer","moreOptionsButton","optionsContainer","replyContainer","searchIcon","sendButton","sendButtonContainer","sendMessageDisallowedIndicator","sendRightIcon","sendUpIcon","showThreadMessageInChannelButton","checkBoxActive","checkBoxInactive","suggestions","command","args","iconContainer","emoji","item","mention","avatarSize","column","name","tag","suggestionsListContainer","flatlist","uploadProgressIndicator","messageList","errorNotification","errorNotificationText","inlineUnreadIndicator","listContainer","messageContainer","messageSystem","line","textContainer","scrollToBottomButton","touchable","unreadCountNotificationContainer","unreadCountNotificationText","wrapper","typingIndicatorContainer","messageSimple","actions","button","buttonText","avatarWrapper","leftAlign","marginRight","rightAlign","marginLeft","spacer","card","authorName","authorNameContainer","authorNameFooter","authorNameFooterContainer","authorNameMask","cover","description","noURI","borderLeftWidth","paddingLeft","playButtonStyle","playIcon","content","borderRadiusL","borderRadiusS","containerInner","deletedContainer","deletedContainerInner","deletedMetaText","paddingHorizontal","deletedText","em","fontSize","fontStyle","paddingRight","paddingTop","errorIcon","errorIconContainer","bottom","position","right","eyeIcon","markdown","messageUser","metaContainer","flexDirection","marginTop","metaText","replyBorder","onlyEmojiMarkdown","file","details","fileSize","fileAttachmentGroup","gallery","galleryContainer","galleryItemColumn","gridHeight","gridWidth","imageContainer","maxHeight","maxWidth","minHeight","minWidth","moreImagesContainer","moreImagesText","thumbnail","giphy","buttonContainer","cancel","giphyHeaderText","giphyHeaderTitle","giphyMask","giphyMaskText","selectionContainer","send","shuffle","pinnedHeader","label","reactionList","iconFillColor","middleIcon","radius","reactionBubble","reactionBubbleBackground","reactionSize","strokeSize","replies","avatarContainerMultiple","avatarContainerSingle","leftAvatarsContainer","leftCurve","messageRepliesText","rightAvatarsContainer","rightCurve","status","readByCount","statusContainer","timeIcon","targetedMessageContainer","targetedMessageUnderlay","videoThumbnail","messageActions","actionContainer","padding","reactions","avatarContainer","avatarName","flatListContainer","reactionsList","reaction","reply","fileAttachmentContainer","imageAttachment","markdownStyles","screenPadding","spinner","thread","newThread","typingIndicator"],"sources":["theme.ts"],"sourcesContent":["import type { ImageStyle, TextStyle, ViewStyle } from 'react-native';\nimport type { CircleProps, Color, StopProps } from 'react-native-svg';\n\nimport type { IconProps } from '../../../icons/utils/base';\n\nexport const DEFAULT_STATUS_ICON_SIZE = 16;\n\nexport const Colors = {\n  accent_blue: '#005FFF',\n  accent_green: '#20E070',\n  accent_red: '#FF3742',\n  bg_gradient_end: '#F7F7F7',\n  bg_gradient_start: '#FCFCFC',\n  black: '#000000',\n  blue_alice: '#E9F2FF',\n  border: '#00000014', // 14 = 8% opacity; top: x=0, y=-1; bottom: x=0, y=1\n  grey: '#7A7A7A',\n  grey_dark: '#72767E',\n  grey_gainsboro: '#DBDBDB',\n  grey_whisper: '#ECEBEB',\n  icon_background: '#FFFFFF',\n  label_bg_transparent: '#00000033', // 33 = 20% opacity\n  light_gray: '#DBDDE1',\n  modal_shadow: '#00000099', // 99 = 60% opacity; x=0, y= 1, radius=4\n  overlay: '#000000CC', // CC = 80% opacity\n  shadow_icon: '#00000040', // 40 = 25% opacity; x=0, y=0, radius=4\n  static_black: '#000000',\n  static_white: '#ffffff',\n  targetedMessageBackground: '#FBF4DD', // dark mode = #302D22\n  transparent: 'transparent',\n  white: '#FFFFFF',\n  white_smoke: '#F2F2F2',\n  white_snow: '#FCFCFC',\n};\n\nexport type MarkdownStyle = Partial<{\n  autolink: TextStyle;\n  blockQuoteBar: ViewStyle;\n  blockQuoteSection: ViewStyle;\n  blockQuoteSectionBar: ViewStyle;\n  blockQuoteText: TextStyle | ViewStyle;\n  br: TextStyle;\n  codeBlock: TextStyle;\n  del: TextStyle;\n  em: TextStyle;\n  heading: TextStyle;\n  heading1: TextStyle;\n  heading2: TextStyle;\n  heading3: TextStyle;\n  heading4: TextStyle;\n  heading5: TextStyle;\n  heading6: TextStyle;\n  hr: ViewStyle;\n  image: ImageStyle;\n  inlineCode: TextStyle;\n  list: ViewStyle;\n  listItem: ViewStyle;\n  listItemBullet: TextStyle;\n  listItemNumber: TextStyle;\n  listItemText: TextStyle;\n  listRow: ViewStyle;\n  mailTo: TextStyle;\n  mentions: TextStyle;\n  newline: TextStyle;\n  noMargin: TextStyle;\n  paragraph: TextStyle;\n  paragraphCenter: TextStyle;\n  paragraphWithImage: ViewStyle;\n  strong: TextStyle;\n  sublist: ViewStyle;\n  table: ViewStyle;\n  tableHeader: ViewStyle;\n  tableHeaderCell: TextStyle;\n  tableRow: ViewStyle;\n  tableRowCell: ViewStyle;\n  tableRowLast: ViewStyle;\n  text: TextStyle;\n  u: TextStyle;\n  view: ViewStyle;\n}>;\n\nexport type Theme = {\n  attachmentPicker: {\n    bottomSheetContentContainer: ViewStyle;\n    durationText: TextStyle;\n    errorButtonText: TextStyle;\n    errorContainer: ViewStyle;\n    errorText: TextStyle;\n    image: ViewStyle;\n    imageOverlay: ViewStyle;\n    imageOverlaySelectedComponent: {\n      check: ViewStyle;\n    };\n  };\n  attachmentSelectionBar: {\n    container: ViewStyle;\n    icon: ViewStyle;\n  };\n  avatar: {\n    BASE_AVATAR_SIZE: number;\n    container: ViewStyle;\n    image: ImageStyle;\n    presenceIndicator: CircleProps;\n    presenceIndicatorContainer: ViewStyle;\n  };\n  channel: {\n    selectChannel: TextStyle;\n  };\n  channelListFooterLoadingIndicator: {\n    container: ViewStyle;\n  };\n  channelListHeaderErrorIndicator: {\n    container: ViewStyle;\n    errorText: TextStyle;\n  };\n  channelListLoadingIndicator: {\n    container: ViewStyle;\n  };\n  channelListMessenger: {\n    flatList: ViewStyle;\n    flatListContent: ViewStyle;\n  };\n  channelListSkeleton: {\n    animationTime: number;\n    background: ViewStyle;\n    container: ViewStyle;\n    gradientStart: StopProps;\n    gradientStop: StopProps;\n    height: number;\n    maskFillColor?: Color;\n  };\n  channelPreview: {\n    checkAllIcon: IconProps;\n    checkIcon: IconProps;\n    container: ViewStyle;\n    contentContainer: ViewStyle;\n    date: TextStyle;\n    message: TextStyle & {\n      fontWeight: TextStyle['fontWeight'];\n    };\n    mutedStatus: {\n      height: number;\n      iconStyle: ViewStyle;\n      width: number;\n    };\n    row: ViewStyle;\n    title: TextStyle;\n    unreadContainer: ViewStyle;\n    unreadText: TextStyle;\n  };\n  colors: typeof Colors & { [key: string]: string };\n  dateHeader: {\n    container: ViewStyle;\n    text: TextStyle;\n  };\n  emptyStateIndicator: {\n    channelContainer: ViewStyle;\n    channelDetails: TextStyle;\n    channelTitle: TextStyle;\n  };\n  groupAvatar: {\n    container: ViewStyle;\n    image: ImageStyle;\n  };\n  iconBadge: {\n    icon: ViewStyle;\n    iconInner: ViewStyle;\n    unreadCount: TextStyle;\n  };\n  iconSquare: {\n    container: ViewStyle;\n    image: ImageStyle;\n  };\n  imageGallery: {\n    footer: {\n      centerContainer: ViewStyle;\n      container: ViewStyle;\n      imageCountText: TextStyle;\n      innerContainer: ViewStyle;\n      leftContainer: ViewStyle;\n      rightContainer: ViewStyle;\n    };\n    grid: {\n      container: ViewStyle;\n      contentContainer: ViewStyle;\n      gridAvatar: ImageStyle;\n      gridAvatarWrapper: ViewStyle;\n      gridImage: ViewStyle;\n      handle: ViewStyle;\n      handleText: TextStyle;\n      overlay: ViewStyle;\n    };\n    header: {\n      centerContainer: ViewStyle;\n      container: ViewStyle;\n      dateText: TextStyle;\n      innerContainer: ViewStyle;\n      leftContainer: ViewStyle;\n      rightContainer: ViewStyle;\n      usernameText: TextStyle;\n    };\n    videoControl: {\n      durationTextStyle: TextStyle;\n      roundedView: ViewStyle;\n      videoContainer: ViewStyle;\n    };\n    backgroundColor?: string;\n    pager?: ViewStyle;\n    slide?: ImageStyle;\n  };\n  inlineDateSeparator: {\n    container: ViewStyle;\n    text: TextStyle;\n  };\n  loadingDots: {\n    container: ViewStyle;\n    loadingDot: ViewStyle;\n    spacing: number;\n  };\n  loadingErrorIndicator: {\n    container: ViewStyle;\n    errorText: TextStyle;\n    retryText: TextStyle;\n  };\n  loadingIndicator: {\n    container: ViewStyle;\n    loadingText: TextStyle;\n  };\n  messageInput: {\n    attachButton: ViewStyle;\n    attachButtonContainer: ViewStyle;\n    attachmentSelectionBar: ViewStyle;\n    autoCompleteInputContainer: ViewStyle;\n    commandsButton: ViewStyle;\n    commandsButtonContainer: ViewStyle;\n    composerContainer: ViewStyle;\n    container: ViewStyle;\n    cooldownTimer: {\n      container: ViewStyle;\n      text: TextStyle;\n    };\n    editingBoxContainer: ViewStyle;\n    editingBoxHeader: ViewStyle;\n    editingBoxHeaderTitle: TextStyle;\n    editingStateHeader: {\n      editingBoxHeader: ViewStyle;\n      editingBoxHeaderTitle: TextStyle;\n    };\n    fileUploadPreview: {\n      audioAttachment: {\n        progressControlView: ViewStyle;\n        progressDurationText: TextStyle;\n        roundedView: ViewStyle;\n      };\n      audioAttachmentFileContainer: ViewStyle;\n      dismiss: ViewStyle;\n      fileContainer: ViewStyle;\n      fileContentContainer: ViewStyle;\n      filenameText: TextStyle;\n      fileSizeText: TextStyle;\n      fileTextContainer: ViewStyle;\n      flatList: ViewStyle;\n    };\n    giphyCommandInput: {\n      giphyContainer: ViewStyle;\n      giphyText: TextStyle;\n    };\n    imageUploadPreview: {\n      dismiss: ViewStyle;\n      dismissIconColor: Color;\n      flatList: ViewStyle;\n      itemContainer: ViewStyle;\n      upload: ImageStyle;\n    };\n    inputBox: TextStyle;\n    inputBoxContainer: ViewStyle;\n    moreOptionsButton: ViewStyle;\n    optionsContainer: ViewStyle;\n    replyContainer: ViewStyle;\n    searchIcon: IconProps;\n    sendButton: ViewStyle;\n    sendButtonContainer: ViewStyle;\n    sendMessageDisallowedIndicator: {\n      container: ViewStyle;\n      text: TextStyle;\n    };\n    sendRightIcon: IconProps;\n    sendUpIcon: IconProps;\n    showThreadMessageInChannelButton: {\n      check: IconProps;\n      checkBoxActive: ViewStyle;\n      checkBoxInactive: ViewStyle;\n      container: ViewStyle;\n      innerContainer: ViewStyle;\n      text: TextStyle;\n    };\n    suggestions: {\n      command: {\n        args: TextStyle;\n        container: ViewStyle;\n        iconContainer: ViewStyle;\n        title: TextStyle;\n      };\n      emoji: {\n        container: ViewStyle;\n        text: TextStyle;\n      };\n      header: {\n        container: ViewStyle;\n        title: TextStyle;\n      };\n      item: ViewStyle;\n      mention: {\n        avatarSize: number;\n        column: ViewStyle;\n        container: ViewStyle;\n        name: TextStyle;\n        tag: TextStyle;\n      };\n    };\n    suggestionsListContainer: {\n      container: ViewStyle;\n      flatlist: ViewStyle;\n    };\n    uploadProgressIndicator: {\n      container: ViewStyle;\n      overlay: ViewStyle;\n    };\n  };\n  messageList: {\n    container: ViewStyle;\n    contentContainer: ViewStyle;\n    errorNotification: ViewStyle;\n    errorNotificationText: TextStyle;\n    inlineUnreadIndicator: {\n      container: ViewStyle;\n      text: TextStyle;\n    };\n    listContainer: ViewStyle;\n    messageContainer: ViewStyle;\n    messageSystem: {\n      container: ViewStyle;\n      dateText: TextStyle;\n      line: ViewStyle;\n      text: TextStyle;\n      textContainer: ViewStyle;\n    };\n    scrollToBottomButton: {\n      container: ViewStyle;\n      touchable: ViewStyle;\n      unreadCountNotificationContainer: ViewStyle;\n      unreadCountNotificationText: TextStyle;\n      wrapper: ViewStyle;\n      chevronColor?: Color;\n    };\n    typingIndicatorContainer: ViewStyle;\n  };\n  messageSimple: {\n    actions: {\n      button: ViewStyle & {\n        defaultBackgroundColor?: ViewStyle['backgroundColor'];\n        defaultBorderColor?: ViewStyle['borderColor'];\n        primaryBackgroundColor?: ViewStyle['backgroundColor'];\n        primaryBorderColor?: ViewStyle['borderColor'];\n      };\n      buttonText: TextStyle & {\n        defaultColor?: TextStyle['color'];\n        primaryColor?: TextStyle['color'];\n      };\n      container: ViewStyle;\n    };\n    avatarWrapper: {\n      container: ViewStyle;\n      leftAlign: ViewStyle;\n      rightAlign: ViewStyle;\n      spacer: ViewStyle;\n    };\n    card: {\n      authorName: TextStyle;\n      authorNameContainer: ViewStyle;\n      authorNameFooter: TextStyle;\n      authorNameFooterContainer: ViewStyle;\n      authorNameMask: ViewStyle;\n      container: ViewStyle;\n      cover: ImageStyle;\n      footer: ViewStyle & {\n        description: TextStyle;\n        title: TextStyle;\n      };\n      noURI: ViewStyle;\n      playButtonStyle: {\n        durationTextStyle: TextStyle;\n        roundedView: ViewStyle;\n        videoContainer: ViewStyle;\n      };\n      playIcon: IconProps;\n    };\n    container: ViewStyle;\n    content: {\n      container: ViewStyle & {\n        borderRadiusL: ViewStyle['borderBottomLeftRadius' | 'borderTopLeftRadius'];\n        borderRadiusS: ViewStyle['borderBottomRightRadius' | 'borderTopRightRadius'];\n      };\n      containerInner: ViewStyle;\n      deletedContainer: ViewStyle;\n      deletedContainerInner: ViewStyle;\n      deletedMetaText: TextStyle;\n      deletedText: MarkdownStyle;\n      errorContainer: ViewStyle;\n      errorIcon: IconProps;\n      errorIconContainer: ViewStyle;\n      eyeIcon: IconProps;\n      /**\n       * Available options for styling text:\n       * https://github.com/andangrd/react-native-markdown-package/blob/main/styles.js\n       */\n      markdown: MarkdownStyle;\n      messageUser: TextStyle;\n      metaContainer: ViewStyle;\n      metaText: TextStyle;\n      replyBorder: ViewStyle;\n      replyContainer: ViewStyle;\n      textContainer: ViewStyle & {\n        onlyEmojiMarkdown: MarkdownStyle;\n      };\n      wrapper: ViewStyle;\n    };\n    file: {\n      container: ViewStyle;\n      details: ViewStyle;\n      fileSize: TextStyle;\n      icon: IconProps;\n      title: TextStyle;\n    };\n    fileAttachmentGroup: {\n      container: ViewStyle;\n    };\n    gallery: {\n      galleryContainer: ViewStyle;\n      galleryItemColumn: ViewStyle;\n      gridHeight: number;\n      gridWidth: number;\n      image: ImageStyle;\n      imageContainer: ViewStyle;\n      maxHeight: number;\n      maxWidth: number;\n      minHeight: number;\n      minWidth: number;\n      moreImagesContainer: ViewStyle;\n      moreImagesText: TextStyle;\n      thumbnail: ViewStyle;\n    };\n    giphy: {\n      buttonContainer: ViewStyle;\n      cancel: TextStyle;\n      container: ViewStyle;\n      giphy: ImageStyle;\n      giphyContainer: ViewStyle;\n      giphyHeaderText: TextStyle;\n      giphyHeaderTitle: TextStyle;\n      giphyMask: ViewStyle;\n      giphyMaskText: TextStyle;\n      header: ViewStyle;\n      selectionContainer: ViewStyle;\n      send: TextStyle;\n      shuffle: TextStyle;\n      title: TextStyle;\n    };\n    loadingIndicator: {\n      container: ViewStyle;\n      roundedView: ViewStyle;\n    };\n    pinnedHeader: {\n      container: ViewStyle;\n      label: TextStyle;\n    };\n    reactionList: {\n      container: ViewStyle;\n      iconFillColor: Color;\n      middleIcon: ViewStyle;\n      radius: number;\n      reactionBubble: ViewStyle;\n      reactionBubbleBackground: ViewStyle;\n      reactionSize: number;\n      strokeSize: number;\n    };\n    replies: {\n      avatar: ViewStyle;\n      avatarContainerMultiple: ViewStyle;\n      avatarContainerSingle: ViewStyle;\n      container: ViewStyle;\n      leftAvatarsContainer: ViewStyle;\n      leftCurve: ViewStyle;\n      messageRepliesText: TextStyle;\n      rightAvatarsContainer: ViewStyle;\n      rightCurve: ViewStyle;\n      avatarSize?: number;\n    };\n    status: {\n      checkAllIcon: IconProps;\n      checkIcon: IconProps;\n      readByCount: TextStyle;\n      statusContainer: ViewStyle;\n      timeIcon: IconProps;\n    };\n    targetedMessageContainer: ViewStyle;\n    targetedMessageUnderlay: ViewStyle;\n    videoThumbnail: {\n      container: ViewStyle;\n      roundedView: ViewStyle;\n    };\n  };\n  overlay: {\n    container: ViewStyle;\n    messageActions: {\n      actionContainer: ViewStyle;\n      icon: ViewStyle;\n      title: TextStyle;\n    };\n    padding: number;\n    reactions: {\n      avatarContainer: ViewStyle;\n      avatarName: TextStyle;\n      avatarSize: number;\n      container: ViewStyle;\n      flatListContainer: ViewStyle;\n      radius: number;\n      reactionBubble: ViewStyle;\n      reactionBubbleBackground: ViewStyle;\n      title: TextStyle;\n    };\n    reactionsList: {\n      radius: number;\n      reaction: ViewStyle;\n      reactionList: ViewStyle;\n      reactionSize: number;\n    };\n  };\n  reply: {\n    container: ViewStyle;\n    fileAttachmentContainer: ViewStyle;\n    imageAttachment: ImageStyle;\n    markdownStyles: MarkdownStyle;\n    messageContainer: ViewStyle;\n    textContainer: ViewStyle;\n    videoThumbnail: {\n      container: ViewStyle;\n      image: ImageStyle;\n    };\n  };\n  screenPadding: number;\n  spinner: ViewStyle;\n  thread: {\n    newThread: ViewStyle & {\n      text: TextStyle;\n      backgroundGradientStart?: string;\n      backgroundGradientStop?: string;\n    };\n  };\n  typingIndicator: {\n    container: ViewStyle;\n    text: TextStyle & {\n      fontSize: TextStyle['fontSize'];\n    };\n  };\n};\n\nexport const defaultTheme: Theme = {\n  attachmentPicker: {\n    bottomSheetContentContainer: {},\n    durationText: {},\n    errorButtonText: {},\n    errorContainer: {},\n    errorText: {},\n    image: {},\n    imageOverlay: {},\n    imageOverlaySelectedComponent: {\n      check: {},\n    },\n  },\n  attachmentSelectionBar: {\n    container: {},\n    icon: {},\n  },\n  avatar: {\n    BASE_AVATAR_SIZE: 32,\n    container: {},\n    image: {\n      borderRadius: 16,\n      height: 32,\n      width: 32,\n    },\n    presenceIndicator: {\n      cx: 6,\n      cy: 6,\n      r: 5,\n      strokeWidth: 2,\n    },\n    presenceIndicatorContainer: {},\n  },\n  channel: {\n    selectChannel: {},\n  },\n  channelListFooterLoadingIndicator: {\n    container: {},\n  },\n  channelListHeaderErrorIndicator: {\n    container: {},\n    errorText: {},\n  },\n  channelListLoadingIndicator: {\n    container: {},\n  },\n  channelListMessenger: {\n    flatList: {},\n    flatListContent: {},\n  },\n  channelListSkeleton: {\n    animationTime: 1800, // in milliseconds\n    background: {},\n    container: {},\n    gradientStart: {\n      stopOpacity: 0,\n    },\n    gradientStop: {\n      stopOpacity: 0.5,\n    },\n    height: 64,\n  },\n  channelPreview: {\n    checkAllIcon: {\n      height: DEFAULT_STATUS_ICON_SIZE,\n      width: DEFAULT_STATUS_ICON_SIZE,\n    },\n    checkIcon: {\n      height: DEFAULT_STATUS_ICON_SIZE,\n      width: DEFAULT_STATUS_ICON_SIZE,\n    },\n    container: {},\n    contentContainer: {},\n    date: {},\n    message: {\n      fontWeight: '400',\n    },\n    mutedStatus: {\n      height: 20,\n      iconStyle: {},\n      width: 20,\n    },\n    row: {},\n    title: {},\n    unreadContainer: {},\n    unreadText: {},\n  },\n  colors: {\n    ...Colors,\n  },\n  dateHeader: {\n    container: {},\n    text: {},\n  },\n  emptyStateIndicator: {\n    channelContainer: {},\n    channelDetails: {},\n    channelTitle: {},\n  },\n  groupAvatar: {\n    container: {},\n    image: {\n      resizeMode: 'cover',\n    },\n  },\n  iconBadge: {\n    icon: {},\n    iconInner: {},\n    unreadCount: {},\n  },\n  iconSquare: {\n    container: {},\n    image: {},\n  },\n  imageGallery: {\n    footer: {\n      centerContainer: {},\n      container: {},\n      imageCountText: {},\n      innerContainer: {},\n      leftContainer: {},\n      rightContainer: {},\n    },\n    grid: {\n      container: {},\n      contentContainer: {},\n      gridAvatar: {},\n      gridAvatarWrapper: {},\n      gridImage: {},\n      handle: {},\n      handleText: {},\n      overlay: {},\n    },\n    header: {\n      centerContainer: {},\n      container: {},\n      dateText: {},\n      innerContainer: {},\n      leftContainer: {},\n      rightContainer: {},\n      usernameText: {},\n    },\n    videoControl: {\n      durationTextStyle: {},\n      roundedView: {},\n      videoContainer: {},\n    },\n  },\n  inlineDateSeparator: {\n    container: {},\n    text: {},\n  },\n  loadingDots: {\n    container: {},\n    loadingDot: {},\n    spacing: 4,\n  },\n  loadingErrorIndicator: {\n    container: {},\n    errorText: {},\n    retryText: {},\n  },\n  loadingIndicator: {\n    container: {},\n    loadingText: {},\n  },\n  messageInput: {\n    attachButton: {},\n    attachButtonContainer: {},\n    attachmentSelectionBar: {},\n    autoCompleteInputContainer: {},\n    commandsButton: {},\n    commandsButtonContainer: {},\n    composerContainer: {},\n    container: {},\n    cooldownTimer: {\n      container: {},\n      text: {},\n    },\n    editingBoxContainer: {},\n    editingBoxHeader: {},\n    editingBoxHeaderTitle: {},\n    editingStateHeader: {\n      editingBoxHeader: {},\n      editingBoxHeaderTitle: {},\n    },\n    fileUploadPreview: {\n      audioAttachment: {\n        progressControlView: {},\n        progressDurationText: {},\n        roundedView: {},\n      },\n      audioAttachmentFileContainer: {},\n      dismiss: {},\n      fileContainer: {},\n      fileContentContainer: {},\n      filenameText: {},\n      fileSizeText: {},\n      fileTextContainer: {},\n      flatList: {},\n    },\n    giphyCommandInput: {\n      giphyContainer: {},\n      giphyText: {},\n    },\n    imageUploadPreview: {\n      dismiss: {},\n      dismissIconColor: '',\n      flatList: {},\n      itemContainer: {},\n      upload: {},\n    },\n    inputBox: {},\n    inputBoxContainer: {},\n    moreOptionsButton: {},\n    optionsContainer: {},\n    replyContainer: {},\n    searchIcon: {},\n    sendButton: {},\n    sendButtonContainer: {},\n    sendMessageDisallowedIndicator: {\n      container: {},\n      text: {},\n    },\n    sendRightIcon: {},\n    sendUpIcon: {},\n    showThreadMessageInChannelButton: {\n      check: {},\n      checkBoxActive: {},\n      checkBoxInactive: {},\n      container: {},\n      innerContainer: {},\n      text: {},\n    },\n    suggestions: {\n      command: {\n        args: {},\n        container: {},\n        iconContainer: {},\n        title: {},\n      },\n      emoji: {\n        container: {},\n        text: {},\n      },\n      header: {\n        container: {},\n        title: {},\n      },\n      item: {},\n      mention: {\n        avatarSize: 40,\n        column: {},\n        container: {},\n        name: {},\n        tag: {},\n      },\n    },\n    suggestionsListContainer: {\n      container: {},\n      flatlist: {},\n    },\n    uploadProgressIndicator: {\n      container: {},\n      overlay: {},\n    },\n  },\n  messageList: {\n    container: {},\n    contentContainer: {},\n    errorNotification: {},\n    errorNotificationText: {},\n    inlineUnreadIndicator: {\n      container: {},\n      text: {},\n    },\n    listContainer: {},\n    messageContainer: {},\n    messageSystem: {\n      container: {},\n      dateText: {},\n      line: {},\n      text: {},\n      textContainer: {},\n    },\n    scrollToBottomButton: {\n      container: {},\n      touchable: {},\n      unreadCountNotificationContainer: {},\n      unreadCountNotificationText: {},\n      wrapper: {},\n    },\n    typingIndicatorContainer: {},\n  },\n  messageSimple: {\n    actions: {\n      button: {},\n      buttonText: {},\n      container: {},\n    },\n    avatarWrapper: {\n      container: {},\n      leftAlign: {\n        marginRight: 8,\n      },\n      rightAlign: {\n        marginLeft: 8,\n      },\n      spacer: {\n        height: 28,\n        width: 32, // same as BASE_AVATAR_SIZE\n      },\n    },\n    card: {\n      authorName: {},\n      authorNameContainer: {},\n      authorNameFooter: {},\n      authorNameFooterContainer: {},\n      authorNameMask: {},\n      container: {},\n      cover: {},\n      footer: {\n        description: {},\n        title: {\n          fontWeight: '700',\n        },\n      },\n      noURI: {\n        borderLeftWidth: 2,\n        paddingLeft: 8,\n      },\n      playButtonStyle: {\n        durationTextStyle: {},\n        roundedView: {},\n        videoContainer: {},\n      },\n      playIcon: {\n        height: 24,\n        width: 24,\n      },\n    },\n    container: {},\n    content: {\n      container: {\n        borderRadiusL: 16,\n        borderRadiusS: 0,\n      },\n      containerInner: {},\n      deletedContainer: {},\n      deletedContainerInner: {},\n      deletedMetaText: {\n        paddingHorizontal: 5,\n      },\n      deletedText: {\n        em: {\n          fontSize: 15,\n          fontStyle: 'italic',\n          fontWeight: '400',\n        },\n      },\n      errorContainer: {\n        paddingRight: 12,\n        paddingTop: 0,\n      },\n      errorIcon: {\n        height: 20,\n        width: 20,\n      },\n      errorIconContainer: {\n        bottom: -2,\n        position: 'absolute',\n        right: -12,\n      },\n      eyeIcon: {\n        height: 16,\n        width: 16,\n      },\n      markdown: {},\n      messageUser: {\n        fontSize: 12,\n        fontWeight: '700',\n        paddingRight: 6,\n      },\n      metaContainer: {\n        flexDirection: 'row',\n        marginTop: 4,\n      },\n      metaText: {\n        fontSize: 12,\n      },\n      replyBorder: {},\n      replyContainer: {},\n      textContainer: {\n        onlyEmojiMarkdown: { text: { fontSize: 50 } },\n      },\n      wrapper: {},\n    },\n    file: {\n      container: {},\n      details: {},\n      fileSize: {},\n      icon: {},\n      title: {},\n    },\n    fileAttachmentGroup: {\n      container: {},\n    },\n    gallery: {\n      galleryContainer: {},\n      galleryItemColumn: {},\n      gridHeight: 195,\n      gridWidth: 256,\n      image: {},\n      imageContainer: {},\n      maxHeight: 300,\n      maxWidth: 256,\n      minHeight: 100,\n      minWidth: 170,\n      moreImagesContainer: {},\n      moreImagesText: {},\n      thumbnail: {},\n    },\n    giphy: {\n      buttonContainer: {},\n      cancel: {},\n      container: {},\n      giphy: {},\n      giphyContainer: {},\n      giphyHeaderText: {},\n      giphyHeaderTitle: {},\n      giphyMask: {},\n      giphyMaskText: {},\n      header: {},\n      selectionContainer: {},\n      send: {},\n      shuffle: {},\n      title: {},\n    },\n    loadingIndicator: {\n      container: {},\n      roundedView: {},\n    },\n    pinnedHeader: {\n      container: {},\n      label: {},\n    },\n    reactionList: {\n      container: {},\n      iconFillColor: '',\n      middleIcon: {},\n      radius: 2, // not recommended to change this\n      reactionBubble: {},\n      reactionBubbleBackground: {},\n      reactionSize: 24,\n      strokeSize: 1, // not recommended to change this\n    },\n    replies: {\n      avatar: {},\n      avatarContainerMultiple: {},\n      avatarContainerSingle: {},\n      container: {},\n      leftAvatarsContainer: {},\n      leftCurve: {},\n      messageRepliesText: {},\n      rightAvatarsContainer: {},\n      rightCurve: {},\n    },\n    status: {\n      checkAllIcon: {\n        height: DEFAULT_STATUS_ICON_SIZE,\n        width: DEFAULT_STATUS_ICON_SIZE,\n      },\n      checkIcon: {\n        height: DEFAULT_STATUS_ICON_SIZE,\n        width: DEFAULT_STATUS_ICON_SIZE,\n      },\n      readByCount: {},\n      statusContainer: {},\n      timeIcon: {\n        height: DEFAULT_STATUS_ICON_SIZE,\n        width: DEFAULT_STATUS_ICON_SIZE,\n      },\n    },\n    targetedMessageContainer: {},\n    targetedMessageUnderlay: {},\n    videoThumbnail: {\n      container: {},\n      roundedView: {},\n    },\n  },\n  overlay: {\n    container: {},\n    messageActions: {\n      actionContainer: {},\n      icon: {},\n      title: {},\n    },\n    padding: 8,\n    reactions: {\n      avatarContainer: {},\n      avatarName: {},\n      avatarSize: 64,\n      container: {},\n      flatListContainer: {},\n      radius: 2,\n      reactionBubble: {},\n      reactionBubbleBackground: {},\n      title: {},\n    },\n    reactionsList: {\n      radius: 2.5,\n      reaction: {},\n      reactionList: {},\n      reactionSize: 24,\n    },\n  },\n  reply: {\n    container: {},\n    fileAttachmentContainer: {},\n    imageAttachment: {},\n    markdownStyles: {},\n    messageContainer: {},\n    textContainer: {},\n    videoThumbnail: {\n      container: {},\n      image: {},\n    },\n  },\n  screenPadding: 8,\n  spinner: {},\n  thread: {\n    newThread: {\n      text: {},\n    },\n  },\n  typingIndicator: {\n    container: {},\n    text: {\n      fontSize: 14,\n    },\n  },\n};\n"],"mappings":"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"}

package/lib/module/hooks/useViewport.js

@@ -0,0 +1,47 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useViewport = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _reactNative = require("react-native");
+var useViewport = function useViewport(rounded) {
+  var _useState = (0, _react.useState)(_reactNative.Dimensions.get('window')),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    viewportDimensions = _useState2[0],
+    setViewportDimensions = _useState2[1];
+  (0, _react.useEffect)(function () {
+    var subscriptions = _reactNative.Dimensions.addEventListener('change', function (_ref) {
+      var window = _ref.window;
+      setViewportDimensions(function (prev) {
+        var height = window.height,
+          width = window.width;
+        if (prev.height !== height || prev.width !== width) {
+          return window;
+        }
+        return prev;
+      });
+    });
+    return function () {
+      return subscriptions == null ? void 0 : subscriptions.remove();
+    };
+  }, []);
+  var vw = function vw(percentageWidth) {
+    var value = viewportDimensions.width * (percentageWidth / 100);
+    return rounded ? Math.round(value) : value;
+  };
+  var vh = function vh(percentageHeight) {
+    var value = viewportDimensions.height * (percentageHeight / 100);
+    return rounded ? Math.round(value) : value;
+  };
+  var viewportFunctions = (0, _react.useMemo)(function () {
+    return {
+      vh: vh,
+      vw: vw
+    };
+  }, [vh, vw]);
+  return viewportFunctions;
+};
+exports.useViewport = useViewport;
+//# sourceMappingURL=useViewport.js.map

package/lib/module/hooks/useViewport.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","useViewport","rounded","_useState","useState","Dimensions","get","_useState2","_slicedToArray2","viewportDimensions","setViewportDimensions","useEffect","subscriptions","addEventListener","_ref","window","prev","height","width","remove","vw","percentageWidth","value","Math","round","vh","percentageHeight","viewportFunctions","useMemo","exports"],"sources":["useViewport.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { Dimensions } from 'react-native';\n\n/**\n * A custom hook that provides functions to calculate dimensions based on\n * a percentage of the viewport height (vh) and viewport width (vw). It\n * dynamically updates dimensions on changes in device orientation.\n *\n * @returns {Object} An object containing functions vh and vw.\n */\nexport const useViewport = (rounded?: boolean) => {\n  const [viewportDimensions, setViewportDimensions] = useState(Dimensions.get('window'));\n\n  useEffect(() => {\n    const subscriptions = Dimensions.addEventListener('change', ({ window }) => {\n      setViewportDimensions((prev) => {\n        const { height, width } = window;\n        if (prev.height !== height || prev.width !== width) {\n          return window;\n        }\n        return prev;\n      });\n    });\n\n    return () => subscriptions?.remove();\n  }, []);\n\n  const vw = (percentageWidth: number) => {\n    const value = viewportDimensions.width * (percentageWidth / 100);\n    return rounded ? Math.round(value) : value;\n  };\n\n  const vh = (percentageHeight: number) => {\n    const value = viewportDimensions.height * (percentageHeight / 100);\n    return rounded ? Math.round(value) : value;\n  };\n\n  const viewportFunctions = useMemo(() => ({ vh, vw }), [vh, vw]);\n\n  return viewportFunctions;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AASO,IAAME,WAAW,GAAG,SAAdA,WAAWA,CAAIC,OAAiB,EAAK;EAChD,IAAAC,SAAA,GAAoD,IAAAC,eAAQ,EAACC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAL,SAAA;IAA/EM,kBAAkB,GAAAF,UAAA;IAAEG,qBAAqB,GAAAH,UAAA;EAEhD,IAAAI,gBAAS,EAAC,YAAM;IACd,IAAMC,aAAa,GAAGP,uBAAU,CAACQ,gBAAgB,CAAC,QAAQ,EAAE,UAAAC,IAAA,EAAgB;MAAA,IAAbC,MAAM,GAAAD,IAAA,CAANC,MAAM;MACnEL,qBAAqB,CAAC,UAACM,IAAI,EAAK;QAC9B,IAAQC,MAAM,GAAYF,MAAM,CAAxBE,MAAM;UAAEC,KAAK,GAAKH,MAAM,CAAhBG,KAAK;QACrB,IAAIF,IAAI,CAACC,MAAM,KAAKA,MAAM,IAAID,IAAI,CAACE,KAAK,KAAKA,KAAK,EAAE;UAClD,OAAOH,MAAM;QACf;QACA,OAAOC,IAAI;MACb,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO;MAAA,OAAMJ,aAAa,oBAAbA,aAAa,CAAEO,MAAM,CAAC,CAAC;IAAA;EACtC,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMC,EAAE,GAAG,SAALA,EAAEA,CAAIC,eAAuB,EAAK;IACtC,IAAMC,KAAK,GAAGb,kBAAkB,CAACS,KAAK,IAAIG,eAAe,GAAG,GAAG,CAAC;IAChE,OAAOnB,OAAO,GAAGqB,IAAI,CAACC,KAAK,CAACF,KAAK,CAAC,GAAGA,KAAK;EAC5C,CAAC;EAED,IAAMG,EAAE,GAAG,SAALA,EAAEA,CAAIC,gBAAwB,EAAK;IACvC,IAAMJ,KAAK,GAAGb,kBAAkB,CAACQ,MAAM,IAAIS,gBAAgB,GAAG,GAAG,CAAC;IAClE,OAAOxB,OAAO,GAAGqB,IAAI,CAACC,KAAK,CAACF,KAAK,CAAC,GAAGA,KAAK;EAC5C,CAAC;EAED,IAAMK,iBAAiB,GAAG,IAAAC,cAAO,EAAC;IAAA,OAAO;MAAEH,EAAE,EAAFA,EAAE;MAAEL,EAAE,EAAFA;IAAG,CAAC;EAAA,CAAC,EAAE,CAACK,EAAE,EAAEL,EAAE,CAAC,CAAC;EAE/D,OAAOO,iBAAiB;AAC1B,CAAC;AAACE,OAAA,CAAA5B,WAAA,GAAAA,WAAA"}

package/lib/module/i18n/en.json

@@ -22,8 +22,10 @@
     "File type not supported": "File type not supported",
     "Flag": "Flag",
     "Flag Message": "Flag Message",
-    "Flag action failed either due to a network issue or the message is already flagged": "Flag action failed either due to a network issue or the message is already flagged",
+    "Flag action failed either due to a network issue or the message is already flagged": "Flag action failed either due to a network issue or the message is already flagged.",
+    "How about sending your first message to a friend?": "How about sending your first message to a friend?",
     "Instant Commands": "Instant Commands",
+    "Let's start chatting!": "Let's start chatting!",
     "Links are disabled": "Links are disabled",
     "Loading channels...": "Loading channels...",
     "Loading messages...": "Loading messages...",

package/lib/module/i18n/es.json

@@ -68,5 +68,7 @@
   "{{ user }} is typing": "{{ user }} está escribiendo",
   "Select More Photos": "Seleccionar más fotos",
   "🏙 Attachment...": "🏙 Adjunto...",
-  "Maximum file size upload limit reached. Please upload a file below {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.": "El archivo supera el tamaño máximo permitido. Por favor, selecciona un archivo menor a {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB."
+  "Maximum file size upload limit reached. Please upload a file below {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.": "El archivo supera el tamaño máximo permitido. Por favor, selecciona un archivo menor a {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.",
+  "Let's start chatting!": "¡Empecemos a charlar!",
+  "How about sending your first message to a friend?": "¿Qué tal enviar tu primer mensaje a un amigo?"
 }