stream-chat-react-native-core 4.7.0-beta.6 → 4.7.1-beta.2

package/lib/module/contexts/suggestionsContext/SuggestionsContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SuggestionsContext.tsx"],"names":["isSuggestionCommand","suggestion","isSuggestionEmoji","isSuggestionUser","SuggestionsContext","React","createContext","SuggestionsProvider","children","value","triggerType","setTriggerType","suggestions","setSuggestions","suggestionsViewActive","setSuggestionsViewActive","openSuggestions","component","updateSuggestions","newSuggestions","closeSuggestions","undefined","suggestionsContext","useSuggestionsContext","withSuggestionsContext","Component","WithSuggestionsContextComponent","props","displayName"],"mappings":";;;;;;;;;;;;;AAAA;;AASA;;;;;;;;;AAIO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAGjCC,UAHiC;AAAA,SAIuB,UAAUA,UAJjC;AAAA,CAA5B;;;;AAMA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAG/BD,UAH+B;AAAA,SAIP,aAAaA,UAJN;AAAA,CAA1B;;;;AAMA,IAAME,gBAAgB,GAAG,SAAnBA,gBAAmB,CAG9BF,UAH8B;AAAA,SAIuB,QAAQA,UAJ/B;AAAA,CAAzB;;;;AAyDA,IAAMG,kBAAkB,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAA3B;;;;AAKA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,OAKwD;AAAA,MAFzFC,QAEyF,QAFzFA,QAEyF;AAAA,MADzFC,KACyF,QADzFA,KACyF;;AACzF,kBAAsC,qBAAyC,IAAzC,CAAtC;AAAA;AAAA,MAAOC,WAAP;AAAA,MAAoBC,cAApB;;AACA,mBAAsC,sBAAtC;AAAA;AAAA,MAAOC,WAAP;AAAA,MAAoBC,cAApB;;AACA,mBAA0D,qBAAS,KAAT,CAA1D;AAAA;AAAA,MAAOC,qBAAP;AAAA,MAA8BC,wBAA9B;;AAEA,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,SAAD,EAAwC;AAC9DN,IAAAA,cAAc,CAACM,SAAD,CAAd;AACAF,IAAAA,wBAAwB,CAAC,IAAD,CAAxB;AACD,GAHD;;AAKA,MAAMG,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,cAAD,EAAqD;AAC7EN,IAAAA,cAAc,CAACM,cAAD,CAAd;AACAJ,IAAAA,wBAAwB,CAAC,CAAC,CAACL,WAAH,CAAxB;AACD,GAHD;;AAKA,MAAMU,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;AAC7BT,IAAAA,cAAc,CAAC,IAAD,CAAd;AACAE,IAAAA,cAAc,CAACQ,SAAD,CAAd;AACAN,IAAAA,wBAAwB,CAAC,KAAD,CAAxB;AACD,GAJD;;AAMA,MAAMO,kBAAkB,iCACnBb,KADmB;AAEtBW,IAAAA,gBAAgB,EAAhBA,gBAFsB;AAGtBJ,IAAAA,eAAe,EAAfA,eAHsB;AAItBJ,IAAAA,WAAW,EAAXA,WAJsB;AAKtBE,IAAAA,qBAAqB,EAArBA,qBALsB;AAMtBJ,IAAAA,WAAW,EAAXA,WANsB;AAOtBQ,IAAAA,iBAAiB,EAAjBA;AAPsB,IAAxB;AAUA,SACE,gCAAC,kBAAD,CAAoB,QAApB;AAA6B,IAAA,KAAK,EAAEI,kBAApC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGd,QADH,CADF;AAKD,CAzCM;;;;AA2CA,IAAMe,qBAAqB,GAAG,SAAxBA,qBAAwB;AAAA,SAE9B,uBAAWnB,kBAAX,CAF8B;AAAA,CAA9B;;;;AAIA,IAAMoB,sBAAsB,GAAG,SAAzBA,sBAAyB,CAIpCC,SAJoC,EAKqC;AACzE,MAAMC,+BAA+B,GAAG,SAAlCA,+BAAkC,CACtCC,KADsC,EAEnC;AACH,QAAML,kBAAkB,GAAGC,qBAAqB,EAAhD;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCL,kBAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAI,EAAAA,+BAA+B,CAACE,WAAhC,8BAAuE,oCACrEH,SADqE,CAAvE;AAGA,SAAOC,+BAAP;AACD,CAjBM","sourcesContent":["import React, { PropsWithChildren, useContext, useState } from 'react';\n\nimport type { CommandResponse, UserResponse } from 'stream-chat';\n\nimport type { AutoCompleteSuggestionHeaderProps } from '../../components/AutoCompleteInput/AutoCompleteSuggestionHeader';\nimport type { AutoCompleteSuggestionItemProps } from '../../components/AutoCompleteInput/AutoCompleteSuggestionItem';\nimport type { AutoCompleteSuggestionListProps } from '../../components/AutoCompleteInput/AutoCompleteSuggestionList';\nimport type { Emoji } from '../../emoji-data/compiled';\nimport type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';\nimport { getDisplayName } from '../utils/getDisplayName';\n\nexport type SuggestionComponentType = 'command' | 'emoji' | 'mention';\n\nexport const isSuggestionCommand = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  suggestion: Suggestion<StreamChatGenerics>,\n): suggestion is SuggestionCommand<StreamChatGenerics> => 'args' in suggestion;\n\nexport const isSuggestionEmoji = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  suggestion: Suggestion<StreamChatGenerics>,\n): suggestion is Emoji => 'unicode' in suggestion;\n\nexport const isSuggestionUser = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  suggestion: Suggestion<StreamChatGenerics>,\n): suggestion is SuggestionUser<StreamChatGenerics> => 'id' in suggestion;\n\nexport type Suggestion<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Emoji | SuggestionCommand<StreamChatGenerics> | SuggestionUser<StreamChatGenerics>;\n\nexport type SuggestionCommand<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = CommandResponse<StreamChatGenerics>;\nexport type SuggestionUser<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = UserResponse<StreamChatGenerics>;\n\nexport type Suggestions<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  data: Suggestion<StreamChatGenerics>[];\n  onSelect: (item: Suggestion<StreamChatGenerics>) => void;\n  queryText?: string;\n};\n\nexport type SuggestionsContextValue<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  AutoCompleteSuggestionHeader: React.ComponentType<AutoCompleteSuggestionHeaderProps>;\n  AutoCompleteSuggestionItem: React.ComponentType<\n    AutoCompleteSuggestionItemProps<StreamChatGenerics>\n  >;\n  AutoCompleteSuggestionList: React.ComponentType<\n    AutoCompleteSuggestionListProps<StreamChatGenerics>\n  >;\n  /** Override handler for closing suggestions (mentions, command autocomplete etc) */\n  closeSuggestions: () => void;\n  /**\n   * Override handler for opening suggestions (mentions, command autocomplete etc)\n   *\n   * @param component {Component|element} UI Component for suggestion item.\n   * @overrideType Function\n   */\n  openSuggestions: (component: SuggestionComponentType) => Promise<void>;\n  suggestions: Suggestions<StreamChatGenerics>;\n  triggerType: SuggestionComponentType;\n  /**\n   * Override handler for updating suggestions (mentions, command autocomplete etc)\n   *\n   * @param newSuggestions {Component|element} UI Component for suggestion item.\n   * @overrideType Function\n   */\n  updateSuggestions: (newSuggestions: Suggestions<StreamChatGenerics>) => void;\n  queryText?: string;\n  suggestionsViewActive?: boolean;\n};\n\nexport const SuggestionsContext = React.createContext({} as SuggestionsContextValue);\n\n/**\n * This provider component exposes the properties stored within the SuggestionsContext.\n */\nexport const SuggestionsProvider = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  children,\n  value,\n}: PropsWithChildren<{ value?: Partial<SuggestionsContextValue<StreamChatGenerics>> }>) => {\n  const [triggerType, setTriggerType] = useState<SuggestionComponentType | null>(null);\n  const [suggestions, setSuggestions] = useState<Suggestions<StreamChatGenerics>>();\n  const [suggestionsViewActive, setSuggestionsViewActive] = useState(false);\n\n  const openSuggestions = (component: SuggestionComponentType) => {\n    setTriggerType(component);\n    setSuggestionsViewActive(true);\n  };\n\n  const updateSuggestions = (newSuggestions: Suggestions<StreamChatGenerics>) => {\n    setSuggestions(newSuggestions);\n    setSuggestionsViewActive(!!triggerType);\n  };\n\n  const closeSuggestions = () => {\n    setTriggerType(null);\n    setSuggestions(undefined);\n    setSuggestionsViewActive(false);\n  };\n\n  const suggestionsContext = {\n    ...value,\n    closeSuggestions,\n    openSuggestions,\n    suggestions,\n    suggestionsViewActive,\n    triggerType,\n    updateSuggestions,\n  };\n\n  return (\n    <SuggestionsContext.Provider value={suggestionsContext as unknown as SuggestionsContextValue}>\n      {children}\n    </SuggestionsContext.Provider>\n  );\n};\n\nexport const useSuggestionsContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => useContext(SuggestionsContext) as unknown as SuggestionsContextValue<StreamChatGenerics>;\n\nexport const withSuggestionsContext = <\n  P extends UnknownType,\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof SuggestionsContextValue<StreamChatGenerics>>> => {\n  const WithSuggestionsContextComponent = (\n    props: Omit<P, keyof SuggestionsContextValue<StreamChatGenerics>>,\n  ) => {\n    const suggestionsContext = useSuggestionsContext<StreamChatGenerics>();\n\n    return <Component {...(props as P)} {...suggestionsContext} />;\n  };\n  WithSuggestionsContextComponent.displayName = `WithSuggestionsContext${getDisplayName(\n    Component,\n  )}`;\n  return WithSuggestionsContextComponent;\n};\n"]}
+{"version":3,"sources":["SuggestionsContext.tsx"],"names":["isSuggestionCommand","suggestion","isSuggestionEmoji","isSuggestionUser","SuggestionsContext","React","createContext","DEFAULT_BASE_CONTEXT_VALUE","SuggestionsProvider","children","value","triggerType","setTriggerType","suggestions","setSuggestions","suggestionsViewActive","setSuggestionsViewActive","openSuggestions","component","updateSuggestions","newSuggestions","closeSuggestions","undefined","suggestionsContext","useSuggestionsContext","contextValue","Error","withSuggestionsContext","Component","WithSuggestionsContextComponent","props","displayName"],"mappings":"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","sourcesContent":["import React, { PropsWithChildren, useContext, useState } from 'react';\n\nimport type { CommandResponse, UserResponse } from 'stream-chat';\n\nimport type { AutoCompleteSuggestionHeaderProps } from '../../components/AutoCompleteInput/AutoCompleteSuggestionHeader';\nimport type { AutoCompleteSuggestionItemProps } from '../../components/AutoCompleteInput/AutoCompleteSuggestionItem';\nimport type { AutoCompleteSuggestionListProps } from '../../components/AutoCompleteInput/AutoCompleteSuggestionList';\nimport type { Emoji } from '../../emoji-data/compiled';\nimport type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';\nimport { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';\n\nimport { getDisplayName } from '../utils/getDisplayName';\nimport { isTestEnvironment } from '../utils/isTestEnvironment';\n\nexport type SuggestionComponentType = 'command' | 'emoji' | 'mention';\n\nexport const isSuggestionCommand = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  suggestion: Suggestion<StreamChatGenerics>,\n): suggestion is SuggestionCommand<StreamChatGenerics> => 'args' in suggestion;\n\nexport const isSuggestionEmoji = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  suggestion: Suggestion<StreamChatGenerics>,\n): suggestion is Emoji => 'unicode' in suggestion;\n\nexport const isSuggestionUser = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  suggestion: Suggestion<StreamChatGenerics>,\n): suggestion is SuggestionUser<StreamChatGenerics> => 'id' in suggestion;\n\nexport type Suggestion<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Emoji | SuggestionCommand<StreamChatGenerics> | SuggestionUser<StreamChatGenerics>;\n\nexport type SuggestionCommand<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = CommandResponse<StreamChatGenerics>;\nexport type SuggestionUser<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = UserResponse<StreamChatGenerics>;\n\nexport type Suggestions<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  data: Suggestion<StreamChatGenerics>[];\n  onSelect: (item: Suggestion<StreamChatGenerics>) => void;\n  queryText?: string;\n};\n\nexport type SuggestionsContextValue<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  AutoCompleteSuggestionHeader: React.ComponentType<AutoCompleteSuggestionHeaderProps>;\n  AutoCompleteSuggestionItem: React.ComponentType<\n    AutoCompleteSuggestionItemProps<StreamChatGenerics>\n  >;\n  AutoCompleteSuggestionList: React.ComponentType<\n    AutoCompleteSuggestionListProps<StreamChatGenerics>\n  >;\n  /** Override handler for closing suggestions (mentions, command autocomplete etc) */\n  closeSuggestions: () => void;\n  /**\n   * Override handler for opening suggestions (mentions, command autocomplete etc)\n   *\n   * @param component {Component|element} UI Component for suggestion item.\n   * @overrideType Function\n   */\n  openSuggestions: (component: SuggestionComponentType) => Promise<void>;\n  suggestions: Suggestions<StreamChatGenerics>;\n  triggerType: SuggestionComponentType;\n  /**\n   * Override handler for updating suggestions (mentions, command autocomplete etc)\n   *\n   * @param newSuggestions {Component|element} UI Component for suggestion item.\n   * @overrideType Function\n   */\n  updateSuggestions: (newSuggestions: Suggestions<StreamChatGenerics>) => void;\n  queryText?: string;\n  suggestionsViewActive?: boolean;\n};\n\nexport const SuggestionsContext = React.createContext(\n  DEFAULT_BASE_CONTEXT_VALUE as SuggestionsContextValue,\n);\n\n/**\n * This provider component exposes the properties stored within the SuggestionsContext.\n */\nexport const SuggestionsProvider = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  children,\n  value,\n}: PropsWithChildren<{ value?: Partial<SuggestionsContextValue<StreamChatGenerics>> }>) => {\n  const [triggerType, setTriggerType] = useState<SuggestionComponentType | null>(null);\n  const [suggestions, setSuggestions] = useState<Suggestions<StreamChatGenerics>>();\n  const [suggestionsViewActive, setSuggestionsViewActive] = useState(false);\n\n  const openSuggestions = (component: SuggestionComponentType) => {\n    setTriggerType(component);\n    setSuggestionsViewActive(true);\n  };\n\n  const updateSuggestions = (newSuggestions: Suggestions<StreamChatGenerics>) => {\n    setSuggestions(newSuggestions);\n    setSuggestionsViewActive(!!triggerType);\n  };\n\n  const closeSuggestions = () => {\n    setTriggerType(null);\n    setSuggestions(undefined);\n    setSuggestionsViewActive(false);\n  };\n\n  const suggestionsContext = {\n    ...value,\n    closeSuggestions,\n    openSuggestions,\n    suggestions,\n    suggestionsViewActive,\n    triggerType,\n    updateSuggestions,\n  };\n\n  return (\n    <SuggestionsContext.Provider value={suggestionsContext as unknown as SuggestionsContextValue}>\n      {children}\n    </SuggestionsContext.Provider>\n  );\n};\n\nexport const useSuggestionsContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const contextValue = useContext(\n    SuggestionsContext,\n  ) as unknown as SuggestionsContextValue<StreamChatGenerics>;\n\n  if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {\n    throw new Error(\n      `The useSuggestionsContext hook was called outside of the SuggestionsContext provider. Make sure you have configured Channel component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel`,\n    );\n  }\n\n  return contextValue;\n};\n\nexport const withSuggestionsContext = <\n  P extends UnknownType,\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof SuggestionsContextValue<StreamChatGenerics>>> => {\n  const WithSuggestionsContextComponent = (\n    props: Omit<P, keyof SuggestionsContextValue<StreamChatGenerics>>,\n  ) => {\n    const suggestionsContext = useSuggestionsContext<StreamChatGenerics>();\n\n    return <Component {...(props as P)} {...suggestionsContext} />;\n  };\n  WithSuggestionsContextComponent.displayName = `WithSuggestionsContext${getDisplayName(\n    Component,\n  )}`;\n  return WithSuggestionsContextComponent;\n};\n"]}

package/lib/module/contexts/themeContext/ThemeContext.js

@@ -13,6 +13,10 @@ var _merge = _interopRequireDefault(require("lodash/merge"));
 
 var _theme = require("./utils/theme");
 
+var _defaultBaseContextValue = require("../utils/defaultBaseContextValue");
+
+var _isTestEnvironment = require("../utils/isTestEnvironment");
+
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/contexts/themeContext/ThemeContext.tsx";
 
@@ -34,18 +38,15 @@ var mergeThemes = function mergeThemes(params) {
 
 exports.mergeThemes = mergeThemes;
 
-var ThemeContext = _react["default"].createContext({});
+var ThemeContext = _react["default"].createContext(_defaultBaseContextValue.DEFAULT_BASE_CONTEXT_VALUE);
 
 exports.ThemeContext = ThemeContext;
 
 var ThemeProvider = function ThemeProvider(props) {
   var children = props.children,
       mergedStyle = props.mergedStyle,
-      style = props.style;
-
-  var _useTheme = useTheme(),
-      theme = _useTheme.theme;
-
+      style = props.style,
+      theme = props.theme;
   var modifiedTheme = (0, _react.useMemo)(function () {
     if (mergedStyle) {
       return mergedStyle;
@@ -61,7 +62,7 @@ var ThemeProvider = function ThemeProvider(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 49,
+      lineNumber: 58,
       columnNumber: 10
     }
   }, children);
@@ -71,6 +72,11 @@ exports.ThemeProvider = ThemeProvider;
 
 var useTheme = function useTheme() {
   var theme = (0, _react.useContext)(ThemeContext);
+
+  if (theme === _defaultBaseContextValue.DEFAULT_BASE_CONTEXT_VALUE && !(0, _isTestEnvironment.isTestEnvironment)()) {
+    throw new Error("The useThemeContext hook was called outside the ThemeContext Provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider");
+  }
+
   return {
     theme: theme
   };

package/lib/module/contexts/themeContext/ThemeContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ThemeContext.tsx"],"names":["mergeThemes","params","style","theme","finalTheme","Object","keys","length","JSON","parse","stringify","defaultTheme","ThemeContext","React","createContext","ThemeProvider","props","children","mergedStyle","useTheme","modifiedTheme"],"mappings":";;;;;;;;;AAAA;;AAEA;;AAEA;;;;;;;;;AAgBO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,MAAD,EAAgC;AACzD,MAAQC,KAAR,GAAyBD,MAAzB,CAAQC,KAAR;AAAA,MAAeC,KAAf,GAAyBF,MAAzB,CAAeE,KAAf;AACA,MAAMC,UAAU,GACd,CAACD,KAAD,IAAUE,MAAM,CAACC,IAAP,CAAYH,KAAZ,EAAmBI,MAAnB,KAA8B,CAAxC,GACIC,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAeC,mBAAf,CAAX,CADJ,GAEIH,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAeP,KAAf,CAAX,CAHN;;AAMA,MAAID,KAAJ,EAAW;AACT,2BAAME,UAAN,EAAkBF,KAAlB;AACD;;AAED,SAAOE,UAAP;AACD,CAbM;;;;AAeA,IAAMQ,YAAY,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAArB;;;;AAEA,IAAMC,aAAgD,GAAG,SAAnDA,aAAmD,CAACC,KAAD,EAAW;AACzE,MAAQC,QAAR,GAAyCD,KAAzC,CAAQC,QAAR;AAAA,MAAkBC,WAAlB,GAAyCF,KAAzC,CAAkBE,WAAlB;AAAA,MAA+BhB,KAA/B,GAAyCc,KAAzC,CAA+Bd,KAA/B;;AACA,kBAAkBiB,QAAQ,EAA1B;AAAA,MAAQhB,KAAR,aAAQA,KAAR;;AACA,MAAMiB,aAAa,GAAG,oBAAQ,YAAM;AAClC,QAAIF,WAAJ,EAAiB;AACf,aAAOA,WAAP;AACD;;AAED,WAAOlB,WAAW,CAAC;AAAEE,MAAAA,KAAK,EAALA,KAAF;AAASC,MAAAA,KAAK,EAALA;AAAT,KAAD,CAAlB;AACD,GANqB,EAMnB,CAACe,WAAD,EAAchB,KAAd,EAAqBC,KAArB,CANmB,CAAtB;AAQA,SAAO,gCAAC,YAAD,CAAc,QAAd;AAAuB,IAAA,KAAK,EAAEiB,aAA9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAA8CH,QAA9C,CAAP;AACD,CAZM;;;;AAcA,IAAME,QAAQ,GAAG,SAAXA,QAAW,GAAM;AAC5B,MAAMhB,KAAK,GAAG,uBAAWS,YAAX,CAAd;AAEA,SAAO;AAAET,IAAAA,KAAK,EAALA;AAAF,GAAP;AACD,CAJM","sourcesContent":["import React, { useContext, useMemo } from 'react';\n\nimport merge from 'lodash/merge';\n\nimport { defaultTheme, Theme } from './utils/theme';\n\nexport type DeepPartial<T> = {\n  [P in keyof T]?: DeepPartial<T[P]>;\n};\n\nexport type ThemeProviderInputValue = {\n  mergedStyle?: Theme;\n  style?: DeepPartial<Theme>;\n};\n\nexport type MergedThemesParams = {\n  style?: DeepPartial<Theme>;\n  theme?: Theme;\n};\n\nexport const mergeThemes = (params: MergedThemesParams) => {\n  const { style, theme } = params;\n  const finalTheme = (\n    !theme || Object.keys(theme).length === 0\n      ? JSON.parse(JSON.stringify(defaultTheme))\n      : JSON.parse(JSON.stringify(theme))\n  ) as Theme;\n\n  if (style) {\n    merge(finalTheme, style);\n  }\n\n  return finalTheme;\n};\n\nexport const ThemeContext = React.createContext({} as Theme);\n\nexport const ThemeProvider: React.FC<ThemeProviderInputValue> = (props) => {\n  const { children, mergedStyle, style } = props;\n  const { theme } = useTheme();\n  const modifiedTheme = useMemo(() => {\n    if (mergedStyle) {\n      return mergedStyle;\n    }\n\n    return mergeThemes({ style, theme });\n  }, [mergedStyle, style, theme]);\n\n  return <ThemeContext.Provider value={modifiedTheme}>{children}</ThemeContext.Provider>;\n};\n\nexport const useTheme = () => {\n  const theme = useContext(ThemeContext);\n\n  return { theme };\n};\n"]}
+{"version":3,"sources":["ThemeContext.tsx"],"names":["mergeThemes","params","style","theme","finalTheme","Object","keys","length","JSON","parse","stringify","defaultTheme","ThemeContext","React","createContext","DEFAULT_BASE_CONTEXT_VALUE","ThemeProvider","props","children","mergedStyle","modifiedTheme","useTheme","Error"],"mappings":";;;;;;;;;AAAA;;AAEA;;AAEA;;AAEA;;AACA;;;;;;;;;AAoBO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,MAAD,EAAgC;AACzD,MAAQC,KAAR,GAAyBD,MAAzB,CAAQC,KAAR;AAAA,MAAeC,KAAf,GAAyBF,MAAzB,CAAeE,KAAf;AACA,MAAMC,UAAU,GACd,CAACD,KAAD,IAAUE,MAAM,CAACC,IAAP,CAAYH,KAAZ,EAAmBI,MAAnB,KAA8B,CAAxC,GACIC,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAeC,mBAAf,CAAX,CADJ,GAEIH,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAeP,KAAf,CAAX,CAHN;;AAMA,MAAID,KAAJ,EAAW;AACT,2BAAME,UAAN,EAAkBF,KAAlB;AACD;;AAED,SAAOE,UAAP;AACD,CAbM;;;;AAeA,IAAMQ,YAAY,GAAGC,kBAAMC,aAAN,CAAoBC,mDAApB,CAArB;;;;AAEA,IAAMC,aAEZ,GAAG,SAFSA,aAET,CAACC,KAAD,EAAW;AACb,MAAQC,QAAR,GAAgDD,KAAhD,CAAQC,QAAR;AAAA,MAAkBC,WAAlB,GAAgDF,KAAhD,CAAkBE,WAAlB;AAAA,MAA+BjB,KAA/B,GAAgDe,KAAhD,CAA+Bf,KAA/B;AAAA,MAAsCC,KAAtC,GAAgDc,KAAhD,CAAsCd,KAAtC;AAEA,MAAMiB,aAAa,GAAG,oBAAQ,YAAM;AAClC,QAAID,WAAJ,EAAiB;AACf,aAAOA,WAAP;AACD;;AAED,WAAOnB,WAAW,CAAC;AAAEE,MAAAA,KAAK,EAALA,KAAF;AAASC,MAAAA,KAAK,EAALA;AAAT,KAAD,CAAlB;AACD,GANqB,EAMnB,CAACgB,WAAD,EAAcjB,KAAd,EAAqBC,KAArB,CANmB,CAAtB;AAQA,SAAO,gCAAC,YAAD,CAAc,QAAd;AAAuB,IAAA,KAAK,EAAEiB,aAA9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAA8CF,QAA9C,CAAP;AACD,CAdM;;;;AAgBA,IAAMG,QAAQ,GAAG,SAAXA,QAAW,GAAM;AAC5B,MAAMlB,KAAK,GAAG,uBAAWS,YAAX,CAAd;;AAEA,MAAIT,KAAK,KAAKY,mDAAV,IAAwC,CAAC,2CAA7C,EAAkE;AAChE,UAAM,IAAIO,KAAJ,wOAAN;AAGD;;AACD,SAAO;AAAEnB,IAAAA,KAAK,EAALA;AAAF,GAAP;AACD,CATM","sourcesContent":["import React, { PropsWithChildren, useContext, useMemo } from 'react';\n\nimport merge from 'lodash/merge';\n\nimport { defaultTheme, Theme } from './utils/theme';\n\nimport { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';\nimport { isTestEnvironment } from '../utils/isTestEnvironment';\n\nexport type DeepPartial<T> = {\n  [P in keyof T]?: DeepPartial<T[P]>;\n};\n\nexport type ThemeProviderInputValue = {\n  mergedStyle?: Theme;\n  style?: DeepPartial<Theme>;\n};\n\nexport type MergedThemesParams = {\n  style?: DeepPartial<Theme>;\n  theme?: Theme;\n};\n\nexport type ThemeContextValue = {\n  theme: Theme;\n};\n\nexport const mergeThemes = (params: MergedThemesParams) => {\n  const { style, theme } = params;\n  const finalTheme = (\n    !theme || Object.keys(theme).length === 0\n      ? JSON.parse(JSON.stringify(defaultTheme))\n      : JSON.parse(JSON.stringify(theme))\n  ) as Theme;\n\n  if (style) {\n    merge(finalTheme, style);\n  }\n\n  return finalTheme;\n};\n\nexport const ThemeContext = React.createContext(DEFAULT_BASE_CONTEXT_VALUE as Theme);\n\nexport const ThemeProvider: React.FC<\n  PropsWithChildren<ThemeProviderInputValue & Partial<ThemeContextValue>>\n> = (props) => {\n  const { children, mergedStyle, style, theme } = props;\n\n  const modifiedTheme = useMemo(() => {\n    if (mergedStyle) {\n      return mergedStyle;\n    }\n\n    return mergeThemes({ style, theme });\n  }, [mergedStyle, style, theme]);\n\n  return <ThemeContext.Provider value={modifiedTheme}>{children}</ThemeContext.Provider>;\n};\n\nexport const useTheme = () => {\n  const theme = useContext(ThemeContext);\n\n  if (theme === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {\n    throw new Error(\n      `The useThemeContext hook was called outside the ThemeContext Provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider`,\n    );\n  }\n  return { theme };\n};\n"]}

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

@@ -355,6 +355,15 @@ var defaultTheme = {
       noURI: {
         borderLeftWidth: 2,
         paddingLeft: 8
+      },
+      playButtonStyle: {
+        durationTextStyle: {},
+        roundedView: {},
+        videoContainer: {}
+      },
+      playIcon: {
+        height: 24,
+        width: 24
       }
     },
     container: {},

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

@@ -1 +1 @@
-{"version":3,"sources":["theme.ts"],"names":["DEFAULT_STATUS_ICON_SIZE","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","modal_shadow","overlay","shadow_icon","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","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","dismiss","fileContainer","fileContentContainer","filenameText","fileSizeText","fileTextContainer","giphyCommandInput","giphyContainer","giphyText","imageUploadPreview","itemContainer","upload","inputBox","inputBoxContainer","moreOptionsButton","optionsContainer","replyContainer","sendButton","sendButtonContainer","sendMessageDisallowedIndicator","showThreadMessageInChannelButton","checkBoxActive","checkBoxInactive","suggestions","command","args","iconContainer","maxHeight","emoji","item","mention","avatarSize","column","name","tag","suggestionsListContainer","flatlist","uploadProgressIndicator","messageList","errorNotification","errorNotificationText","inlineUnreadIndicator","listContainer","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","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","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","targetedMessageUnderlay","videoThumbnail","messageActions","actionContainer","padding","reactions","avatarContainer","avatarName","flatListContainer","reactionsList","reaction","reply","fileAttachmentContainer","imageAttachment","markdownStyles","messageContainer","screenPadding","spinner","thread","newThread","typingIndicator"],"mappings":"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","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  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  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      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      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      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    sendButton: ViewStyle;\n    sendButtonContainer: ViewStyle;\n    sendMessageDisallowedIndicator: {\n      container: ViewStyle;\n      text: TextStyle;\n    };\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    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    };\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    };\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    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    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  };\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      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      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      flatList: {},\n      itemContainer: {},\n      upload: {},\n    },\n    inputBox: {},\n    inputBoxContainer: {},\n    moreOptionsButton: {},\n    optionsContainer: {},\n    replyContainer: {},\n    sendButton: {},\n    sendButtonContainer: {},\n    sendMessageDisallowedIndicator: {\n      container: {},\n      text: {},\n    },\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    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    },\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    },\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    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    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  },\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"]}
+{"version":3,"sources":["theme.ts"],"names":["DEFAULT_STATUS_ICON_SIZE","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","modal_shadow","overlay","shadow_icon","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","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","dismiss","fileContainer","fileContentContainer","filenameText","fileSizeText","fileTextContainer","giphyCommandInput","giphyContainer","giphyText","imageUploadPreview","itemContainer","upload","inputBox","inputBoxContainer","moreOptionsButton","optionsContainer","replyContainer","sendButton","sendButtonContainer","sendMessageDisallowedIndicator","showThreadMessageInChannelButton","checkBoxActive","checkBoxInactive","suggestions","command","args","iconContainer","maxHeight","emoji","item","mention","avatarSize","column","name","tag","suggestionsListContainer","flatlist","uploadProgressIndicator","messageList","errorNotification","errorNotificationText","inlineUnreadIndicator","listContainer","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","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","targetedMessageUnderlay","videoThumbnail","messageActions","actionContainer","padding","reactions","avatarContainer","avatarName","flatListContainer","reactionsList","reaction","reply","fileAttachmentContainer","imageAttachment","markdownStyles","messageContainer","screenPadding","spinner","thread","newThread","typingIndicator"],"mappings":"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","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  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  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      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      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      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    sendButton: ViewStyle;\n    sendButtonContainer: ViewStyle;\n    sendMessageDisallowedIndicator: {\n      container: ViewStyle;\n      text: TextStyle;\n    };\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    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    };\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    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    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  };\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      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      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      flatList: {},\n      itemContainer: {},\n      upload: {},\n    },\n    inputBox: {},\n    inputBoxContainer: {},\n    moreOptionsButton: {},\n    optionsContainer: {},\n    replyContainer: {},\n    sendButton: {},\n    sendButtonContainer: {},\n    sendMessageDisallowedIndicator: {\n      container: {},\n      text: {},\n    },\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    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    },\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    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    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  },\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"]}

package/lib/module/contexts/threadContext/ThreadContext.js

@@ -11,8 +11,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _defaultBaseContextValue = require("../utils/defaultBaseContextValue");
+
 var _getDisplayName = require("../utils/getDisplayName");
 
+var _isTestEnvironment = require("../utils/isTestEnvironment");
+
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/contexts/threadContext/ThreadContext.tsx";
 
@@ -20,7 +24,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var ThreadContext = _react["default"].createContext({});
+var ThreadContext = _react["default"].createContext(_defaultBaseContextValue.DEFAULT_BASE_CONTEXT_VALUE);
 
 exports.ThreadContext = ThreadContext;
 
@@ -32,7 +36,7 @@ var ThreadProvider = function ThreadProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 37,
       columnNumber: 3
     }
   }, children);
@@ -41,7 +45,13 @@ var ThreadProvider = function ThreadProvider(_ref) {
 exports.ThreadProvider = ThreadProvider;
 
 var useThreadContext = function useThreadContext() {
-  return (0, _react.useContext)(ThreadContext);
+  var contextValue = (0, _react.useContext)(ThreadContext);
+
+  if (contextValue === _defaultBaseContextValue.DEFAULT_BASE_CONTEXT_VALUE && !(0, _isTestEnvironment.isTestEnvironment)()) {
+    throw new Error("The useThreadContext hook was called outside of the ThreadContext provider. Make sure you have configured Channel component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel");
+  }
+
+  return contextValue;
 };
 
 exports.useThreadContext = useThreadContext;
@@ -53,7 +63,7 @@ var withThreadContext = function withThreadContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 59,
+        lineNumber: 73,
         columnNumber: 12
       }
     }));

package/lib/module/contexts/threadContext/ThreadContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ThreadContext.tsx"],"names":["ThreadContext","React","createContext","ThreadProvider","children","value","useThreadContext","withThreadContext","Component","WithThreadContextComponent","props","threadContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAMA;;;;;;;;;AAiBO,IAAMA,aAAa,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAAtB;;;;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAG5BC,QAH4B,QAG5BA,QAH4B;AAAA,MAI5BC,KAJ4B,QAI5BA,KAJ4B;AAAA,SAQ5B,gCAAC,aAAD,CAAe,QAAf;AAAwB,IAAA,KAAK,EAAEA,KAA/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAR4B;AAAA,CAAvB;;;;AAaA,IAAME,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,SAEzB,uBAAWN,aAAX,CAFyB;AAAA,CAAzB;;;;AASA,IAAMO,iBAAiB,GAAG,SAApBA,iBAAoB,CAI/BC,SAJ+B,EAKqC;AACpE,MAAMC,0BAA0B,GAAG,SAA7BA,0BAA6B,CACjCC,KADiC,EAE9B;AACH,QAAMC,aAAa,GAAGL,gBAAgB,EAAtC;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCC,aAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,0BAA0B,CAACG,WAA3B,yBAA6D,oCAAeJ,SAAf,CAA7D;AACA,SAAOC,0BAAP;AACD,CAfM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport type { ChannelState } from 'stream-chat';\n\nimport type { MessageType } from '../../components/MessageList/hooks/useMessageList';\nimport type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';\nimport { getDisplayName } from '../utils/getDisplayName';\n\nexport type ThreadContextValue<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  allowThreadMessagesInChannel: boolean;\n  closeThread: () => void;\n  loadMoreThread: () => Promise<void>;\n  openThread: (message: MessageType<StreamChatGenerics>) => void;\n  reloadThread: () => void;\n  setThreadLoadingMore: React.Dispatch<React.SetStateAction<boolean>>;\n  thread: MessageType<StreamChatGenerics> | null;\n  threadHasMore: boolean;\n  threadLoadingMore: boolean;\n  threadMessages: ChannelState<StreamChatGenerics>['threads'][string];\n};\n\nexport const ThreadContext = React.createContext({} as ThreadContextValue);\n\nexport const ThreadProvider = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: ThreadContextValue<StreamChatGenerics>;\n}>) => (\n  <ThreadContext.Provider value={value as unknown as ThreadContextValue}>\n    {children}\n  </ThreadContext.Provider>\n);\n\nexport const useThreadContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => useContext(ThreadContext) as unknown as ThreadContextValue<StreamChatGenerics>;\n\n/**\n * Typescript currently does not support partial inference so if ThreadContext\n * typing is desired while using the HOC withThreadContextContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withThreadContext = <\n  P extends UnknownType,\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof ThreadContextValue<StreamChatGenerics>>> => {\n  const WithThreadContextComponent = (\n    props: Omit<P, keyof ThreadContextValue<StreamChatGenerics>>,\n  ) => {\n    const threadContext = useThreadContext<StreamChatGenerics>();\n\n    return <Component {...(props as P)} {...threadContext} />;\n  };\n  WithThreadContextComponent.displayName = `WithThreadContext${getDisplayName(Component)}`;\n  return WithThreadContextComponent;\n};\n"]}
+{"version":3,"sources":["ThreadContext.tsx"],"names":["ThreadContext","React","createContext","DEFAULT_BASE_CONTEXT_VALUE","ThreadProvider","children","value","useThreadContext","contextValue","Error","withThreadContext","Component","WithThreadContextComponent","props","threadContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAMA;;AAEA;;AACA;;;;;;;;;AAiBO,IAAMA,aAAa,GAAGC,kBAAMC,aAAN,CAAoBC,mDAApB,CAAtB;;;;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAG5BC,QAH4B,QAG5BA,QAH4B;AAAA,MAI5BC,KAJ4B,QAI5BA,KAJ4B;AAAA,SAQ5B,gCAAC,aAAD,CAAe,QAAf;AAAwB,IAAA,KAAK,EAAEA,KAA/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAR4B;AAAA,CAAvB;;;;AAaA,IAAME,gBAAgB,GAAG,SAAnBA,gBAAmB,GAEzB;AACL,MAAMC,YAAY,GAAG,uBACnBR,aADmB,CAArB;;AAIA,MAAIQ,YAAY,KAAKL,mDAAjB,IAA+C,CAAC,2CAApD,EAAyE;AACvE,UAAM,IAAIM,KAAJ,4NAAN;AAGD;;AAED,SAAOD,YAAP;AACD,CAdM;;;;AAoBA,IAAME,iBAAiB,GAAG,SAApBA,iBAAoB,CAI/BC,SAJ+B,EAKqC;AACpE,MAAMC,0BAA0B,GAAG,SAA7BA,0BAA6B,CACjCC,KADiC,EAE9B;AACH,QAAMC,aAAa,GAAGP,gBAAgB,EAAtC;AAEA,WAAO,gCAAC,SAAD,gCAAgBM,KAAhB,EAAiCC,aAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,0BAA0B,CAACG,WAA3B,yBAA6D,oCAAeJ,SAAf,CAA7D;AACA,SAAOC,0BAAP;AACD,CAfM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport type { ChannelState } from 'stream-chat';\n\nimport type { MessageType } from '../../components/MessageList/hooks/useMessageList';\nimport type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';\nimport { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';\n\nimport { getDisplayName } from '../utils/getDisplayName';\nimport { isTestEnvironment } from '../utils/isTestEnvironment';\n\nexport type ThreadContextValue<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  allowThreadMessagesInChannel: boolean;\n  closeThread: () => void;\n  loadMoreThread: () => Promise<void>;\n  openThread: (message: MessageType<StreamChatGenerics>) => void;\n  reloadThread: () => void;\n  setThreadLoadingMore: React.Dispatch<React.SetStateAction<boolean>>;\n  thread: MessageType<StreamChatGenerics> | null;\n  threadHasMore: boolean;\n  threadLoadingMore: boolean;\n  threadMessages: ChannelState<StreamChatGenerics>['threads'][string];\n};\n\nexport const ThreadContext = React.createContext(DEFAULT_BASE_CONTEXT_VALUE as ThreadContextValue);\n\nexport const ThreadProvider = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: ThreadContextValue<StreamChatGenerics>;\n}>) => (\n  <ThreadContext.Provider value={value as unknown as ThreadContextValue}>\n    {children}\n  </ThreadContext.Provider>\n);\n\nexport const useThreadContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const contextValue = useContext(\n    ThreadContext,\n  ) as unknown as ThreadContextValue<StreamChatGenerics>;\n\n  if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {\n    throw new Error(\n      `The useThreadContext hook was called outside of the ThreadContext provider. Make sure you have configured Channel component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel`,\n    );\n  }\n\n  return contextValue;\n};\n/**\n * Typescript currently does not support partial inference so if ThreadContext\n * typing is desired while using the HOC withThreadContextContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withThreadContext = <\n  P extends UnknownType,\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof ThreadContextValue<StreamChatGenerics>>> => {\n  const WithThreadContextComponent = (\n    props: Omit<P, keyof ThreadContextValue<StreamChatGenerics>>,\n  ) => {\n    const threadContext = useThreadContext<StreamChatGenerics>();\n\n    return <Component {...(props as P)} {...threadContext} />;\n  };\n  WithThreadContextComponent.displayName = `WithThreadContext${getDisplayName(Component)}`;\n  return WithThreadContextComponent;\n};\n"]}

package/lib/module/contexts/translationContext/TranslationContext.js

@@ -15,6 +15,8 @@ var _dayjs = _interopRequireDefault(require("dayjs"));
 
 var _getDisplayName = require("../utils/getDisplayName");
 
+var _isTestEnvironment = require("../utils/isTestEnvironment");
+
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/contexts/translationContext/TranslationContext.tsx";
 
@@ -27,15 +29,16 @@ var isDayOrMoment = function isDayOrMoment(output) {
 };
 
 exports.isDayOrMoment = isDayOrMoment;
-
-var TranslationContext = _react["default"].createContext({
+var defaultTranslationContextValue = {
   t: function t(key) {
     return key;
   },
   tDateTimeParser: function tDateTimeParser(input) {
     return (0, _dayjs["default"])(input);
   }
-});
+};
+
+var TranslationContext = _react["default"].createContext(defaultTranslationContextValue);
 
 exports.TranslationContext = TranslationContext;
 
@@ -47,7 +50,7 @@ var TranslationProvider = function TranslationProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 38,
       columnNumber: 3
     }
   }, children);
@@ -56,7 +59,13 @@ var TranslationProvider = function TranslationProvider(_ref) {
 exports.TranslationProvider = TranslationProvider;
 
 var useTranslationContext = function useTranslationContext() {
-  return (0, _react.useContext)(TranslationContext);
+  var contextValue = (0, _react.useContext)(TranslationContext);
+
+  if (contextValue === defaultTranslationContextValue && !(0, _isTestEnvironment.isTestEnvironment)()) {
+    throw new Error("The useTranslationContext hook was called outside the TranslationContext Provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider)(https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider");
+  }
+
+  return contextValue;
 };
 
 exports.useTranslationContext = useTranslationContext;
@@ -68,7 +77,7 @@ var withTranslationContext = function withTranslationContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 49,
+        lineNumber: 63,
         columnNumber: 12
       }
     }));

package/lib/module/contexts/translationContext/TranslationContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TranslationContext.tsx"],"names":["isDayOrMoment","output","isSame","TranslationContext","React","createContext","t","key","tDateTimeParser","input","TranslationProvider","children","value","useTranslationContext","withTranslationContext","Component","WithTranslationContextComponent","props","translationContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AAOA;;;;;;;;;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,MAAD;AAAA,SAC1BA,MAAD,CAAiCC,MAAjC,IAA2C,IADhB;AAAA,CAAtB;;;;AAcA,IAAMC,kBAAkB,GAAGC,kBAAMC,aAAN,CAA6C;AAC7EC,EAAAA,CAAC,EAAE,WAACC,GAAD;AAAA,WAAiBA,GAAjB;AAAA,GAD0E;AAE7EC,EAAAA,eAAe,EAAE,yBAACC,KAAD;AAAA,WAAW,uBAAMA,KAAN,CAAX;AAAA;AAF4D,CAA7C,CAA3B;;;;AAKA,IAAMC,mBAEX,GAAG,SAFQA,mBAER;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAaC,KAAb,QAAaA,KAAb;AAAA,SACH,gCAAC,kBAAD,CAAoB,QAApB;AAA6B,IAAA,KAAK,EAAEA,KAApC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAA4CD,QAA5C,CADG;AAAA,CAFE;;;;AAMA,IAAME,qBAAqB,GAAG,SAAxBA,qBAAwB;AAAA,SAAM,uBAAWV,kBAAX,CAAN;AAAA,CAA9B;;;;AAEA,IAAMW,sBAAsB,GAAG,SAAzBA,sBAAyB,CAGpCC,SAHoC,EAIkC;AACtE,MAAMC,+BAA+B,GAAG,SAAlCA,+BAAkC,CACtCC,KADsC,EAEnC;AACH,QAAMC,kBAAkB,GAAGL,qBAAqB,EAAhD;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAkDC,kBAAlD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,+BAA+B,CAACG,WAAhC,8BAAuE,oCACrEJ,SADqE,CAAvE;AAGA,SAAOC,+BAAP;AACD,CAhBM","sourcesContent":["import React, { useContext } from 'react';\n\nimport Dayjs from 'dayjs';\n\nimport type { TFunction } from 'i18next';\nimport type { Moment } from 'moment';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nimport { getDisplayName } from '../utils/getDisplayName';\n\nexport const isDayOrMoment = (output: TDateTimeParserOutput): output is Dayjs.Dayjs | Moment =>\n  (output as Dayjs.Dayjs | Moment).isSame != null;\n\nexport type TDateTimeParserInput = string | number | Date;\n\nexport type TDateTimeParserOutput = string | number | Date | Dayjs.Dayjs | Moment;\n\nexport type TDateTimeParser = (input?: TDateTimeParserInput) => TDateTimeParserOutput;\n\nexport type TranslationContextValue = {\n  t: TFunction | ((key: string) => string);\n  tDateTimeParser: TDateTimeParser;\n};\n\nexport const TranslationContext = React.createContext<TranslationContextValue>({\n  t: (key: string) => key,\n  tDateTimeParser: (input) => Dayjs(input),\n});\n\nexport const TranslationProvider: React.FC<{\n  value: TranslationContextValue;\n}> = ({ children, value }) => (\n  <TranslationContext.Provider value={value}>{children}</TranslationContext.Provider>\n);\n\nexport const useTranslationContext = () => useContext(TranslationContext);\n\nexport const withTranslationContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<StreamChatGenerics>,\n): React.FC<Omit<StreamChatGenerics, keyof TranslationContextValue>> => {\n  const WithTranslationContextComponent = (\n    props: Omit<StreamChatGenerics, keyof TranslationContextValue>,\n  ) => {\n    const translationContext = useTranslationContext();\n\n    return <Component {...(props as StreamChatGenerics)} {...translationContext} />;\n  };\n  WithTranslationContextComponent.displayName = `WithTranslationContext${getDisplayName(\n    Component as React.ComponentType,\n  )}`;\n  return WithTranslationContextComponent;\n};\n"]}
+{"version":3,"sources":["TranslationContext.tsx"],"names":["isDayOrMoment","output","isSame","defaultTranslationContextValue","t","key","tDateTimeParser","input","TranslationContext","React","createContext","TranslationProvider","children","value","useTranslationContext","contextValue","Error","withTranslationContext","Component","WithTranslationContextComponent","props","translationContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AAMA;;AACA;;;;;;;;;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,MAAD;AAAA,SAC1BA,MAAD,CAAiCC,MAAjC,IAA2C,IADhB;AAAA,CAAtB;;;AAcP,IAAMC,8BAAuD,GAAG;AAC9DC,EAAAA,CAAC,EAAE,WAACC,GAAD;AAAA,WAAiBA,GAAjB;AAAA,GAD2D;AAE9DC,EAAAA,eAAe,EAAE,yBAACC,KAAD;AAAA,WAAW,uBAAMA,KAAN,CAAX;AAAA;AAF6C,CAAhE;;AAKO,IAAMC,kBAAkB,GAAGC,kBAAMC,aAAN,CAChCP,8BADgC,CAA3B;;;;AAIA,IAAMQ,mBAEX,GAAG,SAFQA,mBAER;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAaC,KAAb,QAAaA,KAAb;AAAA,SACH,gCAAC,kBAAD,CAAoB,QAApB;AAA6B,IAAA,KAAK,EAAEA,KAApC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAA4CD,QAA5C,CADG;AAAA,CAFE;;;;AAMA,IAAME,qBAAqB,GAAG,SAAxBA,qBAAwB,GAAM;AACzC,MAAMC,YAAY,GAAG,uBAAWP,kBAAX,CAArB;;AAEA,MAAIO,YAAY,KAAKZ,8BAAjB,IAAmD,CAAC,2CAAxD,EAA6E;AAC3E,UAAM,IAAIa,KAAJ,+UAAN;AAGD;;AAED,SAAOD,YAAP;AACD,CAVM;;;;AAYA,IAAME,sBAAsB,GAAG,SAAzBA,sBAAyB,CAGpCC,SAHoC,EAIkC;AACtE,MAAMC,+BAA+B,GAAG,SAAlCA,+BAAkC,CACtCC,KADsC,EAEnC;AACH,QAAMC,kBAAkB,GAAGP,qBAAqB,EAAhD;AAEA,WAAO,gCAAC,SAAD,gCAAgBM,KAAhB,EAAkDC,kBAAlD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,+BAA+B,CAACG,WAAhC,8BAAuE,oCACrEJ,SADqE,CAAvE;AAGA,SAAOC,+BAAP;AACD,CAhBM","sourcesContent":["import React, { useContext } from 'react';\n\nimport Dayjs from 'dayjs';\n\nimport type { TFunction } from 'i18next';\nimport type { Moment } from 'moment';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { getDisplayName } from '../utils/getDisplayName';\nimport { isTestEnvironment } from '../utils/isTestEnvironment';\n\nexport const isDayOrMoment = (output: TDateTimeParserOutput): output is Dayjs.Dayjs | Moment =>\n  (output as Dayjs.Dayjs | Moment).isSame != null;\n\nexport type TDateTimeParserInput = string | number | Date;\n\nexport type TDateTimeParserOutput = string | number | Date | Dayjs.Dayjs | Moment;\n\nexport type TDateTimeParser = (input?: TDateTimeParserInput) => TDateTimeParserOutput;\n\nexport type TranslationContextValue = {\n  t: TFunction | ((key: string) => string);\n  tDateTimeParser: TDateTimeParser;\n};\n\nconst defaultTranslationContextValue: TranslationContextValue = {\n  t: (key: string) => key,\n  tDateTimeParser: (input) => Dayjs(input),\n};\n\nexport const TranslationContext = React.createContext<TranslationContextValue>(\n  defaultTranslationContextValue,\n);\n\nexport const TranslationProvider: React.FC<{\n  value: TranslationContextValue;\n}> = ({ children, value }) => (\n  <TranslationContext.Provider value={value}>{children}</TranslationContext.Provider>\n);\n\nexport const useTranslationContext = () => {\n  const contextValue = useContext(TranslationContext);\n\n  if (contextValue === defaultTranslationContextValue && !isTestEnvironment()) {\n    throw new Error(\n      `The useTranslationContext hook was called outside the TranslationContext Provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider)(https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider`,\n    );\n  }\n\n  return contextValue;\n};\n\nexport const withTranslationContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<StreamChatGenerics>,\n): React.FC<Omit<StreamChatGenerics, keyof TranslationContextValue>> => {\n  const WithTranslationContextComponent = (\n    props: Omit<StreamChatGenerics, keyof TranslationContextValue>,\n  ) => {\n    const translationContext = useTranslationContext();\n\n    return <Component {...(props as StreamChatGenerics)} {...translationContext} />;\n  };\n  WithTranslationContextComponent.displayName = `WithTranslationContext${getDisplayName(\n    Component as React.ComponentType,\n  )}`;\n  return WithTranslationContextComponent;\n};\n"]}

package/lib/module/contexts/typingContext/TypingContext.js

@@ -11,8 +11,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _defaultBaseContextValue = require("../utils/defaultBaseContextValue");
+
 var _getDisplayName = require("../utils/getDisplayName");
 
+var _isTestEnvironment = require("../utils/isTestEnvironment");
+
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/contexts/typingContext/TypingContext.tsx";
 
@@ -20,7 +24,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var TypingContext = _react["default"].createContext({});
+var TypingContext = _react["default"].createContext(_defaultBaseContextValue.DEFAULT_BASE_CONTEXT_VALUE);
 
 exports.TypingContext = TypingContext;
 
@@ -32,7 +36,7 @@ var TypingProvider = function TypingProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 24,
+      lineNumber: 27,
       columnNumber: 3
     }
   }, children);
@@ -41,7 +45,13 @@ var TypingProvider = function TypingProvider(_ref) {
 exports.TypingProvider = TypingProvider;
 
 var useTypingContext = function useTypingContext() {
-  return (0, _react.useContext)(TypingContext);
+  var contextValue = (0, _react.useContext)(TypingContext);
+
+  if (contextValue === _defaultBaseContextValue.DEFAULT_BASE_CONTEXT_VALUE && !(0, _isTestEnvironment.isTestEnvironment)()) {
+    throw new Error("The useTypingContext hook was called outside of the TypingContext provider. Make sure you have configured Channel component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel");
+  }
+
+  return contextValue;
 };
 
 exports.useTypingContext = useTypingContext;
@@ -53,7 +63,7 @@ var withTypingContext = function withTypingContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 49,
+        lineNumber: 64,
         columnNumber: 12
       }
     }));

package/lib/module/contexts/typingContext/TypingContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TypingContext.tsx"],"names":["TypingContext","React","createContext","TypingProvider","children","value","useTypingContext","withTypingContext","Component","WithTypingContextComponent","props","typingContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAKA;;;;;;;;;AAQO,IAAMA,aAAa,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAAtB;;;;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAG5BC,QAH4B,QAG5BA,QAH4B;AAAA,MAI5BC,KAJ4B,QAI5BA,KAJ4B;AAAA,SAQ5B,gCAAC,aAAD,CAAe,QAAf;AAAwB,IAAA,KAAK,EAAEA,KAA/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAR4B;AAAA,CAAvB;;;;AAaA,IAAME,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,SAEzB,uBAAWN,aAAX,CAFyB;AAAA,CAAzB;;;;AASA,IAAMO,iBAAiB,GAAG,SAApBA,iBAAoB,CAI/BC,SAJ+B,EAKqC;AACpE,MAAMC,0BAA0B,GAAG,SAA7BA,0BAA6B,CACjCC,KADiC,EAE9B;AACH,QAAMC,aAAa,GAAGL,gBAAgB,EAAtC;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCC,aAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,0BAA0B,CAACG,WAA3B,yBAA6D,oCAAeJ,SAAf,CAA7D;AACA,SAAOC,0BAAP;AACD,CAfM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport type { ChannelState } from 'stream-chat';\n\nimport type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';\nimport { getDisplayName } from '../utils/getDisplayName';\n\nexport type TypingContextValue<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  typing: ChannelState<StreamChatGenerics>['typing'];\n};\n\nexport const TypingContext = React.createContext({} as TypingContextValue);\n\nexport const TypingProvider = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: TypingContextValue<StreamChatGenerics>;\n}>) => (\n  <TypingContext.Provider value={value as unknown as TypingContextValue}>\n    {children}\n  </TypingContext.Provider>\n);\n\nexport const useTypingContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => useContext(TypingContext) as unknown as TypingContextValue<StreamChatGenerics>;\n\n/**\n * Typescript currently does not support partial inference so if TypingContext\n * typing is desired while using the HOC withTypingContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withTypingContext = <\n  P extends UnknownType,\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof TypingContextValue<StreamChatGenerics>>> => {\n  const WithTypingContextComponent = (\n    props: Omit<P, keyof TypingContextValue<StreamChatGenerics>>,\n  ) => {\n    const typingContext = useTypingContext<StreamChatGenerics>();\n\n    return <Component {...(props as P)} {...typingContext} />;\n  };\n  WithTypingContextComponent.displayName = `WithTypingContext${getDisplayName(Component)}`;\n  return WithTypingContextComponent;\n};\n"]}
+{"version":3,"sources":["TypingContext.tsx"],"names":["TypingContext","React","createContext","DEFAULT_BASE_CONTEXT_VALUE","TypingProvider","children","value","useTypingContext","contextValue","Error","withTypingContext","Component","WithTypingContextComponent","props","typingContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAKA;;AAEA;;AACA;;;;;;;;;AAQO,IAAMA,aAAa,GAAGC,kBAAMC,aAAN,CAAoBC,mDAApB,CAAtB;;;;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAG5BC,QAH4B,QAG5BA,QAH4B;AAAA,MAI5BC,KAJ4B,QAI5BA,KAJ4B;AAAA,SAQ5B,gCAAC,aAAD,CAAe,QAAf;AAAwB,IAAA,KAAK,EAAEA,KAA/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAR4B;AAAA,CAAvB;;;;AAaA,IAAME,gBAAgB,GAAG,SAAnBA,gBAAmB,GAEzB;AACL,MAAMC,YAAY,GAAG,uBACnBR,aADmB,CAArB;;AAIA,MAAIQ,YAAY,KAAKL,mDAAjB,IAA+C,CAAC,2CAApD,EAAyE;AACvE,UAAM,IAAIM,KAAJ,4NAAN;AAGD;;AAED,SAAOD,YAAP;AACD,CAdM;;;;AAqBA,IAAME,iBAAiB,GAAG,SAApBA,iBAAoB,CAI/BC,SAJ+B,EAKqC;AACpE,MAAMC,0BAA0B,GAAG,SAA7BA,0BAA6B,CACjCC,KADiC,EAE9B;AACH,QAAMC,aAAa,GAAGP,gBAAgB,EAAtC;AAEA,WAAO,gCAAC,SAAD,gCAAgBM,KAAhB,EAAiCC,aAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,0BAA0B,CAACG,WAA3B,yBAA6D,oCAAeJ,SAAf,CAA7D;AACA,SAAOC,0BAAP;AACD,CAfM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport type { ChannelState } from 'stream-chat';\n\nimport type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';\nimport { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';\n\nimport { getDisplayName } from '../utils/getDisplayName';\nimport { isTestEnvironment } from '../utils/isTestEnvironment';\n\nexport type TypingContextValue<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  typing: ChannelState<StreamChatGenerics>['typing'];\n};\n\nexport const TypingContext = React.createContext(DEFAULT_BASE_CONTEXT_VALUE as TypingContextValue);\n\nexport const TypingProvider = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: TypingContextValue<StreamChatGenerics>;\n}>) => (\n  <TypingContext.Provider value={value as unknown as TypingContextValue}>\n    {children}\n  </TypingContext.Provider>\n);\n\nexport const useTypingContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const contextValue = useContext(\n    TypingContext,\n  ) as unknown as TypingContextValue<StreamChatGenerics>;\n\n  if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {\n    throw new Error(\n      `The useTypingContext hook was called outside of the TypingContext provider. Make sure you have configured Channel component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel`,\n    );\n  }\n\n  return contextValue;\n};\n\n/**\n * Typescript currently does not support partial inference so if TypingContext\n * typing is desired while using the HOC withTypingContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withTypingContext = <\n  P extends UnknownType,\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof TypingContextValue<StreamChatGenerics>>> => {\n  const WithTypingContextComponent = (\n    props: Omit<P, keyof TypingContextValue<StreamChatGenerics>>,\n  ) => {\n    const typingContext = useTypingContext<StreamChatGenerics>();\n\n    return <Component {...(props as P)} {...typingContext} />;\n  };\n  WithTypingContextComponent.displayName = `WithTypingContext${getDisplayName(Component)}`;\n  return WithTypingContextComponent;\n};\n"]}

package/lib/module/contexts/utils/defaultBaseContextValue.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_BASE_CONTEXT_VALUE = void 0;
+var DEFAULT_BASE_CONTEXT_VALUE = {};
+exports.DEFAULT_BASE_CONTEXT_VALUE = DEFAULT_BASE_CONTEXT_VALUE;
+//# sourceMappingURL=defaultBaseContextValue.js.map

package/lib/module/contexts/utils/defaultBaseContextValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["defaultBaseContextValue.ts"],"names":["DEFAULT_BASE_CONTEXT_VALUE"],"mappings":";;;;AAAO,IAAMA,0BAA0B,GAAG,EAAnC","sourcesContent":["export const DEFAULT_BASE_CONTEXT_VALUE = {};\n"]}