From 7bf7111cfa47d2895b89dd418a6bca11d3402ef5 Mon Sep 17 00:00:00 2001 From: Diego Mello Date: Thu, 25 Jan 2024 11:11:07 -0300 Subject: [PATCH] feat: New message composer (#5205) --- .storybook/storybook.requires.js | 2 +- __mocks__/react-native-gesture-handler.js | 5 - __mocks__/react-native-image-crop-picker.js | 3 + __mocks__/react-native-mmkv-storage.js | 3 +- __mocks__/react-navigation.js | 3 - .../List/__snapshots__/List.stories.storyshot | 12 +- .../LoginServices.stories.storyshot | 2 +- .../__snapshots__/RoomItem.stories.storyshot | 22 +- .../__snapshots__/Message.stories.storyshot | 2 +- .../CannedResponseItem.stories.storyshot | 2 +- .../__snapshots__/LoadMore.stories.storyshot | 8 +- app/AppContainer.tsx | 16 +- app/containers/AudioPlayer/index.tsx | 2 +- app/containers/EmojiPicker/EmojiSearch.tsx | 4 +- app/containers/EmojiPicker/Footer.tsx | 19 +- app/containers/EmojiPicker/PressableEmoji.tsx | 4 +- app/containers/EmojiPicker/TabBar.tsx | 10 +- app/containers/EmojiPicker/index.tsx | 2 +- app/containers/MessageActions/index.tsx | 30 +- .../MessageBox/CommandsPreview/Item.tsx | 49 - .../MessageBox/CommandsPreview/index.tsx | 48 - app/containers/MessageBox/Context.ts | 4 - app/containers/MessageBox/LeftButtons.tsx | 20 - .../MessageBox/Mentions/FixedMentionItem.tsx | 37 - .../MessageBox/Mentions/MentionEmoji.tsx | 20 - .../MessageBox/Mentions/MentionHeaderList.tsx | 49 - .../MessageBox/Mentions/MentionItem.tsx | 107 -- app/containers/MessageBox/Mentions/index.tsx | 55 - app/containers/MessageBox/RecordAudio.tsx | 255 ---- app/containers/MessageBox/ReplyPreview.tsx | 92 -- app/containers/MessageBox/RightButtons.tsx | 25 - .../MessageBox/buttons/ActionsButton.tsx | 13 - .../MessageBox/buttons/BaseButton.tsx | 34 - .../buttons/CancelEditingButton.tsx | 13 - .../MessageBox/buttons/SendButton.tsx | 24 - .../MessageBox/buttons/ToggleEmojiButton.tsx | 20 - app/containers/MessageBox/buttons/index.ts | 6 - app/containers/MessageBox/constants.ts | 9 - app/containers/MessageBox/getMentionRegexp.ts | 4 - app/containers/MessageBox/index.tsx | 1349 ----------------- app/containers/MessageBox/styles.ts | 161 -- .../MessageComposer/MessageComposer.test.tsx | 437 ++++++ .../MessageComposer/MessageComposer.tsx | 235 +++ .../MessageComposerContainer.tsx | 13 + .../components/Autocomplete/Autocomplete.tsx | 69 + .../AutocompleteCannedResponse.tsx | 39 + .../Autocomplete/AutocompleteEmoji.tsx | 22 + .../Autocomplete/AutocompleteItem.tsx | 42 + .../Autocomplete/AutocompleteItemLoading.tsx | 25 + .../Autocomplete/AutocompletePreview.tsx | 36 + .../Autocomplete/AutocompleteSlashCommand.tsx | 24 + .../Autocomplete/AutocompleteUserRoom.tsx | 38 + .../components/Autocomplete/index.ts | 1 + .../components/Autocomplete/styles.ts | 61 + .../components/Buttons/ActionsButton.tsx | 81 + .../components/Buttons/BaseButton.tsx | 42 + .../components/Buttons/MicOrSendButton.tsx | 51 + .../components/Buttons/index.ts | 3 + .../MessageComposer/components/CancelEdit.tsx | 24 + .../components/ComposerInput.tsx | 365 +++++ .../components}/EmojiKeyboard.tsx | 18 +- .../components}/EmojiSearchbar.tsx | 151 +- .../MessageComposer/components/Gap.tsx | 4 + .../components/Quotes/Quote.tsx | 95 ++ .../components/Quotes/Quotes.tsx | 14 + .../components/Quotes/index.ts | 1 + .../components/RecordAudio/CancelButton.tsx | 7 + .../components/RecordAudio/Duration.tsx | 43 + .../components/RecordAudio/RecordAudio.tsx | 191 +++ .../components/RecordAudio/ReviewButton.tsx | 37 + .../components/RecordAudio/constants.ts | 38 + .../components/RecordAudio/index.ts | 1 + .../components/RecordAudio/utils.ts | 7 + .../components/SendThreadToChannel.tsx | 98 ++ .../components/Toolbar/Container.tsx | 13 + .../components/Toolbar/Default.tsx | 43 + .../components/Toolbar/EmojiKeyboard.tsx | 26 + .../components/Toolbar/EmptySpace.tsx | 4 + .../components/Toolbar/Markdown.tsx | 44 + .../components/Toolbar/Toolbar.tsx | 38 + .../components/Toolbar/index.ts | 1 + .../components/Unfocused/Left.tsx | 22 + .../components/Unfocused/Right.tsx | 22 + .../components/Unfocused/index.ts | 2 + .../MessageComposer/components/index.ts | 8 + app/containers/MessageComposer/constants.ts | 35 + app/containers/MessageComposer/context.tsx | 195 +++ app/containers/MessageComposer/emitter.ts | 14 + .../MessageComposer/helpers/draftMessage.ts | 50 + .../helpers/fetchIsAllOrHere.ts | 3 + .../helpers}/forceJpgExtension.test.ts | 0 .../helpers}/forceJpgExtension.ts | 2 +- .../helpers}/getMentionRegexp.test.js | 2 +- .../helpers/getMentionRegexp.ts | 2 + .../MessageComposer/helpers/index.ts | 5 + .../helpers/prepareQuoteMessage.ts | 24 + app/containers/MessageComposer/hooks/index.ts | 6 + .../MessageComposer/hooks/useAutocomplete.ts | 179 +++ .../MessageComposer/hooks/useCanUploadFile.ts | 15 + .../MessageComposer/hooks/useChooseMedia.ts | 147 ++ .../hooks/useKeyboardListener.ts | 26 + .../MessageComposer/hooks/useMessage.ts | 20 + .../MessageComposer/hooks/useSubscription.ts | 23 + app/containers/MessageComposer/index.tsx | 2 + app/containers/MessageComposer/interfaces.ts | 106 ++ app/containers/Status/index.tsx | 2 +- app/containers/message/Message.tsx | 10 +- app/containers/message/index.tsx | 17 +- app/containers/message/interfaces.ts | 1 + app/definitions/IMessage.ts | 2 + app/definitions/ISearch.ts | 4 + app/definitions/ISlashCommand.ts | 2 +- app/definitions/index.ts | 5 + app/externalModules.d.ts | 1 + app/i18n/locales/ar.json | 22 + app/i18n/locales/bn-IN.json | 2 +- app/i18n/locales/de.json | 24 +- app/i18n/locales/en.json | 38 +- app/i18n/locales/es.json | 22 + app/i18n/locales/fi.json | 24 +- app/i18n/locales/fr.json | 24 +- app/i18n/locales/hi-IN.json | 2 +- app/i18n/locales/hu.json | 2 +- app/i18n/locales/it.json | 22 +- app/i18n/locales/ja.json | 22 + app/i18n/locales/nl.json | 24 +- app/i18n/locales/pt-BR.json | 28 +- app/i18n/locales/pt-PT.json | 23 +- app/i18n/locales/ru.json | 24 +- app/i18n/locales/sl-SI.json | 22 +- app/i18n/locales/sv.json | 24 +- app/i18n/locales/ta-IN.json | 2 +- app/i18n/locales/te-IN.json | 2 +- app/i18n/locales/tr.json | 22 +- app/i18n/locales/zh-CN.json | 2 +- app/i18n/locales/zh-TW.json | 24 +- app/lib/constants/colors.ts | 222 ++- app/lib/hooks/index.ts | 3 +- app/lib/hooks/usePermissions.ts | 2 +- app/lib/hooks/usePrevious.ts | 11 + app/lib/methods/search.ts | 2 +- app/lib/services/restApi.ts | 4 +- app/sagas/messages.js | 4 +- app/sagas/room.js | 39 +- app/stacks/types.ts | 34 +- app/views/CannedResponseDetail.tsx | 2 +- .../CannedResponseItem.stories.tsx | 4 +- .../CannedResponseItem.tsx | 2 +- app/views/RoomView/List/hooks/useMessages.ts | 12 +- app/views/RoomView/ReactionPicker.tsx | 8 +- app/views/RoomView/constants.ts | 45 + app/views/RoomView/context.ts | 21 + app/views/RoomView/definitions.ts | 61 + app/views/RoomView/index.tsx | 393 ++--- app/views/ShareView/Preview.tsx | 4 +- app/views/ShareView/Thumbs.tsx | 6 +- app/views/ShareView/index.tsx | 116 +- app/views/UserPreferencesView/index.tsx | 2 +- e2e/helpers/app.ts | 10 +- e2e/tests/assorted/01-e2eencryption.spec.ts | 6 +- e2e/tests/assorted/02-broadcast.spec.ts | 15 +- e2e/tests/assorted/05-joinpublicroom.spec.ts | 8 +- .../assorted/08-joinprotectedroom.spec.ts | 7 +- e2e/tests/room/02-room.spec.ts | 799 ++++------ e2e/tests/room/04-discussion.spec.ts | 12 +- e2e/tests/room/05-threads.spec.ts | 81 +- e2e/tests/room/08-roominfo.spec.ts | 2 +- e2e/tests/room/10-ignoreuser.spec.ts | 2 +- ...slate.spec.ts => 12-autotranslate.spec.ts} | 5 +- index.js | 1 - ios/RocketChatRN.xcodeproj/project.pbxproj | 436 +++--- jest.preset.js | 2 +- jest.setup.ts => jest.setup.js | 38 +- package.json | 11 +- patches/react-native-ui-lib+7.0.0.patch | 65 +- yarn.lock | 66 +- 176 files changed, 5133 insertions(+), 3812 deletions(-) delete mode 100644 __mocks__/react-native-gesture-handler.js create mode 100644 __mocks__/react-native-image-crop-picker.js delete mode 100644 __mocks__/react-navigation.js delete mode 100644 app/containers/MessageBox/CommandsPreview/Item.tsx delete mode 100644 app/containers/MessageBox/CommandsPreview/index.tsx delete mode 100644 app/containers/MessageBox/Context.ts delete mode 100644 app/containers/MessageBox/LeftButtons.tsx delete mode 100644 app/containers/MessageBox/Mentions/FixedMentionItem.tsx delete mode 100644 app/containers/MessageBox/Mentions/MentionEmoji.tsx delete mode 100644 app/containers/MessageBox/Mentions/MentionHeaderList.tsx delete mode 100644 app/containers/MessageBox/Mentions/MentionItem.tsx delete mode 100644 app/containers/MessageBox/Mentions/index.tsx delete mode 100644 app/containers/MessageBox/RecordAudio.tsx delete mode 100644 app/containers/MessageBox/ReplyPreview.tsx delete mode 100644 app/containers/MessageBox/RightButtons.tsx delete mode 100644 app/containers/MessageBox/buttons/ActionsButton.tsx delete mode 100644 app/containers/MessageBox/buttons/BaseButton.tsx delete mode 100644 app/containers/MessageBox/buttons/CancelEditingButton.tsx delete mode 100644 app/containers/MessageBox/buttons/SendButton.tsx delete mode 100644 app/containers/MessageBox/buttons/ToggleEmojiButton.tsx delete mode 100644 app/containers/MessageBox/buttons/index.ts delete mode 100644 app/containers/MessageBox/constants.ts delete mode 100644 app/containers/MessageBox/getMentionRegexp.ts delete mode 100644 app/containers/MessageBox/index.tsx delete mode 100644 app/containers/MessageBox/styles.ts create mode 100644 app/containers/MessageComposer/MessageComposer.test.tsx create mode 100644 app/containers/MessageComposer/MessageComposer.tsx create mode 100644 app/containers/MessageComposer/MessageComposerContainer.tsx create mode 100644 app/containers/MessageComposer/components/Autocomplete/Autocomplete.tsx create mode 100644 app/containers/MessageComposer/components/Autocomplete/AutocompleteCannedResponse.tsx create mode 100644 app/containers/MessageComposer/components/Autocomplete/AutocompleteEmoji.tsx create mode 100644 app/containers/MessageComposer/components/Autocomplete/AutocompleteItem.tsx create mode 100644 app/containers/MessageComposer/components/Autocomplete/AutocompleteItemLoading.tsx create mode 100644 app/containers/MessageComposer/components/Autocomplete/AutocompletePreview.tsx create mode 100644 app/containers/MessageComposer/components/Autocomplete/AutocompleteSlashCommand.tsx create mode 100644 app/containers/MessageComposer/components/Autocomplete/AutocompleteUserRoom.tsx create mode 100644 app/containers/MessageComposer/components/Autocomplete/index.ts create mode 100644 app/containers/MessageComposer/components/Autocomplete/styles.ts create mode 100644 app/containers/MessageComposer/components/Buttons/ActionsButton.tsx create mode 100644 app/containers/MessageComposer/components/Buttons/BaseButton.tsx create mode 100644 app/containers/MessageComposer/components/Buttons/MicOrSendButton.tsx create mode 100644 app/containers/MessageComposer/components/Buttons/index.ts create mode 100644 app/containers/MessageComposer/components/CancelEdit.tsx create mode 100644 app/containers/MessageComposer/components/ComposerInput.tsx rename app/containers/{MessageBox => MessageComposer/components}/EmojiKeyboard.tsx (60%) rename app/containers/{MessageBox => MessageComposer/components}/EmojiSearchbar.tsx (58%) create mode 100644 app/containers/MessageComposer/components/Gap.tsx create mode 100644 app/containers/MessageComposer/components/Quotes/Quote.tsx create mode 100644 app/containers/MessageComposer/components/Quotes/Quotes.tsx create mode 100644 app/containers/MessageComposer/components/Quotes/index.ts create mode 100644 app/containers/MessageComposer/components/RecordAudio/CancelButton.tsx create mode 100644 app/containers/MessageComposer/components/RecordAudio/Duration.tsx create mode 100644 app/containers/MessageComposer/components/RecordAudio/RecordAudio.tsx create mode 100644 app/containers/MessageComposer/components/RecordAudio/ReviewButton.tsx create mode 100644 app/containers/MessageComposer/components/RecordAudio/constants.ts create mode 100644 app/containers/MessageComposer/components/RecordAudio/index.ts create mode 100644 app/containers/MessageComposer/components/RecordAudio/utils.ts create mode 100644 app/containers/MessageComposer/components/SendThreadToChannel.tsx create mode 100644 app/containers/MessageComposer/components/Toolbar/Container.tsx create mode 100644 app/containers/MessageComposer/components/Toolbar/Default.tsx create mode 100644 app/containers/MessageComposer/components/Toolbar/EmojiKeyboard.tsx create mode 100644 app/containers/MessageComposer/components/Toolbar/EmptySpace.tsx create mode 100644 app/containers/MessageComposer/components/Toolbar/Markdown.tsx create mode 100644 app/containers/MessageComposer/components/Toolbar/Toolbar.tsx create mode 100644 app/containers/MessageComposer/components/Toolbar/index.ts create mode 100644 app/containers/MessageComposer/components/Unfocused/Left.tsx create mode 100644 app/containers/MessageComposer/components/Unfocused/Right.tsx create mode 100644 app/containers/MessageComposer/components/Unfocused/index.ts create mode 100644 app/containers/MessageComposer/components/index.ts create mode 100644 app/containers/MessageComposer/constants.ts create mode 100644 app/containers/MessageComposer/context.tsx create mode 100644 app/containers/MessageComposer/emitter.ts create mode 100644 app/containers/MessageComposer/helpers/draftMessage.ts create mode 100644 app/containers/MessageComposer/helpers/fetchIsAllOrHere.ts rename app/containers/{MessageBox => MessageComposer/helpers}/forceJpgExtension.test.ts (100%) rename app/containers/{MessageBox => MessageComposer/helpers}/forceJpgExtension.ts (89%) rename app/containers/{MessageBox => MessageComposer/helpers}/getMentionRegexp.test.js (97%) create mode 100644 app/containers/MessageComposer/helpers/getMentionRegexp.ts create mode 100644 app/containers/MessageComposer/helpers/index.ts create mode 100644 app/containers/MessageComposer/helpers/prepareQuoteMessage.ts create mode 100644 app/containers/MessageComposer/hooks/index.ts create mode 100644 app/containers/MessageComposer/hooks/useAutocomplete.ts create mode 100644 app/containers/MessageComposer/hooks/useCanUploadFile.ts create mode 100644 app/containers/MessageComposer/hooks/useChooseMedia.ts create mode 100644 app/containers/MessageComposer/hooks/useKeyboardListener.ts create mode 100644 app/containers/MessageComposer/hooks/useMessage.ts create mode 100644 app/containers/MessageComposer/hooks/useSubscription.ts create mode 100644 app/containers/MessageComposer/index.tsx create mode 100644 app/containers/MessageComposer/interfaces.ts create mode 100644 app/lib/hooks/usePrevious.ts create mode 100644 app/views/RoomView/constants.ts create mode 100644 app/views/RoomView/context.ts create mode 100644 app/views/RoomView/definitions.ts rename e2e/tests/room/{11-autoTranslate.spec.ts => 12-autotranslate.spec.ts} (98%) rename jest.setup.ts => jest.setup.js (74%) diff --git a/.storybook/storybook.requires.js b/.storybook/storybook.requires.js index 40df7c501..d5376bcfc 100644 --- a/.storybook/storybook.requires.js +++ b/.storybook/storybook.requires.js @@ -23,13 +23,13 @@ const getStories = () => { require("../app/containers/BackgroundContainer/index.stories.tsx"), require("../app/containers/Button/Button.stories.tsx"), require("../app/containers/Chip/Chip.stories.tsx"), + require("../app/containers/CollapsibleText/CollapsibleText.stories.tsx"), require("../app/containers/HeaderButton/HeaderButtons.stories.tsx"), require("../app/containers/List/List.stories.tsx"), require("../app/containers/LoginServices/LoginServices.stories.tsx"), require("../app/containers/markdown/Markdown.stories.tsx"), require("../app/containers/markdown/new/NewMarkdown.stories.tsx"), require("../app/containers/message/Components/CollapsibleQuote/CollapsibleQuote.stories.tsx"), - require("../app/containers/CollapsibleText/CollapsibleText.stories.tsx"), require("../app/containers/message/Message.stories.tsx"), require("../app/containers/ReactionsList/ReactionsList.stories.tsx"), require("../app/containers/RoomHeader/RoomHeader.stories.tsx"), diff --git a/__mocks__/react-native-gesture-handler.js b/__mocks__/react-native-gesture-handler.js deleted file mode 100644 index 349fd1210..000000000 --- a/__mocks__/react-native-gesture-handler.js +++ /dev/null @@ -1,5 +0,0 @@ -export const RectButton = ({ children }) => children; -export const State = () => 'View'; -export const LongPressGestureHandler = ({ children }) => children; -export const BorderlessButton = ({ children }) => children; -export const PanGestureHandler = ({ children }) => children; diff --git a/__mocks__/react-native-image-crop-picker.js b/__mocks__/react-native-image-crop-picker.js new file mode 100644 index 000000000..3ffd0762d --- /dev/null +++ b/__mocks__/react-native-image-crop-picker.js @@ -0,0 +1,3 @@ +export default { + openPicker: jest.fn().mockImplementation(() => Promise.resolve()) +}; diff --git a/__mocks__/react-native-mmkv-storage.js b/__mocks__/react-native-mmkv-storage.js index dc6aa0f4f..29b28d289 100644 --- a/__mocks__/react-native-mmkv-storage.js +++ b/__mocks__/react-native-mmkv-storage.js @@ -1,6 +1,7 @@ export class MMKVLoader { + // eslint-disable-next-line no-useless-constructor constructor() { - console.log('MMKVLoader constructor mock'); + // console.log('MMKVLoader constructor mock'); } setProcessingMode = jest.fn().mockImplementation(() => ({ diff --git a/__mocks__/react-navigation.js b/__mocks__/react-navigation.js deleted file mode 100644 index b4a63c8a4..000000000 --- a/__mocks__/react-navigation.js +++ /dev/null @@ -1,3 +0,0 @@ -export default { - NavigationActions: () => {} -}; diff --git a/__tests__/containers/List/__snapshots__/List.stories.storyshot b/__tests__/containers/List/__snapshots__/List.stories.storyshot index cfe473f07..a14ea9348 100644 --- a/__tests__/containers/List/__snapshots__/List.stories.storyshot +++ b/__tests__/containers/List/__snapshots__/List.stories.storyshot @@ -6,7 +6,7 @@ exports[`Storyshots List Header 1`] = `"{\\"type\\":\\"RCTScrollView\\",\\"props exports[`Storyshots List Icon 1`] = `"{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"contentContainerStyle\\":{\\"paddingVertical\\":16},\\"scrollIndicatorInsets\\":{\\"right\\":1},\\"keyboardShouldPersistTaps\\":\\"handled\\",\\"keyboardDismissMode\\":\\"interactive\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}"`; -exports[`Storyshots List Pressable 1`] = `"{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"contentContainerStyle\\":{\\"paddingVertical\\":16},\\"scrollIndicatorInsets\\":{\\"right\\":1},\\"keyboardShouldPersistTaps\\":\\"handled\\",\\"keyboardDismissMode\\":\\"interactive\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Press me\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},{\\"opacity\\":0.3},{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"I'm disabled\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null}]}]}"`; +exports[`Storyshots List Pressable 1`] = `"{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"contentContainerStyle\\":{\\"paddingVertical\\":16},\\"scrollIndicatorInsets\\":{\\"right\\":1},\\"keyboardShouldPersistTaps\\":\\"handled\\",\\"keyboardDismissMode\\":\\"interactive\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"enabled\\":true,\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":1},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Press me\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"enabled\\":false,\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":2},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},{\\"opacity\\":0.3},{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"I'm disabled\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null}]}]}"`; exports[`Storyshots List Section And Info 1`] = `"{\\"type\\":\\"RNCSafeAreaView\\",\\"props\\":{\\"style\\":[{\\"flex\\":1},{\\"backgroundColor\\":\\"#efeff4\\"},null],\\"edges\\":[\\"right\\",\\"left\\"]},\\"children\\":[{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"contentContainerStyle\\":{\\"paddingVertical\\":16},\\"scrollIndicatorInsets\\":{\\"right\\":1},\\"keyboardShouldPersistTaps\\":\\"handled\\",\\"keyboardDismissMode\\":\\"interactive\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginBottom\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Section Item\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Section Item\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginBottom\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Section Item\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Section Item\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginBottom\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingVertical\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Section Item\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Section Item\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingTop\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}]},\\"children\\":[\\"Chats\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginBottom\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingVertical\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Section Item\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Section Item\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingTop\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}]},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]}]}]}]}]}]}"`; @@ -14,16 +14,16 @@ exports[`Storyshots List Separator 1`] = `"{\\"type\\":\\"RCTScrollView\\",\\"pr exports[`Storyshots List Title And Subtitle 1`] = `"{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"contentContainerStyle\\":{\\"paddingVertical\\":16},\\"scrollIndicatorInsets\\":{\\"right\\":1},\\"keyboardShouldPersistTaps\\":\\"handled\\",\\"keyboardDismissMode\\":\\"interactive\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}],\\"testID\\":\\"test-id\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null}]}]}"`; -exports[`Storyshots List With Bigger Font 1`] = `"{\\"type\\":\\"RNCSafeAreaView\\",\\"props\\":{\\"style\\":[{\\"flex\\":1},{\\"backgroundColor\\":\\"#efeff4\\"},null],\\"edges\\":[\\"right\\",\\"left\\"]},\\"children\\":[{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"contentContainerStyle\\":{\\"paddingVertical\\":16},\\"scrollIndicatorInsets\\":{\\"right\\":1},\\"keyboardShouldPersistTaps\\":\\"handled\\",\\"keyboardDismissMode\\":\\"interactive\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginBottom\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingVertical\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":69}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},{\\"opacity\\":0.3},{\\"height\\":69}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingTop\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}]},\\"children\\":[\\"Chats\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginBottom\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingVertical\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":69}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},{\\"opacity\\":0.3},{\\"height\\":69}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingTop\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}]},\\"children\\":[\\"Chats\\"]}]}]}]}]}]}"`; +exports[`Storyshots List With Bigger Font 1`] = `"{\\"type\\":\\"RNCSafeAreaView\\",\\"props\\":{\\"style\\":[{\\"flex\\":1},{\\"backgroundColor\\":\\"#efeff4\\"},null],\\"edges\\":[\\"right\\",\\"left\\"]},\\"children\\":[{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"contentContainerStyle\\":{\\"paddingVertical\\":16},\\"scrollIndicatorInsets\\":{\\"right\\":1},\\"keyboardShouldPersistTaps\\":\\"handled\\",\\"keyboardDismissMode\\":\\"interactive\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginBottom\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingVertical\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"enabled\\":true,\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":16},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":69}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"enabled\\":false,\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":17},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},{\\"opacity\\":0.3},{\\"height\\":69}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingTop\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}]},\\"children\\":[\\"Chats\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginBottom\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingVertical\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"enabled\\":true,\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":18},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":69}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"enabled\\":false,\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":19},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},{\\"opacity\\":0.3},{\\"height\\":69}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingTop\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}]},\\"children\\":[\\"Chats\\"]}]}]}]}]}]}"`; -exports[`Storyshots List With Black Theme 1`] = `"{\\"type\\":\\"RNCSafeAreaView\\",\\"props\\":{\\"style\\":[{\\"flex\\":1},{\\"backgroundColor\\":\\"#080808\\"},null],\\"edges\\":[\\"right\\",\\"left\\"]},\\"children\\":[{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"contentContainerStyle\\":{\\"paddingVertical\\":16},\\"scrollIndicatorInsets\\":{\\"right\\":1},\\"keyboardShouldPersistTaps\\":\\"handled\\",\\"keyboardDismissMode\\":\\"interactive\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginBottom\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingVertical\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#272728\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#b2b8c6\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#b2b8c6\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#b2b8c6\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#272728\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},{\\"opacity\\":0.3},{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#b2b8c6\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#b2b8c6\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#b2b8c6\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#272728\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingTop\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}]},\\"children\\":[\\"Chats\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginBottom\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingVertical\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#272728\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#b2b8c6\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#b2b8c6\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#b2b8c6\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#272728\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},{\\"opacity\\":0.3},{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#b2b8c6\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#b2b8c6\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#b2b8c6\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#272728\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingTop\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}]},\\"children\\":[\\"Chats\\"]}]}]}]}]}]}"`; +exports[`Storyshots List With Black Theme 1`] = `"{\\"type\\":\\"RNCSafeAreaView\\",\\"props\\":{\\"style\\":[{\\"flex\\":1},{\\"backgroundColor\\":\\"#080808\\"},null],\\"edges\\":[\\"right\\",\\"left\\"]},\\"children\\":[{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"contentContainerStyle\\":{\\"paddingVertical\\":16},\\"scrollIndicatorInsets\\":{\\"right\\":1},\\"keyboardShouldPersistTaps\\":\\"handled\\",\\"keyboardDismissMode\\":\\"interactive\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginBottom\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingVertical\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#272728\\"}]},\\"children\\":null},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4280230697,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#1f2329\\",\\"enabled\\":true,\\"style\\":{\\"backgroundColor\\":\\"#000000\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":8},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#1f2329\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#b2b8c6\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#b2b8c6\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#b2b8c6\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#272728\\"}]},\\"children\\":null},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4280230697,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#1f2329\\",\\"enabled\\":false,\\"style\\":{\\"backgroundColor\\":\\"#000000\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":9},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#1f2329\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},{\\"opacity\\":0.3},{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#b2b8c6\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#b2b8c6\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#b2b8c6\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#272728\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingTop\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}]},\\"children\\":[\\"Chats\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginBottom\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingVertical\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#272728\\"}]},\\"children\\":null},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4280230697,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#1f2329\\",\\"enabled\\":true,\\"style\\":{\\"backgroundColor\\":\\"#000000\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":10},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#1f2329\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#b2b8c6\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#b2b8c6\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#b2b8c6\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#272728\\"}]},\\"children\\":null},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4280230697,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#1f2329\\",\\"enabled\\":false,\\"style\\":{\\"backgroundColor\\":\\"#000000\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":11},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#1f2329\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},{\\"opacity\\":0.3},{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#b2b8c6\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#b2b8c6\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#b2b8c6\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#272728\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingTop\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}]},\\"children\\":[\\"Chats\\"]}]}]}]}]}]}"`; -exports[`Storyshots List With Custom Colors 1`] = `"{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"contentContainerStyle\\":{\\"paddingVertical\\":16},\\"scrollIndicatorInsets\\":{\\"right\\":1},\\"keyboardShouldPersistTaps\\":\\"handled\\",\\"keyboardDismissMode\\":\\"interactive\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"red\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"white\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Press me!\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null}]}]}"`; +exports[`Storyshots List With Custom Colors 1`] = `"{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"contentContainerStyle\\":{\\"paddingVertical\\":16},\\"scrollIndicatorInsets\\":{\\"right\\":1},\\"keyboardShouldPersistTaps\\":\\"handled\\",\\"keyboardDismissMode\\":\\"interactive\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"red\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"green\\",\\"enabled\\":true,\\"style\\":{\\"backgroundColor\\":\\"red\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":3},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"green\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"white\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Press me!\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null}]}]}"`; -exports[`Storyshots List With Dark Theme 1`] = `"{\\"type\\":\\"RNCSafeAreaView\\",\\"props\\":{\\"style\\":[{\\"flex\\":1},{\\"backgroundColor\\":\\"#07101e\\"},null],\\"edges\\":[\\"right\\",\\"left\\"]},\\"children\\":[{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"contentContainerStyle\\":{\\"paddingVertical\\":16},\\"scrollIndicatorInsets\\":{\\"right\\":1},\\"keyboardShouldPersistTaps\\":\\"handled\\",\\"keyboardDismissMode\\":\\"interactive\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginBottom\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingVertical\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6D6D72\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#2b2b2d\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9297a2\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9297a2\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9297a2\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#2b2b2d\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},{\\"opacity\\":0.3},{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9297a2\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9297a2\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9297a2\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#2b2b2d\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingTop\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6D6D72\\"}]},\\"children\\":[\\"Chats\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginBottom\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingVertical\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6D6D72\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#2b2b2d\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9297a2\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9297a2\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9297a2\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#2b2b2d\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},{\\"opacity\\":0.3},{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9297a2\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9297a2\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9297a2\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#2b2b2d\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingTop\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6D6D72\\"}]},\\"children\\":[\\"Chats\\"]}]}]}]}]}]}"`; +exports[`Storyshots List With Dark Theme 1`] = `"{\\"type\\":\\"RNCSafeAreaView\\",\\"props\\":{\\"style\\":[{\\"flex\\":1},{\\"backgroundColor\\":\\"#07101e\\"},null],\\"edges\\":[\\"right\\",\\"left\\"]},\\"children\\":[{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"contentContainerStyle\\":{\\"paddingVertical\\":16},\\"scrollIndicatorInsets\\":{\\"right\\":1},\\"keyboardShouldPersistTaps\\":\\"handled\\",\\"keyboardDismissMode\\":\\"interactive\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginBottom\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingVertical\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6D6D72\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#2b2b2d\\"}]},\\"children\\":null},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4279115576,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#0e1f38\\",\\"enabled\\":true,\\"style\\":{\\"backgroundColor\\":\\"#030b1b\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":4},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#0e1f38\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9297a2\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9297a2\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9297a2\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#2b2b2d\\"}]},\\"children\\":null},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4279115576,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#0e1f38\\",\\"enabled\\":false,\\"style\\":{\\"backgroundColor\\":\\"#030b1b\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":5},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#0e1f38\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},{\\"opacity\\":0.3},{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9297a2\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9297a2\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9297a2\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#2b2b2d\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingTop\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6D6D72\\"}]},\\"children\\":[\\"Chats\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginBottom\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingVertical\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6D6D72\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#2b2b2d\\"}]},\\"children\\":null},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4279115576,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#0e1f38\\",\\"enabled\\":true,\\"style\\":{\\"backgroundColor\\":\\"#030b1b\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":6},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#0e1f38\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9297a2\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9297a2\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9297a2\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#2b2b2d\\"}]},\\"children\\":null},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4279115576,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#0e1f38\\",\\"enabled\\":false,\\"style\\":{\\"backgroundColor\\":\\"#030b1b\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":7},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#0e1f38\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},{\\"opacity\\":0.3},{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9297a2\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9297a2\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9297a2\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#2b2b2d\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingTop\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6D6D72\\"}]},\\"children\\":[\\"Chats\\"]}]}]}]}]}]}"`; exports[`Storyshots List With Flat List 1`] = `"{\\"type\\":\\"RNCSafeAreaView\\",\\"props\\":{\\"style\\":[{\\"flex\\":1},{\\"backgroundColor\\":\\"#efeff4\\"},null],\\"edges\\":[\\"right\\",\\"left\\"]},\\"children\\":[{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"data\\":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29],\\"contentContainerStyle\\":{\\"paddingVertical\\":16},\\"ListHeaderComponent\\":{\\"compare\\":null},\\"ListFooterComponent\\":{\\"compare\\":null},\\"ItemSeparatorComponent\\":{\\"compare\\":null},\\"viewabilityConfigCallbackPairs\\":[],\\"removeClippedSubviews\\":false,\\"scrollEventThrottle\\":50,\\"stickyHeaderIndices\\":[]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":null},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"0\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":null},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":null},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"2\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":null},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"3\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":null},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"4\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":null},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"5\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":null},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"6\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":null},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"7\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":null},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"8\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":null},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"9\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"height\\":0}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null}]}]}]}]}"`; exports[`Storyshots List With Icon 1`] = `"{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"contentContainerStyle\\":{\\"paddingVertical\\":16},\\"scrollIndicatorInsets\\":{\\"right\\":1},\\"keyboardShouldPersistTaps\\":\\"handled\\",\\"keyboardDismissMode\\":\\"interactive\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Icon Left\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Icon Right\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":92}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Show Action Indicator\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null}]}]}"`; -exports[`Storyshots List With Small Font 1`] = `"{\\"type\\":\\"RNCSafeAreaView\\",\\"props\\":{\\"style\\":[{\\"flex\\":1},{\\"backgroundColor\\":\\"#efeff4\\"},null],\\"edges\\":[\\"right\\",\\"left\\"]},\\"children\\":[{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"contentContainerStyle\\":{\\"paddingVertical\\":16},\\"scrollIndicatorInsets\\":{\\"right\\":1},\\"keyboardShouldPersistTaps\\":\\"handled\\",\\"keyboardDismissMode\\":\\"interactive\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginBottom\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingVertical\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":36.800000000000004}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},{\\"opacity\\":0.3},{\\"height\\":36.800000000000004}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingTop\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}]},\\"children\\":[\\"Chats\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginBottom\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingVertical\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":36.800000000000004}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},{\\"opacity\\":0.3},{\\"height\\":36.800000000000004}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingTop\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}]},\\"children\\":[\\"Chats\\"]}]}]}]}]}]}"`; +exports[`Storyshots List With Small Font 1`] = `"{\\"type\\":\\"RNCSafeAreaView\\",\\"props\\":{\\"style\\":[{\\"flex\\":1},{\\"backgroundColor\\":\\"#efeff4\\"},null],\\"edges\\":[\\"right\\",\\"left\\"]},\\"children\\":[{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"contentContainerStyle\\":{\\"paddingVertical\\":16},\\"scrollIndicatorInsets\\":{\\"right\\":1},\\"keyboardShouldPersistTaps\\":\\"handled\\",\\"keyboardDismissMode\\":\\"interactive\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginBottom\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingVertical\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"enabled\\":true,\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":12},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":36.800000000000004}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"enabled\\":false,\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":13},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},{\\"opacity\\":0.3},{\\"height\\":36.800000000000004}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingTop\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}]},\\"children\\":[\\"Chats\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginBottom\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingVertical\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"enabled\\":true,\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":14},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},null,{\\"height\\":36.800000000000004}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"enabled\\":false,\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":15},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":12},{\\"opacity\\":0.3},{\\"height\\":36.800000000000004}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingRight\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Chats\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"All\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingLeft\\":12}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#9ca2a8\\"},[{\\"lineHeight\\":20},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":0.5},null,{\\"backgroundColor\\":\\"#cbcbcc\\"}]},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"paddingTop\\":8,\\"paddingHorizontal\\":12}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6d6d72\\"}]},\\"children\\":[\\"Chats\\"]}]}]}]}]}]}"`; diff --git a/__tests__/containers/LoginServices/__snapshots__/LoginServices.stories.storyshot b/__tests__/containers/LoginServices/__snapshots__/LoginServices.stories.storyshot index 67eb2a08c..1b105534a 100644 --- a/__tests__/containers/LoginServices/__snapshots__/LoginServices.stories.storyshot +++ b/__tests__/containers/LoginServices/__snapshots__/LoginServices.stories.storyshot @@ -2,4 +2,4 @@ exports[`Storyshots Login Services Separators 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityLabel\\":\\"More options\\",\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"paddingHorizontal\\":14,\\"justifyContent\\":\\"center\\",\\"height\\":48,\\"borderRadius\\":4,\\"marginBottom\\":0,\\"backgroundColor\\":\\"#ffffff\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"textAlign\\":\\"center\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#1d74f5\\",\\"fontSize\\":16},null]},\\"children\\":[\\"More options\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"marginVertical\\":24}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":1,\\"flex\\":1},{\\"backgroundColor\\":\\"#e1e5e8\\"}]},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"marginLeft\\":14,\\"marginRight\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#9ca2a8\\"}]},\\"children\\":[\\"OR\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":1,\\"flex\\":1},{\\"backgroundColor\\":\\"#e1e5e8\\"}]},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityLabel\\":\\"Less options\\",\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"paddingHorizontal\\":14,\\"justifyContent\\":\\"center\\",\\"height\\":48,\\"borderRadius\\":4,\\"marginBottom\\":0,\\"backgroundColor\\":\\"#ffffff\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"textAlign\\":\\"center\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#1d74f5\\",\\"fontSize\\":16},null]},\\"children\\":[\\"Less options\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"marginVertical\\":24}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":1,\\"flex\\":1},{\\"backgroundColor\\":\\"#e1e5e8\\"}]},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"marginLeft\\":14,\\"marginRight\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#9ca2a8\\"}]},\\"children\\":[\\"OR\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":1,\\"flex\\":1},{\\"backgroundColor\\":\\"#e1e5e8\\"}]},\\"children\\":null}]}]"`; -exports[`Storyshots Login Services Service List 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"borderRadius\\":4,\\"width\\":\\"100%\\",\\"height\\":48,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":15}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":24},{\\"position\\":\\"absolute\\",\\"left\\":15,\\"top\\":12,\\"width\\":24,\\"height\\":24}],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\",\\"fontSize\\":16},{\\"color\\":\\"#0d0e12\\"}]},\\"children\\":[\\"Continue with\\",\\" \\",{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"}},\\"children\\":[\\"github\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"borderRadius\\":4,\\"width\\":\\"100%\\",\\"height\\":48,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":15}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":24},{\\"position\\":\\"absolute\\",\\"left\\":15,\\"top\\":12,\\"width\\":24,\\"height\\":24}],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\",\\"fontSize\\":16},{\\"color\\":\\"#0d0e12\\"}]},\\"children\\":[\\"Continue with\\",\\" \\",{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"}},\\"children\\":[\\"gitlab\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"borderRadius\\":4,\\"width\\":\\"100%\\",\\"height\\":48,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":15}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":24},{\\"position\\":\\"absolute\\",\\"left\\":15,\\"top\\":12,\\"width\\":24,\\"height\\":24}],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\",\\"fontSize\\":16},{\\"color\\":\\"#0d0e12\\"}]},\\"children\\":[\\"Continue with\\",\\" \\",{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"}},\\"children\\":[\\"google\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"borderRadius\\":4,\\"width\\":\\"100%\\",\\"height\\":48,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":15}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":24},{\\"position\\":\\"absolute\\",\\"left\\":15,\\"top\\":12,\\"width\\":24,\\"height\\":24}],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\",\\"fontSize\\":16},{\\"color\\":\\"#0d0e12\\"}]},\\"children\\":[\\"Continue with\\",\\" \\",{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"}},\\"children\\":[\\"apple\\"]}]}]}]"`; +exports[`Storyshots Login Services Service List 1`] = `"[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":0.5,\\"underlayColor\\":\\"#ffffff\\",\\"style\\":{\\"borderRadius\\":4,\\"marginBottom\\":10,\\"backgroundColor\\":\\"#f3f4f5\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":20},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#ffffff\\",\\"borderRadius\\":4}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"borderRadius\\":4,\\"width\\":\\"100%\\",\\"height\\":48,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":15}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":24},{\\"position\\":\\"absolute\\",\\"left\\":15,\\"top\\":12,\\"width\\":24,\\"height\\":24}],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\",\\"fontSize\\":16},{\\"color\\":\\"#0d0e12\\"}]},\\"children\\":[\\"Continue with\\",\\" \\",{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"}},\\"children\\":[\\"github\\"]}]}]}]},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":0.5,\\"underlayColor\\":\\"#ffffff\\",\\"style\\":{\\"borderRadius\\":4,\\"marginBottom\\":10,\\"backgroundColor\\":\\"#f3f4f5\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":21},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#ffffff\\",\\"borderRadius\\":4}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"borderRadius\\":4,\\"width\\":\\"100%\\",\\"height\\":48,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":15}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":24},{\\"position\\":\\"absolute\\",\\"left\\":15,\\"top\\":12,\\"width\\":24,\\"height\\":24}],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\",\\"fontSize\\":16},{\\"color\\":\\"#0d0e12\\"}]},\\"children\\":[\\"Continue with\\",\\" \\",{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"}},\\"children\\":[\\"gitlab\\"]}]}]}]},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":0.5,\\"underlayColor\\":\\"#ffffff\\",\\"style\\":{\\"borderRadius\\":4,\\"marginBottom\\":10,\\"backgroundColor\\":\\"#f3f4f5\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":22},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#ffffff\\",\\"borderRadius\\":4}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"borderRadius\\":4,\\"width\\":\\"100%\\",\\"height\\":48,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":15}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":24},{\\"position\\":\\"absolute\\",\\"left\\":15,\\"top\\":12,\\"width\\":24,\\"height\\":24}],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\",\\"fontSize\\":16},{\\"color\\":\\"#0d0e12\\"}]},\\"children\\":[\\"Continue with\\",\\" \\",{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"}},\\"children\\":[\\"google\\"]}]}]}]},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":0.5,\\"underlayColor\\":\\"#ffffff\\",\\"style\\":{\\"borderRadius\\":4,\\"marginBottom\\":10,\\"backgroundColor\\":\\"#f3f4f5\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":23},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#ffffff\\",\\"borderRadius\\":4}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"borderRadius\\":4,\\"width\\":\\"100%\\",\\"height\\":48,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"paddingHorizontal\\":15}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":24},{\\"position\\":\\"absolute\\",\\"left\\":15,\\"top\\":12,\\"width\\":24,\\"height\\":24}],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\",\\"fontSize\\":16},{\\"color\\":\\"#0d0e12\\"}]},\\"children\\":[\\"Continue with\\",\\" \\",{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"}},\\"children\\":[\\"apple\\"]}]}]}]}]"`; diff --git a/__tests__/containers/RoomItem/__snapshots__/RoomItem.stories.storyshot b/__tests__/containers/RoomItem/__snapshots__/RoomItem.stories.storyshot index 257bdeeb3..75af7c1fb 100644 --- a/__tests__/containers/RoomItem/__snapshots__/RoomItem.stories.storyshot +++ b/__tests__/containers/RoomItem/__snapshots__/RoomItem.stories.storyshot @@ -1,23 +1,23 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Storyshots RoomItem Alerts 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"unread\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#6C727A\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"unread\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#6C727A\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"+999\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"user mentions\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#F5455C\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"group mentions\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#F38C39\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"thread unread\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#1d74f5\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"thread unread user\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#F5455C\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"thread unread group\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#F38C39\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"user mentions priority 1\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#F5455C\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"group mentions priority 2\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#F38C39\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"thread unread priority 3\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#1d74f5\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]}]"`; +exports[`Storyshots RoomItem Alerts 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":90},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":91},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":92},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":93},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":94},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":95},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":96},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":97},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":98},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":99},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":100},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":101},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"unread\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#6C727A\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":102},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":103},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":104},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":105},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":106},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":107},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"unread\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#6C727A\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"+999\\"]}]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":108},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":109},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":110},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":111},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":112},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":113},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"user mentions\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#F5455C\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":114},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":115},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":116},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":117},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":118},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":119},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"group mentions\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#F38C39\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":120},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":121},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":122},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":123},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":124},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":125},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"thread unread\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#1d74f5\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":126},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":127},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":128},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":129},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":130},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":131},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"thread unread user\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#F5455C\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":132},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":133},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":134},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":135},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":136},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":137},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"thread unread group\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#F38C39\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":138},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":139},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":140},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":141},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":142},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":143},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"user mentions priority 1\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#F5455C\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":144},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":145},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":146},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":147},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":148},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":149},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"group mentions priority 2\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#F38C39\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":150},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":151},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":152},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":153},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":154},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":155},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"thread unread priority 3\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#1d74f5\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]}]}]"`; -exports[`Storyshots RoomItem Basic 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}"`; +exports[`Storyshots RoomItem Basic 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":24},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":25},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":26},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":27},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":28},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":29},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]}"`; -exports[`Storyshots RoomItem Condensed Room Item 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"height\\":120}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"height\\":120}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},{\\"height\\":120}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#1d74f5\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"height\\":120}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"height\\":120}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},{\\"height\\":120}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"unread\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#6C727A\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"+999\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"height\\":120}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"height\\":120}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},{\\"height\\":120}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignSelf\\":\\"center\\",\\"alignItems\\":\\"center\\",\\"borderRadius\\":4,\\"marginHorizontal\\":4},{\\"backgroundColor\\":\\"#e1e5e8\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"paddingHorizontal\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#6d6d72\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Auto-join\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]"`; +exports[`Storyshots RoomItem Condensed Room Item 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":222},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":223},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"height\\":120}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":224},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"height\\":120}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":225},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":226},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":227},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},{\\"height\\":120}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#1d74f5\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":228},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":229},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"height\\":120}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":230},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"height\\":120}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":231},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":232},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":233},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},{\\"height\\":120}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"unread\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#6C727A\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"+999\\"]}]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":234},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":235},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"height\\":120}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":236},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"height\\":120}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":237},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":238},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":239},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},{\\"height\\":120}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignSelf\\":\\"center\\",\\"alignItems\\":\\"center\\",\\"borderRadius\\":4,\\"marginHorizontal\\":4},{\\"backgroundColor\\":\\"#e1e5e8\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"paddingHorizontal\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#6d6d72\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Auto-join\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]}]"`; -exports[`Storyshots RoomItem Condensed Room Item Without Avatar 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"height\\":120}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"height\\":120}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},{\\"height\\":120}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#1d74f5\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"height\\":120}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"height\\":120}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},{\\"height\\":120}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"height\\":120}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"height\\":120}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},{\\"height\\":120}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignSelf\\":\\"center\\",\\"alignItems\\":\\"center\\",\\"borderRadius\\":4,\\"marginHorizontal\\":4},{\\"backgroundColor\\":\\"#e1e5e8\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"paddingHorizontal\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#6d6d72\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Auto-join\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]"`; +exports[`Storyshots RoomItem Condensed Room Item Without Avatar 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":240},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":241},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"height\\":120}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":242},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"height\\":120}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":243},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":244},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":245},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},{\\"height\\":120}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#1d74f5\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":246},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":247},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"height\\":120}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":248},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"height\\":120}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":249},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":250},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":251},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},{\\"height\\":120}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":252},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":253},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"height\\":120}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":254},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"height\\":120}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":255},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},{\\"height\\":120},{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":256},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":257},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},{\\"height\\":120}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignSelf\\":\\"center\\",\\"alignItems\\":\\"center\\",\\"borderRadius\\":4,\\"marginHorizontal\\":4},{\\"backgroundColor\\":\\"#e1e5e8\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"paddingHorizontal\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#6d6d72\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Auto-join\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]}]"`; -exports[`Storyshots RoomItem Expanded Room Item Without Avatar 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"height\\":150,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":24},[{\\"marginRight\\":4},{\\"marginRight\\":12}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\"},\\"testID\\":\\"room-item-last-message-container\\"},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"flex\\":1,\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}],\\"numberOfLines\\":2,\\"testID\\":\\"markdown-preview-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#1d74f5\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"height\\":150,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":24},[{\\"marginRight\\":4},{\\"marginRight\\":12}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\"},\\"testID\\":\\"room-item-last-message-container\\"},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"flex\\":1,\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}],\\"numberOfLines\\":2,\\"testID\\":\\"markdown-preview-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#1d74f5\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"height\\":150,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":24},[{\\"marginRight\\":4},{\\"marginRight\\":12}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\"},\\"testID\\":\\"room-item-last-message-container\\"},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"flex\\":1,\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}],\\"numberOfLines\\":2,\\"testID\\":\\"markdown-preview-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]}]}]}]}]}]}]}]"`; +exports[`Storyshots RoomItem Expanded Room Item Without Avatar 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":258},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":259},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":260},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":261},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":262},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":263},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"height\\":150,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":24},[{\\"marginRight\\":4},{\\"marginRight\\":12}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\"},\\"testID\\":\\"room-item-last-message-container\\"},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"flex\\":1,\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}],\\"numberOfLines\\":2,\\"testID\\":\\"markdown-preview-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#1d74f5\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":264},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":265},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":266},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":267},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":268},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":269},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"height\\":150,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":24},[{\\"marginRight\\":4},{\\"marginRight\\":12}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\"},\\"testID\\":\\"room-item-last-message-container\\"},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"flex\\":1,\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}],\\"numberOfLines\\":2,\\"testID\\":\\"markdown-preview-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#1d74f5\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":270},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":271},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":272},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":273},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":274},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":275},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"height\\":150,\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":24},[{\\"marginRight\\":4},{\\"marginRight\\":12}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\"},\\"testID\\":\\"room-item-last-message-container\\"},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"flex\\":1,\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}],\\"numberOfLines\\":2,\\"testID\\":\\"markdown-preview-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]}]}]}]}]}]}]}]}]"`; -exports[`Storyshots RoomItem Last Message 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":16,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":16},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\"},\\"testID\\":\\"room-item-last-message-container\\"},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"No message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"flex\\":1,\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":2,\\"testID\\":\\"markdown-preview-No message\\"},\\"children\\":[\\"No message\\"]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":16,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":16},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\"},\\"testID\\":\\"room-item-last-message-container\\"},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"2\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"flex\\":1,\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":2,\\"testID\\":\\"markdown-preview-2\\"},\\"children\\":[\\"2\\"]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":16,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":16},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\"},\\"testID\\":\\"room-item-last-message-container\\"},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"You: 1\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"flex\\":1,\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":2,\\"testID\\":\\"markdown-preview-You: 1\\"},\\"children\\":[\\"You: 1\\"]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":16,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":16},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\"},\\"testID\\":\\"room-item-last-message-container\\"},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"flex\\":1,\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":2,\\"testID\\":\\"markdown-preview-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":16,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":16},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\"},\\"testID\\":\\"room-item-last-message-container\\"},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"flex\\":1,\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}],\\"numberOfLines\\":2,\\"testID\\":\\"markdown-preview-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#6C727A\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":16,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":16},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\"},\\"testID\\":\\"room-item-last-message-container\\"},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"flex\\":1,\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}],\\"numberOfLines\\":2,\\"testID\\":\\"markdown-preview-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#6C727A\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"+999\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":16,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":16},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\"},\\"testID\\":\\"room-item-last-message-container\\"},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"flex\\":1,\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}],\\"numberOfLines\\":2,\\"testID\\":\\"markdown-preview-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#1d74f5\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]"`; +exports[`Storyshots RoomItem Last Message 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":180},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":181},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":182},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":183},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":184},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":185},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":16,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":16},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\"},\\"testID\\":\\"room-item-last-message-container\\"},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"No message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"flex\\":1,\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":2,\\"testID\\":\\"markdown-preview-No message\\"},\\"children\\":[\\"No message\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":186},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":187},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":188},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":189},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":190},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":191},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":16,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":16},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\"},\\"testID\\":\\"room-item-last-message-container\\"},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"2\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"flex\\":1,\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":2,\\"testID\\":\\"markdown-preview-2\\"},\\"children\\":[\\"2\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":192},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":193},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":194},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":195},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":196},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":197},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":16,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":16},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\"},\\"testID\\":\\"room-item-last-message-container\\"},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"You: 1\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"flex\\":1,\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":2,\\"testID\\":\\"markdown-preview-You: 1\\"},\\"children\\":[\\"You: 1\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":198},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":199},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":200},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":201},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":202},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":203},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":16,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":16},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\"},\\"testID\\":\\"room-item-last-message-container\\"},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"flex\\":1,\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":2,\\"testID\\":\\"markdown-preview-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":204},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":205},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":206},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":207},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":208},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":209},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":16,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":16},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\"},\\"testID\\":\\"room-item-last-message-container\\"},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"flex\\":1,\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}],\\"numberOfLines\\":2,\\"testID\\":\\"markdown-preview-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#6C727A\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":210},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":211},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":212},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":213},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":214},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":215},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":16,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":16},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\"},\\"testID\\":\\"room-item-last-message-container\\"},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"flex\\":1,\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}],\\"numberOfLines\\":2,\\"testID\\":\\"markdown-preview-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#6C727A\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"+999\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":216},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":217},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":218},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":219},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":220},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":221},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":16,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":16},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#1d74f5\\"}]],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\"},\\"testID\\":\\"room-item-last-message-container\\"},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"flex\\":1,\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}],\\"numberOfLines\\":2,\\"testID\\":\\"markdown-preview-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":21,\\"paddingVertical\\":3,\\"paddingHorizontal\\":5,\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"marginLeft\\":10},{\\"backgroundColor\\":\\"#1d74f5\\",\\"minWidth\\":21},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},null,{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]}]"`; -exports[`Storyshots RoomItem Omnichannel Icon 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#2de0a5\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#ffd21f\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#9ea2a8\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#cbced1\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#2de0a5\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#cbced1\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#2de0a5\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#cbced1\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#2de0a5\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#cbced1\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]"`; +exports[`Storyshots RoomItem Omnichannel Icon 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":276},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":277},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":278},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":279},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":280},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":281},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#2de0a5\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":282},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":283},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":284},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":285},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":286},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":287},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#ffd21f\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":288},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":289},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":290},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":291},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":292},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":293},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#9ea2a8\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":294},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":295},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":296},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":297},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":298},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":299},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#cbced1\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":300},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":301},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":302},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":303},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":304},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":305},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#2de0a5\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":306},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":307},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":308},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":309},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":310},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":311},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#cbced1\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":312},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":313},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":314},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":315},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":316},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":317},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#2de0a5\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":318},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":319},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":320},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":321},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":322},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":323},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#cbced1\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":324},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":325},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":326},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":327},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":328},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":329},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#2de0a5\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":330},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":331},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":332},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":333},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":334},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":335},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#cbced1\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]}]"`; -exports[`Storyshots RoomItem Tag 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignSelf\\":\\"center\\",\\"alignItems\\":\\"center\\",\\"borderRadius\\":4,\\"marginHorizontal\\":4},{\\"backgroundColor\\":\\"#e1e5e8\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"paddingHorizontal\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#6d6d72\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Auto-join\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":16,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":16},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignSelf\\":\\"center\\",\\"alignItems\\":\\"center\\",\\"borderRadius\\":4,\\"marginHorizontal\\":4},{\\"backgroundColor\\":\\"#e1e5e8\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"paddingHorizontal\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#6d6d72\\"}],\\"numberOfLines\\":1,\\"testID\\":\\"auto-join-tag\\"},\\"children\\":[\\"Auto-join\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\"},\\"testID\\":\\"room-item-last-message-container\\"},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"No message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"flex\\":1,\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":2,\\"testID\\":\\"markdown-preview-No message\\"},\\"children\\":[\\"No message\\"]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignSelf\\":\\"center\\",\\"alignItems\\":\\"center\\",\\"borderRadius\\":4,\\"marginHorizontal\\":4},{\\"backgroundColor\\":\\"#e1e5e8\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"paddingHorizontal\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#6d6d72\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Auto-join\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":16,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":16},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignSelf\\":\\"center\\",\\"alignItems\\":\\"center\\",\\"borderRadius\\":4,\\"marginHorizontal\\":4},{\\"backgroundColor\\":\\"#e1e5e8\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"paddingHorizontal\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#6d6d72\\"}],\\"numberOfLines\\":1,\\"testID\\":\\"auto-join-tag\\"},\\"children\\":[\\"Auto-join\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\"},\\"testID\\":\\"room-item-last-message-container\\"},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"No message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"flex\\":1,\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":2,\\"testID\\":\\"markdown-preview-No message\\"},\\"children\\":[\\"No message\\"]}]}]}]}]}]}]}]"`; +exports[`Storyshots RoomItem Tag 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":156},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":157},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":158},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":159},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":160},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":161},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignSelf\\":\\"center\\",\\"alignItems\\":\\"center\\",\\"borderRadius\\":4,\\"marginHorizontal\\":4},{\\"backgroundColor\\":\\"#e1e5e8\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"paddingHorizontal\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#6d6d72\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Auto-join\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":162},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":163},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":164},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":165},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":166},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":167},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":16,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":16},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignSelf\\":\\"center\\",\\"alignItems\\":\\"center\\",\\"borderRadius\\":4,\\"marginHorizontal\\":4},{\\"backgroundColor\\":\\"#e1e5e8\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"paddingHorizontal\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#6d6d72\\"}],\\"numberOfLines\\":1,\\"testID\\":\\"auto-join-tag\\"},\\"children\\":[\\"Auto-join\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\"},\\"testID\\":\\"room-item-last-message-container\\"},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"No message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"flex\\":1,\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":2,\\"testID\\":\\"markdown-preview-No message\\"},\\"children\\":[\\"No message\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":168},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":169},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":170},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":171},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":172},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":173},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignSelf\\":\\"center\\",\\"alignItems\\":\\"center\\",\\"borderRadius\\":4,\\"marginHorizontal\\":4},{\\"backgroundColor\\":\\"#e1e5e8\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"paddingHorizontal\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#6d6d72\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Auto-join\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":174},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":175},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":176},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":177},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":178},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":179},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":16,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":16},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"alignSelf\\":\\"center\\",\\"alignItems\\":\\"center\\",\\"borderRadius\\":4,\\"marginHorizontal\\":4},{\\"backgroundColor\\":\\"#e1e5e8\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"paddingHorizontal\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#6d6d72\\"}],\\"numberOfLines\\":1,\\"testID\\":\\"auto-join-tag\\"},\\"children\\":[\\"Auto-join\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\"},\\"testID\\":\\"room-item-last-message-container\\"},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"No message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"flex\\":1,\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}],\\"numberOfLines\\":2,\\"testID\\":\\"markdown-preview-No message\\"},\\"children\\":[\\"No message\\"]}]}]}]}]}]}]}]}]"`; -exports[`Storyshots RoomItem Touch 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}"`; +exports[`Storyshots RoomItem Touch 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":30},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":31},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":32},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":33},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":34},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":35},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]}"`; -exports[`Storyshots RoomItem Type 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#cbced1\\"},[{\\"lineHeight\\":22},[{\\"width\\":22,\\"height\\":22,\\"textAlignVertical\\":\\"center\\"},[{\\"marginRight\\":4},{\\"marginRight\\":8}]]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#cbced1\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]"`; +exports[`Storyshots RoomItem Type 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":48},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":49},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":50},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":51},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":52},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":53},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#cbced1\\"},[{\\"lineHeight\\":22},[{\\"width\\":22,\\"height\\":22,\\"textAlignVertical\\":\\"center\\"},[{\\"marginRight\\":4},{\\"marginRight\\":8}]]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":54},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":55},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":56},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":57},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":58},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":59},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":60},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":61},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":62},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":63},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":64},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":65},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":66},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":67},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":68},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":69},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":70},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":71},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#cbced1\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":72},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":73},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":74},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":75},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":76},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":77},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":78},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":79},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":80},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":81},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":82},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":83},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":84},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":85},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":86},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":87},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":88},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":89},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":22},[{\\"marginRight\\":4},{\\"marginRight\\":8}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"rocket.cat\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]}]"`; -exports[`Storyshots RoomItem User 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/diego.mello?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#cbced1\\"},[{\\"lineHeight\\":22},[{\\"width\\":22,\\"height\\":22,\\"textAlignVertical\\":\\"center\\"},[{\\"marginRight\\":4},{\\"marginRight\\":8}]]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"diego.mello\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#cbced1\\"},[{\\"lineHeight\\":22},[{\\"width\\":22,\\"height\\":22,\\"textAlignVertical\\":\\"center\\"},[{\\"marginRight\\":4},{\\"marginRight\\":8}]]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]"`; +exports[`Storyshots RoomItem User 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":36},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":37},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":38},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":39},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":40},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":41},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/diego.mello?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#cbced1\\"},[{\\"lineHeight\\":22},[{\\"width\\":22,\\"height\\":22,\\"textAlignVertical\\":\\"center\\"},[{\\"marginRight\\":4},{\\"marginRight\\":8}]]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"diego.mello\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"LongPressGestureHandler\\",\\"handlerTag\\":42},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":43},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150}],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#1d74f5\\",\\"right\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0,\\"right\\":0},null]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":44},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"height\\":150},null],\\"pointerEvents\\":\\"box-none\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":750,\\"backgroundColor\\":\\"#ffbb00\\",\\"left\\":\\"100%\\"},null,{\\"transform\\":[{\\"translateX\\":0}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#ffbb00\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":45},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"position\\":\\"absolute\\",\\"height\\":150,\\"justifyContent\\":\\"center\\",\\"top\\":0},{\\"width\\":1500,\\"backgroundColor\\":\\"#54585e\\",\\"left\\":\\"100%\\"},false,{\\"transform\\":[{\\"translateX\\":80}]}]},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"activeOpacity\\":0.105,\\"underlayColor\\":\\"black\\",\\"style\\":{\\"width\\":80,\\"height\\":\\"100%\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#54585e\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":46},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"black\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":28,\\"color\\":\\"#ffffff\\"},[{\\"lineHeight\\":28},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"transform\\":[{\\"translateX\\":0}]}},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":47},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"paddingLeft\\":14,\\"height\\":150},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4},{\\"marginRight\\":10}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":48,\\"height\\":48,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=96\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"paddingVertical\\":10,\\"paddingRight\\":14,\\"borderBottomWidth\\":0.5},{\\"borderColor\\":\\"#cbcbcc\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":\\"100%\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"flex\\":1}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":22,\\"color\\":\\"#cbced1\\"},[{\\"lineHeight\\":22},[{\\"width\\":22,\\"height\\":22,\\"textAlignVertical\\":\\"center\\"},[{\\"marginRight\\":4},{\\"marginRight\\":8}]]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},null,{\\"color\\":\\"#0d0e12\\"}],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"alignItems\\":\\"flex-end\\"}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"},null],\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":1},\\"children\\":[\\"10:00\\"]}]}]}]}]}]}]}]}]}]"`; diff --git a/__tests__/containers/message/__snapshots__/Message.stories.storyshot b/__tests__/containers/message/__snapshots__/Message.stories.storyshot index 4a258dd25..2841ff1ad 100644 --- a/__tests__/containers/message/__snapshots__/Message.stories.storyshot +++ b/__tests__/containers/message/__snapshots__/Message.stories.storyshot @@ -74,7 +74,7 @@ exports[`Storyshots Message URL Image Preview 1`] = `"{\\"type\\":\\"RCTScrollVi exports[`Storyshots Message With Alias 1`] = `"{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginTop\\":4}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/diego.mello?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},{\\"marginLeft\\":10}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"justifyContent\\":\\"space-between\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"flexShrink\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"lineHeight\\":22,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Diego Mello\\",{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}]},\\"children\\":[\\" @\\",\\"diego.mello\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":8,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}]},\\"children\\":[\\"10:00 AM\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"Message\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginTop\\":4}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},{\\"marginLeft\\":10}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"justifyContent\\":\\"space-between\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"flexShrink\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"lineHeight\\":22,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Diego Mello\\",{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}]},\\"children\\":[\\" @\\",\\"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":8,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}]},\\"children\\":[\\"10:00 AM\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"Message\\"]}]}]}]}]}]}]}]}]}]}"`; -exports[`Storyshots Message With Audio 1`] = `"{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginTop\\":4}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/diego.mello?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},{\\"marginLeft\\":10}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"justifyContent\\":\\"space-between\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"flexShrink\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"lineHeight\\":22,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"diego.mello\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":8,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}]},\\"children\\":[\\"10:00 AM\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"This is a description \\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"This is a description \\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},[{\\"width\\":20,\\"height\\":20}]]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/emoji-custom/nyan_rocket.png\\",\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"contain\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"height\\":56,\\"borderWidth\\":1,\\"borderRadius\\":4,\\"marginBottom\\":8},{\\"backgroundColor\\":\\"#F7F8FA\\",\\"borderColor\\":\\"#EBECEF\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"hitSlop\\":{\\"top\\":8,\\"right\\":8,\\"bottom\\":8,\\"left\\":8},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"alignItems\\":\\"center\\",\\"marginLeft\\":16,\\"height\\":32,\\"width\\":32,\\"borderRadius\\":4,\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#156FF5\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"ActivityIndicator\\",\\"props\\":{\\"style\\":[{\\"padding\\":16,\\"flex\\":1},null],\\"color\\":\\"#FFFFFF\\",\\"size\\":24},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"flex\\":1,\\"alignItems\\":\\"center\\",\\"height\\":\\"100%\\"},\\"accessible\\":true,\\"focusable\\":false},\\"children\\":[{\\"type\\":\\"TextInput\\",\\"props\\":{\\"defaultValue\\":\\"00:00\\",\\"editable\\":false,\\"style\\":[{\\"marginHorizontal\\":12,\\"fontVariant\\":[\\"tabular-nums\\"],\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2F343D\\"}],\\"animatedProps\\":{\\"text\\":\\"00:00\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginRight\\":12,\\"height\\":\\"100%\\",\\"justifyContent\\":\\"center\\",\\"flex\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":4,\\"borderRadius\\":2,\\"width\\":\\"100%\\"},{\\"backgroundColor\\":\\"#CBCED1\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":4,\\"borderRadius\\":2,\\"width\\":\\"100%\\"},{\\"width\\":0},{\\"backgroundColor\\":\\"#156FF5\\"}]},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":12,\\"right\\":8,\\"bottom\\":12,\\"left\\":8},\\"style\\":[{\\"height\\":12,\\"width\\":12,\\"borderRadius\\":6,\\"position\\":\\"absolute\\"},{\\"backgroundColor\\":\\"#88B4F5\\"},{\\"transform\\":[{\\"translateX\\":-6},{\\"scale\\":1}]}]},\\"children\\":null}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"First message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"First message\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"This is a description\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"This is a description\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"height\\":56,\\"borderWidth\\":1,\\"borderRadius\\":4,\\"marginBottom\\":8},{\\"backgroundColor\\":\\"#F7F8FA\\",\\"borderColor\\":\\"#EBECEF\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"hitSlop\\":{\\"top\\":8,\\"right\\":8,\\"bottom\\":8,\\"left\\":8},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"alignItems\\":\\"center\\",\\"marginLeft\\":16,\\"height\\":32,\\"width\\":32,\\"borderRadius\\":4,\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#156FF5\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"ActivityIndicator\\",\\"props\\":{\\"style\\":[{\\"padding\\":16,\\"flex\\":1},null],\\"color\\":\\"#FFFFFF\\",\\"size\\":24},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"flex\\":1,\\"alignItems\\":\\"center\\",\\"height\\":\\"100%\\"},\\"accessible\\":true,\\"focusable\\":false},\\"children\\":[{\\"type\\":\\"TextInput\\",\\"props\\":{\\"defaultValue\\":\\"00:00\\",\\"editable\\":false,\\"style\\":[{\\"marginHorizontal\\":12,\\"fontVariant\\":[\\"tabular-nums\\"],\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2F343D\\"}],\\"animatedProps\\":{\\"text\\":\\"00:00\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginRight\\":12,\\"height\\":\\"100%\\",\\"justifyContent\\":\\"center\\",\\"flex\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":4,\\"borderRadius\\":2,\\"width\\":\\"100%\\"},{\\"backgroundColor\\":\\"#CBCED1\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":4,\\"borderRadius\\":2,\\"width\\":\\"100%\\"},{\\"width\\":0},{\\"backgroundColor\\":\\"#156FF5\\"}]},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":12,\\"right\\":8,\\"bottom\\":12,\\"left\\":8},\\"style\\":[{\\"height\\":12,\\"width\\":12,\\"borderRadius\\":6,\\"position\\":\\"absolute\\"},{\\"backgroundColor\\":\\"#88B4F5\\"},{\\"transform\\":[{\\"translateX\\":-6},{\\"scale\\":1}]}]},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"height\\":56,\\"borderWidth\\":1,\\"borderRadius\\":4,\\"marginBottom\\":8},{\\"backgroundColor\\":\\"#F7F8FA\\",\\"borderColor\\":\\"#EBECEF\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"hitSlop\\":{\\"top\\":8,\\"right\\":8,\\"bottom\\":8,\\"left\\":8},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"alignItems\\":\\"center\\",\\"marginLeft\\":16,\\"height\\":32,\\"width\\":32,\\"borderRadius\\":4,\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#156FF5\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"ActivityIndicator\\",\\"props\\":{\\"style\\":[{\\"padding\\":16,\\"flex\\":1},null],\\"color\\":\\"#FFFFFF\\",\\"size\\":24},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"flex\\":1,\\"alignItems\\":\\"center\\",\\"height\\":\\"100%\\"},\\"accessible\\":true,\\"focusable\\":false},\\"children\\":[{\\"type\\":\\"TextInput\\",\\"props\\":{\\"defaultValue\\":\\"00:00\\",\\"editable\\":false,\\"style\\":[{\\"marginHorizontal\\":12,\\"fontVariant\\":[\\"tabular-nums\\"],\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2F343D\\"}],\\"animatedProps\\":{\\"text\\":\\"00:00\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginRight\\":12,\\"height\\":\\"100%\\",\\"justifyContent\\":\\"center\\",\\"flex\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":4,\\"borderRadius\\":2,\\"width\\":\\"100%\\"},{\\"backgroundColor\\":\\"#CBCED1\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":4,\\"borderRadius\\":2,\\"width\\":\\"100%\\"},{\\"width\\":0},{\\"backgroundColor\\":\\"#156FF5\\"}]},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":12,\\"right\\":8,\\"bottom\\":12,\\"left\\":8},\\"style\\":[{\\"height\\":12,\\"width\\":12,\\"borderRadius\\":6,\\"position\\":\\"absolute\\"},{\\"backgroundColor\\":\\"#88B4F5\\"},{\\"transform\\":[{\\"translateX\\":-6},{\\"scale\\":1}]}]},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"height\\":56,\\"borderWidth\\":1,\\"borderRadius\\":4,\\"marginBottom\\":8},{\\"backgroundColor\\":\\"#F7F8FA\\",\\"borderColor\\":\\"#EBECEF\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"hitSlop\\":{\\"top\\":8,\\"right\\":8,\\"bottom\\":8,\\"left\\":8},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"alignItems\\":\\"center\\",\\"marginLeft\\":16,\\"height\\":32,\\"width\\":32,\\"borderRadius\\":4,\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#156FF5\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"ActivityIndicator\\",\\"props\\":{\\"style\\":[{\\"padding\\":16,\\"flex\\":1},null],\\"color\\":\\"#FFFFFF\\",\\"size\\":24},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"flex\\":1,\\"alignItems\\":\\"center\\",\\"height\\":\\"100%\\"},\\"accessible\\":true,\\"focusable\\":false},\\"children\\":[{\\"type\\":\\"TextInput\\",\\"props\\":{\\"defaultValue\\":\\"00:00\\",\\"editable\\":false,\\"style\\":[{\\"marginHorizontal\\":12,\\"fontVariant\\":[\\"tabular-nums\\"],\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2F343D\\"}],\\"animatedProps\\":{\\"text\\":\\"00:00\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginRight\\":12,\\"height\\":\\"100%\\",\\"justifyContent\\":\\"center\\",\\"flex\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":4,\\"borderRadius\\":2,\\"width\\":\\"100%\\"},{\\"backgroundColor\\":\\"#CBCED1\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":4,\\"borderRadius\\":2,\\"width\\":\\"100%\\"},{\\"width\\":0},{\\"backgroundColor\\":\\"#156FF5\\"}]},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":12,\\"right\\":8,\\"bottom\\":12,\\"left\\":8},\\"style\\":[{\\"height\\":12,\\"width\\":12,\\"borderRadius\\":6,\\"position\\":\\"absolute\\"},{\\"backgroundColor\\":\\"#88B4F5\\"},{\\"transform\\":[{\\"translateX\\":-6},{\\"scale\\":1}]}]},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]}]}]}"`; +exports[`Storyshots Message With Audio 1`] = `"{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginTop\\":4}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/diego.mello?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},{\\"marginLeft\\":10}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"justifyContent\\":\\"space-between\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"flexShrink\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"lineHeight\\":22,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"diego.mello\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":8,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}]},\\"children\\":[\\"10:00 AM\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"This is a description \\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"This is a description \\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},[{\\"width\\":20,\\"height\\":20}]]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/emoji-custom/nyan_rocket.png\\",\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"contain\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"height\\":56,\\"borderWidth\\":1,\\"borderRadius\\":4,\\"marginBottom\\":8},{\\"backgroundColor\\":\\"#FFFFFF\\",\\"borderColor\\":\\"#EBECEF\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"hitSlop\\":{\\"top\\":8,\\"right\\":8,\\"bottom\\":8,\\"left\\":8},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"alignItems\\":\\"center\\",\\"marginLeft\\":16,\\"height\\":32,\\"width\\":32,\\"borderRadius\\":4,\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#156FF5\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"ActivityIndicator\\",\\"props\\":{\\"style\\":[{\\"padding\\":16,\\"flex\\":1},null],\\"color\\":\\"#FFFFFF\\",\\"size\\":24},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"flex\\":1,\\"alignItems\\":\\"center\\",\\"height\\":\\"100%\\"},\\"accessible\\":true,\\"focusable\\":false},\\"children\\":[{\\"type\\":\\"TextInput\\",\\"props\\":{\\"defaultValue\\":\\"00:00\\",\\"editable\\":false,\\"style\\":[{\\"marginHorizontal\\":12,\\"fontVariant\\":[\\"tabular-nums\\"],\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2F343D\\"}],\\"animatedProps\\":{\\"text\\":\\"00:00\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginRight\\":12,\\"height\\":\\"100%\\",\\"justifyContent\\":\\"center\\",\\"flex\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":4,\\"borderRadius\\":2,\\"width\\":\\"100%\\"},{\\"backgroundColor\\":\\"#CBCED1\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":4,\\"borderRadius\\":2,\\"width\\":\\"100%\\"},{\\"width\\":0},{\\"backgroundColor\\":\\"#156FF5\\"}]},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":12,\\"right\\":8,\\"bottom\\":12,\\"left\\":8},\\"style\\":[{\\"height\\":12,\\"width\\":12,\\"borderRadius\\":6,\\"position\\":\\"absolute\\"},{\\"backgroundColor\\":\\"#88B4F5\\"},{\\"transform\\":[{\\"translateX\\":-6},{\\"scale\\":1}]}],\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":336},\\"children\\":null}]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"First message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"First message\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},null]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"This is a description\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"This is a description\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"height\\":56,\\"borderWidth\\":1,\\"borderRadius\\":4,\\"marginBottom\\":8},{\\"backgroundColor\\":\\"#FFFFFF\\",\\"borderColor\\":\\"#EBECEF\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"hitSlop\\":{\\"top\\":8,\\"right\\":8,\\"bottom\\":8,\\"left\\":8},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"alignItems\\":\\"center\\",\\"marginLeft\\":16,\\"height\\":32,\\"width\\":32,\\"borderRadius\\":4,\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#156FF5\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"ActivityIndicator\\",\\"props\\":{\\"style\\":[{\\"padding\\":16,\\"flex\\":1},null],\\"color\\":\\"#FFFFFF\\",\\"size\\":24},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"flex\\":1,\\"alignItems\\":\\"center\\",\\"height\\":\\"100%\\"},\\"accessible\\":true,\\"focusable\\":false},\\"children\\":[{\\"type\\":\\"TextInput\\",\\"props\\":{\\"defaultValue\\":\\"00:00\\",\\"editable\\":false,\\"style\\":[{\\"marginHorizontal\\":12,\\"fontVariant\\":[\\"tabular-nums\\"],\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2F343D\\"}],\\"animatedProps\\":{\\"text\\":\\"00:00\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginRight\\":12,\\"height\\":\\"100%\\",\\"justifyContent\\":\\"center\\",\\"flex\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":4,\\"borderRadius\\":2,\\"width\\":\\"100%\\"},{\\"backgroundColor\\":\\"#CBCED1\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":4,\\"borderRadius\\":2,\\"width\\":\\"100%\\"},{\\"width\\":0},{\\"backgroundColor\\":\\"#156FF5\\"}]},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":12,\\"right\\":8,\\"bottom\\":12,\\"left\\":8},\\"style\\":[{\\"height\\":12,\\"width\\":12,\\"borderRadius\\":6,\\"position\\":\\"absolute\\"},{\\"backgroundColor\\":\\"#88B4F5\\"},{\\"transform\\":[{\\"translateX\\":-6},{\\"scale\\":1}]}],\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":337},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"height\\":56,\\"borderWidth\\":1,\\"borderRadius\\":4,\\"marginBottom\\":8},{\\"backgroundColor\\":\\"#FFFFFF\\",\\"borderColor\\":\\"#EBECEF\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"hitSlop\\":{\\"top\\":8,\\"right\\":8,\\"bottom\\":8,\\"left\\":8},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"alignItems\\":\\"center\\",\\"marginLeft\\":16,\\"height\\":32,\\"width\\":32,\\"borderRadius\\":4,\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#156FF5\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"ActivityIndicator\\",\\"props\\":{\\"style\\":[{\\"padding\\":16,\\"flex\\":1},null],\\"color\\":\\"#FFFFFF\\",\\"size\\":24},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"flex\\":1,\\"alignItems\\":\\"center\\",\\"height\\":\\"100%\\"},\\"accessible\\":true,\\"focusable\\":false},\\"children\\":[{\\"type\\":\\"TextInput\\",\\"props\\":{\\"defaultValue\\":\\"00:00\\",\\"editable\\":false,\\"style\\":[{\\"marginHorizontal\\":12,\\"fontVariant\\":[\\"tabular-nums\\"],\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2F343D\\"}],\\"animatedProps\\":{\\"text\\":\\"00:00\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginRight\\":12,\\"height\\":\\"100%\\",\\"justifyContent\\":\\"center\\",\\"flex\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":4,\\"borderRadius\\":2,\\"width\\":\\"100%\\"},{\\"backgroundColor\\":\\"#CBCED1\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":4,\\"borderRadius\\":2,\\"width\\":\\"100%\\"},{\\"width\\":0},{\\"backgroundColor\\":\\"#156FF5\\"}]},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":12,\\"right\\":8,\\"bottom\\":12,\\"left\\":8},\\"style\\":[{\\"height\\":12,\\"width\\":12,\\"borderRadius\\":6,\\"position\\":\\"absolute\\"},{\\"backgroundColor\\":\\"#88B4F5\\"},{\\"transform\\":[{\\"translateX\\":-6},{\\"scale\\":1}]}],\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":338},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"height\\":56,\\"borderWidth\\":1,\\"borderRadius\\":4,\\"marginBottom\\":8},{\\"backgroundColor\\":\\"#FFFFFF\\",\\"borderColor\\":\\"#EBECEF\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"hitSlop\\":{\\"top\\":8,\\"right\\":8,\\"bottom\\":8,\\"left\\":8},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"alignItems\\":\\"center\\",\\"marginLeft\\":16,\\"height\\":32,\\"width\\":32,\\"borderRadius\\":4,\\"justifyContent\\":\\"center\\",\\"backgroundColor\\":\\"#156FF5\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"ActivityIndicator\\",\\"props\\":{\\"style\\":[{\\"padding\\":16,\\"flex\\":1},null],\\"color\\":\\"#FFFFFF\\",\\"size\\":24},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"flex\\":1,\\"alignItems\\":\\"center\\",\\"height\\":\\"100%\\"},\\"accessible\\":true,\\"focusable\\":false},\\"children\\":[{\\"type\\":\\"TextInput\\",\\"props\\":{\\"defaultValue\\":\\"00:00\\",\\"editable\\":false,\\"style\\":[{\\"marginHorizontal\\":12,\\"fontVariant\\":[\\"tabular-nums\\"],\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2F343D\\"}],\\"animatedProps\\":{\\"text\\":\\"00:00\\"}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginRight\\":12,\\"height\\":\\"100%\\",\\"justifyContent\\":\\"center\\",\\"flex\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":4,\\"borderRadius\\":2,\\"width\\":\\"100%\\"},{\\"backgroundColor\\":\\"#CBCED1\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"height\\":4,\\"borderRadius\\":2,\\"width\\":\\"100%\\"},{\\"width\\":0},{\\"backgroundColor\\":\\"#156FF5\\"}]},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":12,\\"right\\":8,\\"bottom\\":12,\\"left\\":8},\\"style\\":[{\\"height\\":12,\\"width\\":12,\\"borderRadius\\":6,\\"position\\":\\"absolute\\"},{\\"backgroundColor\\":\\"#88B4F5\\"},{\\"transform\\":[{\\"translateX\\":-6},{\\"scale\\":1}]}],\\"collapsable\\":false,\\"handlerType\\":\\"PanGestureHandler\\",\\"handlerTag\\":339},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]}]}]}"`; exports[`Storyshots Message With File 1`] = `"{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginTop\\":4}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/diego.mello?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},{\\"marginLeft\\":10}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"justifyContent\\":\\"space-between\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"flexShrink\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"lineHeight\\":22,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"diego.mello\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":8,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}]},\\"children\\":[\\"10:00 AM\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"testID\\":\\"reply-undefined-File.pdf\\",\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"marginVertical\\":4,\\"alignSelf\\":\\"flex-start\\",\\"borderLeftWidth\\":2,\\"marginBottom\\":4,\\"borderColor\\":\\"#e1e5e8\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"borderRadius\\":4,\\"flexDirection\\":\\"column\\",\\"paddingVertical\\":4,\\"paddingLeft\\":8}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"marginBottom\\":8}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"color\\":\\"#6C727A\\",\\"fontSize\\":14}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"File.pdf\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"File.pdf\\"]}]}]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"This is a description \\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"This is a description \\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},[{\\"width\\":20,\\"height\\":20}]]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/emoji-custom/nyan_rocket.png\\",\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"contain\\"},\\"children\\":null}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"testID\\":\\"reply-undefined-File.pdf\\",\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"marginVertical\\":4,\\"alignSelf\\":\\"flex-start\\",\\"borderLeftWidth\\":2,\\"marginBottom\\":4,\\"borderColor\\":\\"#e1e5e8\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"borderRadius\\":4,\\"flexDirection\\":\\"column\\",\\"paddingVertical\\":4,\\"paddingLeft\\":8}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"marginBottom\\":8}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"color\\":\\"#6C727A\\",\\"fontSize\\":14}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"File.pdf\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"File.pdf\\"]}]}]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"This is a description \\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"This is a description \\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},[{\\"width\\":20,\\"height\\":20}]]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/emoji-custom/nyan_rocket.png\\",\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"contain\\"},\\"children\\":null}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]}]}]}"`; diff --git a/__tests__/views/CannedResponsesListView/__snapshots__/CannedResponseItem.stories.storyshot b/__tests__/views/CannedResponsesListView/__snapshots__/CannedResponseItem.stories.storyshot index 0ac33edda..81bd12072 100644 --- a/__tests__/views/CannedResponsesListView/__snapshots__/CannedResponseItem.stories.storyshot +++ b/__tests__/views/CannedResponsesListView/__snapshots__/CannedResponseItem.stories.storyshot @@ -1,3 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Storyshots CannedResponseItem Itens 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"minHeight\\":117,\\"maxHeight\\":141,\\"padding\\":16,\\"backgroundColor\\":\\"#ffffff\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"height\\":36}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":14,\\"paddingTop\\":0,\\"paddingBottom\\":0,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#0d0e12\\"}]},\\"children\\":[\\"!\\",\\"!FAQ4\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":12,\\"paddingTop\\":0,\\"paddingBottom\\":0,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"Private\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityLabel\\":\\"Use\\",\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"paddingHorizontal\\":14,\\"justifyContent\\":\\"center\\",\\"height\\":28,\\"borderRadius\\":4,\\"marginBottom\\":12,\\"backgroundColor\\":\\"#f3f4f5\\",\\"width\\":56,\\"marginLeft\\":8,\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"textAlign\\":\\"center\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#0d0e12\\",\\"fontSize\\":12},null]},\\"children\\":[\\"Use\\"]}]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":2,\\"style\\":[{\\"marginTop\\":8,\\"fontSize\\":14,\\"paddingTop\\":0,\\"paddingBottom\\":0,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"“\\",\\"ZCVXZVXCZVZXVZXCVZXCVXZCVZX\\",\\"”\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"overflow\\":\\"hidden\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"minHeight\\":117,\\"maxHeight\\":141,\\"padding\\":16,\\"backgroundColor\\":\\"#ffffff\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"height\\":36}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":14,\\"paddingTop\\":0,\\"paddingBottom\\":0,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#0d0e12\\"}]},\\"children\\":[\\"!\\",\\"test4mobilePrivate\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":12,\\"paddingTop\\":0,\\"paddingBottom\\":0,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"Private\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityLabel\\":\\"Use\\",\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"paddingHorizontal\\":14,\\"justifyContent\\":\\"center\\",\\"height\\":28,\\"borderRadius\\":4,\\"marginBottom\\":12,\\"backgroundColor\\":\\"#f3f4f5\\",\\"width\\":56,\\"marginLeft\\":8,\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"textAlign\\":\\"center\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#0d0e12\\",\\"fontSize\\":12},null]},\\"children\\":[\\"Use\\"]}]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":2,\\"style\\":[{\\"marginTop\\":8,\\"fontSize\\":14,\\"paddingTop\\":0,\\"paddingBottom\\":0,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"“\\",\\"test for mobile private\\",\\"”\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"overflow\\":\\"hidden\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"borderRadius\\":4,\\"marginRight\\":4,\\"marginTop\\":8,\\"height\\":16},{\\"backgroundColor\\":\\"#E6E6E7\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":12,\\"paddingTop\\":0,\\"paddingBottom\\":0,\\"paddingHorizontal\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"HQ\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"borderRadius\\":4,\\"marginRight\\":4,\\"marginTop\\":8,\\"height\\":16},{\\"backgroundColor\\":\\"#E6E6E7\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":12,\\"paddingTop\\":0,\\"paddingBottom\\":0,\\"paddingHorizontal\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"Closed\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"borderRadius\\":4,\\"marginRight\\":4,\\"marginTop\\":8,\\"height\\":16},{\\"backgroundColor\\":\\"#E6E6E7\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":12,\\"paddingTop\\":0,\\"paddingBottom\\":0,\\"paddingHorizontal\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"HQ\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"borderRadius\\":4,\\"marginRight\\":4,\\"marginTop\\":8,\\"height\\":16},{\\"backgroundColor\\":\\"#E6E6E7\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":12,\\"paddingTop\\":0,\\"paddingBottom\\":0,\\"paddingHorizontal\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"Problem in Product Y\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"borderRadius\\":4,\\"marginRight\\":4,\\"marginTop\\":8,\\"height\\":16},{\\"backgroundColor\\":\\"#E6E6E7\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":12,\\"paddingTop\\":0,\\"paddingBottom\\":0,\\"paddingHorizontal\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"HQ\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"borderRadius\\":4,\\"marginRight\\":4,\\"marginTop\\":8,\\"height\\":16},{\\"backgroundColor\\":\\"#E6E6E7\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":12,\\"paddingTop\\":0,\\"paddingBottom\\":0,\\"paddingHorizontal\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"Closed\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"borderRadius\\":4,\\"marginRight\\":4,\\"marginTop\\":8,\\"height\\":16},{\\"backgroundColor\\":\\"#E6E6E7\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":12,\\"paddingTop\\":0,\\"paddingBottom\\":0,\\"paddingHorizontal\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"Problem in Product Y\\"]}]}]}]}]"`; +exports[`Storyshots CannedResponseItem Itens 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"minHeight\\":117,\\"maxHeight\\":141,\\"padding\\":16,\\"backgroundColor\\":\\"#FFFFFF\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"height\\":36}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":14,\\"paddingTop\\":0,\\"paddingBottom\\":0,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#0d0e12\\"}]},\\"children\\":[\\"!\\",\\"!FAQ4\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":12,\\"paddingTop\\":0,\\"paddingBottom\\":0,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"Private\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityLabel\\":\\"Use\\",\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"paddingHorizontal\\":14,\\"justifyContent\\":\\"center\\",\\"height\\":28,\\"borderRadius\\":4,\\"marginBottom\\":12,\\"backgroundColor\\":\\"#f3f4f5\\",\\"width\\":56,\\"marginLeft\\":8,\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"textAlign\\":\\"center\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#0d0e12\\",\\"fontSize\\":12},null]},\\"children\\":[\\"Use\\"]}]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":2,\\"style\\":[{\\"marginTop\\":8,\\"fontSize\\":14,\\"paddingTop\\":0,\\"paddingBottom\\":0,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"“\\",\\"ZCVXZVXCZVZXVZXCVZXCVXZCVZX\\",\\"”\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"overflow\\":\\"hidden\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"minHeight\\":117,\\"maxHeight\\":141,\\"padding\\":16,\\"backgroundColor\\":\\"#FFFFFF\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"height\\":36}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":14,\\"paddingTop\\":0,\\"paddingBottom\\":0,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#0d0e12\\"}]},\\"children\\":[\\"!\\",\\"test4mobilePrivate\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"fontSize\\":12,\\"paddingTop\\":0,\\"paddingBottom\\":0,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"Private\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityLabel\\":\\"Use\\",\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"paddingHorizontal\\":14,\\"justifyContent\\":\\"center\\",\\"height\\":28,\\"borderRadius\\":4,\\"marginBottom\\":12,\\"backgroundColor\\":\\"#f3f4f5\\",\\"width\\":56,\\"marginLeft\\":8,\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"textAlign\\":\\"center\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#0d0e12\\",\\"fontSize\\":12},null]},\\"children\\":[\\"Use\\"]}]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"ellipsizeMode\\":\\"tail\\",\\"numberOfLines\\":2,\\"style\\":[{\\"marginTop\\":8,\\"fontSize\\":14,\\"paddingTop\\":0,\\"paddingBottom\\":0,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"“\\",\\"test for mobile private\\",\\"”\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"overflow\\":\\"hidden\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"borderRadius\\":4,\\"marginRight\\":4,\\"marginTop\\":8,\\"height\\":16},{\\"backgroundColor\\":\\"#E6E6E7\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":12,\\"paddingTop\\":0,\\"paddingBottom\\":0,\\"paddingHorizontal\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"HQ\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"borderRadius\\":4,\\"marginRight\\":4,\\"marginTop\\":8,\\"height\\":16},{\\"backgroundColor\\":\\"#E6E6E7\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":12,\\"paddingTop\\":0,\\"paddingBottom\\":0,\\"paddingHorizontal\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"Closed\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"borderRadius\\":4,\\"marginRight\\":4,\\"marginTop\\":8,\\"height\\":16},{\\"backgroundColor\\":\\"#E6E6E7\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":12,\\"paddingTop\\":0,\\"paddingBottom\\":0,\\"paddingHorizontal\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"HQ\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"borderRadius\\":4,\\"marginRight\\":4,\\"marginTop\\":8,\\"height\\":16},{\\"backgroundColor\\":\\"#E6E6E7\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":12,\\"paddingTop\\":0,\\"paddingBottom\\":0,\\"paddingHorizontal\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"Problem in Product Y\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"borderRadius\\":4,\\"marginRight\\":4,\\"marginTop\\":8,\\"height\\":16},{\\"backgroundColor\\":\\"#E6E6E7\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":12,\\"paddingTop\\":0,\\"paddingBottom\\":0,\\"paddingHorizontal\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"HQ\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"borderRadius\\":4,\\"marginRight\\":4,\\"marginTop\\":8,\\"height\\":16},{\\"backgroundColor\\":\\"#E6E6E7\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":12,\\"paddingTop\\":0,\\"paddingBottom\\":0,\\"paddingHorizontal\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"Closed\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"borderRadius\\":4,\\"marginRight\\":4,\\"marginTop\\":8,\\"height\\":16},{\\"backgroundColor\\":\\"#E6E6E7\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":12,\\"paddingTop\\":0,\\"paddingBottom\\":0,\\"paddingHorizontal\\":4,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"Problem in Product Y\\"]}]}]}]}]"`; diff --git a/__tests__/views/RoomView/LoadMore/__snapshots__/LoadMore.stories.storyshot b/__tests__/views/RoomView/LoadMore/__snapshots__/LoadMore.stories.storyshot index 9305aa021..955cdaeb5 100644 --- a/__tests__/views/RoomView/LoadMore/__snapshots__/LoadMore.stories.storyshot +++ b/__tests__/views/RoomView/LoadMore/__snapshots__/LoadMore.stories.storyshot @@ -1,9 +1,9 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Storyshots RoomView/LoadMore Basic 1`] = `"[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#0d0e12\\"}]},\\"children\\":[\\"Load more\\"]},{\\"type\\":\\"ActivityIndicator\\",\\"props\\":{\\"color\\":\\"#9ca2a8\\"},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#0d0e12\\"}]},\\"children\\":[\\"Load older\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#0d0e12\\"}]},\\"children\\":[\\"Load newer\\"]}]"`; +exports[`Storyshots RoomView/LoadMore Basic 1`] = `"[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"enabled\\":true,\\"style\\":{\\"paddingVertical\\":16,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":340},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#0d0e12\\"}]},\\"children\\":[\\"Load more\\"]}]},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"enabled\\":false,\\"style\\":{\\"paddingVertical\\":16,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":341},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"ActivityIndicator\\",\\"props\\":{\\"color\\":\\"#9ca2a8\\"},\\"children\\":null}]},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"enabled\\":true,\\"style\\":{\\"paddingVertical\\":16,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":342},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#0d0e12\\"}]},\\"children\\":[\\"Load older\\"]}]},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"enabled\\":true,\\"style\\":{\\"paddingVertical\\":16,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":343},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#0d0e12\\"}]},\\"children\\":[\\"Load newer\\"]}]}]"`; -exports[`Storyshots RoomView/LoadMore Black Theme 1`] = `"{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#000000\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#f9f9f9\\"}]},\\"children\\":[\\"Load older\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginTop\\":4}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/diego.mello?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},{\\"marginLeft\\":10}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"justifyContent\\":\\"space-between\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"flexShrink\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"lineHeight\\":22,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"diego.mello\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":8,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#b2b8c6\\"}]},\\"children\\":[\\"10:00 AM\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Hey!\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"Hey!\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Older message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"Older message\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#f9f9f9\\"}]},\\"children\\":[\\"Load newer\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#f9f9f9\\"}]},\\"children\\":[\\"Load more\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginTop\\":4}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/diego.mello?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},{\\"marginLeft\\":10}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"justifyContent\\":\\"space-between\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"flexShrink\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"lineHeight\\":22,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"diego.mello\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":8,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#b2b8c6\\"}]},\\"children\\":[\\"10:00 AM\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"This is the third message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"This is the third message\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"This is the second message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"This is the second message\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginTop\\":4}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/diego.mello?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},{\\"marginLeft\\":10}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"justifyContent\\":\\"space-between\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"flexShrink\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"lineHeight\\":22,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"diego.mello\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":8,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#b2b8c6\\"}]},\\"children\\":[\\"10:00 AM\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"This is the first message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"This is the first message\\"]}]}]}]}]}]}]}]}]}]}"`; +exports[`Storyshots RoomView/LoadMore Black Theme 1`] = `"{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#000000\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4280230697,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#1f2329\\",\\"enabled\\":true,\\"style\\":{\\"paddingVertical\\":16,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":350},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#1f2329\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#f9f9f9\\"}]},\\"children\\":[\\"Load older\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginTop\\":4}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/diego.mello?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},{\\"marginLeft\\":10}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"justifyContent\\":\\"space-between\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"flexShrink\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"lineHeight\\":22,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"diego.mello\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":8,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#b2b8c6\\"}]},\\"children\\":[\\"10:00 AM\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Hey!\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"Hey!\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Older message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"Older message\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4280230697,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#1f2329\\",\\"enabled\\":true,\\"style\\":{\\"paddingVertical\\":16,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":351},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#1f2329\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#f9f9f9\\"}]},\\"children\\":[\\"Load newer\\"]}]},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4280230697,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#1f2329\\",\\"enabled\\":true,\\"style\\":{\\"paddingVertical\\":16,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":352},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#1f2329\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#f9f9f9\\"}]},\\"children\\":[\\"Load more\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginTop\\":4}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/diego.mello?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},{\\"marginLeft\\":10}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"justifyContent\\":\\"space-between\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"flexShrink\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"lineHeight\\":22,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"diego.mello\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":8,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#b2b8c6\\"}]},\\"children\\":[\\"10:00 AM\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"This is the third message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"This is the third message\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"This is the second message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"This is the second message\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginTop\\":4}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/diego.mello?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},{\\"marginLeft\\":10}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"justifyContent\\":\\"space-between\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"flexShrink\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"lineHeight\\":22,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"diego.mello\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":8,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#b2b8c6\\"}]},\\"children\\":[\\"10:00 AM\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"This is the first message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"This is the first message\\"]}]}]}]}]}]}]}]}]}]}"`; -exports[`Storyshots RoomView/LoadMore Dark Theme 1`] = `"{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#030b1b\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#f9f9f9\\"}]},\\"children\\":[\\"Load older\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginTop\\":4}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/diego.mello?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},{\\"marginLeft\\":10}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"justifyContent\\":\\"space-between\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"flexShrink\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"lineHeight\\":22,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"diego.mello\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":8,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9297a2\\"}]},\\"children\\":[\\"10:00 AM\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Hey!\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"Hey!\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Older message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"Older message\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#f9f9f9\\"}]},\\"children\\":[\\"Load newer\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#f9f9f9\\"}]},\\"children\\":[\\"Load more\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginTop\\":4}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/diego.mello?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},{\\"marginLeft\\":10}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"justifyContent\\":\\"space-between\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"flexShrink\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"lineHeight\\":22,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"diego.mello\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":8,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9297a2\\"}]},\\"children\\":[\\"10:00 AM\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"This is the third message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"This is the third message\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"This is the second message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"This is the second message\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginTop\\":4}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/diego.mello?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},{\\"marginLeft\\":10}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"justifyContent\\":\\"space-between\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"flexShrink\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"lineHeight\\":22,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"diego.mello\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":8,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9297a2\\"}]},\\"children\\":[\\"10:00 AM\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"This is the first message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"This is the first message\\"]}]}]}]}]}]}]}]}]}]}"`; +exports[`Storyshots RoomView/LoadMore Dark Theme 1`] = `"{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#030b1b\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4279115576,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#0e1f38\\",\\"enabled\\":true,\\"style\\":{\\"paddingVertical\\":16,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":347},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#0e1f38\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#f9f9f9\\"}]},\\"children\\":[\\"Load older\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginTop\\":4}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/diego.mello?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},{\\"marginLeft\\":10}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"justifyContent\\":\\"space-between\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"flexShrink\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"lineHeight\\":22,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"diego.mello\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":8,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9297a2\\"}]},\\"children\\":[\\"10:00 AM\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Hey!\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"Hey!\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Older message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"Older message\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4279115576,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#0e1f38\\",\\"enabled\\":true,\\"style\\":{\\"paddingVertical\\":16,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":348},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#0e1f38\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#f9f9f9\\"}]},\\"children\\":[\\"Load newer\\"]}]},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4279115576,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#0e1f38\\",\\"enabled\\":true,\\"style\\":{\\"paddingVertical\\":16,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":349},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#0e1f38\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#f9f9f9\\"}]},\\"children\\":[\\"Load more\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginTop\\":4}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/diego.mello?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},{\\"marginLeft\\":10}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"justifyContent\\":\\"space-between\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"flexShrink\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"lineHeight\\":22,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"diego.mello\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":8,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9297a2\\"}]},\\"children\\":[\\"10:00 AM\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"This is the third message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"This is the third message\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"This is the second message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"This is the second message\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginTop\\":4}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/diego.mello?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},{\\"marginLeft\\":10}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"justifyContent\\":\\"space-between\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"flexShrink\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"lineHeight\\":22,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#f9f9f9\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"diego.mello\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":8,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9297a2\\"}]},\\"children\\":[\\"10:00 AM\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#cbced1\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"This is the first message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"This is the first message\\"]}]}]}]}]}]}]}]}]}]}"`; -exports[`Storyshots RoomView/LoadMore Light Theme 1`] = `"{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#0d0e12\\"}]},\\"children\\":[\\"Load older\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginTop\\":4}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/diego.mello?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},{\\"marginLeft\\":10}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"justifyContent\\":\\"space-between\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"flexShrink\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"lineHeight\\":22,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"diego.mello\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":8,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}]},\\"children\\":[\\"10:00 AM\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Hey!\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"Hey!\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Older message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"Older message\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#0d0e12\\"}]},\\"children\\":[\\"Load newer\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#0d0e12\\"}]},\\"children\\":[\\"Load more\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginTop\\":4}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/diego.mello?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},{\\"marginLeft\\":10}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"justifyContent\\":\\"space-between\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"flexShrink\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"lineHeight\\":22,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"diego.mello\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":8,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}]},\\"children\\":[\\"10:00 AM\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"This is the third message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"This is the third message\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"This is the second message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"This is the second message\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginTop\\":4}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/diego.mello?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},{\\"marginLeft\\":10}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"justifyContent\\":\\"space-between\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"flexShrink\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"lineHeight\\":22,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"diego.mello\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":8,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}]},\\"children\\":[\\"10:00 AM\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"This is the first message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"This is the first message\\"]}]}]}]}]}]}]}]}]}]}"`; +exports[`Storyshots RoomView/LoadMore Light Theme 1`] = `"{\\"type\\":\\"RCTScrollView\\",\\"props\\":{\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"enabled\\":true,\\"style\\":{\\"paddingVertical\\":16,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":344},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#0d0e12\\"}]},\\"children\\":[\\"Load older\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginTop\\":4}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/diego.mello?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},{\\"marginLeft\\":10}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"justifyContent\\":\\"space-between\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"flexShrink\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"lineHeight\\":22,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"diego.mello\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":8,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}]},\\"children\\":[\\"10:00 AM\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Hey!\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"Hey!\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Older message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"Older message\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"enabled\\":true,\\"style\\":{\\"paddingVertical\\":16,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":345},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#0d0e12\\"}]},\\"children\\":[\\"Load newer\\"]}]},{\\"type\\":\\"RNGestureHandlerButton\\",\\"props\\":{\\"rippleColor\\":4294046452,\\"activeOpacity\\":1,\\"underlayColor\\":\\"#f1f2f4\\",\\"enabled\\":true,\\"style\\":{\\"paddingVertical\\":16,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},\\"collapsable\\":false,\\"handlerType\\":\\"NativeViewGestureHandler\\",\\"handlerTag\\":346},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"bottom\\":0,\\"top\\":0,\\"opacity\\":0,\\"backgroundColor\\":\\"#f1f2f4\\"}},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#0d0e12\\"}]},\\"children\\":[\\"Load more\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginTop\\":4}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/diego.mello?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},{\\"marginLeft\\":10}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"justifyContent\\":\\"space-between\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"flexShrink\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"lineHeight\\":22,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"diego.mello\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":8,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}]},\\"children\\":[\\"10:00 AM\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"This is the third message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"This is the third message\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},false]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"This is the second message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"This is the second message\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"paddingVertical\\":4,\\"width\\":\\"100%\\",\\"paddingHorizontal\\":14,\\"flexDirection\\":\\"column\\"},null]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4},{\\"marginTop\\":4}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":36,\\"height\\":36,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/diego.mello?format=png&size=72\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flex\\":1,\\"marginLeft\\":46},{\\"marginLeft\\":10}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"justifyContent\\":\\"space-between\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"flexShrink\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"flexShrink\\":1,\\"fontSize\\":16,\\"lineHeight\\":22,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"color\\":\\"#0d0e12\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"diego.mello\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"marginLeft\\":8,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#9ca2a8\\"}]},\\"children\\":[\\"10:00 AM\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"This is the first message\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},[{},{\\"marginTop\\":0,\\"marginBottom\\":0,\\"flexWrap\\":\\"wrap\\",\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"flex-start\\",\\"justifyContent\\":\\"flex-start\\"}]]},\\"children\\":[\\"This is the first message\\"]}]}]}]}]}]}]}]}]}]}"`; diff --git a/app/AppContainer.tsx b/app/AppContainer.tsx index 08092c2dc..34e95fefb 100644 --- a/app/AppContainer.tsx +++ b/app/AppContainer.tsx @@ -58,15 +58,13 @@ const App = memo(({ root, isMasterDetail }: { root: string; isMasterDetail: bool }} > - <> - {root === RootEnum.ROOT_LOADING ? : null} - {root === RootEnum.ROOT_OUTSIDE ? : null} - {root === RootEnum.ROOT_INSIDE && isMasterDetail ? ( - - ) : null} - {root === RootEnum.ROOT_INSIDE && !isMasterDetail ? : null} - {root === RootEnum.ROOT_SET_USERNAME ? : null} - + {root === RootEnum.ROOT_LOADING ? : null} + {root === RootEnum.ROOT_OUTSIDE ? : null} + {root === RootEnum.ROOT_INSIDE && isMasterDetail ? ( + + ) : null} + {root === RootEnum.ROOT_INSIDE && !isMasterDetail ? : null} + {root === RootEnum.ROOT_SET_USERNAME ? : null} ); diff --git a/app/containers/AudioPlayer/index.tsx b/app/containers/AudioPlayer/index.tsx index 52609fc3f..dd0821d75 100644 --- a/app/containers/AudioPlayer/index.tsx +++ b/app/containers/AudioPlayer/index.tsx @@ -162,7 +162,7 @@ const AudioPlayer = ({ } return ( - + {audioState === 'playing' || focused ? : null} diff --git a/app/containers/EmojiPicker/EmojiSearch.tsx b/app/containers/EmojiPicker/EmojiSearch.tsx index 3295d8509..ef2386877 100644 --- a/app/containers/EmojiPicker/EmojiSearch.tsx +++ b/app/containers/EmojiPicker/EmojiSearch.tsx @@ -44,10 +44,10 @@ export const EmojiSearch = ({ onBlur, onChangeText, bottomSheet }: IEmojiSearchB textContentType='none' blurOnSubmit placeholder={I18n.t('Search_emoji')} - placeholderTextColor={colors.auxiliaryText} + placeholderTextColor={colors.fontAnnotation} underlineColorAndroid='transparent' onChangeText={handleTextChange} - inputStyle={[styles.input, { backgroundColor: colors.textInputSecondaryBackground }]} + inputStyle={[styles.input, { backgroundColor: colors.surfaceNeutral }]} containerStyle={styles.textInputContainer} value={searchText} onClearInput={() => handleTextChange('')} diff --git a/app/containers/EmojiPicker/Footer.tsx b/app/containers/EmojiPicker/Footer.tsx index 55b66e4c0..2e7b92b10 100644 --- a/app/containers/EmojiPicker/Footer.tsx +++ b/app/containers/EmojiPicker/Footer.tsx @@ -5,17 +5,19 @@ import { useTheme } from '../../theme'; import { CustomIcon } from '../CustomIcon'; import styles from './styles'; import { IFooterProps } from './interfaces'; - -const BUTTON_HIT_SLOP = { top: 15, right: 15, bottom: 15, left: 15 }; +import { isIOS } from '../../lib/methods/helpers'; const Footer = ({ onSearchPressed, onBackspacePressed }: IFooterProps): React.ReactElement => { const { colors } = useTheme(); return ( - + [styles.footerButtonsContainer, { opacity: pressed ? 0.7 : 1 }]} + android_ripple={{ color: colors.buttonBackgroundSecondaryPress }} + style={({ pressed }) => [ + styles.footerButtonsContainer, + { backgroundColor: isIOS && pressed ? colors.buttonBackgroundSecondaryPress : 'transparent' } + ]} testID='emoji-picker-search' > @@ -23,8 +25,11 @@ const Footer = ({ onSearchPressed, onBackspacePressed }: IFooterProps): React.Re [styles.footerButtonsContainer, { opacity: pressed ? 0.7 : 1 }]} + android_ripple={{ color: colors.buttonBackgroundSecondaryPress }} + style={({ pressed }) => [ + styles.footerButtonsContainer, + { backgroundColor: isIOS && pressed ? colors.buttonBackgroundSecondaryPress : 'transparent' } + ]} testID='emoji-picker-backspace' > diff --git a/app/containers/EmojiPicker/PressableEmoji.tsx b/app/containers/EmojiPicker/PressableEmoji.tsx index 5c42bacf6..74c6633be 100644 --- a/app/containers/EmojiPicker/PressableEmoji.tsx +++ b/app/containers/EmojiPicker/PressableEmoji.tsx @@ -14,11 +14,11 @@ export const PressableEmoji = ({ emoji, onPress }: { emoji: IEmoji; onPress: (em key={typeof emoji === 'string' ? emoji : emoji.name} onPress={() => onPress(emoji)} testID={`emoji-${typeof emoji === 'string' ? emoji : emoji.name}`} - android_ripple={{ color: colors.bannerBackground, borderless: true, radius: EMOJI_BUTTON_SIZE / 2 }} + android_ripple={{ color: colors.buttonBackgroundSecondaryPress, borderless: true, radius: EMOJI_BUTTON_SIZE / 2 }} style={({ pressed }: { pressed: boolean }) => [ styles.emojiButton, { - backgroundColor: isIOS && pressed ? colors.bannerBackground : 'transparent' + backgroundColor: isIOS && pressed ? colors.buttonBackgroundSecondaryPress : 'transparent' } ]} > diff --git a/app/containers/EmojiPicker/TabBar.tsx b/app/containers/EmojiPicker/TabBar.tsx index c0aac3a63..acddb953c 100644 --- a/app/containers/EmojiPicker/TabBar.tsx +++ b/app/containers/EmojiPicker/TabBar.tsx @@ -17,20 +17,20 @@ const TabBar = ({ activeTab, tabs, goToPage }: ITabBarProps): React.ReactElement key={tab} onPress={() => goToPage?.(i)} testID={`emoji-picker-tab-${tab}`} - android_ripple={{ color: colors.bannerBackground }} + android_ripple={{ color: colors.buttonBackgroundSecondaryPress }} style={({ pressed }: { pressed: boolean }) => [ styles.tab, { - backgroundColor: isIOS && pressed ? colors.bannerBackground : 'transparent' + backgroundColor: isIOS && pressed ? colors.buttonBackgroundSecondaryPress : 'transparent' } ]} > - + diff --git a/app/containers/EmojiPicker/index.tsx b/app/containers/EmojiPicker/index.tsx index ac3aa3208..4f6b69979 100644 --- a/app/containers/EmojiPicker/index.tsx +++ b/app/containers/EmojiPicker/index.tsx @@ -81,7 +81,7 @@ const EmojiPicker = ({ keyboardShouldPersistTaps: 'always', keyboardDismissMode: 'none' }} - style={{ backgroundColor: colors.messageboxBackground }} + style={{ backgroundColor: colors.surfaceLight }} > {categories.tabs.map((tab: any, i) => renderCategory(tab.category, i, tab.tabLabel))} diff --git a/app/containers/MessageActions/index.tsx b/app/containers/MessageActions/index.tsx index e67d029df..62ef0912b 100644 --- a/app/containers/MessageActions/index.tsx +++ b/app/containers/MessageActions/index.tsx @@ -24,10 +24,11 @@ export interface IMessageActionsProps { room: TSubscriptionModel; tmid?: string; user: Pick; - editInit: (message: TAnyMessageModel) => void; - reactionInit: (message: TAnyMessageModel) => void; + editInit: (messageId: string) => void; + reactionInit: (messageId: string) => void; onReactionPress: (shortname: IEmoji, messageId: string) => void; - replyInit: (message: TAnyMessageModel, mention: boolean) => void; + replyInit: (messageId: string) => void; + quoteInit: (messageId: string) => void; jumpToMessage?: (messageUrl?: string, isFromReply?: boolean) => Promise; isMasterDetail: boolean; isReadOnly: boolean; @@ -63,6 +64,7 @@ const MessageActions = React.memo( reactionInit, onReactionPress, replyInit, + quoteInit, jumpToMessage, isReadOnly, Message_AllowDeleting, @@ -180,14 +182,14 @@ const MessageActions = React.memo( const getPermalink = (message: TAnyMessageModel) => getPermalinkMessage(message); - const handleReply = (message: TAnyMessageModel) => { + const handleReply = (messageId: string) => { logEvent(events.ROOM_MSG_ACTION_REPLY); - replyInit(message, true); + replyInit(messageId); }; - const handleEdit = (message: TAnyMessageModel) => { + const handleEdit = (messageId: string) => { logEvent(events.ROOM_MSG_ACTION_EDIT); - editInit(message); + editInit(messageId); }; const handleCreateDiscussion = (message: TAnyMessageModel) => { @@ -263,9 +265,9 @@ const MessageActions = React.memo( } }; - const handleQuote = (message: TAnyMessageModel) => { + const handleQuote = (messageId: string) => { logEvent(events.ROOM_MSG_ACTION_QUOTE); - replyInit(message, false); + quoteInit(messageId); }; const handleReplyInDM = async (message: TAnyMessageModel) => { @@ -278,7 +280,7 @@ const MessageActions = React.memo( name: getRoomTitle(room), t: room.t, roomUserId: getUidDirectMessage(room), - replyInDM: message + messageId: message.id }; Navigation.replace('RoomView', params); } @@ -311,7 +313,7 @@ const MessageActions = React.memo( if (emoji) { onReactionPress(emoji, message.id); } else { - setTimeout(() => reactionInit(message), ACTION_SHEET_ANIMATION_DURATION); + setTimeout(() => reactionInit(message.id), ACTION_SHEET_ANIMATION_DURATION); } hideActionSheet(); }; @@ -391,7 +393,7 @@ const MessageActions = React.memo( options.push({ title: I18n.t('Quote'), icon: 'quote', - onPress: () => handleQuote(message) + onPress: () => handleQuote(message.id) }); } @@ -400,7 +402,7 @@ const MessageActions = React.memo( options.push({ title: I18n.t('Reply_in_Thread'), icon: 'threads', - onPress: () => handleReply(message) + onPress: () => handleReply(message.id) }); } @@ -459,7 +461,7 @@ const MessageActions = React.memo( options.push({ title: I18n.t('Edit'), icon: 'edit', - onPress: () => handleEdit(message), + onPress: () => handleEdit(message.id), enabled: isEditAllowed }); } diff --git a/app/containers/MessageBox/CommandsPreview/Item.tsx b/app/containers/MessageBox/CommandsPreview/Item.tsx deleted file mode 100644 index b42c60f20..000000000 --- a/app/containers/MessageBox/CommandsPreview/Item.tsx +++ /dev/null @@ -1,49 +0,0 @@ -import FastImage from 'react-native-fast-image'; -import React, { useContext, useState } from 'react'; -import { TouchableOpacity } from 'react-native'; - -import { themes } from '../../../lib/constants'; -import { CustomIcon } from '../../CustomIcon'; -import { useTheme } from '../../../theme'; -import ActivityIndicator from '../../ActivityIndicator'; -import MessageboxContext from '../Context'; -import styles from '../styles'; - -interface IMessageBoxCommandsPreviewItem { - item: { - type: string; - id: string; - value: string; - }; -} - -const Item = ({ item }: IMessageBoxCommandsPreviewItem) => { - const context = useContext(MessageboxContext); - const { onPressCommandPreview } = context; - const [loading, setLoading] = useState(true); - const { theme } = useTheme(); - - return ( - onPressCommandPreview(item)} - testID={`command-preview-item${item.id}`} - > - {item.type === 'image' ? ( - setLoading(true)} - onLoad={() => setLoading(false)} - > - {loading ? : null} - - ) : ( - - )} - - ); -}; - -export default Item; diff --git a/app/containers/MessageBox/CommandsPreview/index.tsx b/app/containers/MessageBox/CommandsPreview/index.tsx deleted file mode 100644 index 5f810b889..000000000 --- a/app/containers/MessageBox/CommandsPreview/index.tsx +++ /dev/null @@ -1,48 +0,0 @@ -import { dequal } from 'dequal'; -import React from 'react'; -import { FlatList } from 'react-native'; - -import { themes } from '../../../lib/constants'; -import { IPreviewItem } from '../../../definitions'; -import { useTheme } from '../../../theme'; -import styles from '../styles'; -import Item from './Item'; - -interface IMessageBoxCommandsPreview { - commandPreview: IPreviewItem[]; - showCommandPreview: boolean; -} - -const CommandsPreview = React.memo( - ({ commandPreview, showCommandPreview }: IMessageBoxCommandsPreview) => { - const { theme } = useTheme(); - - if (!showCommandPreview) { - return null; - } - - return ( - } - keyExtractor={(item: any) => item.id} - keyboardShouldPersistTaps='always' - horizontal - showsHorizontalScrollIndicator={false} - /> - ); - }, - (prevProps, nextProps) => { - if (prevProps.showCommandPreview !== nextProps.showCommandPreview) { - return false; - } - if (!dequal(prevProps.commandPreview, nextProps.commandPreview)) { - return false; - } - return true; - } -); - -export default CommandsPreview; diff --git a/app/containers/MessageBox/Context.ts b/app/containers/MessageBox/Context.ts deleted file mode 100644 index fee6475af..000000000 --- a/app/containers/MessageBox/Context.ts +++ /dev/null @@ -1,4 +0,0 @@ -import React from 'react'; - -const MessageboxContext = React.createContext(null); -export default MessageboxContext; diff --git a/app/containers/MessageBox/LeftButtons.tsx b/app/containers/MessageBox/LeftButtons.tsx deleted file mode 100644 index 499fd7e61..000000000 --- a/app/containers/MessageBox/LeftButtons.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import React from 'react'; - -import { CancelEditingButton, ToggleEmojiButton } from './buttons'; - -interface IMessageBoxLeftButtons { - showEmojiKeyboard: boolean; - openEmoji(): void; - closeEmoji(): void; - editing: boolean; - editCancel(): void; -} - -const LeftButtons = React.memo(({ showEmojiKeyboard, editing, editCancel, openEmoji, closeEmoji }: IMessageBoxLeftButtons) => { - if (editing) { - return ; - } - return ; -}); - -export default LeftButtons; diff --git a/app/containers/MessageBox/Mentions/FixedMentionItem.tsx b/app/containers/MessageBox/Mentions/FixedMentionItem.tsx deleted file mode 100644 index 2b064340f..000000000 --- a/app/containers/MessageBox/Mentions/FixedMentionItem.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import React from 'react'; -import { Text, TouchableOpacity } from 'react-native'; - -import styles from '../styles'; -import I18n from '../../../i18n'; -import { themes } from '../../../lib/constants'; -import { useTheme } from '../../../theme'; - -interface IMessageBoxFixedMentionItem { - item: { - username: string; - }; - onPress: Function; -} - -const FixedMentionItem = ({ item, onPress }: IMessageBoxFixedMentionItem) => { - const { theme } = useTheme(); - return ( - onPress(item)} - > - {item.username} - - {item.username === 'here' ? I18n.t('Notify_active_in_this_room') : I18n.t('Notify_all_in_this_room')} - - - ); -}; - -export default FixedMentionItem; diff --git a/app/containers/MessageBox/Mentions/MentionEmoji.tsx b/app/containers/MessageBox/Mentions/MentionEmoji.tsx deleted file mode 100644 index 16cf55362..000000000 --- a/app/containers/MessageBox/Mentions/MentionEmoji.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import React from 'react'; -import { Text } from 'react-native'; - -import { IEmoji } from '../../../definitions/IEmoji'; -import shortnameToUnicode from '../../../lib/methods/helpers/shortnameToUnicode'; -import CustomEmoji from '../../EmojiPicker/CustomEmoji'; -import styles from '../styles'; - -interface IMessageBoxMentionEmoji { - item: IEmoji; -} - -const MentionEmoji = ({ item }: IMessageBoxMentionEmoji) => { - if (typeof item === 'string') { - return {shortnameToUnicode(`:${item}:`)}; - } - return ; -}; - -export default MentionEmoji; diff --git a/app/containers/MessageBox/Mentions/MentionHeaderList.tsx b/app/containers/MessageBox/Mentions/MentionHeaderList.tsx deleted file mode 100644 index 33a13a89f..000000000 --- a/app/containers/MessageBox/Mentions/MentionHeaderList.tsx +++ /dev/null @@ -1,49 +0,0 @@ -import React, { useContext } from 'react'; -import { ActivityIndicator, Text, TouchableOpacity, View } from 'react-native'; - -import { themes } from '../../../lib/constants'; -import I18n from '../../../i18n'; -import { CustomIcon } from '../../CustomIcon'; -import { useTheme } from '../../../theme'; -import sharedStyles from '../../../views/Styles'; -import MessageboxContext from '../Context'; -import styles from '../styles'; -import { MENTIONS_TRACKING_TYPE_CANNED } from '../constants'; - -interface IMentionHeaderList { - trackingType: string; - hasMentions: boolean; - loading: boolean; -} - -const MentionHeaderList = ({ trackingType, hasMentions, loading }: IMentionHeaderList) => { - const { theme } = useTheme(); - const context = useContext(MessageboxContext); - const { onPressNoMatchCanned } = context; - - if (trackingType === MENTIONS_TRACKING_TYPE_CANNED) { - if (loading) { - return ( - - - {I18n.t('Searching')} - - ); - } - - if (!hasMentions) { - return ( - - - {I18n.t('No_match_found')} {I18n.t('Check_canned_responses')} - - - - ); - } - } - - return null; -}; - -export default MentionHeaderList; diff --git a/app/containers/MessageBox/Mentions/MentionItem.tsx b/app/containers/MessageBox/Mentions/MentionItem.tsx deleted file mode 100644 index 62d8dfc0d..000000000 --- a/app/containers/MessageBox/Mentions/MentionItem.tsx +++ /dev/null @@ -1,107 +0,0 @@ -import React, { useContext } from 'react'; -import { Text, TouchableOpacity, View } from 'react-native'; - -import { themes } from '../../../lib/constants'; -import { IEmoji } from '../../../definitions/IEmoji'; -import { useTheme } from '../../../theme'; -import Avatar from '../../Avatar'; -import { MENTIONS_TRACKING_TYPE_CANNED, MENTIONS_TRACKING_TYPE_COMMANDS, MENTIONS_TRACKING_TYPE_EMOJIS } from '../constants'; -import MessageboxContext from '../Context'; -import styles from '../styles'; -import FixedMentionItem from './FixedMentionItem'; -import MentionEmoji from './MentionEmoji'; - -interface IMessageBoxMentionItem { - item: { - name: string; - command: string; - username: string; - t: string; - id: string; - shortcut: string; - text: string; - } & IEmoji; - trackingType: string; -} - -const MentionItemContent = React.memo(({ trackingType, item }: IMessageBoxMentionItem) => { - const { theme } = useTheme(); - switch (trackingType) { - case MENTIONS_TRACKING_TYPE_EMOJIS: - return ( - <> - - :{item.name || item}: - - ); - case MENTIONS_TRACKING_TYPE_COMMANDS: - return ( - <> - - / - - {item.id} - - ); - case MENTIONS_TRACKING_TYPE_CANNED: - return ( - <> - !{item.shortcut} - - {item.text} - - - ); - - default: - return ( - <> - - {item.username || item.name || item} - - ); - } -}); - -const MentionItem = ({ item, trackingType }: IMessageBoxMentionItem) => { - const context = useContext(MessageboxContext); - const { theme } = useTheme(); - const { onPressMention } = context; - - const defineTestID = (type: string) => { - switch (type) { - case MENTIONS_TRACKING_TYPE_EMOJIS: - return `mention-item-${item.name || item}`; - case MENTIONS_TRACKING_TYPE_COMMANDS: - return `mention-item-${item.command || item}`; - case MENTIONS_TRACKING_TYPE_CANNED: - return `mention-item-${item.shortcut || item}`; - default: - return `mention-item-${item.username || item.name || item}`; - } - }; - - const testID = defineTestID(trackingType); - - if (item.username === 'all' || item.username === 'here') { - return ; - } - - return ( - onPressMention(item)} - testID={testID} - > - - - ); -}; - -export default MentionItem; diff --git a/app/containers/MessageBox/Mentions/index.tsx b/app/containers/MessageBox/Mentions/index.tsx deleted file mode 100644 index a27ebe41e..000000000 --- a/app/containers/MessageBox/Mentions/index.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import React from 'react'; -import { FlatList, View } from 'react-native'; -import { dequal } from 'dequal'; - -import MentionHeaderList from './MentionHeaderList'; -import styles from '../styles'; -import MentionItem from './MentionItem'; -import { themes } from '../../../lib/constants'; -import { useTheme } from '../../../theme'; - -interface IMessageBoxMentions { - mentions: any[]; - trackingType: string; - loading: boolean; -} - -const Mentions = React.memo( - ({ mentions, trackingType, loading }: IMessageBoxMentions) => { - const { theme } = useTheme(); - - if (!trackingType) { - return null; - } - - return ( - - ( - 0} loading={loading} /> - )} - data={mentions} - extraData={mentions} - renderItem={({ item }) => } - keyExtractor={item => item.rid || item.name || item.command || item.shortcut || item} - keyboardShouldPersistTaps='always' - /> - - ); - }, - (prevProps, nextProps) => { - if (prevProps.loading !== nextProps.loading) { - return false; - } - if (prevProps.trackingType !== nextProps.trackingType) { - return false; - } - if (!dequal(prevProps.mentions, nextProps.mentions)) { - return false; - } - return true; - } -); - -export default Mentions; diff --git a/app/containers/MessageBox/RecordAudio.tsx b/app/containers/MessageBox/RecordAudio.tsx deleted file mode 100644 index dc8bd2909..000000000 --- a/app/containers/MessageBox/RecordAudio.tsx +++ /dev/null @@ -1,255 +0,0 @@ -import React from 'react'; -import { Text, View } from 'react-native'; -import { Audio, InterruptionModeAndroid, InterruptionModeIOS } from 'expo-av'; -import { BorderlessButton } from 'react-native-gesture-handler'; -import { getInfoAsync } from 'expo-file-system'; -import { activateKeepAwake, deactivateKeepAwake } from 'expo-keep-awake'; - -import styles from './styles'; -import I18n from '../../i18n'; -import { themes } from '../../lib/constants'; -import { CustomIcon } from '../CustomIcon'; -import { events, logEvent } from '../../lib/methods/helpers/log'; -import { TSupportedThemes } from '../../theme'; - -interface IMessageBoxRecordAudioProps { - theme: TSupportedThemes; - permissionToUpload: boolean; - recordingCallback: Function; - onFinish: Function; - onStart: Function; -} - -const RECORDING_EXTENSION = '.aac'; -const RECORDING_SETTINGS = { - android: { - // Settings related to audio encoding. - extension: RECORDING_EXTENSION, - outputFormat: Audio.RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_AAC_ADTS, - audioEncoder: Audio.RECORDING_OPTION_ANDROID_AUDIO_ENCODER_AAC, - // Settings related to audio quality. - sampleRate: Audio.RECORDING_OPTIONS_PRESET_LOW_QUALITY.android.sampleRate, - numberOfChannels: Audio.RECORDING_OPTIONS_PRESET_LOW_QUALITY.android.numberOfChannels, - bitRate: Audio.RECORDING_OPTIONS_PRESET_LOW_QUALITY.android.bitRate - }, - ios: { - // Settings related to audio encoding. - extension: RECORDING_EXTENSION, - audioQuality: Audio.RECORDING_OPTION_IOS_AUDIO_QUALITY_MEDIUM, - outputFormat: Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC, - // Settings related to audio quality. - sampleRate: Audio.RECORDING_OPTIONS_PRESET_LOW_QUALITY.ios.sampleRate, - numberOfChannels: Audio.RECORDING_OPTIONS_PRESET_LOW_QUALITY.ios.numberOfChannels, - bitRate: Audio.RECORDING_OPTIONS_PRESET_LOW_QUALITY.ios.bitRate - }, - web: {} -}; - -const RECORDING_MODE = { - allowsRecordingIOS: true, - playsInSilentModeIOS: true, - staysActiveInBackground: true, - shouldDuckAndroid: true, - playThroughEarpieceAndroid: false, - interruptionModeIOS: InterruptionModeIOS.DoNotMix, - interruptionModeAndroid: InterruptionModeAndroid.DoNotMix -}; - -const formatTime = function (time: number) { - const minutes = Math.floor(time / 60); - const seconds = time % 60; - const min = minutes < 10 ? `0${minutes}` : minutes; - const sec = seconds < 10 ? `0${seconds}` : seconds; - return `${min}:${sec}`; -}; - -export default class RecordAudio extends React.PureComponent { - private isRecorderBusy: boolean; - private recording!: Audio.Recording; - private LastDuration: number; - - constructor(props: IMessageBoxRecordAudioProps) { - super(props); - this.isRecorderBusy = false; - this.LastDuration = 0; - this.state = { - isRecording: false, - isRecorderActive: false, - recordingDurationMillis: 0 - }; - } - - componentDidUpdate() { - const { recordingCallback } = this.props; - const { isRecorderActive } = this.state; - - recordingCallback(isRecorderActive); - } - - componentWillUnmount() { - if (this.recording) { - this.cancelRecordingAudio(); - } - } - - get duration() { - const { recordingDurationMillis } = this.state; - return formatTime(Math.floor(recordingDurationMillis / 1000)); - } - - get GetLastDuration() { - return formatTime(Math.floor(this.LastDuration / 1000)); - } - - isRecordingPermissionGranted = async () => { - try { - const permission = await Audio.getPermissionsAsync(); - if (permission.status === 'granted') { - return true; - } - await Audio.requestPermissionsAsync(); - } catch { - // Do nothing - } - return false; - }; - - onRecordingStatusUpdate = (status: Audio.RecordingStatus) => { - this.setState({ - isRecording: status.isRecording, - recordingDurationMillis: status.durationMillis - }); - this.LastDuration = status.durationMillis; - }; - - startRecordingAudio = async () => { - const { onStart } = this.props; - onStart(); - - logEvent(events.ROOM_AUDIO_RECORD); - if (!this.isRecorderBusy) { - this.isRecorderBusy = true; - this.LastDuration = 0; - try { - const canRecord = await this.isRecordingPermissionGranted(); - if (canRecord) { - await Audio.setAudioModeAsync(RECORDING_MODE); - - this.setState({ isRecorderActive: true }); - this.recording = new Audio.Recording(); - await this.recording.prepareToRecordAsync(RECORDING_SETTINGS); - this.recording.setOnRecordingStatusUpdate(this.onRecordingStatusUpdate); - - await this.recording.startAsync(); - activateKeepAwake(); - } else { - await Audio.requestPermissionsAsync(); - } - } catch (error) { - logEvent(events.ROOM_AUDIO_RECORD_F); - } - this.isRecorderBusy = false; - } - }; - - finishRecordingAudio = async () => { - logEvent(events.ROOM_AUDIO_FINISH); - if (!this.isRecorderBusy) { - const { onFinish } = this.props; - - this.isRecorderBusy = true; - try { - await this.recording.stopAndUnloadAsync(); - - const fileURI = this.recording.getURI(); - const fileData = await getInfoAsync(fileURI as string); - const fileInfo = { - name: `${Date.now()}.aac`, - mime: 'audio/aac', - type: 'audio/aac', - store: 'Uploads', - path: fileURI, - size: fileData.exists ? fileData.size : null - }; - - onFinish(fileInfo); - } catch (error) { - logEvent(events.ROOM_AUDIO_FINISH_F); - } - this.setState({ isRecording: false, isRecorderActive: false, recordingDurationMillis: 0 }); - deactivateKeepAwake(); - this.isRecorderBusy = false; - } - }; - - cancelRecordingAudio = async () => { - logEvent(events.ROOM_AUDIO_CANCEL); - if (!this.isRecorderBusy) { - this.isRecorderBusy = true; - try { - await this.recording.stopAndUnloadAsync(); - } catch (error) { - logEvent(events.ROOM_AUDIO_CANCEL_F); - } - this.setState({ isRecording: false, isRecorderActive: false, recordingDurationMillis: 0 }); - deactivateKeepAwake(); - this.isRecorderBusy = false; - } - }; - - render() { - const { theme, permissionToUpload } = this.props; - const { isRecording, isRecorderActive } = this.state; - if (!permissionToUpload) { - return null; - } - if (!isRecording && !isRecorderActive) { - return ( - - - - - - ); - } - - if (!isRecording && isRecorderActive) { - return ( - - - - - - - - {this.GetLastDuration} - - - - - - - - ); - } - - return ( - - - - - - - - {this.duration} - - - - - - - - - ); - } -} diff --git a/app/containers/MessageBox/ReplyPreview.tsx b/app/containers/MessageBox/ReplyPreview.tsx deleted file mode 100644 index 1b37ec77b..000000000 --- a/app/containers/MessageBox/ReplyPreview.tsx +++ /dev/null @@ -1,92 +0,0 @@ -import React from 'react'; -import { StyleSheet, Text, View } from 'react-native'; -import moment from 'moment'; -import { connect } from 'react-redux'; - -import { MarkdownPreview } from '../markdown'; -import { CustomIcon } from '../CustomIcon'; -import sharedStyles from '../../views/Styles'; -import { themes } from '../../lib/constants'; -import { IMessage } from '../../definitions/IMessage'; -import { useTheme } from '../../theme'; -import { IApplicationState } from '../../definitions'; - -const styles = StyleSheet.create({ - container: { - flexDirection: 'row', - paddingTop: 10 - }, - messageContainer: { - flex: 1, - marginHorizontal: 10, - paddingHorizontal: 15, - paddingVertical: 10, - borderRadius: 4 - }, - header: { - flexDirection: 'row', - alignItems: 'center' - }, - username: { - fontSize: 16, - ...sharedStyles.textMedium, - flexShrink: 1 - }, - time: { - fontSize: 12, - lineHeight: 16, - marginLeft: 6, - ...sharedStyles.textRegular, - fontWeight: '300' - }, - close: { - marginRight: 10 - } -}); - -interface IMessageBoxReplyPreview { - replying: boolean; - message: IMessage; - Message_TimeFormat: string; - close(): void; - baseUrl: string; - username: string; - getCustomEmoji: Function; - useRealName: boolean; -} - -const ReplyPreview = React.memo( - ({ message, Message_TimeFormat, replying, close, useRealName }: IMessageBoxReplyPreview) => { - const { theme } = useTheme(); - - if (!replying) { - return null; - } - - const time = moment(message.ts).format(Message_TimeFormat); - return ( - - - - - {useRealName ? message.u?.name : message.u?.username} - - {time} - - - - - - ); - }, - (prevProps: IMessageBoxReplyPreview, nextProps: IMessageBoxReplyPreview) => - prevProps.replying === nextProps.replying && prevProps.message.id === nextProps.message.id -); - -const mapStateToProps = (state: IApplicationState) => ({ - Message_TimeFormat: state.settings.Message_TimeFormat as string, - baseUrl: state.server.server, - useRealName: state.settings.UI_Use_Real_Name as boolean -}); - -export default connect(mapStateToProps)(ReplyPreview); diff --git a/app/containers/MessageBox/RightButtons.tsx b/app/containers/MessageBox/RightButtons.tsx deleted file mode 100644 index d19109e61..000000000 --- a/app/containers/MessageBox/RightButtons.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import React from 'react'; -import { View } from 'react-native'; - -import { isIOS } from '../../lib/methods/helpers'; -import { ActionsButton, SendButton } from './buttons'; -import styles from './styles'; - -interface IMessageBoxRightButtons { - showSend: boolean; - submit(): void; - showMessageBoxActions(): void; - isActionsEnabled: boolean; -} - -const RightButtons = React.memo(({ showSend, submit, showMessageBoxActions, isActionsEnabled }: IMessageBoxRightButtons) => { - if (showSend) { - return ; - } - if (isActionsEnabled) { - return ; - } - return !isIOS ? : null; -}); - -export default RightButtons; diff --git a/app/containers/MessageBox/buttons/ActionsButton.tsx b/app/containers/MessageBox/buttons/ActionsButton.tsx deleted file mode 100644 index b6b8fd28e..000000000 --- a/app/containers/MessageBox/buttons/ActionsButton.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import React from 'react'; - -import BaseButton from './BaseButton'; - -interface IActionsButton { - onPress(): void; -} - -const ActionsButton = ({ onPress }: IActionsButton) => ( - -); - -export default ActionsButton; diff --git a/app/containers/MessageBox/buttons/BaseButton.tsx b/app/containers/MessageBox/buttons/BaseButton.tsx deleted file mode 100644 index ecf857a3e..000000000 --- a/app/containers/MessageBox/buttons/BaseButton.tsx +++ /dev/null @@ -1,34 +0,0 @@ -import { BorderlessButton } from 'react-native-gesture-handler'; -import React from 'react'; -import { View } from 'react-native'; - -import styles from '../styles'; -import i18n from '../../../i18n'; -import { CustomIcon, TIconsName } from '../../CustomIcon'; -import { useTheme } from '../../../theme'; -import { themes } from '../../../lib/constants'; - -interface IBaseButton { - onPress(): void; - testID: string; - accessibilityLabel: string; - icon: TIconsName; - color?: string; -} - -const BaseButton = ({ accessibilityLabel, icon, color, ...props }: IBaseButton) => { - const { theme } = useTheme(); - return ( - - - - - - ); -}; - -export default BaseButton; diff --git a/app/containers/MessageBox/buttons/CancelEditingButton.tsx b/app/containers/MessageBox/buttons/CancelEditingButton.tsx deleted file mode 100644 index 821b7a193..000000000 --- a/app/containers/MessageBox/buttons/CancelEditingButton.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import React from 'react'; - -import BaseButton from './BaseButton'; - -interface ICancelEditingButton { - onPress(): void; -} - -const CancelEditingButton = ({ onPress }: ICancelEditingButton) => ( - -); - -export default CancelEditingButton; diff --git a/app/containers/MessageBox/buttons/SendButton.tsx b/app/containers/MessageBox/buttons/SendButton.tsx deleted file mode 100644 index e1dc19d43..000000000 --- a/app/containers/MessageBox/buttons/SendButton.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import React from 'react'; - -import { themes } from '../../../lib/constants'; -import { useTheme } from '../../../theme'; -import BaseButton from './BaseButton'; - -interface ISendButton { - onPress(): void; -} - -const SendButton = ({ onPress }: ISendButton) => { - const { theme } = useTheme(); - return ( - - ); -}; - -export default SendButton; diff --git a/app/containers/MessageBox/buttons/ToggleEmojiButton.tsx b/app/containers/MessageBox/buttons/ToggleEmojiButton.tsx deleted file mode 100644 index 41bfd01b7..000000000 --- a/app/containers/MessageBox/buttons/ToggleEmojiButton.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import React from 'react'; - -import BaseButton from './BaseButton'; - -interface IToggleEmojiButton { - show: boolean; - open(): void; - close(): void; -} - -const ToggleEmojiButton = ({ show, open, close }: IToggleEmojiButton) => { - if (show) { - return ( - - ); - } - return ; -}; - -export default ToggleEmojiButton; diff --git a/app/containers/MessageBox/buttons/index.ts b/app/containers/MessageBox/buttons/index.ts deleted file mode 100644 index b57e2cc28..000000000 --- a/app/containers/MessageBox/buttons/index.ts +++ /dev/null @@ -1,6 +0,0 @@ -import CancelEditingButton from './CancelEditingButton'; -import ToggleEmojiButton from './ToggleEmojiButton'; -import SendButton from './SendButton'; -import ActionsButton from './ActionsButton'; - -export { CancelEditingButton, ToggleEmojiButton, SendButton, ActionsButton }; diff --git a/app/containers/MessageBox/constants.ts b/app/containers/MessageBox/constants.ts deleted file mode 100644 index cd1d750e3..000000000 --- a/app/containers/MessageBox/constants.ts +++ /dev/null @@ -1,9 +0,0 @@ -export const MENTIONS_TRACKING_TYPE_USERS = '@'; -export const MENTIONS_TRACKING_TYPE_EMOJIS = ':'; -export const MENTIONS_TRACKING_TYPE_COMMANDS = '/'; -export const MENTIONS_TRACKING_TYPE_ROOMS = '#'; -export const MENTIONS_TRACKING_TYPE_CANNED = '!'; -export const MENTIONS_COUNT_TO_DISPLAY = 4; -export const MAX_EMOJIS_TO_DISPLAY = 20; - -export const TIMEOUT_CLOSE_EMOJI = 300; diff --git a/app/containers/MessageBox/getMentionRegexp.ts b/app/containers/MessageBox/getMentionRegexp.ts deleted file mode 100644 index ec8ea5d14..000000000 --- a/app/containers/MessageBox/getMentionRegexp.ts +++ /dev/null @@ -1,4 +0,0 @@ -// Match query string from the message to replace it with the suggestion -const getMentionRegexp = (): any => /[^@:#/!]*$/; - -export default getMentionRegexp; diff --git a/app/containers/MessageBox/index.tsx b/app/containers/MessageBox/index.tsx deleted file mode 100644 index 20c8f1814..000000000 --- a/app/containers/MessageBox/index.tsx +++ /dev/null @@ -1,1349 +0,0 @@ -import React, { Component } from 'react'; -import { Alert, NativeModules, Text, View, BackHandler } from 'react-native'; -import { connect } from 'react-redux'; -import { KeyboardAccessoryView } from 'react-native-ui-lib/keyboard'; -import ImagePicker, { Image, ImageOrVideo, Options } from 'react-native-image-crop-picker'; -import { dequal } from 'dequal'; -import DocumentPicker from 'react-native-document-picker'; -import { Q } from '@nozbe/watermelondb'; -import { TouchableWithoutFeedback } from 'react-native-gesture-handler'; - -import { generateTriggerId } from '../../lib/methods/actions'; -import { TextInput, IThemedTextInput } from '../TextInput'; -import { userTyping as userTypingAction } from '../../actions/room'; -import styles from './styles'; -import database from '../../lib/database'; -import log, { events, logEvent } from '../../lib/methods/helpers/log'; -import RecordAudio from './RecordAudio'; -import I18n from '../../i18n'; -import ReplyPreview from './ReplyPreview'; -import { themes, emojis } from '../../lib/constants'; -import LeftButtons from './LeftButtons'; -import RightButtons from './RightButtons'; -import { canUploadFile } from '../../lib/methods/helpers/media'; -import getMentionRegexp from './getMentionRegexp'; -import Mentions from './Mentions'; -import MessageboxContext from './Context'; -import { - MENTIONS_COUNT_TO_DISPLAY, - MENTIONS_TRACKING_TYPE_CANNED, - MENTIONS_TRACKING_TYPE_COMMANDS, - MENTIONS_TRACKING_TYPE_EMOJIS, - MENTIONS_TRACKING_TYPE_ROOMS, - MENTIONS_TRACKING_TYPE_USERS, - TIMEOUT_CLOSE_EMOJI -} from './constants'; -import CommandsPreview from './CommandsPreview'; -import { getUserSelector } from '../../selectors/login'; -import Navigation from '../../lib/navigation/appNavigation'; -import { TActionSheetOptionsItem, withActionSheet } from '../ActionSheet'; -import { sanitizeLikeString } from '../../lib/database/utils'; -import { CustomIcon } from '../CustomIcon'; -import { forceJpgExtension } from './forceJpgExtension'; -import { - IApplicationState, - IBaseScreen, - IPreviewItem, - IUser, - TGetCustomEmoji, - TSubscriptionModel, - TThreadModel, - IMessage, - IEmoji -} from '../../definitions'; -import { MasterDetailInsideStackParamList } from '../../stacks/MasterDetailStack/types'; -import { getPermalinkMessage, search, sendFileMessage } from '../../lib/methods'; -import { hasPermission, debounce, isAndroid, isIOS, isTablet, compareServerVersion } from '../../lib/methods/helpers'; -import { Services } from '../../lib/services'; -import { TSupportedThemes } from '../../theme'; -import { ChatsStackParamList } from '../../stacks/types'; -import { EventTypes } from '../EmojiPicker/interfaces'; -import EmojiSearchbar from './EmojiSearchbar'; -import shortnameToUnicode from '../../lib/methods/helpers/shortnameToUnicode'; - -require('./EmojiKeyboard'); - -const imagePickerConfig = { - cropping: true, - avoidEmptySpaceAroundImage: false, - freeStyleCropEnabled: true, - forceJpg: true -}; - -const libraryPickerConfig: Options = { - multiple: true, - compressVideoPreset: 'Passthrough', - mediaType: 'any' -}; - -const videoPickerConfig: Options = { - mediaType: 'video' -}; - -export interface IMessageBoxProps extends IBaseScreen { - rid: string; - baseUrl: string; - message: IMessage; - replying: boolean; - editing: boolean; - threadsEnabled: boolean; - isFocused(): boolean; - user: IUser; - roomType: string; - tmid: string; - replyWithMention: boolean; - FileUpload_MediaTypeWhiteList: string; - FileUpload_MaxFileSize: number; - Message_AudioRecorderEnabled: boolean; - getCustomEmoji: TGetCustomEmoji; - editCancel: Function; - editRequest: Function; - onSubmit: Function; - typing: Function; - theme: TSupportedThemes; - replyCancel(): void; - showSend: boolean; - children: JSX.Element; - isMasterDetail: boolean; - showActionSheet: Function; - iOSScrollBehavior: number; - sharing: boolean; - isActionsEnabled: boolean; - usedCannedResponse: string; - uploadFilePermission: string[]; - createDiscussionPermission: string[]; - goToCannedResponses: () => void | null; - serverVersion: string; -} - -interface IMessageBoxState { - mentions: any[]; - showEmojiKeyboard: boolean; - showSend: any; - recording: boolean; - trackingType: string; - commandPreview: IPreviewItem[]; - showCommandPreview: boolean; - command: { - appId?: string; - }; - tshow: boolean; - mentionLoading: boolean; - permissionToUpload: boolean; - hasCreateDiscussionPermission: boolean; - showEmojiSearchbar: boolean; -} - -class MessageBox extends Component { - public text: string; - - private selection: { start: number; end: number }; - - private imagePickerConfig: Options; - - private libraryPickerConfig: Options; - - private videoPickerConfig: Options; - - private room!: TSubscriptionModel; - - private thread!: TThreadModel; - - private unsubscribeFocus: any; - - private trackingTimeout: any; - - private tracking: any; - - private unsubscribeBlur: any; - - private component: any; - - private typingTimeout: any; - - static defaultProps = { - message: { - id: '' - }, - sharing: false, - iOSScrollBehavior: NativeModules.KeyboardTrackingViewTempManager?.KeyboardTrackingScrollBehaviorFixedOffset, - isActionsEnabled: true, - getCustomEmoji: () => {} - }; - - constructor(props: IMessageBoxProps) { - super(props); - this.state = { - mentions: [], - showEmojiKeyboard: false, - showSend: props.showSend, - recording: false, - trackingType: '', - commandPreview: [], - showCommandPreview: false, - command: {}, - tshow: this.sendThreadToChannel, - mentionLoading: false, - permissionToUpload: true, - showEmojiSearchbar: false, - hasCreateDiscussionPermission: false - }; - this.text = ''; - this.selection = { start: 0, end: 0 }; - - const libPickerLabels = { - cropperChooseText: I18n.t('Choose'), - cropperCancelText: I18n.t('Cancel'), - loadingLabelText: I18n.t('Processing') - }; - - this.imagePickerConfig = { - ...imagePickerConfig, - ...libPickerLabels - }; - - this.libraryPickerConfig = { - ...libraryPickerConfig, - ...libPickerLabels - }; - - this.videoPickerConfig = { - ...videoPickerConfig, - ...libPickerLabels - }; - - BackHandler.addEventListener('hardwareBackPress', this.handleBackPress); - } - - get sendThreadToChannel() { - const { user, serverVersion, tmid } = this.props; - if (tmid && compareServerVersion(serverVersion, 'lowerThan', '5.0.0')) { - return false; - } - if (tmid && user.alsoSendThreadToChannel === 'default') { - return false; - } - if (user.alsoSendThreadToChannel === 'always') { - return true; - } - if (user.alsoSendThreadToChannel === 'never') { - return false; - } - return true; - } - - async componentDidMount() { - const db = database.active; - const { rid, tmid, navigation, sharing, usedCannedResponse } = this.props; - let msg; - try { - const threadsCollection = db.get('threads'); - const subsCollection = db.get('subscriptions'); - try { - this.room = await subsCollection.find(rid); - } catch (error) { - console.log('Messagebox.didMount: Room not found'); - } - if (tmid) { - try { - this.thread = await threadsCollection.find(tmid); - if (this.thread && !sharing) { - msg = this.thread.draftMessage; - } - } catch (error) { - console.log('Messagebox.didMount: Thread not found'); - } - } else if (!sharing) { - msg = this.room?.draftMessage; - } - } catch (e) { - log(e); - } - - if (msg) { - this.setInput(msg); - this.setShowSend(true); - } - - if (usedCannedResponse) { - this.onChangeText(usedCannedResponse); - } - - this.setOptions(); - - this.unsubscribeFocus = navigation.addListener('focus', () => { - // didFocus - // We should wait pushed views be dismissed - this.trackingTimeout = setTimeout(() => { - if (this.tracking && this.tracking.resetTracking) { - // Reset messageBox keyboard tracking - this.tracking.resetTracking(); - } - }, 500); - }); - this.unsubscribeBlur = navigation.addListener('blur', () => { - this.closeEmoji(); - this.component?.blur(); - }); - } - - UNSAFE_componentWillReceiveProps(nextProps: any) { - const { isFocused, editing, replying, sharing, usedCannedResponse } = this.props; - if (!isFocused?.()) { - return; - } - if (usedCannedResponse !== nextProps.usedCannedResponse) { - this.onChangeText(nextProps.usedCannedResponse ?? ''); - } - if (sharing && !replying) { - this.setInput(nextProps.message.msg ?? ''); - return; - } - if (editing !== nextProps.editing && nextProps.editing) { - this.setInput(nextProps.message.msg); - if (this.text) { - this.setShowSend(true); - } - this.focus(); - } else if (replying !== nextProps.replying && nextProps.replying) { - this.focus(); - } else if (!nextProps.message) { - this.clearInput(); - } - if (this.trackingTimeout) { - clearTimeout(this.trackingTimeout); - this.trackingTimeout = false; - } - } - - shouldComponentUpdate(nextProps: IMessageBoxProps, nextState: IMessageBoxState) { - const { - showEmojiKeyboard, - showSend, - recording, - mentions, - commandPreview, - tshow, - mentionLoading, - trackingType, - permissionToUpload, - hasCreateDiscussionPermission, - showEmojiSearchbar - } = this.state; - - const { - roomType, - replying, - editing, - isFocused, - message, - theme, - usedCannedResponse, - uploadFilePermission, - createDiscussionPermission, - goToCannedResponses - } = this.props; - if (nextProps.theme !== theme) { - return true; - } - if (nextState.showEmojiKeyboard !== showEmojiKeyboard) { - return true; - } - if (nextState.showEmojiSearchbar !== showEmojiSearchbar) { - return true; - } - if (!isFocused()) { - return false; - } - if (nextProps.roomType !== roomType) { - return true; - } - if (nextProps.replying !== replying) { - return true; - } - if (nextProps.editing !== editing) { - return true; - } - if (nextState.trackingType !== trackingType) { - return true; - } - if (nextState.mentionLoading !== mentionLoading) { - return true; - } - if (nextState.showSend !== showSend) { - return true; - } - if (nextState.recording !== recording) { - return true; - } - if (nextState.tshow !== tshow) { - return true; - } - if (nextState.permissionToUpload !== permissionToUpload) { - return true; - } - if (nextState.hasCreateDiscussionPermission !== hasCreateDiscussionPermission) { - return true; - } - if (!dequal(nextState.mentions, mentions)) { - return true; - } - if (!dequal(nextState.commandPreview, commandPreview)) { - return true; - } - if (!dequal(nextProps.message?.id, message?.id)) { - return true; - } - if (!dequal(nextProps.uploadFilePermission, uploadFilePermission)) { - return true; - } - if (!dequal(nextProps.createDiscussionPermission, createDiscussionPermission)) { - return true; - } - if (nextProps.usedCannedResponse !== usedCannedResponse) { - return true; - } - if (nextProps.goToCannedResponses !== goToCannedResponses) { - return true; - } - return false; - } - - componentDidUpdate(prevProps: IMessageBoxProps) { - const { uploadFilePermission, goToCannedResponses, replyWithMention, threadsEnabled, createDiscussionPermission } = - this.props; - if (prevProps.replyWithMention !== replyWithMention) { - if (threadsEnabled && replyWithMention) { - this.setState({ tshow: this.sendThreadToChannel }); - } - } - if ( - !dequal(prevProps.uploadFilePermission, uploadFilePermission) || - !dequal(prevProps.createDiscussionPermission, createDiscussionPermission) || - prevProps.goToCannedResponses !== goToCannedResponses - ) { - this.setOptions(); - } - } - - componentWillUnmount() { - console.countReset(`${this.constructor.name}.render calls`); - if (this.onChangeText && this.onChangeText.stop) { - this.onChangeText.stop(); - } - if (this.getUsers && this.getUsers.stop) { - this.getUsers.stop(); - } - if (this.getRooms && this.getRooms.stop) { - this.getRooms.stop(); - } - if (this.getEmojis && this.getEmojis.stop) { - this.getEmojis.stop(); - } - if (this.getSlashCommands && this.getSlashCommands.stop) { - this.getSlashCommands.stop(); - } - if (this.getCannedResponses && this.getCannedResponses.stop) { - this.getCannedResponses.stop(); - } - if (this.unsubscribeFocus) { - this.unsubscribeFocus(); - } - if (this.unsubscribeBlur) { - this.unsubscribeBlur(); - } - BackHandler.removeEventListener('hardwareBackPress', this.handleBackPress); - } - - setOptions = async () => { - const { uploadFilePermission, rid, createDiscussionPermission } = this.props; - - // Servers older than 4.2 - if (!uploadFilePermission) { - this.setState({ permissionToUpload: true }); - return; - } - - const permissions = await hasPermission([uploadFilePermission, createDiscussionPermission], rid); - this.setState({ permissionToUpload: permissions[0], hasCreateDiscussionPermission: permissions[1] }); - }; - - onChangeText: any = (text: string): void => { - const isTextEmpty = text.length === 0; - this.setShowSend(!isTextEmpty); - this.debouncedOnChangeText(text); - this.setInput(text); - }; - - onSelectionChange = (e: any) => { - this.selection = e.nativeEvent.selection; - }; - - // eslint-disable-next-line react/sort-comp - debouncedOnChangeText = debounce(async (text: any) => { - const { sharing, roomType } = this.props; - const isTextEmpty = text.length === 0; - if (isTextEmpty) { - this.stopTrackingMention(); - return; - } - this.handleTyping(!isTextEmpty); - const { start, end } = this.selection; - const cursor = Math.max(start, end); - const whiteSpaceOrBreakLineRegex = /[\s\n]+/; - const txt = - cursor < text.length ? text.substr(0, cursor).split(whiteSpaceOrBreakLineRegex) : text.split(whiteSpaceOrBreakLineRegex); - const lastWord = txt[txt.length - 1]; - const result = lastWord.substring(1); - - const commandMention = text.match(/^\//); // match only if message begins with / - const channelMention = lastWord.match(/^#/); - const userMention = lastWord.match(/^@/); - const emojiMention = lastWord.match(/^:/); - const cannedMention = lastWord.match(/^!/); - - if (commandMention && !sharing) { - const command = text.substr(1); - const commandParameter = text.match(/^\/([a-z0-9._-]+) (.+)/im); - if (commandParameter) { - const db = database.active; - const [, name, params] = commandParameter; - const commandsCollection = db.get('slash_commands'); - try { - const commandRecord = await commandsCollection.find(name); - if (commandRecord.providesPreview) { - return this.setCommandPreview(commandRecord, name, params); - } - } catch (e) { - // do nothing - } - } - return this.identifyMentionKeyword(command, MENTIONS_TRACKING_TYPE_COMMANDS); - } - if (channelMention) { - return this.identifyMentionKeyword(result, MENTIONS_TRACKING_TYPE_ROOMS); - } - if (userMention) { - return this.identifyMentionKeyword(result, MENTIONS_TRACKING_TYPE_USERS); - } - if (emojiMention) { - return this.identifyMentionKeyword(result, MENTIONS_TRACKING_TYPE_EMOJIS); - } - if (cannedMention && roomType === 'l') { - return this.identifyMentionKeyword(result, MENTIONS_TRACKING_TYPE_CANNED); - } - return this.stopTrackingMention(); - }, 100); - - onKeyboardResigned = () => { - const { showEmojiSearchbar } = this.state; - if (!showEmojiSearchbar) { - this.closeEmoji(); - } - }; - - onPressMention = (item: any) => { - if (!this.component) { - return; - } - const { trackingType } = this.state; - const msg = this.text; - const { start, end } = this.selection; - const cursor = Math.max(start, end); - const regexp = getMentionRegexp(); - let result = msg.substr(0, cursor).replace(regexp, ''); - // Remove the ! after select the canned response - if (trackingType === MENTIONS_TRACKING_TYPE_CANNED) { - const lastIndexOfExclamation = msg.lastIndexOf('!', cursor); - result = msg.substr(0, lastIndexOfExclamation).replace(regexp, ''); - } - const mentionName = - trackingType === MENTIONS_TRACKING_TYPE_EMOJIS - ? `${item.name || item}:` - : item.username || item.name || item.command || item.text; - const text = `${result}${mentionName} ${msg.slice(cursor)}`; - if (trackingType === MENTIONS_TRACKING_TYPE_COMMANDS && item.providesPreview) { - this.setState({ showCommandPreview: true }); - } - - const newCursor = cursor + mentionName.length; - this.setInput(text, { start: newCursor, end: newCursor }); - this.focus(); - requestAnimationFrame(() => this.stopTrackingMention()); - }; - - onPressCommandPreview = (item: any) => { - const { command } = this.state; - const { - rid, - tmid, - message: { id: messageTmid }, - replyCancel - } = this.props; - const { text } = this; - const name = text.substr(0, text.indexOf(' ')).slice(1); - const params = text.substr(text.indexOf(' ') + 1) || 'params'; - this.setState({ commandPreview: [], showCommandPreview: false, command: {} }); - this.stopTrackingMention(); - this.clearInput(); - this.handleTyping(false); - try { - const { appId } = command; - const triggerId = generateTriggerId(appId); - Services.executeCommandPreview(name, params, rid, item, triggerId, tmid || messageTmid); - replyCancel(); - } catch (e) { - log(e); - } - }; - - onKeyboardItemSelected = (keyboardId: string, params: { eventType: EventTypes; emoji: IEmoji }) => { - const { eventType, emoji } = params; - const { text } = this; - let newText = ''; - // if messagebox has an active cursor - const { start, end } = this.selection; - const cursor = Math.max(start, end); - let newCursor; - - switch (eventType) { - case EventTypes.BACKSPACE_PRESSED: - logEvent(events.MB_BACKSPACE); - const emojiRegex = /\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff]/; - let charsToRemove = 1; - const lastEmoji = text.substr(cursor > 0 ? cursor - 2 : text.length - 2, cursor > 0 ? cursor : text.length); - // Check if last character is an emoji - if (emojiRegex.test(lastEmoji)) charsToRemove = 2; - newText = - text.substr(0, (cursor > 0 ? cursor : text.length) - charsToRemove) + text.substr(cursor > 0 ? cursor : text.length); - newCursor = cursor - charsToRemove; - this.setInput(newText, { start: newCursor, end: newCursor }); - this.setShowSend(newText !== ''); - break; - case EventTypes.EMOJI_PRESSED: - logEvent(events.MB_EMOJI_SELECTED); - let emojiText = ''; - if (typeof emoji === 'string') { - const shortname = `:${emoji}:`; - emojiText = shortnameToUnicode(shortname); - } else { - emojiText = `:${emoji.name}:`; - } - newText = `${text.substr(0, cursor)}${emojiText}${text.substr(cursor)}`; - newCursor = cursor + emojiText.length; - this.setInput(newText, { start: newCursor, end: newCursor }); - this.setShowSend(true); - break; - case EventTypes.SEARCH_PRESSED: - logEvent(events.MB_EMOJI_SEARCH_PRESSED); - this.setState({ showEmojiKeyboard: false, showEmojiSearchbar: true }); - break; - default: - // Do nothing - } - }; - - getPermalink = async (message: any) => { - try { - return await getPermalinkMessage(message); - } catch (error) { - return null; - } - }; - - getFixedMentions = (keyword: any) => { - let result: any = []; - if ('all'.indexOf(keyword) !== -1) { - result = [{ rid: -1, username: 'all' }]; - } - if ('here'.indexOf(keyword) !== -1) { - result = [{ rid: -2, username: 'here' }, ...result]; - } - return result; - }; - - getUsers = debounce(async (keyword: any) => { - const { rid } = this.props; - let res = await search({ text: keyword, filterRooms: false, filterUsers: true, rid }); - res = [...this.getFixedMentions(keyword), ...res]; - this.setState({ mentions: res, mentionLoading: false }); - }, 300); - - getRooms = debounce(async (keyword = '') => { - const res = await search({ text: keyword, filterRooms: true, filterUsers: false }); - this.setState({ mentions: res, mentionLoading: false }); - }, 300); - - getCustomEmojis = async (keyword: any, count: number) => { - const likeString = sanitizeLikeString(keyword); - const whereClause = []; - if (likeString) { - whereClause.push(Q.where('name', Q.like(`${likeString}%`))); - } - const db = database.active; - const customEmojisCollection = db.get('custom_emojis'); - const customEmojis = await (await customEmojisCollection.query(...whereClause).fetch()).slice(0, count); - return customEmojis; - }; - - getEmojis = debounce(async (keyword: any) => { - const customEmojis = await this.getCustomEmojis(keyword, MENTIONS_COUNT_TO_DISPLAY); - const filteredEmojis = emojis.filter(emoji => emoji.indexOf(keyword) !== -1).slice(0, MENTIONS_COUNT_TO_DISPLAY); - const mergedEmojis = [...customEmojis, ...filteredEmojis].slice(0, MENTIONS_COUNT_TO_DISPLAY); - this.setState({ mentions: mergedEmojis || [], mentionLoading: false }); - }, 300); - - getSlashCommands = debounce(async (keyword: any) => { - const db = database.active; - const commandsCollection = db.get('slash_commands'); - const likeString = sanitizeLikeString(keyword); - const commands = await commandsCollection.query(Q.where('id', Q.like(`${likeString}%`))).fetch(); - this.setState({ mentions: commands || [], mentionLoading: false }); - }, 300); - - getCannedResponses = debounce(async (text?: string) => { - const res = await Services.getListCannedResponse({ text }); - this.setState({ mentions: res.success ? res.cannedResponses : [], mentionLoading: false }); - }, 500); - - focus = () => { - if (this.component && this.component.focus) { - this.component.focus(); - } - }; - - handleTyping = (isTyping: boolean) => { - const { typing, rid, sharing } = this.props; - if (sharing) { - return; - } - if (!isTyping) { - if (this.typingTimeout) { - clearTimeout(this.typingTimeout); - this.typingTimeout = false; - } - typing(rid, false); - return; - } - - if (this.typingTimeout) { - return; - } - - this.typingTimeout = setTimeout(() => { - typing(rid, true); - this.typingTimeout = false; - }, 1000); - }; - - setCommandPreview = async (command: any, name: string, params: string) => { - const { rid } = this.props; - try { - const response = await Services.getCommandPreview(name, rid, params); - if (response.success) { - return this.setState({ commandPreview: response.preview?.items || [], showCommandPreview: true, command }); - } - } catch (e) { - log(e); - } - this.setState({ commandPreview: [], showCommandPreview: true, command: {} }); - }; - - setInput = (text: any, selection?: any) => { - this.text = text; - if (selection) { - this.selection = selection; - } - this.component.setNativeProps({ text }); - }; - - setShowSend = (showSend: any) => { - const { showSend: prevShowSend } = this.state; - const { showSend: propShowSend } = this.props; - if (prevShowSend !== showSend && !propShowSend) { - this.setState({ showSend }); - } - }; - - clearInput = () => { - const { tshow } = this.state; - const { user, serverVersion } = this.props; - this.setInput(''); - this.setShowSend(false); - if (compareServerVersion(serverVersion, 'lowerThan', '5.0.0') || (tshow && user.alsoSendThreadToChannel === 'default')) { - this.setState({ tshow: false }); - } - }; - - canUploadFile = (file: any) => { - const { permissionToUpload } = this.state; - const { FileUpload_MediaTypeWhiteList, FileUpload_MaxFileSize } = this.props; - const result = canUploadFile({ - file, - allowList: FileUpload_MediaTypeWhiteList, - maxFileSize: FileUpload_MaxFileSize, - permissionToUploadFile: permissionToUpload - }); - if (result.success) { - return true; - } - Alert.alert(I18n.t('Error_uploading'), result.error && I18n.isTranslated(result.error) ? I18n.t(result.error) : result.error); - return false; - }; - - takePhoto = async () => { - logEvent(events.ROOM_BOX_ACTION_PHOTO); - try { - let image = (await ImagePicker.openCamera(this.imagePickerConfig)) as Image; - image = forceJpgExtension(image); - if (this.canUploadFile(image)) { - this.openShareView([image]); - } - } catch (e) { - logEvent(events.ROOM_BOX_ACTION_PHOTO_F); - } - }; - - takeVideo = async () => { - logEvent(events.ROOM_BOX_ACTION_VIDEO); - try { - const video = await ImagePicker.openCamera(this.videoPickerConfig); - if (this.canUploadFile(video)) { - this.openShareView([video]); - } - } catch (e) { - logEvent(events.ROOM_BOX_ACTION_VIDEO_F); - } - }; - - chooseFromLibrary = async () => { - logEvent(events.ROOM_BOX_ACTION_LIBRARY); - try { - // The type can be video or photo, however the lib understands that it is just one of them. - let attachments = (await ImagePicker.openPicker(this.libraryPickerConfig)) as unknown as ImageOrVideo[]; - attachments = attachments.map(att => forceJpgExtension(att)); - this.openShareView(attachments); - } catch (e) { - logEvent(events.ROOM_BOX_ACTION_LIBRARY_F); - } - }; - - chooseFile = async () => { - logEvent(events.ROOM_BOX_ACTION_FILE); - try { - const res = await DocumentPicker.pickSingle({ - type: [DocumentPicker.types.allFiles] - }); - const file = { - filename: res.name, - size: res.size, - mime: res.type, - path: res.uri - }; - if (this.canUploadFile(file)) { - this.openShareView([file]); - } - } catch (e: any) { - if (!DocumentPicker.isCancel(e)) { - logEvent(events.ROOM_BOX_ACTION_FILE_F); - log(e); - } - } - }; - - onPressNoMatchCanned = () => { - const { isMasterDetail, rid } = this.props; - const params = { rid }; - if (isMasterDetail) { - Navigation.navigate('ModalStackNavigator', { screen: 'CannedResponsesListView', params }); - } else { - Navigation.navigate('CannedResponsesListView', params); - } - }; - - openShareView = (attachments: any) => { - const { message, replyCancel, replyWithMention, replying } = this.props; - // Start a thread with an attachment - let value: TThreadModel | IMessage = this.thread; - if (replyWithMention) { - value = message; - replyCancel(); - } - Navigation.navigate('ShareView', { - room: this.room, - thread: value, - attachments, - replying, - replyingMessage: message, - closeReply: replyCancel - }); - }; - - createDiscussion = () => { - logEvent(events.ROOM_BOX_ACTION_DISCUSSION); - const { isMasterDetail } = this.props; - const params = { channel: this.room, showCloseModal: true }; - if (isMasterDetail) { - Navigation.navigate('ModalStackNavigator', { screen: 'CreateDiscussionView', params }); - } else { - Navigation.navigate('NewMessageStackNavigator', { screen: 'CreateDiscussionView', params }); - } - }; - - showMessageBoxActions = () => { - logEvent(events.ROOM_SHOW_BOX_ACTIONS); - const { permissionToUpload, hasCreateDiscussionPermission } = this.state; - const { showActionSheet, goToCannedResponses } = this.props; - - const options: TActionSheetOptionsItem[] = []; - if (goToCannedResponses) { - options.push({ - title: I18n.t('Canned_Responses'), - icon: 'canned-response', - onPress: () => goToCannedResponses() - }); - } - - options.push( - { - title: I18n.t('Take_a_photo'), - icon: 'camera-photo', - onPress: this.takePhoto, - enabled: permissionToUpload - }, - { - title: I18n.t('Take_a_video'), - icon: 'camera', - onPress: this.takeVideo, - enabled: permissionToUpload - }, - { - title: I18n.t('Choose_from_library'), - icon: 'image', - onPress: this.chooseFromLibrary, - enabled: permissionToUpload - }, - { - title: I18n.t('Choose_file'), - icon: 'attach', - onPress: this.chooseFile, - enabled: permissionToUpload - }, - { - title: I18n.t('Create_Discussion'), - icon: 'discussions', - onPress: this.createDiscussion, - enabled: hasCreateDiscussionPermission - } - ); - - this.closeEmojiAndAction(showActionSheet, { - options - }); - }; - - editCancel = () => { - const { editCancel } = this.props; - editCancel(); - this.clearInput(); - }; - - openEmoji = () => { - logEvent(events.ROOM_OPEN_EMOJI); - this.setState({ showEmojiKeyboard: true, showEmojiSearchbar: false }); - this.stopTrackingMention(); - }; - - recordingCallback = (recording: any) => { - this.setState({ recording }); - }; - - finishAudioMessage = async (fileInfo: any) => { - const { rid, tmid, baseUrl: server, user } = this.props; - - if (fileInfo) { - try { - if (this.canUploadFile(fileInfo)) { - await sendFileMessage(rid, fileInfo, tmid, server, user); - } - } catch (e) { - log(e); - } - } - }; - - closeEmoji = () => { - this.setState({ showEmojiKeyboard: false, showEmojiSearchbar: false }); - }; - - closeEmojiKeyboardAndFocus = () => { - logEvent(events.ROOM_CLOSE_EMOJI); - this.closeEmoji(); - this.focus(); - }; - - closeEmojiAndAction = (action?: Function, params?: any) => { - const { showEmojiKeyboard } = this.state; - - this.closeEmoji(); - setTimeout(() => action && action(params), showEmojiKeyboard && isIOS ? TIMEOUT_CLOSE_EMOJI : null); - }; - - submit = async () => { - const { tshow } = this.state; - const { onSubmit, rid: roomId, tmid, showSend, sharing } = this.props; - const message = this.text; - - // if sharing, only execute onSubmit prop - if (sharing) { - onSubmit(message); - return; - } - - this.clearInput(); - this.debouncedOnChangeText.stop(); - this.closeEmojiKeyboardAndFocus(); - this.stopTrackingMention(); - this.handleTyping(false); - if (message.trim() === '' && !showSend) { - return; - } - - const { - editing, - replying, - message: { id: messageTmid }, - replyCancel - } = this.props; - - // Slash command - if (message[0] === MENTIONS_TRACKING_TYPE_COMMANDS) { - const db = database.active; - const commandsCollection = db.get('slash_commands'); - const command = message.replace(/ .*/, '').slice(1); - const likeString = sanitizeLikeString(command); - const slashCommand = await commandsCollection.query(Q.where('id', Q.like(`${likeString}%`))).fetch(); - if (slashCommand.length > 0) { - logEvent(events.COMMAND_RUN); - try { - const messageWithoutCommand = message.replace(/([^\s]+)/, '').trim(); - const [{ appId }] = slashCommand; - const triggerId = generateTriggerId(appId); - await Services.runSlashCommand(command, roomId, messageWithoutCommand, triggerId, tmid || messageTmid); - replyCancel(); - } catch (e) { - logEvent(events.COMMAND_RUN_F); - log(e); - } - this.clearInput(); - return; - } - } - // Edit - if (editing) { - const { message: editingMessage, editRequest } = this.props; - const { - id, - // @ts-ignore - subscription: { id: rid } - } = editingMessage; - editRequest({ id, msg: message, rid }); - - // Reply - } else if (replying) { - const { message: replyingMessage, threadsEnabled, replyWithMention } = this.props; - - // Thread - if (threadsEnabled && replyWithMention) { - onSubmit(message, replyingMessage.id, tshow); - - // Legacy reply or quote (quote is a reply without mention) - } else { - const msg = await this.formatReplyMessage(replyingMessage, message); - onSubmit(msg); - } - replyCancel(); - - // Normal message - } else { - // @ts-ignore - onSubmit(message, undefined, tmid ? tshow : false); - } - }; - - formatReplyMessage = async (replyingMessage: IMessage, message = '') => { - const { user, roomType, replyWithMention, serverVersion } = this.props; - const permalink = await this.getPermalink(replyingMessage); - let msg = `[ ](${permalink}) `; - - // if original message wasn't sent by current user and neither from a direct room - if (user.username !== replyingMessage?.u?.username && roomType !== 'd' && replyWithMention) { - msg += `@${replyingMessage?.u?.username} `; - } - - const connectionString = compareServerVersion(serverVersion, 'lowerThan', '5.0.0') ? ' ' : '\n'; - return `${msg}${connectionString}${message}`; - }; - - updateMentions = (keyword: any, type: string) => { - if (type === MENTIONS_TRACKING_TYPE_USERS) { - this.getUsers(keyword); - } else if (type === MENTIONS_TRACKING_TYPE_EMOJIS) { - this.getEmojis(keyword); - } else if (type === MENTIONS_TRACKING_TYPE_COMMANDS) { - this.getSlashCommands(keyword); - } else if (type === MENTIONS_TRACKING_TYPE_CANNED) { - this.getCannedResponses(keyword); - } else { - this.getRooms(keyword); - } - }; - - identifyMentionKeyword = (keyword: any, type: string) => { - this.setState({ - showEmojiKeyboard: false, - trackingType: type, - mentionLoading: true - }); - this.updateMentions(keyword, type); - }; - - stopTrackingMention = () => { - const { trackingType, showCommandPreview } = this.state; - if (!trackingType && !showCommandPreview) { - return; - } - this.setState({ - mentions: [], - trackingType: '', - commandPreview: [], - showCommandPreview: false - }); - }; - - onPressSendToChannel = () => this.setState(({ tshow }) => ({ tshow: !tshow })); - - renderSendToChannel = () => { - const { tshow } = this.state; - const { theme, tmid, replyWithMention } = this.props; - - if (!tmid && !replyWithMention) { - return null; - } - return ( - - - - {I18n.t('Messagebox_Send_to_channel')} - - - ); - }; - - renderEmojiSearchbar = () => { - const { showEmojiSearchbar } = this.state; - - return showEmojiSearchbar ? ( - { - this.onKeyboardItemSelected('EmojiKeyboard', { eventType: EventTypes.EMOJI_PRESSED, emoji }); - }} - /> - ) : null; - }; - - handleBackPress = () => { - const { showEmojiSearchbar } = this.state; - if (showEmojiSearchbar) { - this.setState({ showEmojiSearchbar: false }); - return true; - } - return false; - }; - - renderContent = () => { - const { - recording, - showEmojiKeyboard, - showEmojiSearchbar, - showSend, - mentions, - trackingType, - commandPreview, - showCommandPreview, - mentionLoading, - permissionToUpload - } = this.state; - const { - editing, - message, - replying, - replyCancel, - user, - getCustomEmoji, - theme, - Message_AudioRecorderEnabled, - children, - isActionsEnabled, - tmid - } = this.props; - - const isAndroidTablet: Partial = - isTablet && isAndroid - ? { - multiline: false, - onSubmitEditing: this.submit, - returnKeyType: 'send' - } - : {}; - - const recordAudio = - showSend || !Message_AudioRecorderEnabled ? null : ( - - ); - - const commandsPreviewAndMentions = !recording ? ( - <> - - - - ) : null; - - const replyPreview = !recording ? ( - - ) : null; - - const textInputAndButtons = !recording ? ( - <> - - (this.component = component)} - style={[styles.textBoxInput, { color: themes[theme].bodyText }]} - returnKeyType='default' - keyboardType='twitter' - blurOnSubmit={false} - placeholder={I18n.t('New_Message')} - placeholderTextColor={themes[theme].auxiliaryText} - onChangeText={this.onChangeText} - onSelectionChange={this.onSelectionChange} - underlineColorAndroid='transparent' - defaultValue='' - multiline - testID={`messagebox-input${tmid ? '-thread' : ''}`} - {...isAndroidTablet} - /> - - - ) : null; - - return ( - <> - {commandsPreviewAndMentions} - - {replyPreview} - - {textInputAndButtons} - {recordAudio} - - {this.renderSendToChannel()} - {this.renderEmojiSearchbar()} - - {children} - - ); - }; - - render() { - console.count(`${this.constructor.name}.render calls`); - const { showEmojiKeyboard } = this.state; - const { user, baseUrl, theme, iOSScrollBehavior } = this.props; - return ( - - (this.tracking = ref)} - renderContent={this.renderContent} - kbInputRef={this.component} - kbComponent={showEmojiKeyboard ? 'EmojiKeyboard' : null} - kbInitialProps={{ theme }} - onKeyboardResigned={this.onKeyboardResigned} - onItemSelected={this.onKeyboardItemSelected} - trackInteractive - requiresSameParentToManageScrollView - addBottomView - bottomViewColor={themes[theme].messageboxBackground} - iOSScrollBehavior={iOSScrollBehavior} - /> - - ); - } -} - -const mapStateToProps = (state: IApplicationState) => ({ - isMasterDetail: state.app.isMasterDetail, - baseUrl: state.server.server, - threadsEnabled: state.settings.Threads_enabled, - user: getUserSelector(state), - FileUpload_MediaTypeWhiteList: state.settings.FileUpload_MediaTypeWhiteList, - FileUpload_MaxFileSize: state.settings.FileUpload_MaxFileSize, - Message_AudioRecorderEnabled: state.settings.Message_AudioRecorderEnabled, - uploadFilePermission: state.permissions['mobile-upload-file'], - createDiscussionPermission: state.permissions['start-discussion'], - serverVersion: state.server.version -}); - -const dispatchToProps = { - typing: (rid: any, status: any) => userTypingAction(rid, status) -}; - -export type MessageBoxType = MessageBox; - -export default connect(mapStateToProps, dispatchToProps, null, { forwardRef: true })(withActionSheet(MessageBox)); diff --git a/app/containers/MessageBox/styles.ts b/app/containers/MessageBox/styles.ts deleted file mode 100644 index 8c27a738f..000000000 --- a/app/containers/MessageBox/styles.ts +++ /dev/null @@ -1,161 +0,0 @@ -import { StyleSheet } from 'react-native'; - -import { isIOS } from '../../lib/methods/helpers'; -import sharedStyles from '../../views/Styles'; - -const MENTION_HEIGHT = 50; -const SCROLLVIEW_MENTION_HEIGHT = 4 * MENTION_HEIGHT; - -export default StyleSheet.create({ - composer: { - flexDirection: 'column', - borderTopWidth: 1 - }, - textArea: { - flexDirection: 'row', - alignItems: 'center', - flexGrow: 0 - }, - textBoxInput: { - textAlignVertical: 'center', - maxHeight: 240, - flexGrow: 1, - width: 1, - // paddingVertical: 12, needs to be paddingTop/paddingBottom because of iOS/Android's TextInput differences on rendering - paddingTop: 12, - paddingBottom: 12, - paddingLeft: 0, - paddingRight: 0, - fontSize: 16, - letterSpacing: 0, - ...sharedStyles.textRegular - }, - actionButton: { - alignItems: 'center', - justifyContent: 'center', - width: 60, - height: 48 - }, - wrapMentionHeaderList: { - height: MENTION_HEIGHT, - justifyContent: 'center' - }, - wrapMentionHeaderListRow: { - height: MENTION_HEIGHT, - flexDirection: 'row', - alignItems: 'center', - paddingHorizontal: 12 - }, - loadingPaddingHeader: { - paddingRight: 12 - }, - mentionHeaderList: { - fontSize: 14, - ...sharedStyles.textMedium - }, - mentionHeaderListNoMatchFound: { - fontSize: 14, - ...sharedStyles.textRegular - }, - mentionNoMatchHeader: { - justifyContent: 'space-between' - }, - mentionList: { - maxHeight: MENTION_HEIGHT * 4 - }, - mentionItem: { - height: MENTION_HEIGHT, - borderTopWidth: StyleSheet.hairlineWidth, - flexDirection: 'row', - alignItems: 'center', - paddingHorizontal: 5 - }, - mentionItemCustomEmoji: { - margin: 8, - width: 30, - height: 30 - }, - mentionItemEmoji: { - width: 46, - height: 36, - fontSize: isIOS ? 30 : 25, - ...sharedStyles.textAlignCenter - }, - fixedMentionAvatar: { - width: 46, - fontSize: 14, - ...sharedStyles.textBold, - ...sharedStyles.textAlignCenter - }, - mentionText: { - fontSize: 14, - ...sharedStyles.textRegular - }, - cannedMentionText: { - flex: 1, - fontSize: 14, - paddingRight: 12, - ...sharedStyles.textRegular - }, - cannedItem: { - fontSize: 14, - ...sharedStyles.textBold, - paddingLeft: 12, - paddingRight: 8 - }, - emojiKeyboardContainer: { - flex: 1, - borderTopWidth: 1 - }, - slash: { - height: 30, - width: 30, - padding: 5, - paddingHorizontal: 12, - marginHorizontal: 10, - borderRadius: 4 - }, - commandPreviewImage: { - justifyContent: 'center', - margin: 3, - width: 120, - height: 80, - borderRadius: 4 - }, - commandPreview: { - height: 100, - flex: 1, - flexDirection: 'row', - alignItems: 'center' - }, - avatar: { - margin: 8 - }, - scrollViewMention: { - maxHeight: SCROLLVIEW_MENTION_HEIGHT - }, - recordingContent: { - flexDirection: 'row', - flex: 1, - justifyContent: 'space-between' - }, - recordingDurationText: { - width: 60, - fontSize: 16, - ...sharedStyles.textRegular - }, - buttonsWhitespace: { - width: 15 - }, - sendToChannelButton: { - flexDirection: 'row', - alignItems: 'center', - paddingVertical: 8, - paddingHorizontal: 18 - }, - sendToChannelText: { - fontSize: 12, - marginLeft: 4, - ...sharedStyles.textRegular - } -}); diff --git a/app/containers/MessageComposer/MessageComposer.test.tsx b/app/containers/MessageComposer/MessageComposer.test.tsx new file mode 100644 index 000000000..7257fe012 --- /dev/null +++ b/app/containers/MessageComposer/MessageComposer.test.tsx @@ -0,0 +1,437 @@ +import React from 'react'; +import { act, fireEvent, render, screen } from '@testing-library/react-native'; +import { Provider } from 'react-redux'; +import { NavigationContainer } from '@react-navigation/native'; +import { createStackNavigator } from '@react-navigation/stack'; + +import { MessageComposerContainer } from './MessageComposerContainer'; +import { setPermissions } from '../../actions/permissions'; +import { addSettings } from '../../actions/settings'; +import { selectServerRequest } from '../../actions/server'; +import { setUser } from '../../actions/login'; +import { mockedStore } from '../../reducers/mockedStore'; +import { IPermissionsState } from '../../reducers/permissions'; +import { IMessage } from '../../definitions'; +import { colors } from '../../lib/constants'; +import { IRoomContext, RoomContext } from '../../views/RoomView/context'; + +const initialStoreState = () => { + const baseUrl = 'https://open.rocket.chat'; + mockedStore.dispatch(selectServerRequest(baseUrl, '6.4.0')); + mockedStore.dispatch(setUser({ id: 'abc', username: 'rocket.cat', name: 'Rocket Cat', roles: ['user'] })); + + const permissions: IPermissionsState = { 'mobile-upload-file': ['user'] }; + mockedStore.dispatch(setPermissions(permissions)); + mockedStore.dispatch(addSettings({ Message_AudioRecorderEnabled: true })); +}; +initialStoreState(); + +const initialContext = { + rid: '', + tmid: undefined, + sharing: false, + action: null, + selectedMessages: [], + editCancel: jest.fn(), + editRequest: jest.fn(), + onSendMessage: jest.fn(), + onRemoveQuoteMessage: jest.fn() +}; + +const Stack = createStackNavigator(); + +// const Navigation = ({ children }: { children: any }) => ( +// +// +// +// +// +// ); + +// const Content = () => ( +// +// ) + +const Render = ({ context }: { context?: Partial }) => ( + + + + + + + + + +); + +describe.skip('MessageComposer', () => { + test('renders correctly', () => { + render(); + expect(screen.getByTestId('message-composer-input')).toBeOnTheScreen(); + expect(screen.getByTestId('message-composer-actions')).toBeOnTheScreen(); + expect(screen.getByTestId('message-composer-send-audio')).toBeOnTheScreen(); + expect(screen.toJSON()).toMatchSnapshot(); + }); + + test('renders correctly with audio recorder disabled', () => { + mockedStore.dispatch(addSettings({ Message_AudioRecorderEnabled: false })); + render(); + expect(screen.queryByTestId('message-composer-send-audio')).toBeNull(); + expect(screen.toJSON()).toMatchSnapshot(); + }); + + test('renders correctly without audio upload permissions', () => { + mockedStore.dispatch(setPermissions({})); + render(); + expect(screen.queryByTestId('message-composer-send-audio')).toBeNull(); + expect(screen.toJSON()).toMatchSnapshot(); + }); + + test('renders correctly with audio recorder disabled and without audio upload permissions', () => { + mockedStore.dispatch(addSettings({ Message_AudioRecorderEnabled: false })); + mockedStore.dispatch(setPermissions({})); + render(); + expect(screen.queryByTestId('message-composer-send-audio')).toBeNull(); + expect(screen.toJSON()).toMatchSnapshot(); + }); + + test('renders toolbar when focused', async () => { + initialStoreState(); + render(); + expect(screen.getByTestId('message-composer-actions')).toBeOnTheScreen(); + expect(screen.getByTestId('message-composer-send-audio')).toBeOnTheScreen(); + expect(screen.queryByTestId('message-composer-open-emoji')).toBeNull(); + expect(screen.queryByTestId('message-composer-open-markdown')).toBeNull(); + expect(screen.queryByTestId('message-composer-mention')).toBeNull(); + + await act(async () => { + await fireEvent(screen.getByTestId('message-composer-input'), 'focus'); + }); + expect(screen.getByTestId('message-composer-actions')).toBeOnTheScreen(); + expect(screen.getByTestId('message-composer-send-audio')).toBeOnTheScreen(); + expect(screen.getByTestId('message-composer-open-emoji')).toBeOnTheScreen(); + expect(screen.getByTestId('message-composer-open-markdown')).toBeOnTheScreen(); + expect(screen.getByTestId('message-composer-mention')).toBeOnTheScreen(); + expect(screen.toJSON()).toMatchSnapshot(); + }); + + test('send message', async () => { + const onSendMessage = jest.fn(); + render(); + expect(screen.getByTestId('message-composer-send-audio')).toBeOnTheScreen(); + await act(async () => { + await fireEvent.changeText(screen.getByTestId('message-composer-input'), 'test'); + expect(screen.queryByTestId('message-composer-send-audio')).toBeNull(); + expect(screen.getByTestId('message-composer-send')).toBeOnTheScreen(); + await fireEvent.press(screen.getByTestId('message-composer-send')); + }); + expect(onSendMessage).toHaveBeenCalledTimes(1); + expect(onSendMessage).toHaveBeenCalledWith('test', undefined); + expect(screen.toJSON()).toMatchSnapshot(); + }); + + test('tap actions from toolbar', async () => { + render(); + + await act(async () => { + await fireEvent(screen.getByTestId('message-composer-input'), 'focus'); + await fireEvent.press(screen.getByTestId('message-composer-actions')); + }); + expect(screen.toJSON()).toMatchSnapshot(); + }); + + test('tap emoji', async () => { + render(); + + await act(async () => { + await fireEvent(screen.getByTestId('message-composer-input'), 'focus'); + await fireEvent.press(screen.getByTestId('message-composer-open-emoji')); + }); + expect(screen.getByTestId('message-composer-close-emoji')).toBeOnTheScreen(); + expect(screen.toJSON()).toMatchSnapshot(); + }); + + // describe('Markdown', () => { + // test('tap markdown', async () => { + // render(); + + // await act(async () => { + // await fireEvent(screen.getByTestId('message-composer-input'), 'focus'); + // await fireEvent.press(screen.getByTestId('message-composer-open-markdown')); + // }); + // expect(screen.getByTestId('message-composer-close-markdown')).toBeOnTheScreen(); + // expect(screen.getByTestId('message-composer-bold')).toBeOnTheScreen(); + // expect(screen.getByTestId('message-composer-italic')).toBeOnTheScreen(); + // expect(screen.getByTestId('message-composer-strike')).toBeOnTheScreen(); + // expect(screen.getByTestId('message-composer-code')).toBeOnTheScreen(); + // expect(screen.getByTestId('message-composer-code-block')).toBeOnTheScreen(); + // expect(screen.toJSON()).toMatchSnapshot(); + // }); + + // test('tap bold', async () => { + // const onSendMessage = jest.fn(); + // render(); + + // await act(async () => { + // await fireEvent(screen.getByTestId('message-composer-input'), 'focus'); + // // await waitFor(() => fireEvent.press(screen.getByTestId('message-composer-open-markdown')), { timeout: 1000 }); + // await fireEvent.press(screen.getByTestId('message-composer-open-markdown')); + // await fireEvent.press(screen.getByTestId('message-composer-bold')); + // await fireEvent.press(screen.getByTestId('message-composer-send')); + // }); + // expect(onSendMessage).toHaveBeenCalledTimes(1); + // expect(onSendMessage).toHaveBeenCalledWith('**', undefined); + // expect(screen.toJSON()).toMatchSnapshot(); + // }); + + // test('type test and tap bold', async () => { + // const onSendMessage = jest.fn(); + // render(); + + // await act(async () => { + // await fireEvent.changeText(screen.getByTestId('message-composer-input'), 'test'); + // await fireEvent(screen.getByTestId('message-composer-input'), 'focus'); + // await fireEvent(screen.getByTestId('message-composer-input'), 'selectionChange', { + // nativeEvent: { selection: { start: 0, end: 4 } } + // }); + // await fireEvent.press(screen.getByTestId('message-composer-open-markdown')); + // await fireEvent.press(screen.getByTestId('message-composer-bold')); + // await fireEvent.press(screen.getByTestId('message-composer-send')); + // }); + // expect(onSendMessage).toHaveBeenCalledTimes(1); + // expect(onSendMessage).toHaveBeenCalledWith('*test*', undefined); + // expect(screen.toJSON()).toMatchSnapshot(); + // }); + + // test('tap italic', async () => { + // const onSendMessage = jest.fn(); + // render(); + + // await act(async () => { + // await fireEvent(screen.getByTestId('message-composer-input'), 'focus'); + // await fireEvent.press(screen.getByTestId('message-composer-open-markdown')); + // await fireEvent.press(screen.getByTestId('message-composer-italic')); + // await fireEvent.press(screen.getByTestId('message-composer-send')); + // }); + // expect(onSendMessage).toHaveBeenCalledTimes(1); + // expect(onSendMessage).toHaveBeenCalledWith('__', undefined); + // expect(screen.toJSON()).toMatchSnapshot(); + // }); + + // test('type test and tap italic', async () => { + // const onSendMessage = jest.fn(); + // render(); + + // await act(async () => { + // await fireEvent.changeText(screen.getByTestId('message-composer-input'), 'test'); + // await fireEvent(screen.getByTestId('message-composer-input'), 'focus'); + // await fireEvent(screen.getByTestId('message-composer-input'), 'selectionChange', { + // nativeEvent: { selection: { start: 0, end: 4 } } + // }); + // await fireEvent.press(screen.getByTestId('message-composer-open-markdown')); + // await fireEvent.press(screen.getByTestId('message-composer-italic')); + // await fireEvent.press(screen.getByTestId('message-composer-send')); + // }); + // expect(onSendMessage).toHaveBeenCalledTimes(1); + // expect(onSendMessage).toHaveBeenCalledWith('_test_', undefined); + // expect(screen.toJSON()).toMatchSnapshot(); + // }); + + // test('tap strike', async () => { + // const onSendMessage = jest.fn(); + // render(); + + // await act(async () => { + // await fireEvent(screen.getByTestId('message-composer-input'), 'focus'); + // await fireEvent.press(screen.getByTestId('message-composer-open-markdown')); + // await fireEvent.press(screen.getByTestId('message-composer-strike')); + // await fireEvent.press(screen.getByTestId('message-composer-send')); + // }); + // expect(onSendMessage).toHaveBeenCalledTimes(1); + // expect(onSendMessage).toHaveBeenCalledWith('~~', undefined); + // expect(screen.toJSON()).toMatchSnapshot(); + // }); + + // test('type test and tap strike', async () => { + // const onSendMessage = jest.fn(); + // render(); + + // await act(async () => { + // await fireEvent.changeText(screen.getByTestId('message-composer-input'), 'test'); + // await fireEvent(screen.getByTestId('message-composer-input'), 'focus'); + // await fireEvent(screen.getByTestId('message-composer-input'), 'selectionChange', { + // nativeEvent: { selection: { start: 0, end: 4 } } + // }); + // await fireEvent.press(screen.getByTestId('message-composer-open-markdown')); + // await fireEvent.press(screen.getByTestId('message-composer-strike')); + // await fireEvent.press(screen.getByTestId('message-composer-send')); + // }); + // expect(onSendMessage).toHaveBeenCalledTimes(1); + // expect(onSendMessage).toHaveBeenCalledWith('~test~', undefined); + // expect(screen.toJSON()).toMatchSnapshot(); + // }); + + // test('tap code', async () => { + // const onSendMessage = jest.fn(); + // render(); + + // await act(async () => { + // await fireEvent(screen.getByTestId('message-composer-input'), 'focus'); + // await fireEvent.press(screen.getByTestId('message-composer-open-markdown')); + // await fireEvent.press(screen.getByTestId('message-composer-code')); + // await fireEvent.press(screen.getByTestId('message-composer-send')); + // }); + // expect(onSendMessage).toHaveBeenCalledTimes(1); + // expect(onSendMessage).toHaveBeenCalledWith('``', undefined); + // expect(screen.toJSON()).toMatchSnapshot(); + // }); + + // test('type test and tap code', async () => { + // const onSendMessage = jest.fn(); + // render(); + + // await act(async () => { + // await fireEvent.changeText(screen.getByTestId('message-composer-input'), 'test'); + // await fireEvent(screen.getByTestId('message-composer-input'), 'focus'); + // await fireEvent(screen.getByTestId('message-composer-input'), 'selectionChange', { + // nativeEvent: { selection: { start: 0, end: 4 } } + // }); + // await fireEvent.press(screen.getByTestId('message-composer-open-markdown')); + // await fireEvent.press(screen.getByTestId('message-composer-code')); + // await fireEvent.press(screen.getByTestId('message-composer-send')); + // }); + // expect(onSendMessage).toHaveBeenCalledTimes(1); + // expect(onSendMessage).toHaveBeenCalledWith('`test`', undefined); + // expect(screen.toJSON()).toMatchSnapshot(); + // }); + + // test('tap code-block', async () => { + // const onSendMessage = jest.fn(); + // render(); + + // await act(async () => { + // await fireEvent(screen.getByTestId('message-composer-input'), 'focus'); + // await fireEvent.press(screen.getByTestId('message-composer-open-markdown')); + // await fireEvent.press(screen.getByTestId('message-composer-code-block')); + // await fireEvent.press(screen.getByTestId('message-composer-send')); + // }); + // expect(onSendMessage).toHaveBeenCalledTimes(1); + // expect(onSendMessage).toHaveBeenCalledWith('``````', undefined); + // expect(screen.toJSON()).toMatchSnapshot(); + // }); + + // test('type test and tap code-block', async () => { + // const onSendMessage = jest.fn(); + // render(); + + // await act(async () => { + // await fireEvent.changeText(screen.getByTestId('message-composer-input'), 'test'); + // await fireEvent(screen.getByTestId('message-composer-input'), 'focus'); + // await fireEvent(screen.getByTestId('message-composer-input'), 'selectionChange', { + // nativeEvent: { selection: { start: 0, end: 4 } } + // }); + // await fireEvent.press(screen.getByTestId('message-composer-open-markdown')); + // await fireEvent.press(screen.getByTestId('message-composer-code-block')); + // await fireEvent.press(screen.getByTestId('message-composer-send')); + // }); + // expect(onSendMessage).toHaveBeenCalledTimes(1); + // expect(onSendMessage).toHaveBeenCalledWith('```test```', undefined); + // expect(screen.toJSON()).toMatchSnapshot(); + // }); + // }); + + test('tap mention', async () => { + render(); + + await act(async () => { + await fireEvent(screen.getByTestId('message-composer-input'), 'focus'); + // await fireEvent.press(screen.getByTestId('message-composer-mention')); + }); + expect(screen.toJSON()).toMatchSnapshot(); + }); + + describe('edit message', () => { + const onSendMessage = jest.fn(); + const editCancel = jest.fn(); + const editRequest = jest.fn(); + const id = 'messageId'; + beforeEach(() => { + render(); + }); + test('init', async () => { + await screen.findByTestId('message-composer'); + expect(screen.getByTestId('message-composer')).toHaveStyle({ backgroundColor: colors.light.statusBackgroundWarning2 }); + expect(screen.getByTestId('message-composer-actions')).toBeOnTheScreen(); + expect(screen.queryByTestId('message-composer-send-audio')).toBeNull(); + expect(screen.getByTestId('message-composer-cancel-edit')).toBeOnTheScreen(); + }); + test('cancel', async () => { + await screen.findByTestId('message-composer'); + expect(screen.getByTestId('message-composer')).toHaveStyle({ backgroundColor: colors.light.statusBackgroundWarning2 }); + fireEvent.press(screen.getByTestId('message-composer-cancel-edit')); + expect(editCancel).toHaveBeenCalledTimes(1); + }); + test('send', async () => { + await screen.findByTestId('message-composer'); + expect(screen.getByTestId('message-composer')).toHaveStyle({ backgroundColor: colors.light.statusBackgroundWarning2 }); + fireEvent.press(screen.getByTestId('message-composer-send')); + expect(editRequest).toHaveBeenCalledTimes(1); + expect(editRequest).toHaveBeenCalledWith({ id, msg: `Message ${id}`, rid: 'rid' }); + }); + }); + + const messageIds = ['abc', 'def']; + jest.mock('./hooks/useMessage', () => ({ + useMessage: (messageId: string) => { + if (!messageIds.includes(messageId)) { + return null; + } + const message = { + id: messageId, + msg: 'quote this', + u: { + username: 'rocket.cat' + } + } as IMessage; + return message; + } + })); + + jest.mock('../../lib/store/auxStore', () => ({ + store: { + getState: () => mockedStore.getState() + } + })); + + describe('Quote', () => { + test('Adding/removing quotes', () => { + const onRemoveQuoteMessage = jest.fn(); + + // Render without quotes + const { rerender } = render(); + expect(screen.queryByTestId('composer-quote-abc')).toBeNull(); + expect(screen.queryByTestId('composer-quote-def')).toBeNull(); + expect(screen.toJSON()).toMatchSnapshot(); + + // Add a quote + rerender(); + expect(screen.getByTestId('composer-quote-abc')).toBeOnTheScreen(); + expect(screen.queryByTestId('composer-quote-def')).toBeNull(); + expect(screen.toJSON()).toMatchSnapshot(); + + // Add another quote + rerender(); + expect(screen.getByTestId('composer-quote-abc')).toBeOnTheScreen(); + expect(screen.getByTestId('composer-quote-def')).toBeOnTheScreen(); + expect(screen.toJSON()).toMatchSnapshot(); + + // Remove a quote + fireEvent.press(screen.getByTestId('composer-quote-remove-def')); + expect(onRemoveQuoteMessage).toHaveBeenCalledTimes(1); + expect(onRemoveQuoteMessage).toHaveBeenCalledWith('def'); + }); + + // TODO: need to create proper mocks for getMessageById and getPermalinkMessage + // test('Send message with a quote', async () => {}); + }); +}); diff --git a/app/containers/MessageComposer/MessageComposer.tsx b/app/containers/MessageComposer/MessageComposer.tsx new file mode 100644 index 000000000..19e1e4101 --- /dev/null +++ b/app/containers/MessageComposer/MessageComposer.tsx @@ -0,0 +1,235 @@ +import React, { ReactElement, useRef, useImperativeHandle, useCallback } from 'react'; +import { View, StyleSheet, NativeModules } from 'react-native'; +import { KeyboardAccessoryView } from 'react-native-ui-lib/keyboard'; +import { useBackHandler } from '@react-native-community/hooks'; +import { Q } from '@nozbe/watermelondb'; +import { useFocusEffect } from '@react-navigation/native'; + +import { useRoomContext } from '../../views/RoomView/context'; +import { Autocomplete, Toolbar, EmojiSearchbar, ComposerInput, Left, Right, Quotes, SendThreadToChannel } from './components'; +import { MIN_HEIGHT, TIMEOUT_CLOSE_EMOJI_KEYBOARD } from './constants'; +import { + MessageInnerContext, + useAlsoSendThreadToChannel, + useMessageComposerApi, + useRecordingAudio, + useShowEmojiKeyboard, + useShowEmojiSearchbar +} from './context'; +import { IComposerInput, ITrackingView } from './interfaces'; +import { isIOS } from '../../lib/methods/helpers'; +import shortnameToUnicode from '../../lib/methods/helpers/shortnameToUnicode'; +import { useTheme } from '../../theme'; +import { EventTypes } from '../EmojiPicker/interfaces'; +import { IEmoji } from '../../definitions'; +import database from '../../lib/database'; +import { sanitizeLikeString } from '../../lib/database/utils'; +import { generateTriggerId } from '../../lib/methods'; +import { Services } from '../../lib/services'; +import log from '../../lib/methods/helpers/log'; +import { prepareQuoteMessage } from './helpers'; +import { RecordAudio } from './components/RecordAudio'; +import { useKeyboardListener } from './hooks'; + +const styles = StyleSheet.create({ + container: { + borderTopWidth: 1, + paddingHorizontal: 16, + minHeight: MIN_HEIGHT + }, + input: { + flexDirection: 'row' + } +}); + +require('./components/EmojiKeyboard'); + +export const MessageComposer = ({ + forwardedRef, + children +}: { + forwardedRef: any; + children?: ReactElement; +}): ReactElement | null => { + const composerInputRef = useRef(null); + const composerInputComponentRef = useRef({ + getTextAndClear: () => '', + getText: () => '', + getSelection: () => ({ start: 0, end: 0 }), + setInput: () => {}, + onAutocompleteItemSelected: () => {} + }); + const trackingViewRef = useRef({ resetTracking: () => {}, getNativeProps: () => ({ trackingViewHeight: 0 }) }); + const { colors, theme } = useTheme(); + const { rid, tmid, action, selectedMessages, sharing, editRequest, onSendMessage } = useRoomContext(); + const showEmojiKeyboard = useShowEmojiKeyboard(); + const showEmojiSearchbar = useShowEmojiSearchbar(); + const alsoSendThreadToChannel = useAlsoSendThreadToChannel(); + const { openSearchEmojiKeyboard, closeEmojiKeyboard, closeSearchEmojiKeyboard } = useMessageComposerApi(); + const recordingAudio = useRecordingAudio(); + useKeyboardListener(trackingViewRef); + + useFocusEffect( + useCallback(() => { + trackingViewRef.current?.resetTracking(); + }, [recordingAudio]) + ); + + useImperativeHandle(forwardedRef, () => ({ + closeEmojiKeyboardAndAction, + getText: composerInputComponentRef.current?.getText, + setInput: composerInputComponentRef.current?.setInput + })); + + useBackHandler(() => { + if (showEmojiSearchbar) { + closeSearchEmojiKeyboard(); + return true; + } + return false; + }); + + const closeEmojiKeyboardAndAction = (action?: Function, params?: any) => { + if (showEmojiKeyboard) { + closeEmojiKeyboard(); + } + setTimeout(() => action && action(params), showEmojiKeyboard && isIOS ? TIMEOUT_CLOSE_EMOJI_KEYBOARD : undefined); + }; + + const handleSendMessage = async () => { + if (!rid) return; + + if (sharing) { + onSendMessage?.(); + return; + } + + const textFromInput = composerInputComponentRef.current.getTextAndClear(); + + if (action === 'edit') { + return editRequest?.({ id: selectedMessages[0], msg: textFromInput, rid }); + } + + if (action === 'quote') { + const quoteMessage = await prepareQuoteMessage(textFromInput, selectedMessages); + onSendMessage?.(quoteMessage); + return; + } + + // Slash command + if (textFromInput[0] === '/') { + const db = database.active; + const commandsCollection = db.get('slash_commands'); + const command = textFromInput.replace(/ .*/, '').slice(1); + const likeString = sanitizeLikeString(command); + const slashCommand = await commandsCollection.query(Q.where('id', Q.like(`${likeString}%`))).fetch(); + if (slashCommand.length > 0) { + try { + const messageWithoutCommand = textFromInput.replace(/([^\s]+)/, '').trim(); + const [{ appId }] = slashCommand; + const triggerId = generateTriggerId(appId); + await Services.runSlashCommand(command, rid, messageWithoutCommand, triggerId, tmid); + } catch (e) { + log(e); + } + return; + } + } + + // Text message + onSendMessage?.(textFromInput, alsoSendThreadToChannel); + }; + + const onKeyboardItemSelected = (_keyboardId: string, params: { eventType: EventTypes; emoji: IEmoji }) => { + const { eventType, emoji } = params; + const text = composerInputComponentRef.current.getText(); + let newText = ''; + // if input has an active cursor + const { start, end } = composerInputComponentRef.current.getSelection(); + const cursor = Math.max(start, end); + let newCursor; + + switch (eventType) { + case EventTypes.BACKSPACE_PRESSED: + const emojiRegex = /\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff]/; + let charsToRemove = 1; + const lastEmoji = text.substr(cursor > 0 ? cursor - 2 : text.length - 2, cursor > 0 ? cursor : text.length); + // Check if last character is an emoji + if (emojiRegex.test(lastEmoji)) charsToRemove = 2; + newText = + text.substr(0, (cursor > 0 ? cursor : text.length) - charsToRemove) + text.substr(cursor > 0 ? cursor : text.length); + newCursor = cursor - charsToRemove; + composerInputComponentRef.current.setInput(newText, { start: newCursor, end: newCursor }); + break; + case EventTypes.EMOJI_PRESSED: + let emojiText = ''; + if (typeof emoji === 'string') { + emojiText = shortnameToUnicode(`:${emoji}:`); + } else { + emojiText = `:${emoji.name}:`; + } + newText = `${text.substr(0, cursor)}${emojiText}${text.substr(cursor)}`; + newCursor = cursor + emojiText.length; + composerInputComponentRef.current.setInput(newText, { start: newCursor, end: newCursor }); + break; + case EventTypes.SEARCH_PRESSED: + openSearchEmojiKeyboard(); + break; + default: + // Do nothing + } + }; + + const onEmojiSelected = (emoji: IEmoji) => { + onKeyboardItemSelected('EmojiKeyboard', { eventType: EventTypes.EMOJI_PRESSED, emoji }); + }; + + const onKeyboardResigned = () => { + if (!showEmojiSearchbar) { + closeEmojiKeyboard(); + } + }; + + const backgroundColor = action === 'edit' ? colors.statusBackgroundWarning2 : colors.surfaceLight; + + const renderContent = () => { + console.count('[MessageComposer] renderContent'); + if (recordingAudio) { + return ; + } + return ( + + + + + + + + + + + {children} + + ); + }; + + return ( + + (trackingViewRef.current = ref)} + renderContent={renderContent} + kbInputRef={composerInputRef} + kbComponent={showEmojiKeyboard ? 'EmojiKeyboard' : null} + kbInitialProps={{ theme }} + onKeyboardResigned={onKeyboardResigned} + onItemSelected={onKeyboardItemSelected} + trackInteractive + requiresSameParentToManageScrollView + addBottomView + bottomViewColor={backgroundColor} + iOSScrollBehavior={NativeModules.KeyboardTrackingViewTempManager?.KeyboardTrackingScrollBehaviorFixedOffset} + /> + composerInputComponentRef.current.onAutocompleteItemSelected(item)} /> + + ); +}; diff --git a/app/containers/MessageComposer/MessageComposerContainer.tsx b/app/containers/MessageComposer/MessageComposerContainer.tsx new file mode 100644 index 000000000..be27c6216 --- /dev/null +++ b/app/containers/MessageComposer/MessageComposerContainer.tsx @@ -0,0 +1,13 @@ +import React, { ReactElement, forwardRef } from 'react'; + +import { MessageComposerProvider } from './context'; +import { IMessageComposerContainerProps, IMessageComposerRef } from './interfaces'; +import { MessageComposer } from './MessageComposer'; + +export const MessageComposerContainer = forwardRef( + ({ children }, ref): ReactElement => ( + + {children} + + ) +); diff --git a/app/containers/MessageComposer/components/Autocomplete/Autocomplete.tsx b/app/containers/MessageComposer/components/Autocomplete/Autocomplete.tsx new file mode 100644 index 000000000..e3a450b74 --- /dev/null +++ b/app/containers/MessageComposer/components/Autocomplete/Autocomplete.tsx @@ -0,0 +1,69 @@ +import React, { ReactElement } from 'react'; +import { View, FlatList } from 'react-native'; + +import { useAutocompleteParams, useKeyboardHeight, useTrackingViewHeight } from '../../context'; +import { AutocompleteItem } from './AutocompleteItem'; +import { useAutocomplete } from '../../hooks'; +import { IAutocompleteItemProps } from '../../interfaces'; +import { AutocompletePreview } from './AutocompletePreview'; +import { useRoomContext } from '../../../../views/RoomView/context'; +import { useStyle, getBottom } from './styles'; + +export const Autocomplete = ({ onPress }: { onPress: IAutocompleteItemProps['onPress'] }): ReactElement | null => { + const { rid } = useRoomContext(); + const trackingViewHeight = useTrackingViewHeight(); + const keyboardHeight = useKeyboardHeight(); + const { text, type, params } = useAutocompleteParams(); + const items = useAutocomplete({ + rid, + text, + type, + commandParams: params + }); + const [styles, colors] = useStyle(); + + if (items.length === 0 || !type) { + return null; + } + + if (type !== '/preview') { + return ( + + } + keyboardShouldPersistTaps='always' + testID='autocomplete' + /> + + ); + } + + if (type === '/preview') { + return ( + + } + keyboardShouldPersistTaps='always' + testID='autocomplete' + /> + + ); + } + + return null; +}; diff --git a/app/containers/MessageComposer/components/Autocomplete/AutocompleteCannedResponse.tsx b/app/containers/MessageComposer/components/Autocomplete/AutocompleteCannedResponse.tsx new file mode 100644 index 000000000..989556b08 --- /dev/null +++ b/app/containers/MessageComposer/components/Autocomplete/AutocompleteCannedResponse.tsx @@ -0,0 +1,39 @@ +import React from 'react'; +import { View, Text } from 'react-native'; + +import sharedStyles from '../../../../views/Styles'; +import { IAutocompleteCannedResponse } from '../../interfaces'; +import I18n from '../../../../i18n'; +import { CustomIcon } from '../../../CustomIcon'; +import { NO_CANNED_RESPONSES } from '../../constants'; +import { useStyle } from './styles'; + +export const AutocompleteCannedResponse = ({ item }: { item: IAutocompleteCannedResponse }) => { + const [styles, colors] = useStyle(); + if (item.id === NO_CANNED_RESPONSES) { + return ( + + + + {I18n.t('No_match_found')} {I18n.t('Check_canned_responses')} + + + + + ); + } + return ( + + + + {item.title} + + + {item.subtitle ? ( + + {item.subtitle} + + ) : null} + + ); +}; diff --git a/app/containers/MessageComposer/components/Autocomplete/AutocompleteEmoji.tsx b/app/containers/MessageComposer/components/Autocomplete/AutocompleteEmoji.tsx new file mode 100644 index 000000000..301de37be --- /dev/null +++ b/app/containers/MessageComposer/components/Autocomplete/AutocompleteEmoji.tsx @@ -0,0 +1,22 @@ +import React from 'react'; +import { View, Text } from 'react-native'; + +import { IAutocompleteEmoji } from '../../interfaces'; +import { Emoji } from '../../../EmojiPicker/Emoji'; +import { useStyle } from './styles'; + +export const AutocompleteEmoji = ({ item }: { item: IAutocompleteEmoji }) => { + const [styles] = useStyle(); + return ( + <> + + + + + {typeof item.emoji === 'string' ? `:${item.emoji}:` : `:${item.emoji.name}:`} + + + + + ); +}; diff --git a/app/containers/MessageComposer/components/Autocomplete/AutocompleteItem.tsx b/app/containers/MessageComposer/components/Autocomplete/AutocompleteItem.tsx new file mode 100644 index 000000000..4248da912 --- /dev/null +++ b/app/containers/MessageComposer/components/Autocomplete/AutocompleteItem.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { View } from 'react-native'; +import { RectButton } from 'react-native-gesture-handler'; + +import { IAutocompleteItemProps, TAutocompleteItem } from '../../interfaces'; +import { AutocompleteUserRoom } from './AutocompleteUserRoom'; +import { AutocompleteEmoji } from './AutocompleteEmoji'; +import { AutocompleteSlashCommand } from './AutocompleteSlashCommand'; +import { AutocompleteCannedResponse } from './AutocompleteCannedResponse'; +import { AutocompleteItemLoading } from './AutocompleteItemLoading'; +import { useStyle } from './styles'; + +const getTestIDSuffix = (item: TAutocompleteItem) => { + if ('title' in item) { + return item.title; + } + if ('emoji' in item) { + return item.emoji; + } + return item.id; +}; + +export const AutocompleteItem = ({ item, onPress }: IAutocompleteItemProps) => { + const [styles, colors] = useStyle(); + return ( + onPress(item)} + underlayColor={colors.buttonBackgroundPrimaryPress} + style={{ backgroundColor: colors.surfaceLight }} + rippleColor={colors.buttonBackgroundPrimaryPress} + testID={`autocomplete-item-${getTestIDSuffix(item)}`} + > + + {item.type === '@' || item.type === '#' ? : null} + {item.type === ':' ? : null} + {item.type === '/' ? : null} + {item.type === '!' ? : null} + {item.type === 'loading' ? : null} + + + ); +}; diff --git a/app/containers/MessageComposer/components/Autocomplete/AutocompleteItemLoading.tsx b/app/containers/MessageComposer/components/Autocomplete/AutocompleteItemLoading.tsx new file mode 100644 index 000000000..c18b56bec --- /dev/null +++ b/app/containers/MessageComposer/components/Autocomplete/AutocompleteItemLoading.tsx @@ -0,0 +1,25 @@ +import React from 'react'; +import SkeletonPlaceholder from 'react-native-skeleton-placeholder'; +import { View } from 'react-native'; + +import { useTheme } from '../../../../theme'; + +export const AutocompleteItemLoading = ({ preview = false }: { preview?: boolean }): React.ReactElement => { + const { colors } = useTheme(); + if (preview) { + return ( + + + + + + ); + } + return ( + + + + + + ); +}; diff --git a/app/containers/MessageComposer/components/Autocomplete/AutocompletePreview.tsx b/app/containers/MessageComposer/components/Autocomplete/AutocompletePreview.tsx new file mode 100644 index 000000000..a70c38e16 --- /dev/null +++ b/app/containers/MessageComposer/components/Autocomplete/AutocompletePreview.tsx @@ -0,0 +1,36 @@ +import React from 'react'; +import { RectButton } from 'react-native-gesture-handler'; +import FastImage from 'react-native-fast-image'; + +import { IAutocompleteItemProps } from '../../interfaces'; +import { CustomIcon } from '../../../CustomIcon'; +import { AutocompleteItemLoading } from './AutocompleteItemLoading'; +import { useStyle } from './styles'; + +export const AutocompletePreview = ({ item, onPress }: IAutocompleteItemProps) => { + const [styles, colors] = useStyle(); + + let content; + if (item.type === 'loading') { + content = ; + } + if (item.type === '/preview') { + content = + item.preview.type === 'image' ? ( + + ) : ( + + ); + } + + return ( + onPress(item)} + underlayColor={colors.buttonBackgroundPrimaryPress} + style={styles.previewItem} + rippleColor={colors.buttonBackgroundPrimaryPress} + > + {content} + + ); +}; diff --git a/app/containers/MessageComposer/components/Autocomplete/AutocompleteSlashCommand.tsx b/app/containers/MessageComposer/components/Autocomplete/AutocompleteSlashCommand.tsx new file mode 100644 index 000000000..ed9b2f685 --- /dev/null +++ b/app/containers/MessageComposer/components/Autocomplete/AutocompleteSlashCommand.tsx @@ -0,0 +1,24 @@ +import React from 'react'; +import { View, Text } from 'react-native'; + +import { IAutocompleteSlashCommand } from '../../interfaces'; +import I18n from '../../../../i18n'; +import { useStyle } from './styles'; + +export const AutocompleteSlashCommand = ({ item }: { item: IAutocompleteSlashCommand }) => { + const [styles] = useStyle(); + return ( + + + + /{item.title} + + + {item.subtitle ? ( + + {I18n.isTranslated(item.subtitle) ? I18n.t(item.subtitle) : item.subtitle} + + ) : null} + + ); +}; diff --git a/app/containers/MessageComposer/components/Autocomplete/AutocompleteUserRoom.tsx b/app/containers/MessageComposer/components/Autocomplete/AutocompleteUserRoom.tsx new file mode 100644 index 000000000..3b54f6ba5 --- /dev/null +++ b/app/containers/MessageComposer/components/Autocomplete/AutocompleteUserRoom.tsx @@ -0,0 +1,38 @@ +import React from 'react'; +import { View, Text } from 'react-native'; + +import { IAutocompleteUserRoom } from '../../interfaces'; +import Avatar from '../../../Avatar'; +import RoomTypeIcon from '../../../RoomTypeIcon'; +import { fetchIsAllOrHere } from '../../helpers'; +import I18n from '../../../../i18n'; +import { useStyle } from './styles'; + +export const AutocompleteUserRoom = ({ item }: { item: IAutocompleteUserRoom }) => { + const [styles] = useStyle(); + const isAllOrHere = fetchIsAllOrHere(item); + + return ( + <> + {!isAllOrHere ? : null} + + + {!isAllOrHere ? ( + + ) : null} + + + {isAllOrHere ? `@${item.title}` : item.title} + + + + {item.type === '#' ? null : ( + + {item.subtitle} + {item.outside ? {I18n.t('Not_in_channel')} : null} + + )} + + + ); +}; diff --git a/app/containers/MessageComposer/components/Autocomplete/index.ts b/app/containers/MessageComposer/components/Autocomplete/index.ts new file mode 100644 index 000000000..a796c54c6 --- /dev/null +++ b/app/containers/MessageComposer/components/Autocomplete/index.ts @@ -0,0 +1 @@ +export * from './Autocomplete'; diff --git a/app/containers/MessageComposer/components/Autocomplete/styles.ts b/app/containers/MessageComposer/components/Autocomplete/styles.ts new file mode 100644 index 000000000..3bd13fb13 --- /dev/null +++ b/app/containers/MessageComposer/components/Autocomplete/styles.ts @@ -0,0 +1,61 @@ +import sharedStyles from '../../../../views/Styles'; +import { useTheme } from '../../../../theme'; + +const MAX_HEIGHT = 216; +export const getBottom = (trackingViewHeight: number, keyboardHeight: number): number => trackingViewHeight + keyboardHeight + 50; + +export const useStyle = () => { + const { colors } = useTheme(); + const styles = { + root: { + maxHeight: MAX_HEIGHT, + left: 8, + right: 8, + backgroundColor: colors.surfaceNeutral, + position: 'absolute', + borderRadius: 4, + shadowColor: '#000', + shadowOffset: { + width: 0, + height: 2 + }, + shadowOpacity: 0.5, + shadowRadius: 2, + elevation: 4 + }, + listContentContainer: { + borderRadius: 4, + overflow: 'hidden' + }, + list: { margin: 8 }, + item: { + minHeight: 48, + flexDirection: 'row', + paddingHorizontal: 16, + paddingVertical: 6, + alignItems: 'center' + }, + slashItem: { flex: 1, justifyContent: 'center' }, + slashTitle: { flex: 1, flexDirection: 'row', alignItems: 'center' }, + slashTitleText: { ...sharedStyles.textBold, fontSize: 14, color: colors.fontDefault }, + slashSubtitle: { flex: 1, flexDirection: 'row', alignItems: 'center', paddingTop: 2 }, + slashSubtitleText: { ...sharedStyles.textRegular, fontSize: 14, color: colors.fontSecondaryInfo, flex: 1 }, + previewItem: { backgroundColor: colors.surfaceLight, paddingRight: 4 }, + previewImage: { height: 80, minWidth: 80, borderRadius: 4 }, + emoji: { flex: 1, justifyContent: 'center', paddingLeft: 12 }, + emojiTitle: { flex: 1, flexDirection: 'row', alignItems: 'center' }, + emojiText: { ...sharedStyles.textBold, fontSize: 14, color: colors.fontDefault }, + canned: { flex: 1, justifyContent: 'center' }, + cannedTitle: { flex: 1, flexDirection: 'row', alignItems: 'center' }, + cannedTitleText: { ...sharedStyles.textRegular, flex: 1, fontSize: 14, color: colors.fontHint }, + cannedSubtitle: { flex: 1, flexDirection: 'row', alignItems: 'center', paddingTop: 2 }, + cannedSubtitleText: { ...sharedStyles.textRegular, fontSize: 14, color: colors.fontSecondaryInfo, flex: 1 }, + userRoom: { flex: 1, justifyContent: 'center' }, + userRoomHeader: { flex: 1, flexDirection: 'row', alignItems: 'center' }, + userRoomTitleText: { ...sharedStyles.textBold, fontSize: 14, color: colors.fontDefault }, + userRoomSubtitle: { flex: 1, flexDirection: 'row', alignItems: 'center', paddingTop: 2 }, + userRoomSubtitleText: { ...sharedStyles.textRegular, fontSize: 14, color: colors.fontSecondaryInfo, flex: 1 }, + userRoomOutsideText: { ...sharedStyles.textRegular, fontSize: 12, color: colors.fontSecondaryInfo } + } as const; + return [styles, colors] as const; +}; diff --git a/app/containers/MessageComposer/components/Buttons/ActionsButton.tsx b/app/containers/MessageComposer/components/Buttons/ActionsButton.tsx new file mode 100644 index 000000000..6d62901e9 --- /dev/null +++ b/app/containers/MessageComposer/components/Buttons/ActionsButton.tsx @@ -0,0 +1,81 @@ +import React, { useContext } from 'react'; + +import { getSubscriptionByRoomId } from '../../../../lib/database/services/Subscription'; +import { BaseButton } from './BaseButton'; +import { TActionSheetOptionsItem, useActionSheet } from '../../../ActionSheet'; +import { MessageInnerContext } from '../../context'; +import I18n from '../../../../i18n'; +import Navigation from '../../../../lib/navigation/appNavigation'; +import { useAppSelector, usePermissions } from '../../../../lib/hooks'; +import { useCanUploadFile, useChooseMedia } from '../../hooks'; +import { useRoomContext } from '../../../../views/RoomView/context'; + +export const ActionsButton = () => { + const { rid, tmid, t } = useRoomContext(); + const { closeEmojiKeyboardAndAction } = useContext(MessageInnerContext); + const permissionToUpload = useCanUploadFile(rid); + const [permissionToViewCannedResponses] = usePermissions(['view-canned-responses'], rid); + const { takePhoto, takeVideo, chooseFromLibrary, chooseFile } = useChooseMedia({ + rid, + tmid, + permissionToUpload + }); + const { showActionSheet } = useActionSheet(); + const isMasterDetail = useAppSelector(state => state.app.isMasterDetail); + + const createDiscussion = async () => { + if (!rid) return; + const subscription = await getSubscriptionByRoomId(rid); + const params = { channel: subscription, showCloseModal: true }; + if (isMasterDetail) { + Navigation.navigate('ModalStackNavigator', { screen: 'CreateDiscussionView', params }); + } else { + Navigation.navigate('NewMessageStackNavigator', { screen: 'CreateDiscussionView', params }); + } + }; + + const onPress = () => { + const options: TActionSheetOptionsItem[] = []; + if (t === 'l' && permissionToViewCannedResponses) { + options.push({ + title: I18n.t('Canned_Responses'), + icon: 'canned-response', + onPress: () => Navigation.navigate('CannedResponsesListView', { rid }) + }); + } + if (permissionToUpload) { + options.push( + { + title: I18n.t('Take_a_photo'), + icon: 'camera-photo', + onPress: () => takePhoto() + }, + { + title: I18n.t('Take_a_video'), + icon: 'camera', + onPress: () => takeVideo() + }, + { + title: I18n.t('Choose_from_library'), + icon: 'image', + onPress: () => chooseFromLibrary() + }, + { + title: I18n.t('Choose_file'), + icon: 'attach', + onPress: () => chooseFile() + } + ); + } + + options.push({ + title: I18n.t('Create_Discussion'), + icon: 'discussions', + onPress: () => createDiscussion() + }); + + closeEmojiKeyboardAndAction(showActionSheet, { options }); + }; + + return ; +}; diff --git a/app/containers/MessageComposer/components/Buttons/BaseButton.tsx b/app/containers/MessageComposer/components/Buttons/BaseButton.tsx new file mode 100644 index 000000000..785957071 --- /dev/null +++ b/app/containers/MessageComposer/components/Buttons/BaseButton.tsx @@ -0,0 +1,42 @@ +import { BorderlessButton } from 'react-native-gesture-handler'; +import React from 'react'; +import { View, StyleSheet } from 'react-native'; + +import I18n from '../../../../i18n'; +import { CustomIcon, TIconsName } from '../../../CustomIcon'; +import { useTheme } from '../../../../theme'; + +export interface IBaseButton { + testID: string; + accessibilityLabel: string; + icon: TIconsName; + color?: string; + onPress(): void; +} + +export const hitSlop = { + top: 16, + right: 16, + bottom: 16, + left: 16 +}; + +export const BaseButton = ({ accessibilityLabel, icon, color, testID, onPress }: IBaseButton) => { + const { colors } = useTheme(); + return ( + onPress()} testID={testID} hitSlop={hitSlop}> + + + + + ); +}; + +const styles = StyleSheet.create({ + button: { + alignItems: 'center', + justifyContent: 'center', + width: 24, + height: 24 + } +}); diff --git a/app/containers/MessageComposer/components/Buttons/MicOrSendButton.tsx b/app/containers/MessageComposer/components/Buttons/MicOrSendButton.tsx new file mode 100644 index 000000000..d840c16a7 --- /dev/null +++ b/app/containers/MessageComposer/components/Buttons/MicOrSendButton.tsx @@ -0,0 +1,51 @@ +import React, { useContext } from 'react'; +import { Audio } from 'expo-av'; + +import { BaseButton } from './BaseButton'; +import { MessageInnerContext, useMessageComposerApi, useMicOrSend } from '../../context'; +import { useTheme } from '../../../../theme'; +import { useAppSelector } from '../../../../lib/hooks'; +import { useCanUploadFile } from '../../hooks'; +import { useRoomContext } from '../../../../views/RoomView/context'; + +export const MicOrSendButton = () => { + const { rid, sharing } = useRoomContext(); + const micOrSend = useMicOrSend(); + const { sendMessage } = useContext(MessageInnerContext); + const permissionToUpload = useCanUploadFile(rid); + const { Message_AudioRecorderEnabled } = useAppSelector(state => state.settings); + const { colors } = useTheme(); + const { setRecordingAudio } = useMessageComposerApi(); + + const startRecording = async () => { + const permission = await Audio.requestPermissionsAsync(); + if (permission.granted) { + setRecordingAudio(true); + } + }; + + if (micOrSend === 'send' || sharing) { + return ( + + ); + } + + if (Message_AudioRecorderEnabled && permissionToUpload) { + return ( + + ); + } + + return null; +}; diff --git a/app/containers/MessageComposer/components/Buttons/index.ts b/app/containers/MessageComposer/components/Buttons/index.ts new file mode 100644 index 000000000..7c850e706 --- /dev/null +++ b/app/containers/MessageComposer/components/Buttons/index.ts @@ -0,0 +1,3 @@ +export * from './ActionsButton'; +export * from './BaseButton'; +export * from './MicOrSendButton'; diff --git a/app/containers/MessageComposer/components/CancelEdit.tsx b/app/containers/MessageComposer/components/CancelEdit.tsx new file mode 100644 index 000000000..ed784de46 --- /dev/null +++ b/app/containers/MessageComposer/components/CancelEdit.tsx @@ -0,0 +1,24 @@ +import React from 'react'; + +import { BaseButton } from './Buttons'; +import { useRoomContext } from '../../../views/RoomView/context'; +import { Gap } from './Gap'; + +export const CancelEdit = () => { + const { action, editCancel } = useRoomContext(); + + if (action !== 'edit') { + return null; + } + return ( + <> + editCancel?.()} + testID='message-composer-cancel-edit' + accessibilityLabel='Cancel_editing' + icon='close' + /> + + + ); +}; diff --git a/app/containers/MessageComposer/components/ComposerInput.tsx b/app/containers/MessageComposer/components/ComposerInput.tsx new file mode 100644 index 000000000..6a46c762f --- /dev/null +++ b/app/containers/MessageComposer/components/ComposerInput.tsx @@ -0,0 +1,365 @@ +import React, { forwardRef, memo, useCallback, useEffect, useImperativeHandle } from 'react'; +import { TextInput, StyleSheet, TextInputProps, InteractionManager } from 'react-native'; +import { useDebouncedCallback } from 'use-debounce'; +import { useDispatch } from 'react-redux'; +import { RouteProp, useFocusEffect, useRoute } from '@react-navigation/native'; + +import I18n from '../../../i18n'; +import { IAutocompleteItemProps, IComposerInput, IComposerInputProps, IInputSelection, TSetInput } from '../interfaces'; +import { useAutocompleteParams, useFocused, useMessageComposerApi } from '../context'; +import { loadDraftMessage, saveDraftMessage, fetchIsAllOrHere, getMentionRegexp } from '../helpers'; +import { useSubscription } from '../hooks'; +import sharedStyles from '../../../views/Styles'; +import { useTheme } from '../../../theme'; +import { userTyping } from '../../../actions/room'; +import { getRoomTitle } from '../../../lib/methods/helpers'; +import { MAX_HEIGHT, MIN_HEIGHT, NO_CANNED_RESPONSES, MARKDOWN_STYLES } from '../constants'; +import database from '../../../lib/database'; +import Navigation from '../../../lib/navigation/appNavigation'; +import { emitter } from '../emitter'; +import { useRoomContext } from '../../../views/RoomView/context'; +import { getMessageById } from '../../../lib/database/services/Message'; +import { generateTriggerId } from '../../../lib/methods'; +import { Services } from '../../../lib/services'; +import log from '../../../lib/methods/helpers/log'; +import { useAppSelector, usePrevious } from '../../../lib/hooks'; +import { ChatsStackParamList } from '../../../stacks/types'; + +const defaultSelection: IInputSelection = { start: 0, end: 0 }; + +export const ComposerInput = memo( + forwardRef(({ inputRef }, ref) => { + const { colors, theme } = useTheme(); + const { rid, tmid, sharing, action, selectedMessages } = useRoomContext(); + const focused = useFocused(); + const { setFocused, setTrackingViewHeight, setMicOrSend, setAutocompleteParams } = useMessageComposerApi(); + const autocompleteType = useAutocompleteParams()?.type; + const textRef = React.useRef(''); + const selectionRef = React.useRef(defaultSelection); + const dispatch = useDispatch(); + const subscription = useSubscription(rid); + const isMasterDetail = useAppSelector(state => state.app.isMasterDetail); + let placeholder = tmid ? I18n.t('Add_thread_reply') : ''; + if (subscription && !tmid) { + placeholder = I18n.t('Message_roomname', { roomName: (subscription.t === 'd' ? '@' : '#') + getRoomTitle(subscription) }); + } + const route = useRoute>(); + const usedCannedResponse = route.params?.usedCannedResponse; + const prevAction = usePrevious(action); + + // Draft/Canned Responses + useEffect(() => { + const setDraftMessage = async () => { + const draftMessage = await loadDraftMessage({ rid, tmid }); + if (draftMessage) { + setInput(draftMessage); + } + }; + + if (sharing) return; + + if (usedCannedResponse) { + setInput(usedCannedResponse); + } else if (action !== 'edit') { + setDraftMessage(); + } + + return () => { + if (action !== 'edit') { + saveDraftMessage({ rid, tmid, draftMessage: textRef.current }); + } + }; + }, [action, rid, tmid, usedCannedResponse]); + + // Edit/quote + useEffect(() => { + const fetchMessageAndSetInput = async () => { + const message = await getMessageById(selectedMessages[0]); + if (message) { + setInput(message?.msg || ''); + } + }; + + if (sharing) return; + + if (prevAction === 'edit' && action !== 'edit') { + setInput(''); + return; + } + if (action === 'edit' && selectedMessages[0]) { + focus(); + fetchMessageAndSetInput(); + return; + } + if (action === 'quote' && selectedMessages.length === 1) { + focus(); + } + }, [action, selectedMessages]); + + useFocusEffect( + useCallback(() => { + const task = InteractionManager.runAfterInteractions(() => { + emitter.on('addMarkdown', ({ style }) => { + const { start, end } = selectionRef.current; + const text = textRef.current; + const markdown = MARKDOWN_STYLES[style]; + const newText = `${text.substr(0, start)}${markdown}${text.substr(start, end - start)}${markdown}${text.substr(end)}`; + setInput(newText, { + start: start + markdown.length, + end: start === end ? start + markdown.length : end + markdown.length + }); + }); + emitter.on('toolbarMention', () => { + if (autocompleteType) { + return; + } + const { start, end } = selectionRef.current; + const text = textRef.current; + const newText = `${text.substr(0, start)}@${text.substr(start, end - start)}${text.substr(end)}`; + setInput(newText, { start: start + 1, end: start === end ? start + 1 : end + 1 }); + setAutocompleteParams({ text: '', type: '@' }); + }); + }); + return () => { + emitter.off('addMarkdown'); + emitter.off('toolbarMention'); + task?.cancel(); + }; + }, [rid, tmid, autocompleteType]) + ); + + useImperativeHandle(ref, () => ({ + getTextAndClear: () => { + const text = textRef.current; + setInput(''); + return text; + }, + getText: () => textRef.current, + getSelection: () => selectionRef.current, + setInput, + onAutocompleteItemSelected + })); + + const setInput: TSetInput = (text, selection) => { + textRef.current = text; + if (inputRef.current) { + inputRef.current.setNativeProps({ text }); + } + if (selection) { + // setSelection won't trigger onSelectionChange, so we need it to be ran after new text is set + setTimeout(() => { + inputRef.current?.setSelection?.(selection.start, selection.end); + selectionRef.current = selection; + }, 50); + } + setMicOrSend(text.length === 0 ? 'mic' : 'send'); + }; + + const focus = () => { + if (inputRef.current) { + inputRef.current.focus(); + } + }; + + const onChangeText: TextInputProps['onChangeText'] = text => { + textRef.current = text; + debouncedOnChangeText(text); + setInput(text); + }; + + const onSelectionChange: TextInputProps['onSelectionChange'] = e => { + selectionRef.current = e.nativeEvent.selection; + }; + + const onFocus: TextInputProps['onFocus'] = () => { + setFocused(true); + }; + + const onBlur: TextInputProps['onBlur'] = () => { + setFocused(false); + stopAutocomplete(); + }; + + const handleLayout: TextInputProps['onLayout'] = e => { + setTrackingViewHeight(e.nativeEvent.layout.height); + }; + + const onAutocompleteItemSelected: IAutocompleteItemProps['onPress'] = async item => { + if (item.type === 'loading') { + return null; + } + + // If it's slash command preview, we need to execute the command + if (item.type === '/preview') { + try { + if (!rid) return; + const db = database.active; + const commandsCollection = db.get('slash_commands'); + const commandRecord = await commandsCollection.find(item.text); + const { appId } = commandRecord; + const triggerId = generateTriggerId(appId); + Services.executeCommandPreview(item.text, item.params, rid, item.preview, triggerId, tmid); + } catch (e) { + log(e); + } + requestAnimationFrame(() => { + stopAutocomplete(); + setInput('', { start: 0, end: 0 }); + }); + return; + } + + // If it's canned response, but there's no canned responses, we open the canned responses view + if (item.type === '!' && item.id === NO_CANNED_RESPONSES) { + const params = { rid }; + if (isMasterDetail) { + Navigation.navigate('ModalStackNavigator', { screen: 'CannedResponsesListView', params }); + } else { + Navigation.navigate('CannedResponsesListView', params); + } + stopAutocomplete(); + return; + } + + const text = textRef.current; + const { start, end } = selectionRef.current; + const cursor = Math.max(start, end); + const regexp = getMentionRegexp(); + let result = text.substr(0, cursor).replace(regexp, ''); + // Remove the ! after select the canned response + if (item.type === '!') { + const lastIndexOfExclamation = text.lastIndexOf('!', cursor); + result = text.substr(0, lastIndexOfExclamation).replace(regexp, ''); + } + let mention = ''; + switch (item.type) { + case '@': + mention = fetchIsAllOrHere(item) ? item.title : item.subtitle || item.title; + break; + case '#': + mention = item.subtitle ? item.subtitle : ''; + break; + case ':': + mention = `${typeof item.emoji === 'string' ? item.emoji : item.emoji.name}:`; + break; + case '/': + mention = item.title; + break; + case '!': + mention = item.subtitle ? item.subtitle : ''; + break; + default: + mention = ''; + } + const newText = `${result}${mention} ${text.slice(cursor)}`; + + const newCursor = result.length + mention.length + 1; + setInput(newText, { start: newCursor, end: newCursor }); + focus(); + requestAnimationFrame(() => { + stopAutocomplete(); + }); + }; + + const stopAutocomplete = () => { + setAutocompleteParams({ text: '', type: null, params: '' }); + }; + + const debouncedOnChangeText = useDebouncedCallback(async (text: string) => { + const isTextEmpty = text.length === 0; + handleTyping(!isTextEmpty); + if (isTextEmpty || !focused) { + stopAutocomplete(); + return; + } + const { start, end } = selectionRef.current; + const cursor = Math.max(start, end); + const whiteSpaceOrBreakLineRegex = /[\s\n]+/; + const txt = + cursor < text.length ? text.substr(0, cursor).split(whiteSpaceOrBreakLineRegex) : text.split(whiteSpaceOrBreakLineRegex); + const lastWord = txt[txt.length - 1]; + const autocompleteText = lastWord.substring(1); + + if (!lastWord) { + stopAutocomplete(); + return; + } + if (!sharing && text.match(/^\//)) { + const commandParameter = text.match(/^\/([a-z0-9._-]+) (.+)/im); + if (commandParameter) { + const db = database.active; + const [, command, params] = commandParameter; + const commandsCollection = db.get('slash_commands'); + try { + const commandRecord = await commandsCollection.find(command); + if (commandRecord.providesPreview) { + setAutocompleteParams({ params, text: command, type: '/preview' }); + } + return; + } catch (e) { + // do nothing + } + } + setAutocompleteParams({ text: autocompleteText, type: '/' }); + return; + } + if (lastWord.match(/^#/)) { + setAutocompleteParams({ text: autocompleteText, type: '#' }); + return; + } + if (lastWord.match(/^@/)) { + setAutocompleteParams({ text: autocompleteText, type: '@' }); + return; + } + if (lastWord.match(/^:/)) { + setAutocompleteParams({ text: autocompleteText, type: ':' }); + return; + } + if (lastWord.match(/^!/) && subscription?.t === 'l') { + setAutocompleteParams({ text: autocompleteText, type: '!' }); + return; + } + + stopAutocomplete(); + }, 300); + + const handleTyping = (isTyping: boolean) => { + if (sharing || !rid) return; + dispatch(userTyping(rid, isTyping)); + }; + + return ( + (inputRef.current = component)} + blurOnSubmit={false} + onChangeText={onChangeText} + onSelectionChange={onSelectionChange} + onFocus={onFocus} + onBlur={onBlur} + underlineColorAndroid='transparent' + defaultValue='' + multiline + keyboardAppearance={theme === 'light' ? 'light' : 'dark'} + testID={`message-composer-input${tmid ? '-thread' : ''}`} + /> + ); + }) +); + +const styles = StyleSheet.create({ + textInput: { + flex: 1, + minHeight: MIN_HEIGHT, + maxHeight: MAX_HEIGHT, + paddingTop: 12, + paddingBottom: 12, + fontSize: 16, + textAlignVertical: 'center', + ...sharedStyles.textRegular, + lineHeight: 22 + } +}); diff --git a/app/containers/MessageBox/EmojiKeyboard.tsx b/app/containers/MessageComposer/components/EmojiKeyboard.tsx similarity index 60% rename from app/containers/MessageBox/EmojiKeyboard.tsx rename to app/containers/MessageComposer/components/EmojiKeyboard.tsx index 2286e994f..6cba7259f 100644 --- a/app/containers/MessageBox/EmojiKeyboard.tsx +++ b/app/containers/MessageComposer/components/EmojiKeyboard.tsx @@ -3,13 +3,12 @@ import { View } from 'react-native'; import { KeyboardRegistry } from 'react-native-ui-lib/keyboard'; import { Provider } from 'react-redux'; -import store from '../../lib/store'; -import EmojiPicker from '../EmojiPicker'; -import styles from './styles'; -import { ThemeContext, TSupportedThemes } from '../../theme'; -import { EventTypes } from '../EmojiPicker/interfaces'; -import { IEmoji } from '../../definitions'; -import { colors } from '../../lib/constants'; +import store from '../../../lib/store'; +import EmojiPicker from '../../EmojiPicker'; +import { ThemeContext, TSupportedThemes } from '../../../theme'; +import { EventTypes } from '../../EmojiPicker/interfaces'; +import { IEmoji } from '../../../definitions'; +import { colors } from '../../../lib/constants'; const EmojiKeyboard = ({ theme }: { theme: TSupportedThemes }) => { const onItemClicked = (eventType: EventTypes, emoji?: IEmoji) => { @@ -24,10 +23,7 @@ const EmojiKeyboard = ({ theme }: { theme: TSupportedThemes }) => { colors: colors[theme] }} > - + diff --git a/app/containers/MessageBox/EmojiSearchbar.tsx b/app/containers/MessageComposer/components/EmojiSearchbar.tsx similarity index 58% rename from app/containers/MessageBox/EmojiSearchbar.tsx rename to app/containers/MessageComposer/components/EmojiSearchbar.tsx index 2f48e2653..788d8971f 100644 --- a/app/containers/MessageBox/EmojiSearchbar.tsx +++ b/app/containers/MessageComposer/components/EmojiSearchbar.tsx @@ -1,30 +1,87 @@ -import React, { useState } from 'react'; +import React, { useContext, useState } from 'react'; import { View, Text, Pressable, FlatList, StyleSheet } from 'react-native'; -import { useTheme } from '../../theme'; -import I18n from '../../i18n'; -import { CustomIcon } from '../CustomIcon'; -import { IEmoji } from '../../definitions'; -import { useFrequentlyUsedEmoji } from '../../lib/hooks'; -import { addFrequentlyUsed, searchEmojis } from '../../lib/methods'; -import { useDebounce } from '../../lib/methods/helpers'; -import sharedStyles from '../../views/Styles'; -import { PressableEmoji } from '../EmojiPicker/PressableEmoji'; -import { EmojiSearch } from '../EmojiPicker/EmojiSearch'; -import { EMOJI_BUTTON_SIZE } from '../EmojiPicker/styles'; -import { events, logEvent } from '../../lib/methods/helpers/log'; +import { MessageInnerContext, useMessageComposerApi, useShowEmojiSearchbar } from '../context'; +import { useTheme } from '../../../theme'; +import I18n from '../../../i18n'; +import { CustomIcon } from '../../CustomIcon'; +import { IEmoji } from '../../../definitions'; +import { useFrequentlyUsedEmoji } from '../../../lib/hooks'; +import { addFrequentlyUsed, searchEmojis } from '../../../lib/methods'; +import { useDebounce } from '../../../lib/methods/helpers'; +import sharedStyles from '../../../views/Styles'; +import { PressableEmoji } from '../../EmojiPicker/PressableEmoji'; +import { EmojiSearch } from '../../EmojiPicker/EmojiSearch'; +import { EMOJI_BUTTON_SIZE } from '../../EmojiPicker/styles'; const BUTTON_HIT_SLOP = { top: 4, right: 4, bottom: 4, left: 4 }; +export const EmojiSearchbar = (): React.ReactElement | null => { + const { colors } = useTheme(); + const [searchText, setSearchText] = useState(''); + const showEmojiSearchbar = useShowEmojiSearchbar(); + const { openEmojiKeyboard, closeEmojiKeyboard } = useMessageComposerApi(); + const { onEmojiSelected } = useContext(MessageInnerContext); + const { frequentlyUsed } = useFrequentlyUsedEmoji(true); + const [emojis, setEmojis] = useState([]); + + const handleTextChange = useDebounce(async (text: string) => { + setSearchText(text); + const result = await searchEmojis(text); + setEmojis(result); + }, 300); + + const handleEmojiSelected = (emoji: IEmoji) => { + onEmojiSelected(emoji); + addFrequentlyUsed(emoji); + }; + + const renderItem = ({ item }: { item: IEmoji }) => ; + + if (!showEmojiSearchbar) { + return null; + } + + // TODO: Use RNGH + return ( + + ( + + {I18n.t('No_results_found')} + + )} + keyExtractor={item => (typeof item === 'string' ? item : item.name)} + contentContainerStyle={styles.listContainer} + keyboardShouldPersistTaps='always' + /> + + [styles.backButton, { opacity: pressed ? 0.7 : 1 }]} + onPress={openEmojiKeyboard} + hitSlop={BUTTON_HIT_SLOP} + testID='openback-emoji-keyboard' + > + + + + + + + + ); +}; + const styles = StyleSheet.create({ listContainer: { height: EMOJI_BUTTON_SIZE, margin: 8, flexGrow: 1 }, - container: { - borderTopWidth: 1 - }, searchContainer: { flexDirection: 'row', justifyContent: 'center', @@ -52,65 +109,3 @@ const styles = StyleSheet.create({ flex: 1 } }); - -interface IEmojiSearchBarProps { - openEmoji: () => void; - closeEmoji: () => void; - onEmojiSelected: (emoji: IEmoji) => void; -} - -const EmojiSearchBar = ({ openEmoji, closeEmoji, onEmojiSelected }: IEmojiSearchBarProps): React.ReactElement => { - const { colors } = useTheme(); - const [searchText, setSearchText] = useState(''); - const { frequentlyUsed } = useFrequentlyUsedEmoji(true); - const [emojis, setEmojis] = useState([]); - - const handleTextChange = useDebounce(async (text: string) => { - logEvent(events.MB_SB_EMOJI_SEARCH); - setSearchText(text); - const result = await searchEmojis(text); - setEmojis(result); - }, 300); - - const handleEmojiSelected = (emoji: IEmoji) => { - logEvent(events.MB_SB_EMOJI_SELECTED); - onEmojiSelected(emoji); - addFrequentlyUsed(emoji); - }; - - const renderItem = ({ item }: { item: IEmoji }) => ; - - return ( - - ( - - {I18n.t('No_results_found')} - - )} - keyExtractor={item => (typeof item === 'string' ? item : item.name)} - contentContainerStyle={styles.listContainer} - keyboardShouldPersistTaps='always' - /> - - [styles.backButton, { opacity: pressed ? 0.7 : 1 }]} - onPress={openEmoji} - hitSlop={BUTTON_HIT_SLOP} - testID='openback-emoji-keyboard' - > - - - - - - - - ); -}; - -export default EmojiSearchBar; diff --git a/app/containers/MessageComposer/components/Gap.tsx b/app/containers/MessageComposer/components/Gap.tsx new file mode 100644 index 000000000..e951ff97e --- /dev/null +++ b/app/containers/MessageComposer/components/Gap.tsx @@ -0,0 +1,4 @@ +import React from 'react'; +import { View } from 'react-native'; + +export const Gap = () => ; diff --git a/app/containers/MessageComposer/components/Quotes/Quote.tsx b/app/containers/MessageComposer/components/Quotes/Quote.tsx new file mode 100644 index 000000000..3e47b2992 --- /dev/null +++ b/app/containers/MessageComposer/components/Quotes/Quote.tsx @@ -0,0 +1,95 @@ +import React from 'react'; +import { View, Text } from 'react-native'; +import moment from 'moment'; + +import { useTheme } from '../../../../theme'; +import sharedStyles from '../../../../views/Styles'; +import { useRoomContext } from '../../../../views/RoomView/context'; +import { BaseButton } from '../Buttons'; +import { useMessage } from '../../hooks'; +import { useAppSelector } from '../../../../lib/hooks'; +import { MarkdownPreview } from '../../../markdown'; + +export const Quote = ({ messageId }: { messageId: string }) => { + const [styles, colors] = useStyle(); + const message = useMessage(messageId); + const useRealName = useAppSelector(({ settings }) => settings.UI_Use_Real_Name); + const { onRemoveQuoteMessage } = useRoomContext(); + + let username = ''; + let msg = ''; + let time = ''; + + if (message) { + username = useRealName ? message.u?.name || message.u?.username || '' : message.u?.username || ''; + msg = message.msg || ''; + time = message.ts ? moment(message.ts).format('LT') : ''; + } + + if (!message) { + return null; + } + + return ( + + + + + {username} + + {time} + + onRemoveQuoteMessage?.(message.id)} + accessibilityLabel='Remove_quote_message' + testID={`composer-quote-remove-${message.id}`} + /> + + + + ); +}; + +function useStyle() { + const { colors } = useTheme(); + const style = { + root: { + backgroundColor: colors.surfaceTint, + height: 64, + width: 320, + borderColor: colors.strokeExtraLight, + borderLeftColor: colors.strokeMedium, + borderWidth: 1, + borderTopRightRadius: 4, + borderBottomRightRadius: 4, + paddingLeft: 16, + padding: 8, + marginRight: 8 + }, + header: { flexDirection: 'row', alignItems: 'center' }, + title: { flexDirection: 'row', flex: 1, alignItems: 'center' }, + username: { + ...sharedStyles.textBold, + color: colors.fontTitlesLabels, + fontSize: 14, + lineHeight: 20, + flexShrink: 1, + paddingRight: 4 + }, + time: { + ...sharedStyles.textRegular, + color: colors.fontAnnotation, + fontSize: 12, + lineHeight: 16 + }, + message: { + ...sharedStyles.textRegular, + color: colors.fontDefault, + fontSize: 14, + lineHeight: 20 + } + } as const; + return [style, colors] as const; +} diff --git a/app/containers/MessageComposer/components/Quotes/Quotes.tsx b/app/containers/MessageComposer/components/Quotes/Quotes.tsx new file mode 100644 index 000000000..e35d98e99 --- /dev/null +++ b/app/containers/MessageComposer/components/Quotes/Quotes.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { FlatList } from 'react-native'; + +import { Quote } from './Quote'; +import { useRoomContext } from '../../../../views/RoomView/context'; + +export const Quotes = (): React.ReactElement | null => { + const { selectedMessages, action } = useRoomContext(); + + if (action !== 'quote') { + return null; + } + return } horizontal />; +}; diff --git a/app/containers/MessageComposer/components/Quotes/index.ts b/app/containers/MessageComposer/components/Quotes/index.ts new file mode 100644 index 000000000..e21b6cb05 --- /dev/null +++ b/app/containers/MessageComposer/components/Quotes/index.ts @@ -0,0 +1 @@ +export * from './Quotes'; diff --git a/app/containers/MessageComposer/components/RecordAudio/CancelButton.tsx b/app/containers/MessageComposer/components/RecordAudio/CancelButton.tsx new file mode 100644 index 000000000..953fd0218 --- /dev/null +++ b/app/containers/MessageComposer/components/RecordAudio/CancelButton.tsx @@ -0,0 +1,7 @@ +import React, { ReactElement } from 'react'; + +import { BaseButton, IBaseButton } from '../Buttons'; + +export const CancelButton = ({ onPress }: { onPress: IBaseButton['onPress'] }): ReactElement => ( + +); diff --git a/app/containers/MessageComposer/components/RecordAudio/Duration.tsx b/app/containers/MessageComposer/components/RecordAudio/Duration.tsx new file mode 100644 index 000000000..847dab534 --- /dev/null +++ b/app/containers/MessageComposer/components/RecordAudio/Duration.tsx @@ -0,0 +1,43 @@ +import React, { forwardRef, useImperativeHandle } from 'react'; +import { FontVariant, Text } from 'react-native'; +import { Audio } from 'expo-av'; + +import sharedStyles from '../../../../views/Styles'; +import { useTheme } from '../../../../theme'; +import { formatTime } from './utils'; + +export interface IDurationRef { + onRecordingStatusUpdate: (status: Audio.RecordingStatus) => void; +} + +export const Duration = forwardRef((_, ref) => { + const [styles] = useStyle(); + const [duration, setDuration] = React.useState('00:00'); + + useImperativeHandle(ref, () => ({ + onRecordingStatusUpdate + })); + + const onRecordingStatusUpdate = (status: Audio.RecordingStatus) => { + if (!status.isRecording) { + return; + } + setDuration(formatTime(Math.floor(status.durationMillis / 1000))); + }; + + return {duration}; +}); + +function useStyle() { + const { colors } = useTheme(); + const styles = { + text: { + marginLeft: 12, + fontSize: 16, + ...sharedStyles.textRegular, + color: colors.fontDefault, + fontVariant: ['tabular-nums'] as FontVariant[] + } + } as const; + return [styles, colors] as const; +} diff --git a/app/containers/MessageComposer/components/RecordAudio/RecordAudio.tsx b/app/containers/MessageComposer/components/RecordAudio/RecordAudio.tsx new file mode 100644 index 000000000..09778a739 --- /dev/null +++ b/app/containers/MessageComposer/components/RecordAudio/RecordAudio.tsx @@ -0,0 +1,191 @@ +import { View, Text } from 'react-native'; +import React, { ReactElement, useEffect, useRef } from 'react'; +import { Audio } from 'expo-av'; +import { getInfoAsync } from 'expo-file-system'; +import { useKeepAwake } from 'expo-keep-awake'; +import { shallowEqual } from 'react-redux'; + +import { useTheme } from '../../../../theme'; +import { BaseButton } from '../Buttons'; +import { CustomIcon } from '../../../CustomIcon'; +import sharedStyles from '../../../../views/Styles'; +import { ReviewButton } from './ReviewButton'; +import { useMessageComposerApi } from '../../context'; +import { sendFileMessage } from '../../../../lib/methods'; +import { IUpload } from '../../../../definitions'; +import log from '../../../../lib/methods/helpers/log'; +import { useRoomContext } from '../../../../views/RoomView/context'; +import { useAppSelector } from '../../../../lib/hooks'; +import { useCanUploadFile } from '../../hooks'; +import { Duration, IDurationRef } from './Duration'; +import { RECORDING_EXTENSION, RECORDING_MODE, RECORDING_SETTINGS } from './constants'; +import AudioPlayer from '../../../AudioPlayer'; +import { CancelButton } from './CancelButton'; +import i18n from '../../../../i18n'; + +export const RecordAudio = (): ReactElement | null => { + const [styles, colors] = useStyle(); + const recordingRef = useRef(); + const durationRef = useRef({} as IDurationRef); + const [status, setStatus] = React.useState<'recording' | 'reviewing'>('recording'); + const { setRecordingAudio } = useMessageComposerApi(); + const { rid, tmid } = useRoomContext(); + const server = useAppSelector(state => state.server.server); + const user = useAppSelector(state => ({ id: state.login.user.id, token: state.login.user.token }), shallowEqual); + const permissionToUpload = useCanUploadFile(rid); + useKeepAwake(); + + useEffect(() => { + const record = async () => { + try { + await Audio.setAudioModeAsync(RECORDING_MODE); + recordingRef.current = new Audio.Recording(); + await recordingRef.current.prepareToRecordAsync(RECORDING_SETTINGS); + recordingRef.current.setOnRecordingStatusUpdate(durationRef.current.onRecordingStatusUpdate); + await recordingRef.current.startAsync(); + } catch (error) { + console.error(error); + } + }; + record(); + + return () => { + try { + recordingRef.current?.stopAndUnloadAsync(); + } catch { + // Do nothing + } + }; + }, []); + + const cancelRecording = async () => { + try { + await recordingRef.current?.stopAndUnloadAsync(); + } catch { + // Do nothing + } finally { + setRecordingAudio(false); + } + }; + + const goReview = async () => { + try { + await recordingRef.current?.stopAndUnloadAsync(); + setStatus('reviewing'); + } catch { + // Do nothing + } + }; + + const sendAudio = async () => { + try { + if (!rid) return; + setRecordingAudio(false); + const fileURI = recordingRef.current?.getURI(); + const fileData = await getInfoAsync(fileURI as string); + const fileInfo = { + name: `${Date.now()}${RECORDING_EXTENSION}`, + mime: 'audio/aac', + type: 'audio/aac', + store: 'Uploads', + path: fileURI, + size: fileData.exists ? fileData.size : null + } as IUpload; + + if (fileInfo) { + if (permissionToUpload) { + await sendFileMessage(rid, fileInfo, tmid, server, user); + } + } + } catch (e) { + log(e); + } + }; + + if (!rid) { + return null; + } + + if (status === 'reviewing') { + return ( + + + + + + + + + + + ); + } + + return ( + + + + + + + + + {i18n.t('Recording_audio_in_progress')} + + + + + ); +}; + +function useStyle() { + const { colors } = useTheme(); + const style = { + review: { + borderTopWidth: 1, + paddingHorizontal: 16, + paddingBottom: 12, + backgroundColor: colors.surfaceLight, + borderTopColor: colors.strokeLight + }, + recording: { + borderTopWidth: 1, + paddingHorizontal: 16, + paddingBottom: 8, + backgroundColor: colors.surfaceLight, + borderTopColor: colors.strokeLight + }, + duration: { + flexDirection: 'row', + paddingVertical: 24, + justifyContent: 'center', + alignItems: 'center' + }, + audioPlayer: { + flexDirection: 'row', + paddingVertical: 8 + }, + buttons: { + flexDirection: 'row', + justifyContent: 'center', + alignItems: 'center' + }, + recordingNote: { + flex: 1, + justifyContent: 'center', + alignItems: 'center' + }, + recordingNoteText: { + fontSize: 14, + ...sharedStyles.textRegular, + color: colors.fontSecondaryInfo + } + } as const; + return [style, colors] as const; +} diff --git a/app/containers/MessageComposer/components/RecordAudio/ReviewButton.tsx b/app/containers/MessageComposer/components/RecordAudio/ReviewButton.tsx new file mode 100644 index 000000000..04e93b440 --- /dev/null +++ b/app/containers/MessageComposer/components/RecordAudio/ReviewButton.tsx @@ -0,0 +1,37 @@ +import { StyleSheet, View } from 'react-native'; +import React, { ReactElement } from 'react'; +import { BorderlessButton } from 'react-native-gesture-handler'; + +import { useTheme } from '../../../../theme'; +import { CustomIcon } from '../../../CustomIcon'; +import { hitSlop } from '../Buttons'; + +export const ReviewButton = ({ onPress }: { onPress: Function }): ReactElement => { + const { colors } = useTheme(); + return ( + onPress()} + hitSlop={hitSlop} + > + + + + + ); +}; + +const styles = StyleSheet.create({ + button: { + alignItems: 'center', + justifyContent: 'center', + width: 32, + height: 32, + borderRadius: 16 + } +}); diff --git a/app/containers/MessageComposer/components/RecordAudio/constants.ts b/app/containers/MessageComposer/components/RecordAudio/constants.ts new file mode 100644 index 000000000..1b8ceb760 --- /dev/null +++ b/app/containers/MessageComposer/components/RecordAudio/constants.ts @@ -0,0 +1,38 @@ +import { Audio, AudioMode, InterruptionModeAndroid, InterruptionModeIOS } from 'expo-av'; +import { RecordingOptions } from 'expo-av/build/Audio'; + +export const RECORDING_EXTENSION = '.aac'; +export const RECORDING_SETTINGS: RecordingOptions = { + android: { + // Settings related to audio encoding. + extension: RECORDING_EXTENSION, + outputFormat: Audio.RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_AAC_ADTS, + audioEncoder: Audio.RECORDING_OPTION_ANDROID_AUDIO_ENCODER_AAC, + // Settings related to audio quality. + sampleRate: Audio.RECORDING_OPTIONS_PRESET_LOW_QUALITY.android.sampleRate, + numberOfChannels: Audio.RECORDING_OPTIONS_PRESET_LOW_QUALITY.android.numberOfChannels, + bitRate: Audio.RECORDING_OPTIONS_PRESET_LOW_QUALITY.android.bitRate + }, + ios: { + // Settings related to audio encoding. + extension: RECORDING_EXTENSION, + audioQuality: Audio.RECORDING_OPTION_IOS_AUDIO_QUALITY_MEDIUM, + outputFormat: Audio.RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC, + // Settings related to audio quality. + sampleRate: Audio.RECORDING_OPTIONS_PRESET_LOW_QUALITY.ios.sampleRate, + numberOfChannels: Audio.RECORDING_OPTIONS_PRESET_LOW_QUALITY.ios.numberOfChannels, + bitRate: Audio.RECORDING_OPTIONS_PRESET_LOW_QUALITY.ios.bitRate + }, + web: {}, + keepAudioActiveHint: true +}; + +export const RECORDING_MODE: AudioMode = { + allowsRecordingIOS: true, + playsInSilentModeIOS: true, + staysActiveInBackground: true, + shouldDuckAndroid: true, + playThroughEarpieceAndroid: false, + interruptionModeIOS: InterruptionModeIOS.DoNotMix, + interruptionModeAndroid: InterruptionModeAndroid.DoNotMix +}; diff --git a/app/containers/MessageComposer/components/RecordAudio/index.ts b/app/containers/MessageComposer/components/RecordAudio/index.ts new file mode 100644 index 000000000..1a7f8da9e --- /dev/null +++ b/app/containers/MessageComposer/components/RecordAudio/index.ts @@ -0,0 +1 @@ +export * from './RecordAudio'; diff --git a/app/containers/MessageComposer/components/RecordAudio/utils.ts b/app/containers/MessageComposer/components/RecordAudio/utils.ts new file mode 100644 index 000000000..3ee51ff3d --- /dev/null +++ b/app/containers/MessageComposer/components/RecordAudio/utils.ts @@ -0,0 +1,7 @@ +export const formatTime = function (time: number) { + const minutes = Math.floor(time / 60); + const seconds = time % 60; + const min = minutes < 10 ? `0${minutes}` : minutes; + const sec = seconds < 10 ? `0${seconds}` : seconds; + return `${min}:${sec}`; +}; diff --git a/app/containers/MessageComposer/components/SendThreadToChannel.tsx b/app/containers/MessageComposer/components/SendThreadToChannel.tsx new file mode 100644 index 000000000..7f1f73fdc --- /dev/null +++ b/app/containers/MessageComposer/components/SendThreadToChannel.tsx @@ -0,0 +1,98 @@ +import { TouchableWithoutFeedback } from 'react-native-gesture-handler'; +import { StyleSheet, Text } from 'react-native'; +import React, { useEffect, useRef } from 'react'; +import { Subscription } from 'rxjs'; +import { Q } from '@nozbe/watermelondb'; + +import { useRoomContext } from '../../../views/RoomView/context'; +import { useAlsoSendThreadToChannel, useMessageComposerApi, useShowEmojiSearchbar } from '../context'; +import { CustomIcon } from '../../CustomIcon'; +import { useTheme } from '../../../theme'; +import sharedStyles from '../../../views/Styles'; +import I18n from '../../../i18n'; +import { useAppSelector } from '../../../lib/hooks'; +import database from '../../../lib/database'; +import { compareServerVersion } from '../../../lib/methods/helpers'; + +export const SendThreadToChannel = (): React.ReactElement | null => { + const alsoSendThreadToChannel = useAlsoSendThreadToChannel(); + const { setAlsoSendThreadToChannel } = useMessageComposerApi(); + const showEmojiSearchbar = useShowEmojiSearchbar(); + const { tmid } = useRoomContext(); + const { colors } = useTheme(); + const subscription = useRef(); + const alsoSendThreadToChannelUserPref = useAppSelector(state => state.login.user.alsoSendThreadToChannel); + const serverVersion = useAppSelector(state => state.server.version); + + useEffect(() => { + if (!tmid) { + return; + } + + if (compareServerVersion(serverVersion, 'lowerThan', '5.0.0')) { + setAlsoSendThreadToChannel(false); + return; + } + + if (alsoSendThreadToChannelUserPref === 'always') { + setAlsoSendThreadToChannel(true); + return; + } + if (alsoSendThreadToChannelUserPref === 'never') { + setAlsoSendThreadToChannel(false); + return; + } + + /** + * "default" sends a to channel only in the first message of the thread. + * We check if the thread exists by observing/subscribing to the query with tmid. + * If it doesn't exist, it means that this is the first message of the thread. So it's true. + * Otherwise, it's false. + * */ + if (alsoSendThreadToChannelUserPref === 'default') { + const db = database.active; + const observable = db.get('threads').query(Q.where('tmid', tmid)).observe(); + + subscription.current = observable.subscribe(result => { + setAlsoSendThreadToChannel(!result.length); + }); + } + + return () => { + subscription.current?.unsubscribe(); + }; + }, [tmid, alsoSendThreadToChannelUserPref, serverVersion, setAlsoSendThreadToChannel]); + + if (!tmid || showEmojiSearchbar) { + return null; + } + + return ( + setAlsoSendThreadToChannel(!alsoSendThreadToChannel)} + testID='message-composer-send-to-channel' + > + + {I18n.t('Message_composer_Send_to_channel')} + + ); +}; + +const styles = StyleSheet.create({ + container: { + flexDirection: 'row', + alignItems: 'center', + marginBottom: 12 + }, + text: { + fontSize: 14, + marginLeft: 8, + ...sharedStyles.textRegular + } +}); diff --git a/app/containers/MessageComposer/components/Toolbar/Container.tsx b/app/containers/MessageComposer/components/Toolbar/Container.tsx new file mode 100644 index 000000000..03a1bf2da --- /dev/null +++ b/app/containers/MessageComposer/components/Toolbar/Container.tsx @@ -0,0 +1,13 @@ +import React, { ReactElement } from 'react'; +import { View } from 'react-native'; + +export const Container = ({ children }: { children: (ReactElement | null)[] }): ReactElement => ( + + {children} + +); diff --git a/app/containers/MessageComposer/components/Toolbar/Default.tsx b/app/containers/MessageComposer/components/Toolbar/Default.tsx new file mode 100644 index 000000000..b16c369db --- /dev/null +++ b/app/containers/MessageComposer/components/Toolbar/Default.tsx @@ -0,0 +1,43 @@ +import React, { ReactElement } from 'react'; + +import { ActionsButton, BaseButton } from '..'; +import { useMessageComposerApi } from '../../context'; +import { Gap } from '../Gap'; +import { emitter } from '../../emitter'; +import { useRoomContext } from '../../../../views/RoomView/context'; + +export const Default = (): ReactElement | null => { + const { sharing } = useRoomContext(); + const { openEmojiKeyboard, setMarkdownToolbar } = useMessageComposerApi(); + + return ( + <> + {sharing ? null : ( + <> + + + + )} + + + setMarkdownToolbar(true)} + testID='message-composer-open-markdown' + accessibilityLabel='Open_markdown_tools' + icon='text-format' + /> + + emitter.emit('toolbarMention')} + testID='message-composer-mention' + accessibilityLabel='Open_mention_autocomplete' + icon='mention' + /> + + ); +}; diff --git a/app/containers/MessageComposer/components/Toolbar/EmojiKeyboard.tsx b/app/containers/MessageComposer/components/Toolbar/EmojiKeyboard.tsx new file mode 100644 index 000000000..71dc7d203 --- /dev/null +++ b/app/containers/MessageComposer/components/Toolbar/EmojiKeyboard.tsx @@ -0,0 +1,26 @@ +import React, { ReactElement } from 'react'; + +import { MicOrSendButton, ActionsButton, BaseButton } from '..'; +import { useMessageComposerApi } from '../../context'; +import { Container } from './Container'; +import { EmptySpace } from './EmptySpace'; +import { Gap } from '../Gap'; + +export const EmojiKeyboard = (): ReactElement => { + const { closeEmojiKeyboard } = useMessageComposerApi(); + + return ( + + + + + + + + ); +}; diff --git a/app/containers/MessageComposer/components/Toolbar/EmptySpace.tsx b/app/containers/MessageComposer/components/Toolbar/EmptySpace.tsx new file mode 100644 index 000000000..d628177ed --- /dev/null +++ b/app/containers/MessageComposer/components/Toolbar/EmptySpace.tsx @@ -0,0 +1,4 @@ +import React from 'react'; +import { View } from 'react-native'; + +export const EmptySpace = () => ; diff --git a/app/containers/MessageComposer/components/Toolbar/Markdown.tsx b/app/containers/MessageComposer/components/Toolbar/Markdown.tsx new file mode 100644 index 000000000..1c1e946a4 --- /dev/null +++ b/app/containers/MessageComposer/components/Toolbar/Markdown.tsx @@ -0,0 +1,44 @@ +import React, { ReactElement } from 'react'; + +import { BaseButton } from '..'; +import { useMessageComposerApi } from '../../context'; +import { Gap } from '../Gap'; +import { TMarkdownStyle } from '../../interfaces'; +import { emitter } from '../../emitter'; + +export const Markdown = (): ReactElement => { + const { setMarkdownToolbar } = useMessageComposerApi(); + + const onPress = (style: TMarkdownStyle) => emitter.emit('addMarkdown', { style }); + + return ( + <> + setMarkdownToolbar(false)} + testID='message-composer-close-markdown' + accessibilityLabel='Close' + icon='close' + /> + + onPress('bold')} testID='message-composer-bold' accessibilityLabel='Bold' icon='bold' /> + + onPress('italic')} testID='message-composer-italic' accessibilityLabel='Italic' icon='italic' /> + + onPress('strike')} + testID='message-composer-strike' + accessibilityLabel='Strikethrough' + icon='strike' + /> + + onPress('code')} testID='message-composer-code' accessibilityLabel='Inline_code' icon='code' /> + + onPress('code-block')} + testID='message-composer-code-block' + accessibilityLabel='Code_block' + icon='code-block' + /> + + ); +}; diff --git a/app/containers/MessageComposer/components/Toolbar/Toolbar.tsx b/app/containers/MessageComposer/components/Toolbar/Toolbar.tsx new file mode 100644 index 000000000..0a362e26e --- /dev/null +++ b/app/containers/MessageComposer/components/Toolbar/Toolbar.tsx @@ -0,0 +1,38 @@ +import React, { ReactElement } from 'react'; + +import { useFocused, useShowEmojiKeyboard, useShowEmojiSearchbar, useShowMarkdownToolbar } from '../../context'; +import { Markdown } from './Markdown'; +import { Default } from './Default'; +import { EmojiKeyboard } from './EmojiKeyboard'; +import { Container } from './Container'; +import { MicOrSendButton } from '../Buttons'; +import { EmptySpace } from './EmptySpace'; +import { CancelEdit } from '../CancelEdit'; + +export const Toolbar = (): ReactElement | null => { + const focused = useFocused(); + const showEmojiKeyboard = useShowEmojiKeyboard(); + const showEmojiSearchbar = useShowEmojiSearchbar(); + const showMarkdownToolbar = useShowMarkdownToolbar(); + + if (showEmojiSearchbar) { + return null; + } + + if (showEmojiKeyboard) { + return ; + } + + if (!focused) { + return null; + } + + return ( + + {showMarkdownToolbar ? : } + + + + + ); +}; diff --git a/app/containers/MessageComposer/components/Toolbar/index.ts b/app/containers/MessageComposer/components/Toolbar/index.ts new file mode 100644 index 000000000..7c6430332 --- /dev/null +++ b/app/containers/MessageComposer/components/Toolbar/index.ts @@ -0,0 +1 @@ +export * from './Toolbar'; diff --git a/app/containers/MessageComposer/components/Unfocused/Left.tsx b/app/containers/MessageComposer/components/Unfocused/Left.tsx new file mode 100644 index 000000000..9f4f46bb1 --- /dev/null +++ b/app/containers/MessageComposer/components/Unfocused/Left.tsx @@ -0,0 +1,22 @@ +import React from 'react'; +import { View } from 'react-native'; + +import { useFocused, useShowEmojiKeyboard, useShowEmojiSearchbar } from '../../context'; +import { ActionsButton } from '../Buttons'; +import { MIN_HEIGHT } from '../../constants'; +import { useRoomContext } from '../../../../views/RoomView/context'; + +export const Left = () => { + const { sharing } = useRoomContext(); + const focused = useFocused(); + const showEmojiKeyboard = useShowEmojiKeyboard(); + const showEmojiSearchbar = useShowEmojiSearchbar(); + if (focused || showEmojiKeyboard || showEmojiSearchbar || sharing) { + return null; + } + return ( + + + + ); +}; diff --git a/app/containers/MessageComposer/components/Unfocused/Right.tsx b/app/containers/MessageComposer/components/Unfocused/Right.tsx new file mode 100644 index 000000000..c3ff2ee47 --- /dev/null +++ b/app/containers/MessageComposer/components/Unfocused/Right.tsx @@ -0,0 +1,22 @@ +import React from 'react'; +import { View } from 'react-native'; + +import { useFocused, useShowEmojiKeyboard, useShowEmojiSearchbar } from '../../context'; +import { MicOrSendButton } from '../Buttons'; +import { MIN_HEIGHT } from '../../constants'; +import { CancelEdit } from '../CancelEdit'; + +export const Right = () => { + const focused = useFocused(); + const showEmojiKeyboard = useShowEmojiKeyboard(); + const showEmojiSearchbar = useShowEmojiSearchbar(); + if (focused || showEmojiKeyboard || showEmojiSearchbar) { + return null; + } + return ( + + + + + ); +}; diff --git a/app/containers/MessageComposer/components/Unfocused/index.ts b/app/containers/MessageComposer/components/Unfocused/index.ts new file mode 100644 index 000000000..412c1af4d --- /dev/null +++ b/app/containers/MessageComposer/components/Unfocused/index.ts @@ -0,0 +1,2 @@ +export * from './Left'; +export * from './Right'; diff --git a/app/containers/MessageComposer/components/index.ts b/app/containers/MessageComposer/components/index.ts new file mode 100644 index 000000000..7d9e9e6ca --- /dev/null +++ b/app/containers/MessageComposer/components/index.ts @@ -0,0 +1,8 @@ +export * from './Autocomplete'; +export * from './Buttons'; +export * from './ComposerInput'; +export * from './EmojiSearchbar'; +export * from './Toolbar'; +export * from './Unfocused'; +export * from './Quotes'; +export * from './SendThreadToChannel'; diff --git a/app/containers/MessageComposer/constants.ts b/app/containers/MessageComposer/constants.ts new file mode 100644 index 000000000..6cd9f5c4c --- /dev/null +++ b/app/containers/MessageComposer/constants.ts @@ -0,0 +1,35 @@ +import { Options } from 'react-native-image-crop-picker'; + +import { TMarkdownStyle } from './interfaces'; + +export const IMAGE_PICKER_CONFIG = { + cropping: true, + avoidEmptySpaceAroundImage: false, + freeStyleCropEnabled: true, + forceJpg: true +}; + +export const LIBRARY_PICKER_CONFIG: Options = { + multiple: true, + compressVideoPreset: 'Passthrough', + mediaType: 'any' +}; + +export const VIDEO_PICKER_CONFIG: Options = { + mediaType: 'video' +}; + +export const TIMEOUT_CLOSE_EMOJI_KEYBOARD = 300; + +export const MIN_HEIGHT = 48; +export const MAX_HEIGHT = 200; + +export const NO_CANNED_RESPONSES = 'no-canned-responses'; + +export const MARKDOWN_STYLES: Record = { + bold: '*', + italic: '_', + strike: '~', + code: '`', + 'code-block': '```' +}; diff --git a/app/containers/MessageComposer/context.tsx b/app/containers/MessageComposer/context.tsx new file mode 100644 index 000000000..fb27e5030 --- /dev/null +++ b/app/containers/MessageComposer/context.tsx @@ -0,0 +1,195 @@ +import React, { createContext, ReactElement, useContext, useMemo, useReducer } from 'react'; + +import { IEmoji } from '../../definitions'; +import { IAutocompleteBase, TMicOrSend } from './interfaces'; +import { animateNextTransition } from '../../lib/methods/helpers'; + +type TMessageComposerContextApi = { + setKeyboardHeight: (height: number) => void; + setTrackingViewHeight: (height: number) => void; + openEmojiKeyboard(): void; + closeEmojiKeyboard(): void; + openSearchEmojiKeyboard(): void; + closeSearchEmojiKeyboard(): void; + setFocused(focused: boolean): void; + setMicOrSend(micOrSend: TMicOrSend): void; + setMarkdownToolbar(showMarkdownToolbar: boolean): void; + setAlsoSendThreadToChannel(alsoSendThreadToChannel: boolean): void; + setRecordingAudio(recordingAudio: boolean): void; + setAutocompleteParams(params: IAutocompleteBase): void; +}; + +const FocusedContext = createContext({} as State['focused']); +const MicOrSendContext = createContext({} as State['micOrSend']); +const ShowMarkdownToolbarContext = createContext({} as State['showMarkdownToolbar']); +const ShowEmojiKeyboardContext = createContext({} as State['showEmojiKeyboard']); +const ShowEmojiSearchbarContext = createContext({} as State['showEmojiSearchbar']); +const KeyboardHeightContext = createContext({} as State['keyboardHeight']); +const TrackingViewHeightContext = createContext({} as State['trackingViewHeight']); +const AlsoSendThreadToChannelContext = createContext({} as State['alsoSendThreadToChannel']); +const RecordingAudioContext = createContext({} as State['recordingAudio']); +const AutocompleteParamsContext = createContext({} as State['autocompleteParams']); +const MessageComposerContextApi = createContext({} as TMessageComposerContextApi); + +export const useMessageComposerApi = (): TMessageComposerContextApi => useContext(MessageComposerContextApi); +export const useFocused = (): State['focused'] => useContext(FocusedContext); +export const useMicOrSend = (): State['micOrSend'] => useContext(MicOrSendContext); +export const useShowMarkdownToolbar = (): State['showMarkdownToolbar'] => useContext(ShowMarkdownToolbarContext); +export const useShowEmojiKeyboard = (): State['showEmojiKeyboard'] => useContext(ShowEmojiKeyboardContext); +export const useShowEmojiSearchbar = (): State['showEmojiSearchbar'] => useContext(ShowEmojiSearchbarContext); +export const useKeyboardHeight = (): State['keyboardHeight'] => useContext(KeyboardHeightContext); +export const useTrackingViewHeight = (): State['trackingViewHeight'] => useContext(TrackingViewHeightContext); +export const useAlsoSendThreadToChannel = (): State['alsoSendThreadToChannel'] => useContext(AlsoSendThreadToChannelContext); +export const useRecordingAudio = (): State['recordingAudio'] => useContext(RecordingAudioContext); +export const useAutocompleteParams = (): State['autocompleteParams'] => useContext(AutocompleteParamsContext); + +// TODO: rename +type TMessageInnerContext = { + sendMessage(): void; + onEmojiSelected(emoji: IEmoji): void; + // TODO: action should be required + closeEmojiKeyboardAndAction(action?: Function, params?: any): void; +}; + +// TODO: rename +export const MessageInnerContext = createContext({ + sendMessage: () => {}, + onEmojiSelected: () => {}, + closeEmojiKeyboardAndAction: () => {} +}); + +type State = { + showEmojiKeyboard: boolean; + showEmojiSearchbar: boolean; + focused: boolean; + trackingViewHeight: number; + keyboardHeight: number; + micOrSend: TMicOrSend; + showMarkdownToolbar: boolean; + alsoSendThreadToChannel: boolean; + recordingAudio: boolean; + autocompleteParams: IAutocompleteBase; +}; + +type Actions = + | { type: 'updateEmojiKeyboard'; showEmojiKeyboard: boolean } + | { type: 'updateEmojiSearchbar'; showEmojiSearchbar: boolean } + | { type: 'updateFocused'; focused: boolean } + | { type: 'updateTrackingViewHeight'; trackingViewHeight: number } + | { type: 'updateKeyboardHeight'; keyboardHeight: number } + | { type: 'openEmojiKeyboard' } + | { type: 'closeEmojiKeyboard' } + | { type: 'openSearchEmojiKeyboard' } + | { type: 'closeSearchEmojiKeyboard' } + | { type: 'setMicOrSend'; micOrSend: TMicOrSend } + | { type: 'setMarkdownToolbar'; showMarkdownToolbar: boolean } + | { type: 'setAlsoSendThreadToChannel'; alsoSendThreadToChannel: boolean } + | { type: 'setRecordingAudio'; recordingAudio: boolean } + | { type: 'setAutocompleteParams'; params: IAutocompleteBase }; + +const reducer = (state: State, action: Actions): State => { + switch (action.type) { + case 'updateEmojiKeyboard': + return { ...state, showEmojiKeyboard: action.showEmojiKeyboard }; + case 'updateEmojiSearchbar': + return { ...state, showEmojiSearchbar: action.showEmojiSearchbar }; + case 'updateFocused': + animateNextTransition(); + return { ...state, focused: action.focused }; + case 'updateTrackingViewHeight': + return { ...state, trackingViewHeight: action.trackingViewHeight }; + case 'updateKeyboardHeight': + return { ...state, keyboardHeight: action.keyboardHeight }; + case 'openEmojiKeyboard': + return { ...state, showEmojiKeyboard: true, showEmojiSearchbar: false }; + case 'openSearchEmojiKeyboard': + return { ...state, showEmojiKeyboard: false, showEmojiSearchbar: true }; + case 'closeEmojiKeyboard': + return { ...state, showEmojiKeyboard: false, showEmojiSearchbar: false }; + case 'closeSearchEmojiKeyboard': + return { ...state, showEmojiSearchbar: false }; + case 'setMicOrSend': + return { ...state, micOrSend: action.micOrSend }; + case 'setMarkdownToolbar': + animateNextTransition(); + return { ...state, showMarkdownToolbar: action.showMarkdownToolbar }; + case 'setAlsoSendThreadToChannel': + return { ...state, alsoSendThreadToChannel: action.alsoSendThreadToChannel }; + case 'setRecordingAudio': + animateNextTransition(); + return { ...state, recordingAudio: action.recordingAudio }; + case 'setAutocompleteParams': + return { ...state, autocompleteParams: action.params }; + } +}; + +export const MessageComposerProvider = ({ children }: { children: ReactElement }): ReactElement => { + const [state, dispatch] = useReducer(reducer, { keyboardHeight: 0, autocompleteParams: { text: '', type: null } } as State); + + const api = useMemo(() => { + const setFocused = (focused: boolean) => dispatch({ type: 'updateFocused', focused }); + + const setKeyboardHeight = (keyboardHeight: number) => dispatch({ type: 'updateKeyboardHeight', keyboardHeight }); + + const setTrackingViewHeight = (trackingViewHeight: number) => + dispatch({ type: 'updateTrackingViewHeight', trackingViewHeight }); + + const openEmojiKeyboard = () => dispatch({ type: 'openEmojiKeyboard' }); + + const closeEmojiKeyboard = () => dispatch({ type: 'closeEmojiKeyboard' }); + + const openSearchEmojiKeyboard = () => dispatch({ type: 'openSearchEmojiKeyboard' }); + + const closeSearchEmojiKeyboard = () => dispatch({ type: 'closeSearchEmojiKeyboard' }); + + const setMicOrSend = (micOrSend: TMicOrSend) => dispatch({ type: 'setMicOrSend', micOrSend }); + + const setMarkdownToolbar = (showMarkdownToolbar: boolean) => dispatch({ type: 'setMarkdownToolbar', showMarkdownToolbar }); + + const setAlsoSendThreadToChannel = (alsoSendThreadToChannel: boolean) => + dispatch({ type: 'setAlsoSendThreadToChannel', alsoSendThreadToChannel }); + + const setRecordingAudio = (recordingAudio: boolean) => dispatch({ type: 'setRecordingAudio', recordingAudio }); + + const setAutocompleteParams = (params: IAutocompleteBase) => dispatch({ type: 'setAutocompleteParams', params }); + + return { + setFocused, + setKeyboardHeight, + setTrackingViewHeight, + openEmojiKeyboard, + closeEmojiKeyboard, + openSearchEmojiKeyboard, + closeSearchEmojiKeyboard, + setMicOrSend, + setMarkdownToolbar, + setAlsoSendThreadToChannel, + setRecordingAudio, + setAutocompleteParams + }; + }, []); + + return ( + + + + + + + + + + + {children} + + + + + + + + + + + ); +}; diff --git a/app/containers/MessageComposer/emitter.ts b/app/containers/MessageComposer/emitter.ts new file mode 100644 index 000000000..e3e1f5132 --- /dev/null +++ b/app/containers/MessageComposer/emitter.ts @@ -0,0 +1,14 @@ +import mitt from 'mitt'; + +import { TMarkdownStyle } from './interfaces'; + +type Events = { + toolbarMention: undefined; + addMarkdown: { + style: TMarkdownStyle; + }; +}; + +export const emitter = mitt(); + +emitter.on('*', (type, e) => console.log(type, e)); diff --git a/app/containers/MessageComposer/helpers/draftMessage.ts b/app/containers/MessageComposer/helpers/draftMessage.ts new file mode 100644 index 000000000..b291712f9 --- /dev/null +++ b/app/containers/MessageComposer/helpers/draftMessage.ts @@ -0,0 +1,50 @@ +import log from '../../../lib/methods/helpers/log'; +import database from '../../../lib/database'; +import { getSubscriptionByRoomId } from '../../../lib/database/services/Subscription'; +import { getThreadById } from '../../../lib/database/services/Thread'; + +export const loadDraftMessage = async ({ rid, tmid }: { rid?: string; tmid?: string }): Promise => { + if (tmid) { + const thread = await getThreadById(tmid); + if (thread && thread.draftMessage) { + return thread.draftMessage; + } + } else if (rid) { + const subscription = await getSubscriptionByRoomId(rid); + if (subscription && subscription.draftMessage) { + return subscription.draftMessage; + } + } + + return ''; +}; + +export const saveDraftMessage = async ({ + rid, + tmid, + draftMessage +}: { + rid?: string; + tmid?: string; + draftMessage: string; +}): Promise => { + let obj; + if (tmid) { + obj = await getThreadById(tmid); + } else if (rid) { + obj = await getSubscriptionByRoomId(rid); + } + if (obj && obj.draftMessage !== draftMessage) { + try { + const db = database.active; + const object = obj; + await db.write(async () => { + await object.update(r => { + r.draftMessage = draftMessage; + }); + }); + } catch (e) { + log(e); + } + } +}; diff --git a/app/containers/MessageComposer/helpers/fetchIsAllOrHere.ts b/app/containers/MessageComposer/helpers/fetchIsAllOrHere.ts new file mode 100644 index 000000000..c6bee19fc --- /dev/null +++ b/app/containers/MessageComposer/helpers/fetchIsAllOrHere.ts @@ -0,0 +1,3 @@ +import { TAutocompleteItem } from '../interfaces'; + +export const fetchIsAllOrHere = (item: TAutocompleteItem) => item.id === 'all' || item.id === 'here'; diff --git a/app/containers/MessageBox/forceJpgExtension.test.ts b/app/containers/MessageComposer/helpers/forceJpgExtension.test.ts similarity index 100% rename from app/containers/MessageBox/forceJpgExtension.test.ts rename to app/containers/MessageComposer/helpers/forceJpgExtension.test.ts diff --git a/app/containers/MessageBox/forceJpgExtension.ts b/app/containers/MessageComposer/helpers/forceJpgExtension.ts similarity index 89% rename from app/containers/MessageBox/forceJpgExtension.ts rename to app/containers/MessageComposer/helpers/forceJpgExtension.ts index dedbc7a7b..2337e9801 100644 --- a/app/containers/MessageBox/forceJpgExtension.ts +++ b/app/containers/MessageComposer/helpers/forceJpgExtension.ts @@ -1,6 +1,6 @@ import { ImageOrVideo } from 'react-native-image-crop-picker'; -import { isIOS } from '../../lib/methods/helpers'; +import { isIOS } from '../../../lib/methods/helpers'; const regex = new RegExp(/\.[^/.]+$/); // Check from last '.' of the string diff --git a/app/containers/MessageBox/getMentionRegexp.test.js b/app/containers/MessageComposer/helpers/getMentionRegexp.test.js similarity index 97% rename from app/containers/MessageBox/getMentionRegexp.test.js rename to app/containers/MessageComposer/helpers/getMentionRegexp.test.js index 8923ae100..948bcb9e3 100644 --- a/app/containers/MessageBox/getMentionRegexp.test.js +++ b/app/containers/MessageComposer/helpers/getMentionRegexp.test.js @@ -1,4 +1,4 @@ -import getMentionRegexp from './getMentionRegexp'; +import { getMentionRegexp } from './getMentionRegexp'; const regexp = getMentionRegexp(); diff --git a/app/containers/MessageComposer/helpers/getMentionRegexp.ts b/app/containers/MessageComposer/helpers/getMentionRegexp.ts new file mode 100644 index 000000000..444bea87a --- /dev/null +++ b/app/containers/MessageComposer/helpers/getMentionRegexp.ts @@ -0,0 +1,2 @@ +// Match query string from the message to replace it with the suggestion +export const getMentionRegexp = (): any => /[^@:#/!]*$/; diff --git a/app/containers/MessageComposer/helpers/index.ts b/app/containers/MessageComposer/helpers/index.ts new file mode 100644 index 000000000..5cfe54c8d --- /dev/null +++ b/app/containers/MessageComposer/helpers/index.ts @@ -0,0 +1,5 @@ +export * from './draftMessage'; +export * from './fetchIsAllOrHere'; +export * from './forceJpgExtension'; +export * from './getMentionRegexp'; +export * from './prepareQuoteMessage'; diff --git a/app/containers/MessageComposer/helpers/prepareQuoteMessage.ts b/app/containers/MessageComposer/helpers/prepareQuoteMessage.ts new file mode 100644 index 000000000..953633174 --- /dev/null +++ b/app/containers/MessageComposer/helpers/prepareQuoteMessage.ts @@ -0,0 +1,24 @@ +import { getPermalinkMessage } from '../../../lib/methods'; +import { getMessageById } from '../../../lib/database/services/Message'; +import { store } from '../../../lib/store/auxStore'; +import { compareServerVersion } from '../../../lib/methods/helpers'; + +export const prepareQuoteMessage = async (textFromInput: string, selectedMessages: string[]): Promise => { + let quoteText = ''; + const { version: serverVersion } = store.getState().server; + const connectionString = compareServerVersion(serverVersion, 'lowerThan', '5.0.0') ? ' ' : '\n'; + + if (selectedMessages.length > 0) { + for (let i = 0; i < selectedMessages.length; i += 1) { + // eslint-disable-next-line no-await-in-loop + const message = await getMessageById(selectedMessages[i]); + if (message) { + // eslint-disable-next-line no-await-in-loop + const permalink = await getPermalinkMessage(message); + quoteText += `[ ](${permalink}) ${connectionString}`; + } + } + } + quoteText = `${quoteText}${textFromInput}`; + return quoteText; +}; diff --git a/app/containers/MessageComposer/hooks/index.ts b/app/containers/MessageComposer/hooks/index.ts new file mode 100644 index 000000000..f84b052af --- /dev/null +++ b/app/containers/MessageComposer/hooks/index.ts @@ -0,0 +1,6 @@ +export * from './useAutocomplete'; +export * from './useCanUploadFile'; +export * from './useChooseMedia'; +export * from './useKeyboardListener'; +export * from './useSubscription'; +export * from './useMessage'; diff --git a/app/containers/MessageComposer/hooks/useAutocomplete.ts b/app/containers/MessageComposer/hooks/useAutocomplete.ts new file mode 100644 index 000000000..cc2065913 --- /dev/null +++ b/app/containers/MessageComposer/hooks/useAutocomplete.ts @@ -0,0 +1,179 @@ +import { useEffect, useState } from 'react'; +import { Q } from '@nozbe/watermelondb'; + +import { IAutocompleteEmoji, IAutocompleteUserRoom, TAutocompleteItem, TAutocompleteType } from '../interfaces'; +import { search } from '../../../lib/methods'; +import { sanitizeLikeString } from '../../../lib/database/utils'; +import database from '../../../lib/database'; +import { emojis } from '../../../lib/constants'; +import { ICustomEmoji } from '../../../definitions'; +import { Services } from '../../../lib/services'; +import log from '../../../lib/methods/helpers/log'; +import I18n from '../../../i18n'; +import { NO_CANNED_RESPONSES } from '../constants'; + +const MENTIONS_COUNT_TO_DISPLAY = 4; + +const getCustomEmojis = async (keyword: string): Promise => { + const likeString = sanitizeLikeString(keyword); + const whereClause = []; + if (likeString) { + whereClause.push(Q.where('name', Q.like(`${likeString}%`))); + } + const db = database.active; + const customEmojisCollection = db.get('custom_emojis'); + const customEmojis = await (await customEmojisCollection.query(...whereClause).fetch()) + .slice(0, MENTIONS_COUNT_TO_DISPLAY) + .map(emoji => ({ + name: emoji.name, + extension: emoji.extension + })); + return customEmojis; +}; + +export const useAutocomplete = ({ + text, + type, + rid, + commandParams +}: { + rid?: string; + type: TAutocompleteType; + text: string; + commandParams?: string; +}): TAutocompleteItem[] => { + const [items, setItems] = useState([]); + useEffect(() => { + const getAutocomplete = async () => { + try { + if (!rid || !type) { + setItems([]); + return; + } + + // remove existing loading skeleton from items + const loadingIndex = items.findIndex(item => item.id === 'loading'); + if (loadingIndex !== -1) { + items.splice(loadingIndex, 1); + } + + // add loading skeleton + items.unshift({ id: 'loading', type: 'loading' }); + setItems(items); + + if (type === '@' || type === '#') { + const res = await search({ text, filterRooms: type === '#', filterUsers: type === '@', rid }); + const parsedRes: IAutocompleteUserRoom[] = res + // TODO: need to refactor search to have a more predictable return type + .map((item: any) => ({ + id: type === '@' ? item._id : item.rid, + title: item.fname || item.name || item.username, + subtitle: item.username || item.name, + outside: item.outside, + t: item.t ?? 'd', + status: item.status, + teamMain: item.teamMain, + type + })) as IAutocompleteUserRoom[]; + if (type === '@') { + if ('all'.includes(text.toLocaleLowerCase())) { + parsedRes.push({ + id: 'all', + title: 'all', + subtitle: I18n.t('Notify_all_in_this_room'), + type, + t: 'd' + }); + } + if ('here'.includes(text.toLocaleLowerCase())) { + parsedRes.push({ + id: 'here', + title: 'here', + subtitle: I18n.t('Notify_active_in_this_room'), + type, + t: 'd' + }); + } + } + setItems(parsedRes); + } + if (type === ':') { + const customEmojis = await getCustomEmojis(text); + const filteredStandardEmojis = emojis.filter(emoji => emoji.indexOf(text) !== -1).slice(0, MENTIONS_COUNT_TO_DISPLAY); + let mergedEmojis: IAutocompleteEmoji[] = customEmojis.map(emoji => ({ + id: emoji.name, + emoji, + type + })); + mergedEmojis = mergedEmojis.concat( + filteredStandardEmojis.map(emoji => ({ + id: emoji, + emoji, + type + })) + ); + setItems(mergedEmojis); + } + if (type === '/') { + const db = database.active; + const commandsCollection = db.get('slash_commands'); + const likeString = sanitizeLikeString(text); + const commands = await ( + await commandsCollection.query(Q.where('id', Q.like(`${likeString}%`))).fetch() + ).map(command => ({ + id: command.id, + title: command.id, + subtitle: command.description, + type + })); + setItems(commands); + } + if (type === '/preview') { + if (!commandParams) { + setItems([]); + return; + } + const response = await Services.getCommandPreview(text, rid, commandParams); + if (response.success) { + const previewItems = (response.preview?.items || []).map(item => ({ + id: item.id, + preview: item, + type, + text, + params: commandParams + })); + setItems(previewItems); + } + } + if (type === '!') { + const res = await Services.getListCannedResponse({ text }); + if (res.success) { + if (res.cannedResponses.length === 0) { + setItems([ + { + id: NO_CANNED_RESPONSES, + title: NO_CANNED_RESPONSES, + type + } + ]); + return; + } + + const cannedResponses = res.cannedResponses.map(cannedResponse => ({ + id: cannedResponse._id, + title: cannedResponse.shortcut, + subtitle: cannedResponse.text, + type + })); + setItems(cannedResponses); + } + } + } catch (e) { + log(e); + setItems([]); + } + }; + getAutocomplete(); + }, [text, type, rid, commandParams]); + return items; +}; diff --git a/app/containers/MessageComposer/hooks/useCanUploadFile.ts b/app/containers/MessageComposer/hooks/useCanUploadFile.ts new file mode 100644 index 000000000..50cbe6f7b --- /dev/null +++ b/app/containers/MessageComposer/hooks/useCanUploadFile.ts @@ -0,0 +1,15 @@ +import { shallowEqual } from 'react-redux'; + +import { getPermissionsSelector, useAppSelector, usePermissions } from '../../../lib/hooks'; + +export const useCanUploadFile = (rid?: string): boolean => { + const [uploadPermissionRedux] = useAppSelector(state => getPermissionsSelector(state, ['mobile-upload-file']), shallowEqual); + const [permissionToUpload] = usePermissions(['mobile-upload-file'], rid); + + // Servers older than 4.2 + if (!uploadPermissionRedux) { + return true; + } + + return permissionToUpload; +}; diff --git a/app/containers/MessageComposer/hooks/useChooseMedia.ts b/app/containers/MessageComposer/hooks/useChooseMedia.ts new file mode 100644 index 000000000..5e28b8cd9 --- /dev/null +++ b/app/containers/MessageComposer/hooks/useChooseMedia.ts @@ -0,0 +1,147 @@ +import { Alert } from 'react-native'; +import DocumentPicker from 'react-native-document-picker'; +import ImagePicker, { ImageOrVideo } from 'react-native-image-crop-picker'; + +import { IMAGE_PICKER_CONFIG, LIBRARY_PICKER_CONFIG, VIDEO_PICKER_CONFIG } from '../constants'; +import { forceJpgExtension } from '../helpers'; +import I18n from '../../../i18n'; +import { canUploadFile } from '../../../lib/methods/helpers'; +import log from '../../../lib/methods/helpers/log'; +import { getSubscriptionByRoomId } from '../../../lib/database/services/Subscription'; +import { getThreadById } from '../../../lib/database/services/Thread'; +import Navigation from '../../../lib/navigation/appNavigation'; +import { useAppSelector } from '../../../lib/hooks'; +import { useRoomContext } from '../../../views/RoomView/context'; + +export const useChooseMedia = ({ + rid, + tmid, + permissionToUpload +}: { + rid?: string; + tmid?: string; + permissionToUpload: boolean; +}) => { + const { FileUpload_MediaTypeWhiteList, FileUpload_MaxFileSize } = useAppSelector(state => state.settings); + const { action, selectedMessages } = useRoomContext(); + const allowList = FileUpload_MediaTypeWhiteList as string; + const maxFileSize = FileUpload_MaxFileSize as number; + const libPickerLabels = { + cropperChooseText: I18n.t('Choose'), + cropperCancelText: I18n.t('Cancel'), + loadingLabelText: I18n.t('Processing') + }; + + const takePhoto = async () => { + try { + let image = await ImagePicker.openCamera({ ...IMAGE_PICKER_CONFIG, ...libPickerLabels }); + image = forceJpgExtension(image); + const file = image as any; // FIXME: unify those types to remove the need for any + const canUploadResult = canUploadFile({ + file, + allowList, + maxFileSize, + permissionToUploadFile: permissionToUpload + }); + if (canUploadResult.success) { + return openShareView([image]); + } + + handleError(canUploadResult.error); + } catch (e) { + log(e); + } + }; + + const takeVideo = async () => { + try { + const video = await ImagePicker.openCamera({ ...VIDEO_PICKER_CONFIG, ...libPickerLabels }); + const file = video as any; // FIXME: unify those types to remove the need for any + const canUploadResult = canUploadFile({ + file, + allowList, + maxFileSize, + permissionToUploadFile: permissionToUpload + }); + if (canUploadResult.success) { + return openShareView([video]); + } + + handleError(canUploadResult.error); + } catch (e) { + log(e); + } + }; + + const chooseFromLibrary = async () => { + try { + // The type can be video or photo, however the lib understands that it is just one of them. + let attachments = (await ImagePicker.openPicker({ + ...LIBRARY_PICKER_CONFIG, + ...libPickerLabels + })) as unknown as ImageOrVideo[]; // FIXME: type this + attachments = attachments.map(att => forceJpgExtension(att)); + openShareView(attachments); + } catch (e) { + log(e); + } + }; + + const chooseFile = async () => { + try { + const res = await DocumentPicker.pickSingle({ + type: [DocumentPicker.types.allFiles] + }); + const file = { + filename: res.name, + size: res.size, + mime: res.type, + path: res.uri + } as any; + const canUploadResult = canUploadFile({ + file, + allowList, + maxFileSize, + permissionToUploadFile: permissionToUpload + }); + if (canUploadResult.success) { + return openShareView([file]); + } + handleError(canUploadResult.error); + } catch (e: any) { + if (!DocumentPicker.isCancel(e)) { + log(e); + } + } + }; + + const openShareView = async (attachments: any) => { + if (!rid) return; + const room = await getSubscriptionByRoomId(rid); + let thread; + if (tmid) { + thread = await getThreadById(tmid); + } + if (room) { + // FIXME: use useNavigation + Navigation.navigate('ShareView', { + room, + thread, + attachments, + action, + selectedMessages + }); + } + }; + + const handleError = (error?: string) => { + Alert.alert(I18n.t('Error_uploading'), error && I18n.isTranslated(error) ? I18n.t(error) : error); + }; + + return { + takePhoto, + takeVideo, + chooseFromLibrary, + chooseFile + }; +}; diff --git a/app/containers/MessageComposer/hooks/useKeyboardListener.ts b/app/containers/MessageComposer/hooks/useKeyboardListener.ts new file mode 100644 index 000000000..eb7e3b0ca --- /dev/null +++ b/app/containers/MessageComposer/hooks/useKeyboardListener.ts @@ -0,0 +1,26 @@ +import { MutableRefObject, useEffect } from 'react'; +import { Keyboard } from 'react-native'; + +import { useMessageComposerApi } from '../context'; +import { ITrackingView } from '../interfaces'; + +export const useKeyboardListener = (ref: MutableRefObject) => { + const { setKeyboardHeight } = useMessageComposerApi(); + useEffect(() => { + const showListener = Keyboard.addListener('keyboardWillShow', async () => { + if (ref?.current) { + const props = await ref.current.getNativeProps(); + setKeyboardHeight(props.keyboardHeight); + } + }); + + const hideListener = Keyboard.addListener('keyboardWillHide', () => { + setKeyboardHeight(0); + }); + + return () => { + showListener.remove(); + hideListener.remove(); + }; + }, [ref, setKeyboardHeight]); +}; diff --git a/app/containers/MessageComposer/hooks/useMessage.ts b/app/containers/MessageComposer/hooks/useMessage.ts new file mode 100644 index 000000000..87d4efebd --- /dev/null +++ b/app/containers/MessageComposer/hooks/useMessage.ts @@ -0,0 +1,20 @@ +import { useEffect, useState } from 'react'; + +import { IMessage } from '../../../definitions'; +import { getMessageById } from '../../../lib/database/services/Message'; + +// TODO: Not reactive. Should we work on an official version? +export const useMessage = (messageId: string): IMessage | undefined => { + const [message, setMessage] = useState(); + useEffect(() => { + const load = async () => { + const result = await getMessageById(messageId); + if (result) { + setMessage(result); + } + }; + load(); + }, [messageId]); + + return message; +}; diff --git a/app/containers/MessageComposer/hooks/useSubscription.ts b/app/containers/MessageComposer/hooks/useSubscription.ts new file mode 100644 index 000000000..e90379da9 --- /dev/null +++ b/app/containers/MessageComposer/hooks/useSubscription.ts @@ -0,0 +1,23 @@ +import { useEffect, useState } from 'react'; + +import { getSubscriptionByRoomId } from '../../../lib/database/services/Subscription'; +import { ISubscription } from '../../../definitions'; + +// TODO: Not reactive. Should we work on an official version? +export const useSubscription = (rid?: string) => { + const [subscription, setSubscription] = useState(); + useEffect(() => { + const loadRoom = async () => { + if (!rid) { + return setSubscription(undefined); + } + const result = await getSubscriptionByRoomId(rid); + if (result) { + setSubscription(result); + } + }; + loadRoom(); + }, [rid]); + + return subscription; +}; diff --git a/app/containers/MessageComposer/index.tsx b/app/containers/MessageComposer/index.tsx new file mode 100644 index 000000000..e4096f60c --- /dev/null +++ b/app/containers/MessageComposer/index.tsx @@ -0,0 +1,2 @@ +export * from './interfaces'; +export * from './MessageComposerContainer'; diff --git a/app/containers/MessageComposer/interfaces.ts b/app/containers/MessageComposer/interfaces.ts new file mode 100644 index 000000000..ac68e05fe --- /dev/null +++ b/app/containers/MessageComposer/interfaces.ts @@ -0,0 +1,106 @@ +import { ReactElement } from 'react'; + +import { IEmoji, IPreviewItem, TUserStatus } from '../../definitions'; + +export interface IMessageComposerRef { + closeEmojiKeyboardAndAction: (action?: Function, params?: any) => void; + getText: () => string; + setInput: TSetInput; +} + +export interface IMessageComposerContainerProps { + children?: ReactElement; +} + +export interface IInputSelection { + start: number; + end: number; +} + +export type TSetInput = (text: string, selection?: IInputSelection) => void; + +export type TMicOrSend = 'mic' | 'send'; + +export interface IComposerInput { + getTextAndClear: () => string; + getText: () => string; + getSelection: () => IInputSelection; + setInput: TSetInput; + onAutocompleteItemSelected: (item: TAutocompleteItem) => void; +} + +export interface IComposerInputProps { + inputRef: any; // FIXME: how do I type this? +} + +export type TMarkdownStyle = 'bold' | 'italic' | 'strike' | 'code' | 'code-block'; + +export interface ITrackingView { + resetTracking: () => void; + getNativeProps: () => any; +} + +export type TAutocompleteType = '@' | '#' | '!' | ':' | '/' | '/preview' | 'loading' | null; + +export interface IAutocompleteBase { + type: TAutocompleteType; + text: string; + params?: string; +} + +export interface IAutocompleteUserRoom { + id: string; + title: string; + subtitle?: string; + outside?: boolean; + t: string; + status?: TUserStatus; + teamMain?: boolean; + type: '@' | '#'; +} + +export interface IAutocompleteEmoji { + id: string; + emoji: IEmoji; + type: ':'; +} + +export interface IAutocompleteSlashCommand { + id: string; + title: string; + subtitle?: string; + type: '/'; +} + +export interface IAutocompleteSlashCommandPreview { + id: string; + preview: IPreviewItem; + type: '/preview'; + text: string; + params: string; +} + +export interface IAutocompleteCannedResponse { + id: string; + title: string; + subtitle?: string; + type: '!'; +} + +export interface IAutocompleteLoading { + id: 'loading'; + type: 'loading'; +} + +export type TAutocompleteItem = + | IAutocompleteUserRoom + | IAutocompleteEmoji + | IAutocompleteSlashCommand + | IAutocompleteSlashCommandPreview + | IAutocompleteCannedResponse + | IAutocompleteLoading; + +export interface IAutocompleteItemProps { + item: TAutocompleteItem; + onPress: (item: TAutocompleteItem) => void; +} diff --git a/app/containers/Status/index.tsx b/app/containers/Status/index.tsx index 456a260da..d98afd4c8 100644 --- a/app/containers/Status/index.tsx +++ b/app/containers/Status/index.tsx @@ -21,7 +21,7 @@ const StatusContainer = ({ id, style, status, size = 32, ...props }: IStatus): R }); useEffect(() => { - if (connected && statusState === 'loading') { + if (connected && statusState === 'loading' && !status) { getUserPresence(id); } }, [connected, statusState]); diff --git a/app/containers/message/Message.tsx b/app/containers/message/Message.tsx index 133bc6e02..74d264f7a 100644 --- a/app/containers/message/Message.tsx +++ b/app/containers/message/Message.tsx @@ -129,6 +129,14 @@ const MessageTouchable = React.memo((props: IMessageTouchable & IMessage) => { const { onPress, onLongPress } = useContext(MessageContext); const { theme } = useTheme(); + let backgroundColor = undefined; + if (props.isBeingEdited) { + backgroundColor = themes[theme].statusBackgroundWarning2; + } + if (props.highlighted) { + backgroundColor = themes[theme].headerBackground; + } + if (props.hasError) { return ( @@ -142,7 +150,7 @@ const MessageTouchable = React.memo((props: IMessageTouchable & IMessage) => { onLongPress={onLongPress} onPress={onPress} disabled={(props.isInfo && !props.isThreadReply) || props.archived || props.isTemp || props.type === 'jitsi_call_started'} - style={{ backgroundColor: props.highlighted ? themes[theme].headerBackground : undefined }} + style={{ backgroundColor }} > diff --git a/app/containers/message/index.tsx b/app/containers/message/index.tsx index 9397e82a9..a0572d8d8 100644 --- a/app/containers/message/index.tsx +++ b/app/containers/message/index.tsx @@ -44,20 +44,21 @@ interface IMessageContainerProps { onThreadPress?: (item: TAnyMessageModel) => void; errorActionsShow?: (item: TAnyMessageModel) => void; replyBroadcast?: (item: TAnyMessageModel) => void; - reactionInit?: (item: TAnyMessageModel) => void; + reactionInit?: (messageId: string) => void; fetchThreadName?: (tmid: string, id: string) => Promise; showAttachment?: (file: IAttachment) => void; onReactionLongPress?: (item: TAnyMessageModel) => void; navToRoomInfo?: (navParam: IRoomInfoParam) => void; handleEnterCall?: () => void; blockAction?: (params: { actionId: string; appId: string; value: string; blockId: string; rid: string; mid: string }) => void; - onAnswerButtonPress?: (message: string, tmid?: string, tshow?: boolean) => void; + onAnswerButtonPress?: Function; threadBadgeColor?: string; toggleFollowThread?: (isFollowingThread: boolean, tmid?: string) => Promise; jumpToMessage?: (link: string) => void; onPress?: () => void; theme?: TSupportedThemes; closeEmojiAndAction?: (action?: Function, params?: any) => void; + isBeingEdited?: boolean; isPreview?: boolean; } @@ -95,7 +96,8 @@ class MessageContainer extends React.Component { const { onAnswerButtonPress } = this.props; if (onAnswerButtonPress) { - onAnswerButtonPress(msg, undefined, false); + onAnswerButtonPress(msg, false); } }; @@ -309,7 +314,7 @@ class MessageContainer extends React.Component { const { reactionInit, item } = this.props; if (reactionInit) { - reactionInit(item); + reactionInit(item.id); } }; @@ -354,6 +359,7 @@ class MessageContainer extends React.Component diff --git a/app/containers/message/interfaces.ts b/app/containers/message/interfaces.ts index 9731b57b5..c357b2eab 100644 --- a/app/containers/message/interfaces.ts +++ b/app/containers/message/interfaces.ts @@ -90,6 +90,7 @@ export interface IMessageTouchable { alias?: string; role?: string; drid?: string; + isBeingEdited?: boolean; } export interface IMessageRepliedThread extends Pick { diff --git a/app/definitions/IMessage.ts b/app/definitions/IMessage.ts index fc7ceabed..996ec0c4f 100644 --- a/app/definitions/IMessage.ts +++ b/app/definitions/IMessage.ts @@ -8,6 +8,8 @@ import { TThreadMessageModel } from './IThreadMessage'; import { TThreadModel } from './IThread'; import { IUrl, IUrlFromServer } from './IUrl'; +export type TMessageAction = 'quote' | 'edit' | 'react' | null; + export type MessageType = | 'jitsi_call_started' | 'discussion-created' diff --git a/app/definitions/ISearch.ts b/app/definitions/ISearch.ts index 35cc4bd15..0df39c652 100644 --- a/app/definitions/ISearch.ts +++ b/app/definitions/ISearch.ts @@ -8,6 +8,10 @@ export interface ISearchLocal { fname: string; encrypted: boolean; lastMessage?: ILastMessage; + status?: string; + teamMain?: boolean; + prid?: string; + f?: boolean; } export interface ISearch extends ISearchLocal { diff --git a/app/definitions/ISlashCommand.ts b/app/definitions/ISlashCommand.ts index 1f62bffd0..72f8938c6 100644 --- a/app/definitions/ISlashCommand.ts +++ b/app/definitions/ISlashCommand.ts @@ -15,7 +15,7 @@ export interface ISlashCommandResult extends ISlashCommand { export type TSlashCommandModel = ISlashCommand & Model; -// For Command Preview ex: /giphy or /tenor in open.rocket.chat +// For Command Preview ex: /giphy or /tenor export interface IPreviewItem { id: string; type: string; diff --git a/app/definitions/index.ts b/app/definitions/index.ts index fcee0cbb7..5a0a171d4 100644 --- a/app/definitions/index.ts +++ b/app/definitions/index.ts @@ -7,9 +7,12 @@ import { TColors, TSupportedThemes } from '../theme'; export * from './ERoomType'; export * from './IAttachment'; +export * from './ICannedResponse'; export * from './ICertificate'; export * from './ICredentials'; export * from './IEmoji'; +export * from './ILivechatDepartment'; +export * from './ILivechatTag'; export * from './ILoggedUser'; export * from './IMessage'; export * from './INotification'; @@ -32,6 +35,8 @@ export * from './IUrl'; export * from './IUser'; export * from './redux'; export * from './redux/TRootEnum'; +export * from './TChangeAvatarViewContext'; +export * from './IDataSelect'; export * from './TUserStatus'; export interface IBaseScreen, S extends string> { diff --git a/app/externalModules.d.ts b/app/externalModules.d.ts index c54ef9050..00017b255 100644 --- a/app/externalModules.d.ts +++ b/app/externalModules.d.ts @@ -3,6 +3,7 @@ declare module 'commonmark'; declare module 'commonmark-react-renderer'; declare module 'remove-markdown'; declare module 'react-native-image-progress'; +declare module 'react-native-ui-lib'; declare module 'react-native-ui-lib/keyboard'; declare module '@rocket.chat/sdk'; declare module 'react-native-config-reader'; diff --git a/app/i18n/locales/ar.json b/app/i18n/locales/ar.json index e7c9f4938..b0a535fbc 100644 --- a/app/i18n/locales/ar.json +++ b/app/i18n/locales/ar.json @@ -468,6 +468,28 @@ "Open_Livechats": "محادثات مباشرة جارية", "Broadcast_hint": "يمكن فقط للمستخدمين المصرح لهم كتابة رسائل جديدة، ولكن سيتمكن المستخدمون الآخرون من الرد", "and_N_more": "و{{count}} آخرين", + "Slash_Gimme_Description": "يعرض ༼ つ ◕_◕ ༽つ قبل رسالتك", + "Slash_LennyFace_Description": "يعرض ( ͡° ͜ʖ ͡°) بعد رسالتك", + "Slash_Shrug_Description": "يعرض ¯\\_(ツ)_/¯ بعد رسالتك", + "Slash_Status_Description": "قم بتعيين رسالة الحالة الخاصة بك", + "Slash_Status_Params": "رسالة الحالة", + "Slash_Tableflip_Description": "يعرض (╯°□°）╯︵ ┻━┻", + "Slash_TableUnflip_Description": "يعرض ┬─┬ ノ( ゜-゜ノ)", + "Slash_Topic_Description": "تعيين الموضوع", + "Slash_Topic_Params": "رسالة الموضوع", + "Create_A_New_Channel": "إنشاء Channel جديدة", + "Show_the_keyboard_shortcut_list": "عرض قائمة اختصارات لوحة المفاتيح", + "Hide_room": "إخفاء", + "Invite_user_to_join_channel": "دعوة مستخدم واحد إلى الانضمام إلى هذه القناة", + "Invite_user_to_join_channel_all_from": "دعوة جميع المستخدمين من [‎#channel] إلى الانضمام إلى هذه القناة", + "Invite_user_to_join_channel_all_to": "دعوة جميع المستخدمين من هذه القناة إلى الانضمام إلى [‎#channel]", + "Join_the_given_channel": "انضمام إلى القناة المحددة", + "Remove_someone_from_room": "إزالة شخص من الغرفة", + "Leave_the_current_channel": "مغادرة القناة الحالية", + "Displays_action_text": "يعرض نص الإجراء", + "Direct_message_someone": "رسالة مباشرة لشخص ما", + "Mute_someone_in_room": "كتم صوت شخص ما في الغرفة", + "Unmute_someone_in_room": "إلغاء كتم صوت شخص ما في الغرفة", "Audio": "صوت", "The_user_wont_be_able_to_type_in_roomName": "المستخدم لن يتمكن من الكتابة في {{roomName}}", "The_user_will_be_able_to_type_in_roomName": "المستخدم سيتمكن من الكتابة في {{roomName}}" diff --git a/app/i18n/locales/bn-IN.json b/app/i18n/locales/bn-IN.json index 848e6b19c..630ade75c 100644 --- a/app/i18n/locales/bn-IN.json +++ b/app/i18n/locales/bn-IN.json @@ -527,7 +527,7 @@ "No_threads": "কোনও থ্রেড নেই", "No_threads_following": "আপনি কোনও থ্রেড অনুসরণ করছেন না", "No_threads_unread": "কোনও অপঠিত থ্রেড নেই", - "Messagebox_Send_to_channel": "চ্যানেলে পাঠান", + "Message_composer_Send_to_channel": "চ্যানেলে পাঠান", "Leader": "দলনেতা", "Moderator": "মডারেটর", "Owner": "মালিক", diff --git a/app/i18n/locales/de.json b/app/i18n/locales/de.json index 1cdc1d1c6..832136767 100644 --- a/app/i18n/locales/de.json +++ b/app/i18n/locales/de.json @@ -528,7 +528,7 @@ "No_threads": "Es gibt keine Threads", "No_threads_following": "Sie folgen keinen Threads", "No_threads_unread": "Es gibt keine ungelesenen Threads", - "Messagebox_Send_to_channel": "an Kanal senden", + "Message_composer_Send_to_channel": "an Kanal senden", "Leader": "Leiter", "Moderator": "Moderator", "Owner": "Eigentümer", @@ -720,6 +720,28 @@ "Presence_Cap_Warning_Description": "Die Anzahl der aktiven Verbindungen hat das Limit für den Arbeitsbereich erreicht. Daher ist der Dienst, der den Benutzerstatus verwaltet, deaktiviert. Er kann in den Arbeitsbereichseinstellungen manuell wieder aktiviert werden.", "Learn_more": "Mehr erfahren", "and_N_more": "und {{count}} weitere", + "Slash_Gimme_Description": "Zeigt ༼ つ ◕_◕ ༽つ vor Ihrer Nachricht", + "Slash_LennyFace_Description": "Zeigt ( ͡° ͜ʖ ͡°) nach Ihrer Nachricht", + "Slash_Shrug_Description": "Zeigt ¯\\_(ツ)_/¯ am Ende der Nachricht", + "Slash_Status_Description": "Stellen Sie Ihre Statusnachricht ein", + "Slash_Status_Params": "Statusnachricht", + "Slash_Tableflip_Description": "Zeigt (╯°□°）╯︵ ┻━┻", + "Slash_TableUnflip_Description": "Zeigt ┬─┬ ノ( ゜-゜ノ)", + "Slash_Topic_Description": "Thema festlegen", + "Slash_Topic_Params": "Themen-Nachricht", + "Create_A_New_Channel": "Neuen Channel erstellen", + "Show_the_keyboard_shortcut_list": "Liste der Tastenkombinationen anzeigen", + "Hide_room": "Raum verstecken", + "Invite_user_to_join_channel": "Benutzer in diesen Channel einladen", + "Invite_user_to_join_channel_all_from": "Alle Benutzer des Channels [#channel] einladen, diesem Channel zu folgen", + "Invite_user_to_join_channel_all_to": "Alle Benutzer dieses Channels einladen, dem Channel [#channel] zu folgen", + "Join_the_given_channel": "Diesem Channel beitreten", + "Remove_someone_from_room": "Jemanden aus dem Raum entfernen", + "Leave_the_current_channel": "Aktuellen Channel verlassen", + "Displays_action_text": "Zeigt den Aktionstext", + "Direct_message_someone": "Jemandem eine Direktnachricht schicken", + "Mute_someone_in_room": "Jemandem in einem Raum das Chatten verbieten", + "Unmute_someone_in_room": "Jemandem das Chatten in einem Raum wieder erlauben", "Audio": "Audio", "decline": "Ablehnen", "accept": "Annehmen", diff --git a/app/i18n/locales/en.json b/app/i18n/locales/en.json index 23db513e0..a5f572dc2 100644 --- a/app/i18n/locales/en.json +++ b/app/i18n/locales/en.json @@ -271,6 +271,8 @@ "Online": "Online", "Only_authorized_users_can_write_new_messages": "Only authorized users can write new messages", "Open_emoji_selector": "Open emoji selector", + "Open_markdown_tools": "Open markdown tools", + "Open_mention_autocomplete": "Open mention autocomplete", "Open_your_authentication_app_and_enter_the_code": "Open your authentication app and enter the code.", "OR": "OR", "OS": "OS", @@ -529,7 +531,7 @@ "No_threads": "There are no threads", "No_threads_following": "You are not following any threads", "No_threads_unread": "There are no unread threads", - "Messagebox_Send_to_channel": "Send to channel", + "Message_composer_Send_to_channel": "Also send to channel", "Leader": "Leader", "Moderator": "Moderator", "Owner": "Owner", @@ -742,6 +744,30 @@ "accept": "Accept", "Incoming_call_from": "Incoming call from", "Call_started": "Call started", + "Not_in_channel": "Not in channel", + "Slash_Gimme_Description": "Displays ༼ つ ◕_◕ ༽つ before your message", + "Slash_LennyFace_Description": "Displays ( ͡° ͜ʖ ͡°) after your message", + "Slash_Shrug_Description": "Displays ¯\\_(ツ)_/¯ after your message", + "Slash_Status_Description": "Set your status message", + "Slash_Status_Params": "Status message", + "Slash_Tableflip_Description": "Displays (╯°□°）╯︵ ┻━┻", + "Slash_TableUnflip_Description": "Displays ┬─┬ ノ( ゜-゜ノ)", + "Slash_Topic_Description": "Set topic", + "Slash_Topic_Params": "Topic message", + "Create_A_New_Channel": "Create a New Channel", + "Show_the_keyboard_shortcut_list": "Show the keyboard shortcut list", + "Hide_room": "Hide", + "Invite_user_to_join_channel": "Invite one user to join this channel", + "Invite_user_to_join_channel_all_from": "Invite all users from [#channel] to join this channel", + "Invite_user_to_join_channel_all_to": "Invite all users from this channel to join [#channel]", + "Join_the_given_channel": "Join the given channel", + "Remove_someone_from_room": "Remove someone from the room", + "Leave_the_current_channel": "Leave the current channel", + "Displays_action_text": "Displays action text", + "Direct_message_someone": "Direct message someone", + "Mute_someone_in_room": "Mute someone in the room", + "Unmute_someone_in_room": "Unmute someone in the room", + "Remove_quote_message": "Remove quote message", "Jitsi_may_require_authentication": "Jitsi may require authentication", "Jitsi_authentication_before_making_calls_admin": "Jitsi may require authentication before making calls. To learn more about their policies, visit the Jitsi website. You can also update the default app for video calls in the preferences.", "Jitsi_authentication_before_making_calls": "Jitsi may require authentication before making calls. To learn more about their policies, visit the Jitsi website.", @@ -767,5 +793,13 @@ "Why_do_you_want_to_report": "Why do you want to report?", "You_dont_have_permission_to_perform_this_action": "You don’t have permission to perform this action. Check with a workspace administrator.", "Jump_to_message": "Jump to message", - "Missed_call": "Missed call" + "Missed_call": "Missed call", + "Recording_audio_in_progress": "Recording audio message", + "Bold": "Bold", + "Italic": "Italic", + "Strikethrough": "Strikethrough", + "Inline_code": "Inline code", + "Code_block": "Code block", + "Add_thread_reply": "Add thread reply", + "Message_roomname": "Message {{roomName}}" } \ No newline at end of file diff --git a/app/i18n/locales/es.json b/app/i18n/locales/es.json index ad479fe47..9e8580e78 100644 --- a/app/i18n/locales/es.json +++ b/app/i18n/locales/es.json @@ -276,5 +276,27 @@ "Broadcast_hint": "Sólo los usuarios autorizados pueden escribir nuevos mensajes, el resto podrán responder sobre los mismos.", "Learn_more": "Saber más", "and_N_more": "y {{count}} más", + "Slash_Gimme_Description": "Muestra (つ ◕_◕) つ antes de tu mensaje", + "Slash_LennyFace_Description": "Muestra (͡ ° ͜ʖ ͡ °) después de tu mensaje", + "Slash_Shrug_Description": "Muestra ¯ \\ _ (ツ) _ / ¯ después de tu mensaje", + "Slash_Status_Description": "Configura tu mensaje de estado", + "Slash_Status_Params": "Mensaje de estado", + "Slash_Tableflip_Description": "Muestra ° (╯ ° □ °) ╯( ┻━┻", + "Slash_TableUnflip_Description": "Muestra ┬─┬ ノ( ゜-゜ノ)", + "Slash_Topic_Description": "Establecer tema", + "Slash_Topic_Params": "Mensaje de tema", + "Create_A_New_Channel": "Crear un nuevo Channel", + "Show_the_keyboard_shortcut_list": "Mostrar la lista de atajos de teclado", + "Hide_room": "Ocultar", + "Invite_user_to_join_channel": "Invitar a un usuario a unirse a este canal", + "Invite_user_to_join_channel_all_from": "Invitar a todos los usuarios de [#channell] a que se unan a este canal", + "Invite_user_to_join_channel_all_to": "Invitar a todos los usuarios de este canal a unirse a [#channel]", + "Join_the_given_channel": "Unirse al canal dado", + "Remove_someone_from_room": "Eliminar a alguien de la sala", + "Leave_the_current_channel": "Salir del canal actual", + "Displays_action_text": "Mostrar texto de acción", + "Direct_message_someone": "Enviar mensaje directo a alguien", + "Mute_someone_in_room": "Silenciar a alguien en la sala", + "Unmute_someone_in_room": "Reactivar audio de un usuario de la sala", "Audio": "Audio" } \ No newline at end of file diff --git a/app/i18n/locales/fi.json b/app/i18n/locales/fi.json index 878d9b1be..5978d661f 100644 --- a/app/i18n/locales/fi.json +++ b/app/i18n/locales/fi.json @@ -528,7 +528,7 @@ "No_threads": "Ei ketjuja", "No_threads_following": "Et seuraa ketjuja", "No_threads_unread": "Ei lukemattomia ketjuja", - "Messagebox_Send_to_channel": "Lähetä kanavalle", + "Message_composer_Send_to_channel": "Lähetä kanavalle", "Leader": "Johtaja", "Moderator": "Moderaattori", "Owner": "Omistaja", @@ -696,6 +696,28 @@ "room_archived": "arkistoi huoneen", "room_unarchived": "palautti huoneen arkistosta", "and_N_more": "ja {{count}} lisää", + "Slash_Gimme_Description": "Näyttää merkit ༼ つ ◕_◕ ༽つ ennen viestiäsi", + "Slash_LennyFace_Description": "Näyttää merkit ( ͡° ͜ʖ ͡°) viestisi jälkeen", + "Slash_Shrug_Description": "Näyttää ¯ \\ _ (ツ) _ / ¯ viestisi jälkeen", + "Slash_Status_Description": "Aseta tilaviesti", + "Slash_Status_Params": "Tilaviesti", + "Slash_Tableflip_Description": "Näyttää merkit (╯°□°）╯︵ ┻━┻", + "Slash_TableUnflip_Description": "Näyttää merkit ┬─┬ ノ( ゜-゜ノ)", + "Slash_Topic_Description": "Aseta Otsikko", + "Slash_Topic_Params": "Aiheviesti", + "Create_A_New_Channel": "Luo uusi kanava Channel", + "Show_the_keyboard_shortcut_list": "Näytä pikanäppäinten luettelo", + "Hide_room": "Piilota", + "Invite_user_to_join_channel": "Kutsu käyttäjä liittymään tälle kanavalle", + "Invite_user_to_join_channel_all_from": "Kutsu kaikki käyttäjät kanavalta [#channel] liittymään tälle kanavalle", + "Invite_user_to_join_channel_all_to": "Kutsu kaikki tämän kanavan käyttäjät liittymään kanavalle [#channel]", + "Join_the_given_channel": "Liity annetulle kanavalle", + "Remove_someone_from_room": "Poista joku huoneesta", + "Leave_the_current_channel": "Poistu nykyiseltä kanavalta", + "Displays_action_text": "Näyttää toimintotekstin", + "Direct_message_someone": "Lähetä suora viesti käyttäjälle", + "Mute_someone_in_room": "Mykistä joku huoneessa", + "Unmute_someone_in_room": "Kumoa jonkun mykistys huoneessa", "Audio": "Ääni", "The_user_wont_be_able_to_type_in_roomName": "Käyttäjä ei voi kirjoittaa huoneessa {{roomName}}", "The_user_will_be_able_to_type_in_roomName": "Käyttäjä voi kirjoittaa huoneessa {{roomName}}" diff --git a/app/i18n/locales/fr.json b/app/i18n/locales/fr.json index 2f7476092..d95b819ba 100644 --- a/app/i18n/locales/fr.json +++ b/app/i18n/locales/fr.json @@ -495,7 +495,7 @@ "No_threads": "Il n'y a pas de fils", "No_threads_following": "Vous ne suivez aucun fil de discussion", "No_threads_unread": "Il n'y a pas de fils non lus", - "Messagebox_Send_to_channel": "Envoyer au canal", + "Message_composer_Send_to_channel": "Envoyer au canal", "Leader": "Leader", "Moderator": "Modérateur", "Owner": "Propriétaire", @@ -615,6 +615,28 @@ "Empty": "Vide", "Broadcast_hint": "Seuls les utilisateurs autorisés peuvent écrire de nouveaux messages, mais les autres utilisateurs pourront répondre.", "and_N_more": "et {{count}} de plus", + "Slash_Gimme_Description": "Affiche ༼ つ ◕_◕ ༽つ avant votre message", + "Slash_LennyFace_Description": "Affiche ( ͡° ͜ʖ ͡°) après votre message", + "Slash_Shrug_Description": "Affiche ¯\\_(ツ)_/¯ après votre message", + "Slash_Status_Description": "Définir votre message de statut", + "Slash_Status_Params": "Message de statut", + "Slash_Tableflip_Description": "Affiche (╯°□°）╯︵ ┻━┻", + "Slash_TableUnflip_Description": "Affiche ┬─┬ ノ( ゜-゜ノ)", + "Slash_Topic_Description": "Définir le sujet", + "Slash_Topic_Params": "Message de sujet", + "Create_A_New_Channel": "Créer un nouveau canal", + "Show_the_keyboard_shortcut_list": "Afficher la liste des raccourcis clavier", + "Hide_room": "Masquer", + "Invite_user_to_join_channel": "Inviter un utilisateur à rejoindre le canal", + "Invite_user_to_join_channel_all_from": "Inviter tous les utilisateurs de [#channel] à rejoindre ce canal", + "Invite_user_to_join_channel_all_to": "Inviter tous les utilisateurs de ce canal à rejoindre [#channel]", + "Join_the_given_channel": "Rejoindre le canal indiqué", + "Remove_someone_from_room": "Exclure quelqu'un du salon", + "Leave_the_current_channel": "Quitter le canal actuel", + "Displays_action_text": "Affiche le texte d'action", + "Direct_message_someone": "Envoyer un message direct à quelqu'un", + "Mute_someone_in_room": "Mettre en sourdine un membre du salon", + "Unmute_someone_in_room": "Réactiver le son d'un utilisateur du salon", "Audio": "Audio", "The_user_wont_be_able_to_type_in_roomName": "L'utilisateur ne pourra pas écrire dans {{roomName}}", "The_user_will_be_able_to_type_in_roomName": "L'utilisateur pourra écrire dans {{roomName}}" diff --git a/app/i18n/locales/hi-IN.json b/app/i18n/locales/hi-IN.json index f0ce8bac4..72b9e96b5 100644 --- a/app/i18n/locales/hi-IN.json +++ b/app/i18n/locales/hi-IN.json @@ -527,7 +527,7 @@ "No_threads": "कोई थ्रेड नहीं है", "No_threads_following": "आप किसी भी थ्रेड का अनुसरण नहीं कर रहे हैं", "No_threads_unread": "कोई अपठित थ्रेड नहीं हैं", - "Messagebox_Send_to_channel": "चैनल में भेजें", + "Message_composer_Send_to_channel": "चैनल में भेजें", "Leader": "नेता", "Moderator": "मॉडरेटर", "Owner": "मालिक", diff --git a/app/i18n/locales/hu.json b/app/i18n/locales/hu.json index 64a639050..247bd1a80 100644 --- a/app/i18n/locales/hu.json +++ b/app/i18n/locales/hu.json @@ -528,7 +528,7 @@ "No_threads": "Nincsenek szálak", "No_threads_following": "Nem követ egyetlen szálat sem", "No_threads_unread": "Nincsenek olvasatlan szálak", - "Messagebox_Send_to_channel": "Küldés a csatornához", + "Message_composer_Send_to_channel": "Küldés a csatornához", "Leader": "Vezető", "Moderator": "Moderátor", "Owner": "Tulajdonos", diff --git a/app/i18n/locales/it.json b/app/i18n/locales/it.json index e5bb866c7..8f2c791e4 100644 --- a/app/i18n/locales/it.json +++ b/app/i18n/locales/it.json @@ -498,7 +498,7 @@ "No_threads": "Non ci sono thread", "No_threads_following": "Non stai seguendo alcun thread", "No_threads_unread": "Non ci sono thread non letti", - "Messagebox_Send_to_channel": "Invia sul canale", + "Message_composer_Send_to_channel": "Invia sul canale", "Remove_from_room": "Rimuovi dalla stanza", "Ignore": "Ignora", "Unignore": "Non ignorare", @@ -520,6 +520,26 @@ "Open_Livechats": "Chat in corso", "Broadcast_hint": "Solo gli utenti autorizzati possono scrivere messaggi, ma gli altri utenti saranno in grado di rispondere", "and_N_more": "e altri {{count}}", + "Slash_Gimme_Description": "Displays ༼ つ ◕_◕ ༽つ before your message", + "Slash_LennyFace_Description": "Displays ( ͡° ͜ʖ ͡°) after your message", + "Slash_Shrug_Description": "Displays ¯\\_(ツ)_/¯ after your message", + "Slash_Tableflip_Description": "Displays (╯°□°）╯︵ ┻━┻", + "Slash_TableUnflip_Description": "Displays ┬─┬ ノ( ゜-゜ノ)", + "Slash_Topic_Description": "Set topic", + "Slash_Topic_Params": "Topic message", + "Create_A_New_Channel": "Crea un nuovo canale", + "Show_the_keyboard_shortcut_list": "Mostra l'elenco delle scorciatoie per la tastiera", + "Hide_room": "Nascondi il canale", + "Invite_user_to_join_channel": "Invita un utente ad entrare in questo canale", + "Invite_user_to_join_channel_all_from": "Invita tutti gli utenti da [#channell] per unirsi a questo canale", + "Invite_user_to_join_channel_all_to": "Invita tutti gli utenti di questo canale a unirsi [#channel]", + "Join_the_given_channel": "Entra nel canale specificato", + "Remove_someone_from_room": "Rimuovi qualcuno dal canale", + "Leave_the_current_channel": "Abbandona il canale corrente", + "Displays_action_text": "Mostra il testo di azione", + "Direct_message_someone": "Invia un messaggio diretto", + "Mute_someone_in_room": "Silenzia qualcuno nel canale", + "Unmute_someone_in_room": "Smuta a qualcuno nel canale", "Audio": "Audio", "The_user_wont_be_able_to_type_in_roomName": "L'utente non potrà scrivere in {{roomName}}", "The_user_will_be_able_to_type_in_roomName": "L'utente potrà scrivere in {{roomName}}" diff --git a/app/i18n/locales/ja.json b/app/i18n/locales/ja.json index 5d85aabc4..f4cc7fe92 100644 --- a/app/i18n/locales/ja.json +++ b/app/i18n/locales/ja.json @@ -384,5 +384,27 @@ "This_will_clear_all_your_offline_data": "オフラインデータをすべて削除します。", "Broadcast_hint": "許可されたユーザーのみが新しいメッセージを書き込めます。他のユーザーは返信することができます", "and_N_more": "さらに{{count}}つ", + "Slash_Gimme_Description": "メッセージの前に༼ つ ◕_◕ ༽つを表示", + "Slash_LennyFace_Description": "メッセージの後に( ͡° ͜ʖ ͡°)を表示", + "Slash_Shrug_Description": "メッセージの後に¯\\_(ツ)_/¯を表示", + "Slash_Status_Description": "ステータスメッセージを設定", + "Slash_Status_Params": "ステータスメッセージ", + "Slash_Tableflip_Description": " (╯°□°）╯︵ ┻━┻を表示", + "Slash_TableUnflip_Description": "┬─┬ ノ( ゜-゜ノ)を表示します", + "Slash_Topic_Description": "トピックを設定", + "Slash_Topic_Params": "トピックのメッセージ", + "Create_A_New_Channel": "新しいChannelの作成", + "Show_the_keyboard_shortcut_list": "キーボードショートカットリストを表示", + "Hide_room": "ルームを非表示", + "Invite_user_to_join_channel": "1ユーザーをこのチャネルに招待", + "Invite_user_to_join_channel_all_from": "[#channel]のすべてのユーザーをこのチャネルに招待", + "Invite_user_to_join_channel_all_to": "このチャネルのすべてのユーザーを[#channel]に招待", + "Join_the_given_channel": "指定したチャネルに参加", + "Remove_someone_from_room": "ルームからいずれかのユーザーを削除", + "Leave_the_current_channel": "現在のチャネルから退出", + "Displays_action_text": "アクションテキストを表示", + "Direct_message_someone": "ユーザーへダイレクトメッセージする", + "Mute_someone_in_room": "ルーム内のいずれかのユーザーをミュート", + "Unmute_someone_in_room": "ルームのいずれかのユーザーのミュートを解除", "Audio": "音声" } \ No newline at end of file diff --git a/app/i18n/locales/nl.json b/app/i18n/locales/nl.json index 1ca17a219..c6d307a80 100644 --- a/app/i18n/locales/nl.json +++ b/app/i18n/locales/nl.json @@ -495,7 +495,7 @@ "No_threads": "Er zijn geen discussies", "No_threads_following": "Je volgt geen discussies", "No_threads_unread": "Er zijn geen ongelezen discussies", - "Messagebox_Send_to_channel": "Stuur naar kanaal", + "Message_composer_Send_to_channel": "Stuur naar kanaal", "Leader": "Leider", "Moderator": "Moderator", "Owner": "Eigenaar", @@ -615,6 +615,28 @@ "Empty": "Leeg", "Broadcast_hint": "Alleen geautoriseerde gebruikers kunnen nieuwe berichten schrijven, maar de andere gebruikers zullen kunnen antwoorden", "and_N_more": "en nog {{count}}", + "Slash_Gimme_Description": "Geeft ༼ つ ◕_◕ ༽つ weer voor uw bericht", + "Slash_LennyFace_Description": "Geeft ( ͡° ͜ʖ ͡°) na uw bericht weer", + "Slash_Shrug_Description": "Geeft ¯\\_(ツ)_/¯ na uw bericht", + "Slash_Status_Description": "Stel uw statusbericht in", + "Slash_Status_Params": "Statusbericht", + "Slash_Tableflip_Description": "Geeft (╯°□°）╯︵ ┻━┻ weer", + "Slash_TableUnflip_Description": "Geeft ┬─┬ ノ( ゜-゜ノ) weer", + "Slash_Topic_Description": "Stel onderwerp in", + "Slash_Topic_Params": "Onderwerp bericht", + "Create_A_New_Channel": "Maak een nieuw kanaal", + "Show_the_keyboard_shortcut_list": "Toon de lijst met sneltoetsen", + "Hide_room": "Kamer verbergen", + "Invite_user_to_join_channel": "Nodig een gebruiker uit om lid te worden van dit kanaal", + "Invite_user_to_join_channel_all_from": "Nodig alle gebruikers van [#kanaal] uit om lid te worden van dit kanaal", + "Invite_user_to_join_channel_all_to": "Alle gebruikers van dit kanaal uitnodigen om lid te worden van [#channel]", + "Join_the_given_channel": "Word lid van het gegeven kanaal", + "Remove_someone_from_room": "Verwijder iemand uit de kamer", + "Leave_the_current_channel": "Verlaat het huidige kanaal", + "Displays_action_text": "Geeft actietekst weer", + "Direct_message_someone": "Stuur iemand een privébericht", + "Mute_someone_in_room": "Demp iemand in de kamer", + "Unmute_someone_in_room": "Schakel het dempen van iemand in de kamer uit", "Audio": "Audio", "The_user_wont_be_able_to_type_in_roomName": "De gebruiker zal in {{roomName}} niet kunnen typen", "The_user_will_be_able_to_type_in_roomName": "De gebruiker zal in {{roomName}} kunnen typen" diff --git a/app/i18n/locales/pt-BR.json b/app/i18n/locales/pt-BR.json index 4a54fc597..5d90a3efd 100644 --- a/app/i18n/locales/pt-BR.json +++ b/app/i18n/locales/pt-BR.json @@ -529,7 +529,7 @@ "No_threads": "Não há tópicos", "No_threads_following": "Você não está seguindo tópicos", "No_threads_unread": "Não há tópicos não lidos", - "Messagebox_Send_to_channel": "Mostrar no canal", + "Message_composer_Send_to_channel": "Mostrar no canal", "Leader": "Líder", "Moderator": "Moderador", "Owner": "Proprietário", @@ -733,6 +733,32 @@ "Wi_Fi": "Wi-Fi", "Off": "Desativado", "Audio": "Áudio", + "decline": "Recusar", + "accept": "Aceitar", + "Incoming_call_from": "Chamada recebida de", + "Call_started": "Chamada Iniciada", + "Slash_Gimme_Description": "Mostra (つ ◕_◕) つ antes de sua mensagem", + "Slash_LennyFace_Description": "Mostra (͡ ° ͜ʖ ͡ °) após sua mensagem", + "Slash_Shrug_Description": "Mostra ¯ \\ _ (ツ) _ / ¯ após sua mensagem", + "Slash_Status_Description": "Defina sua nova mensagem de status", + "Slash_Status_Params": "Mensagem de status", + "Slash_Tableflip_Description": "Mostra (╯°□°）╯︵ ┻━┻", + "Slash_TableUnflip_Description": "Mostra ┬─┬ ノ (゜ - ゜ ノ)", + "Slash_Topic_Description": "Definir tópico", + "Slash_Topic_Params": "Mensagem do tópico", + "Create_A_New_Channel": "Criar um novo canal", + "Show_the_keyboard_shortcut_list": "Mostrar a lista de atalhos de teclado", + "Hide_room": "Ocultar", + "Invite_user_to_join_channel": "Convidar um usuário para ingressar neste canal", + "Invite_user_to_join_channel_all_from": "Convidar todos os usuários de [#channel] para ingressar neste canal", + "Invite_user_to_join_channel_all_to": "Convidar todos os usuários deste canal para ingressar no [#canal]", + "Join_the_given_channel": "Entrar no canal informado", + "Remove_someone_from_room": "Remover alguém da sala", + "Leave_the_current_channel": "Sai do canal atual", + "Displays_action_text": "Exibe texto da ação", + "Direct_message_someone": "Enviar mensagem direta para alguém", + "Mute_someone_in_room": "Silenciar alguém na sala", + "Unmute_someone_in_room": "Ativar o som de alguém na sala", "Forward_message": "Encaminhar mensagem", "Person_or_channel": "Pessoa ou canal", "Select": "Selecionar", diff --git a/app/i18n/locales/pt-PT.json b/app/i18n/locales/pt-PT.json index 98d14d4fb..e290c8f77 100644 --- a/app/i18n/locales/pt-PT.json +++ b/app/i18n/locales/pt-PT.json @@ -347,5 +347,26 @@ "Open_Livechats": "Chats em andamento", "Broadcast_hint": "Apenas utilizadores autorizados podem escrever novas mensagens, mas os outros utilizadores poderão responder", "and_N_more": "e mais {{count}}", - "Audio": "Áudio" + "Slash_Gimme_Description": "Mostra (つ ◕_◕) つ antes de sua mensagem", + "Slash_LennyFace_Description": "Mostra (͡ ° ͜ʖ ͡ °) após a sua mensagem", + "Slash_Shrug_Description": "Mostra ¯ \\ _ (ツ) _ / ¯ após a sua mensagem", + "Slash_Tableflip_Description": "Mostra (╯°□°）╯︵ ┻━┻", + "Slash_TableUnflip_Description": "Mostra ┬─┬ ノ (゜ - ゜ ノ)", + "Slash_Topic_Description": "Definir tópico", + "Slash_Topic_Params": "Mensagem do tópico", + "Create_A_New_Channel": "Criar um novo canal", + "Show_the_keyboard_shortcut_list": "Exibe a lista de atalhos do teclado", + "Hide_room": "Esconder sala", + "Invite_user_to_join_channel": "Convidar um utilizador para juntar-se a este canal", + "Invite_user_to_join_channel_all_from": "Convide todos os utilizadores de [#channel] a participar deste canal", + "Invite_user_to_join_channel_all_to": "Convide todos os utilizadores deste canal a participar [#canal]", + "Join_the_given_channel": "Entrar no canal apresentado", + "Remove_someone_from_room": "Remover alguém da sala", + "Leave_the_current_channel": "Sai deste canal", + "Displays_action_text": "Exibe texto da acção", + "Direct_message_someone": "Enviar mensagem directa para alguém", + "Mute_someone_in_room": "Silenciar alguém na sala", + "Unmute_someone_in_room": "Remover silenciar de alguém na sala", + "Audio": "Áudio", + "Pinned_a_message": "Fixou uma mensagem:" } \ No newline at end of file diff --git a/app/i18n/locales/ru.json b/app/i18n/locales/ru.json index bcdbc1728..8046d6d1c 100644 --- a/app/i18n/locales/ru.json +++ b/app/i18n/locales/ru.json @@ -506,7 +506,7 @@ "No_threads": "Тредов нет", "No_threads_following": "Нет тредов, за которыми вы следите", "No_threads_unread": "Непрочитанных тредов нет", - "Messagebox_Send_to_channel": "Отправить в чат", + "Message_composer_Send_to_channel": "Отправить в чат", "Leader": "Лидер", "Moderator": "Модератор", "Owner": "Владелец", @@ -664,6 +664,28 @@ "Call": "Звонок", "Reply_in_direct_message": "Ответить в личном сообщении", "and_N_more": "и еще {{count}}", + "Slash_Gimme_Description": "Показывает (つ ◕_◕) つ перед сообщением", + "Slash_LennyFace_Description": "Показывает (͡ ° ͜ʖ ͡ °) после сообщения", + "Slash_Shrug_Description": "Показывает ¯ \\ _ (ツ) _ / ¯ после сообщения", + "Slash_Status_Description": "Установить Ваш статус", + "Slash_Status_Params": "Ваш статус", + "Slash_Tableflip_Description": "Показывает (╯ ° □ °) ╯( ┻━┻", + "Slash_TableUnflip_Description": "Показывает ┬─┬ ノ (゜ - ゜ ノ)", + "Slash_Topic_Description": "Установить тему", + "Slash_Topic_Params": "Тема сообщения", + "Create_A_New_Channel": "Создать новый канал ", + "Show_the_keyboard_shortcut_list": "Показывать список горячих клавиш", + "Hide_room": "Скрыть комнату", + "Invite_user_to_join_channel": "Пригласить пользователя в канал", + "Invite_user_to_join_channel_all_from": "Пригласить всех пользователей из [#channel] присоединиться к этому каналу", + "Invite_user_to_join_channel_all_to": "Пригласить всех пользователей этого канала присоединиться к [#channel]", + "Join_the_given_channel": "Присоединиться к этому каналу", + "Remove_someone_from_room": "Удалить кого-либо из канала", + "Leave_the_current_channel": "Покинуть текущий канал", + "Displays_action_text": "Показать текст действия", + "Direct_message_someone": "Личная переписка с кем-нибудь", + "Mute_someone_in_room": "Заглушить кого-нибудь в комнате", + "Unmute_someone_in_room": "Сделать незаглушенным кого-нибудь в комнате", "Audio": "Аудио", "The_user_wont_be_able_to_type_in_roomName": "Пользователь не сможет писать сообщения в {{roomName}}", "The_user_will_be_able_to_type_in_roomName": "Пользователь сможет писать сообщения в {{roomName}}" diff --git a/app/i18n/locales/sl-SI.json b/app/i18n/locales/sl-SI.json index 37033fb0f..9d12050b1 100644 --- a/app/i18n/locales/sl-SI.json +++ b/app/i18n/locales/sl-SI.json @@ -503,7 +503,7 @@ "No_threads": "Ni niti", "No_threads_following": "Ne spremljate nobenih niti", "No_threads_unread": "Ni neprebranih niti", - "Messagebox_Send_to_channel": "Pošlji na kanal", + "Message_composer_Send_to_channel": "Pošlji na kanal", "Leader": "Vodja", "Moderator": "Moderator", "Owner": "Lastnik", @@ -632,6 +632,26 @@ "Close_Chat": "Zaprite klepet", "Select_tags": "Izberite oznake", "and_N_more": "in še {{count}}", + "Slash_Gimme_Description": "Prikaže ༼ つ ◕_◕ ༽つ pred vašim sporočilom", + "Slash_LennyFace_Description": "Prikaže ( ͡° ͜ʖ ͡°) za vašim sporočilom", + "Slash_Shrug_Description": "Prikaže ¯\\_(ツ)_/¯ za vašim sporočilom", + "Slash_Tableflip_Description": "Prikaže (╯°□°）╯︵ ┻━┻", + "Slash_TableUnflip_Description": "Prikaže ┬─┬ ノ( ゜-゜ノ)", + "Slash_Topic_Description": "Nastavite temo", + "Slash_Topic_Params": "Tema sporočila", + "Create_A_New_Channel": "Ustvarite nov kanal", + "Show_the_keyboard_shortcut_list": "Prikaži seznam bližnjic na tipkovnici", + "Hide_room": "Skrij sobo", + "Invite_user_to_join_channel": "Povabi uporabnika, da se pridruži kanalu", + "Invite_user_to_join_channel_all_from": "Povabi vse uporabnike iz [#channel], da se pridružijo kanalu", + "Invite_user_to_join_channel_all_to": "Povabi vse uporabnike iz tega kanala, da se pridružijo [#channel]", + "Join_the_given_channel": "Pridružite se določenemu kanalu", + "Remove_someone_from_room": "Odstranite nekoga iz sobe", + "Leave_the_current_channel": "Zapusti trenutni kanal", + "Displays_action_text": "Prikaže ukazno besedilo", + "Direct_message_someone": "Pošlji neposredno sporočilo", + "Mute_someone_in_room": "Utišaj nekoga v sobi", + "Unmute_someone_in_room": "Vklopite nekoga v sobi", "Audio": "Zvok", "The_user_wont_be_able_to_type_in_roomName": "Uporabnik ne bo mogel vtipkavati v {{roomName}}", "The_user_will_be_able_to_type_in_roomName": "Uporabnik bo lahko vtipkal {{roomName}}" diff --git a/app/i18n/locales/sv.json b/app/i18n/locales/sv.json index 13f50884d..e2b0f7614 100644 --- a/app/i18n/locales/sv.json +++ b/app/i18n/locales/sv.json @@ -526,7 +526,7 @@ "No_threads": "Det finns inga trådar", "No_threads_following": "Du följer inte några trådar", "No_threads_unread": "Det finns inga olästa trådar", - "Messagebox_Send_to_channel": "Skicka till kanal", + "Message_composer_Send_to_channel": "Skicka till kanal", "Leader": "Ledare", "Moderator": "Moderator", "Owner": "Ägare", @@ -694,6 +694,28 @@ "room_archived": "arkiverade rum", "room_unarchived": "avarkiverade rum", "and_N_more": "och ytterligare {{count}}", + "Slash_Gimme_Description": "Visar (つ ◕_◕) つ innan ditt meddelande", + "Slash_LennyFace_Description": "Visar (͡ ° ͜ʖ ͡ °) efter ditt meddelande", + "Slash_Shrug_Description": "Visar ¯ \\ _ (ツ) _ / ¯ efter ditt meddelande", + "Slash_Status_Description": "Ange statusmeddelande", + "Slash_Status_Params": "Statusmeddelande", + "Slash_Tableflip_Description": "Visar (╯ ° □ °) ╯( ┻━┻", + "Slash_TableUnflip_Description": "Visar ┬─┬ ノ (゜ - ゜ ノ)", + "Slash_Topic_Description": "Ange ämne", + "Slash_Topic_Params": "Ämne för meddelande", + "Create_A_New_Channel": "Skapa en ny kanal", + "Show_the_keyboard_shortcut_list": "Visa genvägslistan för tangentbordet", + "Hide_room": "Dölj rum", + "Invite_user_to_join_channel": "Bjud in en användare till att ansluta till denna kanal.", + "Invite_user_to_join_channel_all_from": "Bjud in alla användare från [#kanalen] för att gå med i den här kanalen", + "Invite_user_to_join_channel_all_to": "Bjud in alla användare från den här kanalen till att delta i [#kanalen]", + "Join_the_given_channel": "Gå med i den givna kanalen", + "Remove_someone_from_room": "Ta bort någon från detta rum", + "Leave_the_current_channel": "Lämna den nuvarande kanalen", + "Displays_action_text": "Visar åtgärdstext", + "Direct_message_someone": "Skicka direktmeddelande till någon", + "Mute_someone_in_room": "Tysta någon i rummet", + "Unmute_someone_in_room": "Slå på ljud för någon i rummet", "Audio": "Ljud", "The_user_wont_be_able_to_type_in_roomName": "Användaren kan inte ange {{roomName}}", "The_user_will_be_able_to_type_in_roomName": "Användaren kan ange {{roomName}}" diff --git a/app/i18n/locales/ta-IN.json b/app/i18n/locales/ta-IN.json index fdb3d563b..e7cbe311b 100644 --- a/app/i18n/locales/ta-IN.json +++ b/app/i18n/locales/ta-IN.json @@ -527,7 +527,7 @@ "No_threads": "எந்த தொகுதிகளும் இல்லை", "No_threads_following": "நீங்கள் பின்பாகம் அனுப்புகின்ற எந்த தொகுதிகளும் இல்லை", "No_threads_unread": "எந்த படிக்காத தொகுதிகளும் இல்லை", - "Messagebox_Send_to_channel": "சேனலுக்கு அனுப்பு", + "Message_composer_Send_to_channel": "சேனலுக்கு அனுப்பு", "Leader": "முன்னணி", "Moderator": "மொழிபெயர்ப்புக் காரியகம்", "Owner": "உரிமையாளர்", diff --git a/app/i18n/locales/te-IN.json b/app/i18n/locales/te-IN.json index 82006d235..e958af82d 100644 --- a/app/i18n/locales/te-IN.json +++ b/app/i18n/locales/te-IN.json @@ -527,7 +527,7 @@ "No_threads": "ఏ థ్రెడ్స్ లేవు", "No_threads_following": "మీరు అనుసరిస్తున్న ఎవరూ లేవు", "No_threads_unread": "చదవనిచ్చిన ఏ థ్రెడ్స్ లేవు", - "Messagebox_Send_to_channel": "ఛానల్కు పంపండి", + "Message_composer_Send_to_channel": "ఛానల్కు పంపండి", "Leader": "నాయకుడు", "Moderator": "మాడరేటర్", "Owner": "యజమాని", diff --git a/app/i18n/locales/tr.json b/app/i18n/locales/tr.json index 91ef9fadb..619051036 100644 --- a/app/i18n/locales/tr.json +++ b/app/i18n/locales/tr.json @@ -481,7 +481,7 @@ "No_threads": "Konu yok", "No_threads_following": "Herhangi bir konuyu takip etmiyorsunuz", "No_threads_unread": "Okunmamış konu yok", - "Messagebox_Send_to_channel": "Kanala gönder", + "Message_composer_Send_to_channel": "Kanala gönder", "Remove_from_room": "Odadan çıkar", "Ignore": "Yok say", "Unignore": "Yok sayma", @@ -503,6 +503,26 @@ "Open_Livechats": "Devam Eden Sohbetler", "Broadcast_hint": "Yalnızca yetkili kullanıcılar yeni ileti yazabilir, ancak diğer kullanıcılar yanıt verebilir", "and_N_more": "ve {{count}} daha", + "Slash_Gimme_Description": "İletilerinizden önce ༼ つ ◕_◕ ༽つ gösterir", + "Slash_LennyFace_Description": "İletilerinizden sonra ( ͡° ͜ʖ ͡°) gösterir", + "Slash_Shrug_Description": "İletilerinizden sonra ¯\\_(ツ)_/¯ gösterir", + "Slash_Tableflip_Description": "Ekranlar (╯ ° □ °) ╯( ┻━┻", + "Slash_TableUnflip_Description": "Ekranlar ┬─┬ ノ (゜ - ゜ ノ)", + "Slash_Topic_Description": "Konu ayarla", + "Slash_Topic_Params": "Konu iletisi", + "Create_A_New_Channel": "Yeni Kanal Oluştur", + "Show_the_keyboard_shortcut_list": "Klavye kısayol listesini göster", + "Hide_room": "Gizle", + "Invite_user_to_join_channel": "Bu kanala katılması için bir kullanıcı davet", + "Invite_user_to_join_channel_all_from": "[#kanal] 'daki tüm kullanıcıları bu kanala katılmaya davet et", + "Invite_user_to_join_channel_all_to": "Bu kanaldaki tüm kullanıcıları [#kanal] katılmaya davet edin", + "Join_the_given_channel": "Verilen kanala katıl", + "Remove_someone_from_room": "Odan birini çıkar", + "Leave_the_current_channel": "Geçerli kanalı bırak", + "Displays_action_text": "Görüntüler aksiyon metni", + "Direct_message_someone": "Birine doğrudan ileti gönder", + "Mute_someone_in_room": "Odadaki birini sustur", + "Unmute_someone_in_room": "Odadaki birinin sesini aç", "Audio": "Ses", "The_user_wont_be_able_to_type_in_roomName": "Kullanıcı {{roomName}} içinde yazamayacak", "The_user_will_be_able_to_type_in_roomName": "Kullanıcı {{roomName}} içinde yazabilecek" diff --git a/app/i18n/locales/zh-CN.json b/app/i18n/locales/zh-CN.json index e3c0b852e..3fcccaadf 100644 --- a/app/i18n/locales/zh-CN.json +++ b/app/i18n/locales/zh-CN.json @@ -477,7 +477,7 @@ "No_threads": "当前没有讨论串", "No_threads_following": "当前没有正在追踪的讨论", "No_threads_unread": "当前没有未读的讨论", - "Messagebox_Send_to_channel": "发送至频道", + "Message_composer_Send_to_channel": "发送至频道", "Open_Livechats": "打开即时聊天", "Broadcast_hint": "只有经过授权的用户才能写新信息，但其他用户可以回复", "and_N_more": "另外{{count}}个", diff --git a/app/i18n/locales/zh-TW.json b/app/i18n/locales/zh-TW.json index bc265143d..199cd74e4 100644 --- a/app/i18n/locales/zh-TW.json +++ b/app/i18n/locales/zh-TW.json @@ -483,11 +483,33 @@ "No_threads": "當前沒有討論串", "No_threads_following": "當前沒有正在追蹤的討論", "No_threads_unread": "當前沒有未讀的討論", - "Messagebox_Send_to_channel": "發送至頻道", + "Message_composer_Send_to_channel": "發送至頻道", "Confirmation": "確認", "Open_Livechats": "打開即時聊天", "Broadcast_hint": "只有經過授權的使用者才能發送新訊息，但其他使用者可以回覆", "and_N_more": "另外{{count}}個", + "Slash_Gimme_Description": "顯示（つ◕_◕）つ之前您的留言", + "Slash_LennyFace_Description": "顯示（͡°͜ʖ͡°）後留言", + "Slash_Shrug_Description": "顯示¯\\ _（ツ）_ /¯的消息後", + "Slash_Status_Description": "設定您的狀態訊息", + "Slash_Status_Params": "狀態訊息", + "Slash_Tableflip_Description": "顯示（╯□°°）╯(┻━┻", + "Slash_TableUnflip_Description": "顯示┬─┬ノ（゜ - ゜ノ）", + "Slash_Topic_Description": "設定主題", + "Slash_Topic_Params": "主題訊息", + "Create_A_New_Channel": "建立一個新Channel", + "Show_the_keyboard_shortcut_list": "顯示鍵盤快捷鍵列表", + "Hide_room": "隱藏", + "Invite_user_to_join_channel": "邀請使用者加入此頻道", + "Invite_user_to_join_channel_all_from": "邀請[#channel]中的所有使用者加入此頻道", + "Invite_user_to_join_channel_all_to": "邀請此頻道的所有使用者加入[＃頻道]", + "Join_the_given_channel": "加入現有頻道", + "Remove_someone_from_room": "從房間中刪除某人", + "Leave_the_current_channel": "離開目前頻道", + "Displays_action_text": "顯示文字行動", + "Direct_message_someone": "私訊其他人", + "Mute_someone_in_room": "在房間中有人靜音", + "Unmute_someone_in_room": "有人在房間取消靜音", "Audio": "音訊", "The_user_wont_be_able_to_type_in_roomName": "此使用者將無法在 {{roomName}} 中輸入", "The_user_will_be_able_to_type_in_roomName": "此使用者將可以在 {{roomName}} 中輸入" diff --git a/app/lib/constants/colors.ts b/app/lib/constants/colors.ts index 4b1943412..4cc8d0aa1 100644 --- a/app/lib/constants/colors.ts +++ b/app/lib/constants/colors.ts @@ -22,6 +22,190 @@ const mentions = { mentionOtherColor: '#F3BE08' }; +// TODO: Remove this after the new colors are implemented +const newColors = { + surfaceLight: '#FFFFFF', + surfaceTint: '#F7F8FA', + surfaceRoom: '#FFFFFF', + surfaceNeutral: '#E4E7EA', + surfaceDisabled: '#F7F8FA', + surfaceHover: '#F2F3F5', + surfaceSelected: '#D7DBE0', + surfaceDark: '#1F2329', + surfaceFeatured: '#5F1477', + surfaceFeaturedHover: '#4A105D', + + strokeExtraLight: '#EBECEF', + strokeLight: '#CBCED1', + strokeMedium: '#9EA2A8', + strokeDark: '#6C727A', + strokeExtraDark: '#2F343D', + strokeExtraLightHighlight: '#D1EBFE', + strokeHighlight: '#156FF5', + strokeExtraLightError: '#FFC1C9', + strokeError: '#EC0D2A', + + fontWhite: '#FFFFFF', + fontDisabled: '#CBCED1', + fontAnnotation: '#9EA2A8', + fontHint: '#6C727A', + fontSecondaryInfo: '#6C727A', + fontDefault: '#2F343D', + fontTitlesLabels: '#1F2329', + fontInfo: '#095AD2', + fontDanger: '#D40C26', + fontPureBlack: '#2F343D', + fontPureWhite: '#FFFFFF', + + statusBackgroundInfo: '#D1EBFE', + statusBackgroundSuccess: '#C0F6E4', + statusBackgroundDanger: '#FFC1C9', + statusBackgroundWarning: '#FFECAD', + statusBackgroundWarning2: '#FFF6D6', + statusBackgroundService: '#FAD1B0', + statusBackgroundService2: '#EDD0F7', + statusFontInfo: '#095AD2', + statusFontSuccess: '#148660', + statusFontDanger: '#9B1325', + statusFontWarning: '#B88D00', + statusFontWarning2: '#2F343D', + statusFontService: '#974809', + statusFontService2: '#7F1B9F', + + badgeBackgroundLevel1: '#6C727A', + badgeBackgroundLevel2: '#1D74F5', + badgeBackgroundLevel3: '#F38C39', + badgeBackgroundLevel4: '#F5455C', + + userPresenceOnline: '#158D65', + userPresenceBusy: '#DA1F37', + userPresenceAway: '#AC892F', + userPresenceOffline: '#6C727A', + userPresenceDisabled: '#F38C39', + + buttonBackgroundPrimaryDefault: '#156FF5', + buttonBackgroundPrimaryPress: '#10529E', + buttonBackgroundPrimaryDisabled: '#D1EBFE', + + buttonBackgroundSecondaryDefault: '#E4E7EA', + buttonBackgroundSecondaryPress: '#9EA2A8', + buttonBackgroundSecondaryDisabled: '#EEEFF1', + + buttonBackgroundSecondaryDangerDefault: '#E4E7EA', + buttonBackgroundSecondaryDangerPress: '#9EA2A8', + buttonBackgroundSecondaryDangerDisabled: '#EEEFF1', + + buttonBackgroundDangerDefault: '#EC0D2A', + buttonBackgroundDangerPress: '#BB0B21', + buttonBackgroundDangerDisabled: '#FFC1C9', + + buttonBackgroundSuccessDefault: '#158D65', + buttonBackgroundSuccessPress: '#0D5940', + buttonBackgroundSuccessDisabled: '#C0F6E4', + + buttonFontPrimary: '#FFFFFF', + buttonPrimaryDisabled: '#FFFFFF', + buttonFontSecondary: '#1F2329', + buttonSecondaryDisabled: '#CBCED1', + buttonFontSecondaryDanger: '#BB0B21', + buttonSecondaryDangerDisabled: '#F98F9D', + buttonFontDanger: '#FFFFFF', + buttonDangerDisabled: '#FFFFFF', + buttonFontSuccess: '#FFFFFF', + buttonSuccessDisabled: '#FFFFFF' +}; +const newColorsDark = { + surfaceLight: '#262931', + surfaceTint: '#1F2329', + surfaceRoom: '#1F2329', + surfaceNeutral: '#2D3039', + surfaceDisabled: '#24272E', + surfaceHover: '#1A1E23', + surfaceSelected: '#3C3F44', + surfaceDark: '#E4E7EA', + surfaceFeatured: '#5F1477', + surfaceFeaturedHover: '#4A105D', + + strokeExtraLight: '#2F343D', + strokeLight: '#333842', + strokeMedium: '#404754', + strokeDark: '#9EA2A8', + strokeExtraDark: '#CBCED1', + strokeExtraLightHighlight: '#87CBFC', + strokeHighlight: '#3976D1', + strokeExtraLightError: '#F49AA6', + strokeError: '#BB3E4E', + + fontWhite: '#2F343D', + fontDisabled: '#60646C', + fontAnnotation: '#9EA2A8', + fontHint: '#9EA2A8', + fontSecondaryInfo: '#9EA2A8', + fontDefault: '#E4E7EA', + fontTitlesLabels: '#F2F3F5', + fontInfo: '#739EDE', + fontDanger: '#CF6E7A', + fontPureBlack: '#2F343D', + fontPureWhite: '#FFFFFF', + + statusBackgroundInfo: '#A8C3EB', + statusBackgroundSuccess: '#C1EBDD', + statusBackgroundDanger: '#FFBDC5', + statusBackgroundWarning: '#FEEFBE', + statusBackgroundWarning2: '#4E4731', + statusBackgroundService: '#FCE3CF', + statusBackgroundService2: '#EDD0F7', + statusFontInfo: '#739EDE', + statusFontSuccess: '#58AD90', + statusFontDanger: '#D88892', + statusFontWarning: '#C7AA66', + statusFontWarning2: '#FFFFFF', + statusFontService: '#CA9163', + statusFontService2: '#C393D2', + + badgeBackgroundLevel1: '#484C51', + badgeBackgroundLevel2: '#2C65BA', + badgeBackgroundLevel3: '#955828', + badgeBackgroundLevel4: '#B43C4C', + + userPresenceOnline: '#1CBF89', + userPresenceBusy: '#C14454', + userPresenceAway: '#AC892F', + userPresenceOffline: '#6C727A', + userPresenceDisabled: '#955828', + + buttonBackgroundPrimaryDefault: '#3976D1', + buttonBackgroundPrimaryPress: '#245399', + buttonBackgroundPrimaryDisabled: '#1D3963', + + buttonBackgroundSecondaryDefault: '#2F343D', + buttonBackgroundSecondaryPress: '#454C59', + buttonBackgroundSecondaryDisabled: '#2F343D', + + buttonBackgroundSecondaryDangerDefault: '#2F343D', + buttonBackgroundSecondaryDangerPress: '#454C59', + buttonBackgroundSecondaryDangerDisabled: '#2F343D', + + buttonBackgroundDangerDefault: '#BB3E4E', + buttonBackgroundDangerPress: '#822C37', + buttonBackgroundDangerDisabled: '#3D2126', + + buttonBackgroundSuccessDefault: '#1D7256', + buttonBackgroundSuccessPress: '#134937', + buttonBackgroundSuccessDisabled: '#1E4B40', + + buttonFontPrimary: '#FFFFFF', + buttonPrimaryDisabled: '#6C727A', + buttonFontSecondary: '#E4E7EA', + buttonSecondaryDisabled: '#6C727A', + buttonFontSecondaryDanger: '#C14454', + buttonSecondaryDangerDisabled: '#613339', + buttonFontDanger: '#FFFFFF', + buttonDangerDisabled: '#757575', + buttonFontSuccess: '#FFFFFF', + buttonSuccessDisabled: '#757575' +}; + const callButtons = { cancelCallButton: '#F5455C', acceptCallButton: '#158D65' @@ -29,6 +213,8 @@ const callButtons = { export const colors = { light: { + ...newColors, + backgroundColor: '#ffffff', focusedBackground: '#ffffff', chatComponentBackground: '#f3f4f5', @@ -60,7 +246,6 @@ export const colors = { videoBackground: '#1f2329', favoriteBackground: '#ffbb00', hideBackground: '#54585e', - messageboxBackground: '#ffffff', searchboxBackground: '#E6E6E7', buttonBackground: '#414852', buttonText: '#ffffff', @@ -104,19 +289,13 @@ export const colors = { statusBackgroundWarning: '#FFECAD', statusFontOnWarning: '#B88D00', overlayColor: '#1F2329CC', - buttonBackgroundPrimaryDefault: '#156FF5', - buttonBackgroundSecondaryDefault: '#E4E7EA', - buttonFontPrimary: '#FFFFFF', - buttonFontSecondary: '#1F2329', - fontDefault: '#2F343D', - strokeExtraLight: '#EBECEF', - strokeLight: '#CBCED1', - surfaceTint: '#F7F8FA', - fontDisabled: '#CBCED1', ...mentions, ...callButtons }, dark: { + ...newColorsDark, + surfaceLight: '#0b182c', + backgroundColor: '#030b1b', focusedBackground: '#0b182c', chatComponentBackground: '#192132', @@ -148,7 +327,6 @@ export const colors = { videoBackground: '#1f2329', favoriteBackground: '#ffbb00', hideBackground: '#54585e', - messageboxBackground: '#0b182c', searchboxBackground: '#192d4d', buttonBackground: '#414852', buttonText: '#ffffff', @@ -192,19 +370,13 @@ export const colors = { statusBackgroundWarning: '#FFECAD', statusFontOnWarning: '#B88D00', overlayColor: '#1F2329CC', - buttonBackgroundPrimaryDefault: '#3976D1', - buttonBackgroundSecondaryDefault: '#2F343D', - buttonFontPrimary: '#FFFFFF', - buttonFontSecondary: '#E4E7EA', - fontDefault: '#E4E7EA', - strokeExtraLight: '#2F343D', - strokeLight: '#333842', - surfaceTint: '#1F2329', - fontDisabled: '#60646C', ...mentions, ...callButtons }, black: { + ...newColorsDark, + surfaceLight: '#0d0d0d', + backgroundColor: '#000000', focusedBackground: '#0d0d0d', chatComponentBackground: '#16181a', @@ -236,7 +408,6 @@ export const colors = { videoBackground: '#1f2329', favoriteBackground: '#ffbb00', hideBackground: '#54585e', - messageboxBackground: '#0d0d0d', searchboxBackground: '#1f1f1f', buttonBackground: '#414852', buttonText: '#ffffff', @@ -280,15 +451,6 @@ export const colors = { statusBackgroundWarning: '#FFECAD', statusFontOnWarning: '#B88D00', overlayColor: '#1F2329CC', - buttonBackgroundPrimaryDefault: '#3976D1', - buttonBackgroundSecondaryDefault: '#2F343D', - buttonFontPrimary: '#FFFFFF', - buttonFontSecondary: '#E4E7EA', - fontDefault: '#E4E7EA', - strokeExtraLight: '#2F343D', - strokeLight: '#333842', - surfaceTint: '#1F2329', - fontDisabled: '#60646C', ...mentions, ...callButtons } diff --git a/app/lib/hooks/index.ts b/app/lib/hooks/index.ts index 69783bf21..6863ad82c 100644 --- a/app/lib/hooks/index.ts +++ b/app/lib/hooks/index.ts @@ -1,3 +1,4 @@ export * from './useAppSelector'; -export * from './usePermissions'; export * from './useFrequentlyUsedEmoji'; +export * from './usePermissions'; +export * from './usePrevious'; diff --git a/app/lib/hooks/usePermissions.ts b/app/lib/hooks/usePermissions.ts index 8f482f55f..f04b3a16b 100644 --- a/app/lib/hooks/usePermissions.ts +++ b/app/lib/hooks/usePermissions.ts @@ -11,7 +11,7 @@ import { getUserSelector } from '../../selectors/login'; import { useAppSelector } from './useAppSelector'; import { getSubscriptionByRoomId } from '../database/services/Subscription'; -const getPermissionsSelector = createSelector( +export const getPermissionsSelector = createSelector( [(state: IApplicationState) => state.permissions, (_state: any, permissionsArray: TSupportedPermissions[]) => permissionsArray], (permissions, permissionsArray) => permissionsArray.map(p => permissions[p]) ); diff --git a/app/lib/hooks/usePrevious.ts b/app/lib/hooks/usePrevious.ts new file mode 100644 index 000000000..0fd62c3e3 --- /dev/null +++ b/app/lib/hooks/usePrevious.ts @@ -0,0 +1,11 @@ +import { useEffect, useRef } from 'react'; + +export const usePrevious = (value: any) => { + const ref = useRef(value); + + useEffect(() => { + ref.current = value; + }, [value]); + + return ref.current; +}; diff --git a/app/lib/methods/search.ts b/app/lib/methods/search.ts index 496006e4f..5d5b22b1a 100644 --- a/app/lib/methods/search.ts +++ b/app/lib/methods/search.ts @@ -112,7 +112,7 @@ export const search = async ({ text = '', filterUsers = true, filterRooms = true // Meanwhile, the username provided by localSearchSubscription is in name's property // Example: Diego Mello's subscription -> {fname: "Diego Mello", name: "diego.mello"} let usernames = []; - if (rid) { + if (rid && filterUsers) { localSearchData = await localSearchUsersMessageByRid({ text, rid }); usernames = localSearchData.map(sub => sub.username as string); } else { diff --git a/app/lib/services/restApi.ts b/app/lib/services/restApi.ts index 424566357..b1e673381 100644 --- a/app/lib/services/restApi.ts +++ b/app/lib/services/restApi.ts @@ -870,8 +870,8 @@ export function e2eResetOwnKey(): Promise { return sdk.methodCallWrapper('e2e.resetOwnE2EKey'); } -export const editMessage = async (message: IMessage) => { - const { rid, msg } = await Encryption.encryptMessage(message); +export const editMessage = async (message: Pick) => { + const { rid, msg } = await Encryption.encryptMessage(message as IMessage); // RC 0.49.0 return sdk.post('chat.update', { roomId: rid, msgId: message.id, text: msg }); }; diff --git a/app/sagas/messages.js b/app/sagas/messages.js index ddae85213..211158f64 100644 --- a/app/sagas/messages.js +++ b/app/sagas/messages.js @@ -17,11 +17,11 @@ const handleReplyBroadcast = function* handleReplyBroadcast({ message }) { const isMasterDetail = yield select(state => state.app.isMasterDetail); if (subscriptions.length) { - goRoom({ item: subscriptions[0], isMasterDetail, popToRoot: true, message }); + goRoom({ item: subscriptions[0], isMasterDetail, popToRoot: true, messageId: message.id }); } else { const result = yield Services.createDirectMessage(username); if (result?.success) { - goRoom({ item: result?.room, isMasterDetail, popToRoot: true, message }); + goRoom({ item: result?.room, isMasterDetail, popToRoot: true, messageId: message.id }); } } } catch (e) { diff --git a/app/sagas/room.js b/app/sagas/room.js index 89c0e7677..082d7e15e 100644 --- a/app/sagas/room.js +++ b/app/sagas/room.js @@ -1,5 +1,5 @@ import { Alert } from 'react-native'; -import { delay, put, race, select, take, takeLatest, actionChannel } from 'redux-saga/effects'; +import { delay, put, race, select, take, takeLatest, actionChannel, throttle, fork, cancel } from 'redux-saga/effects'; import EventEmitter from '../lib/methods/helpers/events'; import Navigation from '../lib/navigation/appNavigation'; @@ -31,18 +31,34 @@ function* watchHistoryRequests() { } } -const watchUserTyping = function* watchUserTyping({ rid, status }) { - const auth = yield select(state => state.login.isAuthenticated); - if (!auth) { - yield take(types.LOGIN.SUCCESS); - } +let inactiveTypingTask = null; +const clearUserTyping = function* clearUserTyping({ rid, status }) { try { - yield Services.emitTyping(rid, status); - - if (status) { - yield delay(5000); + if (!status) { yield Services.emitTyping(rid, false); + if (inactiveTypingTask) { + yield cancel(inactiveTypingTask); + } + } + } catch (e) { + log(e); + } +}; + +const clearInactiveTyping = function* clearInactiveTyping({ rid }) { + yield delay(5000); + yield clearUserTyping({ rid, status: false }); +}; + +const watchUserTyping = function* watchUserTyping({ rid, status }) { + try { + if (status) { + yield Services.emitTyping(rid, status); + if (inactiveTypingTask) { + yield cancel(inactiveTypingTask); + } + inactiveTypingTask = yield fork(clearInactiveTyping, { rid }); } } catch (e) { log(e); @@ -148,7 +164,8 @@ const handleForwardRoom = function* handleForwardRoom({ transferData }) { }; const root = function* root() { - yield takeLatest(types.ROOM.USER_TYPING, watchUserTyping); + yield takeLatest(types.ROOM.USER_TYPING, clearUserTyping); + yield throttle(3000, types.ROOM.USER_TYPING, watchUserTyping); yield takeLatest(types.ROOM.LEAVE, handleLeaveRoom); yield takeLatest(types.ROOM.DELETE, handleDeleteRoom); yield takeLatest(types.ROOM.FORWARD, handleForwardRoom); diff --git a/app/stacks/types.ts b/app/stacks/types.ts index e3509a320..893df6d14 100644 --- a/app/stacks/types.ts +++ b/app/stacks/types.ts @@ -1,15 +1,21 @@ import { NavigatorScreenParams } from '@react-navigation/core'; -import { TThreadModel } from '../definitions'; -import { IAttachment } from '../definitions/IAttachment'; -import { ICannedResponse } from '../definitions/ICannedResponse'; -import { TDataSelect } from '../definitions/IDataSelect'; -import { ILivechatDepartment } from '../definitions/ILivechatDepartment'; -import { ILivechatTag } from '../definitions/ILivechatTag'; -import { IMessage, TAnyMessageModel, TMessageModel } from '../definitions/IMessage'; -import { IServer } from '../definitions/IServer'; -import { ISubscription, SubscriptionType, TSubscriptionModel } from '../definitions/ISubscription'; -import { TChangeAvatarViewContext } from '../definitions/TChangeAvatarViewContext'; +import { + IAttachment, + ICannedResponse, + ILivechatDepartment, + ILivechatTag, + IMessage, + IServer, + ISubscription, + SubscriptionType, + TAnyMessageModel, + TChangeAvatarViewContext, + TDataSelect, + TMessageAction, + TSubscriptionModel, + TThreadModel +} from '../definitions'; import { ModalStackParamList } from './MasterDetailStack/types'; import { TNavigation } from './stackType'; @@ -26,7 +32,7 @@ export type ChatsStackParamList = { rid: string; t: SubscriptionType; tmid?: string; - message?: TMessageModel; + messageId?: string; name?: string; fname?: string; prid?: string; @@ -36,7 +42,6 @@ export type ChatsStackParamList = { roomUserId?: string | null; usedCannedResponse?: string; status?: string; - replyInDM?: TAnyMessageModel; } | undefined; // Navigates back to RoomView already on stack RoomActionsView: { @@ -268,9 +273,8 @@ export type InsideStackParamList = { text: string; room: TSubscriptionModel; thread: TThreadModel; - replying?: boolean; - replyingMessage?: IMessage; - closeReply?: Function; + action: TMessageAction; + selectedMessages: string[]; }; ModalBlockView: { data: any; // TODO: Change; diff --git a/app/views/CannedResponseDetail.tsx b/app/views/CannedResponseDetail.tsx index 682b00899..d9a3977bd 100644 --- a/app/views/CannedResponseDetail.tsx +++ b/app/views/CannedResponseDetail.tsx @@ -112,7 +112,7 @@ const CannedResponseDetail = ({ navigation, route }: ICannedResponseDetailProps) return ( - + diff --git a/app/views/CannedResponsesListView/CannedResponseItem.stories.tsx b/app/views/CannedResponsesListView/CannedResponseItem.stories.tsx index 03b218455..a133ca655 100644 --- a/app/views/CannedResponsesListView/CannedResponseItem.stories.tsx +++ b/app/views/CannedResponsesListView/CannedResponseItem.stories.tsx @@ -49,7 +49,7 @@ export const Itens = () => ( tags={item[0]?.tags} text={item[0].text} onPressDetail={() => alert('navigation to CannedResponseDetail')} - onPressUse={() => alert('Back to RoomView and wrote in MessageBox')} + onPressUse={() => alert('Back to RoomView and wrote in Message Composer')} /> ( tags={item[1]?.tags} text={item[1].text} onPressDetail={() => alert('navigation to CannedResponseDetail')} - onPressUse={() => alert('Back to RoomView and wrote in MessageBox')} + onPressUse={() => alert('Back to RoomView and wrote in Message Composer')} /> ); diff --git a/app/views/CannedResponsesListView/CannedResponseItem.tsx b/app/views/CannedResponsesListView/CannedResponseItem.tsx index 135e46022..cc00a8972 100644 --- a/app/views/CannedResponsesListView/CannedResponseItem.tsx +++ b/app/views/CannedResponsesListView/CannedResponseItem.tsx @@ -27,7 +27,7 @@ const CannedResponseItem = ({ text, tags = [] }: ICannedResponseItem): JSX.Element => ( - + <> diff --git a/app/views/RoomView/List/hooks/useMessages.ts b/app/views/RoomView/List/hooks/useMessages.ts index 0f5fa0c15..b0f3543f0 100644 --- a/app/views/RoomView/List/hooks/useMessages.ts +++ b/app/views/RoomView/List/hooks/useMessages.ts @@ -2,8 +2,9 @@ import { useCallback, useLayoutEffect, useRef, useState } from 'react'; import { Q } from '@nozbe/watermelondb'; import { Subscription } from 'rxjs'; -import { TAnyMessageModel, TThreadModel } from '../../../../definitions'; +import { TAnyMessageModel } from '../../../../definitions'; import database from '../../../../lib/database'; +import { getMessageById } from '../../../../lib/database/services/Message'; import { getThreadById } from '../../../../lib/database/services/Thread'; import { animateNextTransition, compareServerVersion, isIOS, useDebounce } from '../../../../lib/methods/helpers'; import { Services } from '../../../../lib/services'; @@ -23,7 +24,7 @@ export const useMessages = ({ hideSystemMessages: string[]; }) => { const [messages, setMessages] = useState([]); - const thread = useRef(null); + const thread = useRef(null); const count = useRef(0); const subscription = useRef(null); const messagesIds = useRef([]); @@ -39,8 +40,13 @@ export const useMessages = ({ const db = database.active; let observable; if (tmid) { - if (!thread.current) { + // If the thread doesn't exist yet, we fetch it from messages, but trying to get it from threads when possible. + // As soon as we have it from threads table, we use it from cache only and never query again. + if (!thread.current || thread.current.collection.table !== 'threads') { thread.current = await getThreadById(tmid); + if (!thread.current) { + thread.current = await getMessageById(tmid); + } } observable = db .get('thread_messages') diff --git a/app/views/RoomView/ReactionPicker.tsx b/app/views/RoomView/ReactionPicker.tsx index 96ea961aa..7c0654016 100644 --- a/app/views/RoomView/ReactionPicker.tsx +++ b/app/views/RoomView/ReactionPicker.tsx @@ -11,12 +11,12 @@ import { EmojiSearch } from '../../containers/EmojiPicker/EmojiSearch'; import { events, logEvent } from '../../lib/methods/helpers/log'; interface IReactionPickerProps { - message?: any; + messageId?: string; reactionClose: () => void; onEmojiSelected: (emoji: IEmoji, id: string) => void; } -const ReactionPicker = ({ onEmojiSelected, message, reactionClose }: IReactionPickerProps): React.ReactElement => { +const ReactionPicker = ({ onEmojiSelected, messageId, reactionClose }: IReactionPickerProps): React.ReactElement => { const [searchedEmojis, setSearchedEmojis] = React.useState([]); const [searching, setSearching] = React.useState(false); @@ -33,8 +33,8 @@ const ReactionPicker = ({ onEmojiSelected, message, reactionClose }: IReactionPi const handleEmojiSelect = (_eventType: EventTypes, emoji?: IEmoji) => { logEvent(events.REACTION_PICKER_EMOJI_SELECTED); - if (message && emoji) { - onEmojiSelected(emoji, message.id); + if (messageId && emoji) { + onEmojiSelected(emoji, messageId); } reactionClose(); }; diff --git a/app/views/RoomView/constants.ts b/app/views/RoomView/constants.ts new file mode 100644 index 000000000..c91d68c6c --- /dev/null +++ b/app/views/RoomView/constants.ts @@ -0,0 +1,45 @@ +import { TRoomUpdate, TStateAttrsUpdate } from './definitions'; + +export const stateAttrsUpdate = [ + 'joined', + 'lastOpen', + 'reactionsModalVisible', + 'canAutoTranslate', + 'loading', + 'editing', + 'readOnly', + 'member', + 'canForwardGuest', + 'canReturnQueue', + 'canViewCannedResponse' +] as TStateAttrsUpdate[]; + +export const roomAttrsUpdate = [ + 'f', + 'ro', + 'blocked', + 'blocker', + 'archived', + 'tunread', + 'muted', + 'ignored', + 'jitsiTimeout', + 'announcement', + 'sysMes', + 'topic', + 'name', + 'fname', + 'roles', + 'bannerClosed', + 'visitor', + 'joinCodeRequired', + 'teamMain', + 'teamId', + 'status', + 'lastMessage', + 'onHold', + 't', + 'autoTranslate', + 'autoTranslateLanguage', + 'unmuted' +] as TRoomUpdate[]; diff --git a/app/views/RoomView/context.ts b/app/views/RoomView/context.ts new file mode 100644 index 000000000..f2ca7f646 --- /dev/null +++ b/app/views/RoomView/context.ts @@ -0,0 +1,21 @@ +import { createContext, useContext } from 'react'; + +export type TMessageAction = 'reply' | 'quote' | 'edit' | 'react' | null; + +export interface IRoomContext { + rid?: string; + t?: string; + tmid?: string; + sharing?: boolean; + action?: TMessageAction; + selectedMessages: string[]; + + editCancel?: () => void; + editRequest?: (message: any) => void; + onRemoveQuoteMessage?: (messageId: string) => void; + onSendMessage?: Function; +} + +export const RoomContext = createContext({} as IRoomContext); + +export const useRoomContext = () => useContext(RoomContext); diff --git a/app/views/RoomView/definitions.ts b/app/views/RoomView/definitions.ts new file mode 100644 index 000000000..5c246ff71 --- /dev/null +++ b/app/views/RoomView/definitions.ts @@ -0,0 +1,61 @@ +import { EdgeInsets } from 'react-native-safe-area-context'; + +import { ChatsStackParamList } from '../../stacks/types'; +import { IBaseScreen, ILastMessage, ILoggedUser, TSubscriptionModel, ICustomEmojis, TMessageAction } from '../../definitions'; +import { IActionSheetProvider } from '../../containers/ActionSheet'; + +export interface IRoomViewProps extends IActionSheetProvider, IBaseScreen { + user: Pick; + useRealName?: boolean; + isAuthenticated: boolean; + Message_GroupingPeriod?: number; + Message_TimeFormat?: string; + Message_Read_Receipt_Enabled?: boolean; + Hide_System_Messages?: string[]; + baseUrl: string; + serverVersion: string | null; + customEmojis: ICustomEmojis; + isMasterDetail: boolean; + replyBroadcast: Function; + width: number; + insets: EdgeInsets; + transferLivechatGuestPermission?: string[]; // TODO: Check if its the correct type + viewCannedResponsesPermission?: string[]; // TODO: Check if its the correct type + livechatAllowManualOnHold?: boolean; +} + +export type TStateAttrsUpdate = keyof IRoomViewState; +export type TRoomUpdate = keyof TSubscriptionModel; + +export interface IRoomViewState { + [key: string]: any; + joined: boolean; + room: + | TSubscriptionModel + | { + rid: string; + t: string; + name?: string; + fname?: string; + prid?: string; + joinCodeRequired?: boolean; + status?: string; + lastMessage?: ILastMessage; + sysMes?: boolean; + onHold?: boolean; + }; + roomUpdate: { + [K in TRoomUpdate]?: any; + }; + member: any; + lastOpen: Date | null; + reactionsModalVisible: boolean; + canAutoTranslate: boolean; + loading: boolean; + replyWithMention: boolean; + readOnly: boolean; + unreadsCount: number | null; + roomUserId?: string | null; + action: TMessageAction; + selectedMessages: string[]; +} diff --git a/app/views/RoomView/index.tsx b/app/views/RoomView/index.tsx index 57744eba9..ffa73466f 100644 --- a/app/views/RoomView/index.tsx +++ b/app/views/RoomView/index.tsx @@ -5,7 +5,7 @@ import parse from 'url-parse'; import moment from 'moment'; import { Q } from '@nozbe/watermelondb'; import { dequal } from 'dequal'; -import { EdgeInsets, withSafeAreaInsets } from 'react-native-safe-area-context'; +import { withSafeAreaInsets } from 'react-native-safe-area-context'; import { Subscription } from 'rxjs'; import { getRoutingConfig } from '../../lib/services/restApi'; @@ -15,7 +15,6 @@ import database from '../../lib/database'; import Message from '../../containers/message'; import MessageActions, { IMessageActions } from '../../containers/MessageActions'; import MessageErrorActions, { IMessageErrorActions } from '../../containers/MessageErrorActions'; -import MessageBox, { MessageBoxType } from '../../containers/MessageBox'; import log, { events, logEvent } from '../../lib/methods/helpers/log'; import EventEmitter from '../../lib/methods/helpers/events'; import I18n from '../../i18n'; @@ -49,23 +48,16 @@ import JoinCode, { IJoinCode } from './JoinCode'; import UploadProgress from './UploadProgress'; import ReactionPicker from './ReactionPicker'; import List from './List'; -import { ChatsStackParamList } from '../../stacks/types'; import { IApplicationState, IAttachment, - IBaseScreen, - ILastMessage, - ILoggedUser, IMessage, IOmnichannelSource, ISubscription, IVisitor, SubscriptionType, TAnyMessageModel, - TMessageModel, TSubscriptionModel, - TThreadModel, - ICustomEmojis, IEmoji, TGetCustomEmoji, RoomType @@ -90,115 +82,16 @@ import { hasPermission } from '../../lib/methods/helpers'; import { Services } from '../../lib/services'; -import { withActionSheet, IActionSheetProvider } from '../../containers/ActionSheet'; +import { withActionSheet } from '../../containers/ActionSheet'; import { goRoom, TGoRoomItem } from '../../lib/methods/helpers/goRoom'; +import { IMessageComposerRef, MessageComposerContainer } from '../../containers/MessageComposer'; +import { RoomContext } from './context'; import audioPlayer from '../../lib/methods/audioPlayer'; import { IListContainerRef, TListRef } from './List/definitions'; +import { getMessageById } from '../../lib/database/services/Message'; import { getThreadById } from '../../lib/database/services/Thread'; - -type TStateAttrsUpdate = keyof IRoomViewState; - -const stateAttrsUpdate = [ - 'joined', - 'lastOpen', - 'reactionsModalVisible', - 'canAutoTranslate', - 'selectedMessage', - 'loading', - 'editing', - 'replying', - 'readOnly', - 'member', - 'canForwardGuest', - 'canReturnQueue', - 'canViewCannedResponse' -] as TStateAttrsUpdate[]; - -type TRoomUpdate = keyof TSubscriptionModel; - -const roomAttrsUpdate = [ - 'f', - 'ro', - 'blocked', - 'blocker', - 'archived', - 'tunread', - 'muted', - 'ignored', - 'jitsiTimeout', - 'announcement', - 'sysMes', - 'topic', - 'name', - 'fname', - 'roles', - 'bannerClosed', - 'visitor', - 'joinCodeRequired', - 'teamMain', - 'teamId', - 'status', - 'lastMessage', - 'onHold', - 't', - 'autoTranslate', - 'autoTranslateLanguage', - 'unmuted' -] as TRoomUpdate[]; - -interface IRoomViewProps extends IActionSheetProvider, IBaseScreen { - user: Pick; - useRealName?: boolean; - isAuthenticated: boolean; - Message_GroupingPeriod?: number; - Message_TimeFormat?: string; - Message_Read_Receipt_Enabled?: boolean; - Hide_System_Messages?: string[]; - baseUrl: string; - serverVersion: string | null; - customEmojis: ICustomEmojis; - isMasterDetail: boolean; - replyBroadcast: Function; - width: number; - insets: EdgeInsets; - transferLivechatGuestPermission?: string[]; // TODO: Check if its the correct type - viewCannedResponsesPermission?: string[]; // TODO: Check if its the correct type - livechatAllowManualOnHold?: boolean; -} - -interface IRoomViewState { - [key: string]: any; - joined: boolean; - room: - | TSubscriptionModel - | { - rid: string; - t: string; - name?: string; - fname?: string; - prid?: string; - joinCodeRequired?: boolean; - status?: string; - lastMessage?: ILastMessage; - sysMes?: boolean; - onHold?: boolean; - }; - roomUpdate: { - [K in TRoomUpdate]?: any; - }; - member: any; - lastOpen: Date | null; - reactionsModalVisible: boolean; - selectedMessage?: TAnyMessageModel; - canAutoTranslate: boolean; - loading: boolean; - editing: boolean; - replying: boolean; - replyWithMention: boolean; - readOnly: boolean; - unreadsCount: number | null; - roomUserId?: string | null; -} +import { IRoomViewProps, IRoomViewState } from './definitions'; +import { roomAttrsUpdate, stateAttrsUpdate } from './constants'; class RoomView extends React.Component { private rid?: string; @@ -206,14 +99,13 @@ class RoomView extends React.Component { private tmid?: string; private jumpToMessageId?: string; private jumpToThreadId?: string; - private messagebox: React.RefObject; + private messageComposerRef: React.RefObject; private joinCode: React.RefObject; // ListContainer component private list: React.RefObject; // FlatList inside ListContainer private flatList: TListRef; private mounted: boolean; - private offset = 0; private subObserveQuery?: Subscription; private subSubscription?: Subscription; private queryUnreads?: Subscription; @@ -221,7 +113,6 @@ class RoomView extends React.Component { private retryInitTimeout?: ReturnType; private messageErrorActions?: IMessageErrorActions | null; private messageActions?: IMessageActions | null; - private replyInDM?: TAnyMessageModel; // Type of InteractionManager.runAfterInteractions private didMountInteraction?: { then: (onfulfilled?: (() => any) | undefined, onrejected?: (() => any) | undefined) => Promise; @@ -230,6 +121,7 @@ class RoomView extends React.Component { }; private sub?: RoomClass; private unsubscribeBlur?: () => void; + private unsubscribeFocus?: () => void; constructor(props: IRoomViewProps) { super(props); @@ -241,7 +133,6 @@ class RoomView extends React.Component { * Use `this.tmid` as thread id. */ this.tmid = props.route.params?.tmid; - const selectedMessage = props.route.params?.message; const name = props.route.params?.name; const fname = props.route.params?.fname; const prid = props.route.params?.prid; @@ -255,7 +146,7 @@ class RoomView extends React.Component { this.jumpToMessageId = props.route.params?.jumpToMessageId; this.jumpToThreadId = props.route.params?.jumpToThreadId; const roomUserId = props.route.params?.roomUserId ?? getUidDirectMessage(room); - this.replyInDM = props.route.params?.replyInDM; + const selectedMessages = props.route.params?.messageId ? [props.route.params.messageId] : []; this.state = { joined: true, room, @@ -263,11 +154,10 @@ class RoomView extends React.Component { member: {}, lastOpen: null, reactionsModalVisible: false, - selectedMessage, + selectedMessages, + action: selectedMessages.length ? 'quote' : null, canAutoTranslate: false, loading: true, - editing: false, - replying: !!selectedMessage, replyWithMention: false, readOnly: false, unreadsCount: null, @@ -290,7 +180,7 @@ class RoomView extends React.Component { this.setReadOnly(); - this.messagebox = React.createRef(); + this.messageComposerRef = React.createRef(); this.list = React.createRef(); this.flatList = React.createRef(); this.joinCode = React.createRef(); @@ -307,6 +197,7 @@ class RoomView extends React.Component { } componentDidMount() { + const { selectedMessages } = this.state; const { navigation } = this.props; this.mounted = true; this.didMountInteraction = InteractionManager.runAfterInteractions(() => { @@ -329,8 +220,8 @@ class RoomView extends React.Component { if (isIOS && this.rid) { this.updateUnreadCount(); } - if (this.replyInDM) { - this.onReplyInit(this.replyInDM, false); + if (selectedMessages.length === 1) { + this.onQuoteInit(selectedMessages[0]); } }); EventEmitter.addEventListener('ROOM_REMOVED', this.handleRoomRemoved); @@ -357,6 +248,9 @@ class RoomView extends React.Component { if (stateUpdated) { return true; } + if (!dequal(nextState.selectedMessages, state.selectedMessages)) { + return true; + } if (!dequal(nextProps.insets, insets)) { return true; } @@ -408,35 +302,7 @@ class RoomView extends React.Component { }; async componentWillUnmount() { - const { editing, room } = this.state; - const db = database.active; this.mounted = false; - if (!editing && this.messagebox && this.messagebox.current) { - const { text } = this.messagebox.current; - let obj: TSubscriptionModel | TThreadModel | null = null; - if (this.tmid) { - try { - const threadsCollection = db.get('threads'); - obj = await threadsCollection.find(this.tmid); - } catch (e) { - // Do nothing - } - } else { - obj = room as TSubscriptionModel; - } - if (obj) { - try { - const object = obj; - await db.write(async () => { - await object.update(r => { - r.draftMessage = text; - }); - }); - } catch (error) { - // Do nothing - } - } - } this.unsubscribe(); if (this.didMountInteraction && this.didMountInteraction.cancel) { this.didMountInteraction.cancel(); @@ -457,6 +323,9 @@ class RoomView extends React.Component { if (this.unsubscribeBlur) { this.unsubscribeBlur(); } + if (this.unsubscribeFocus) { + this.unsubscribeFocus(); + } EventEmitter.removeListener('connected', this.handleConnected); EventEmitter.removeListener('ROOM_REMOVED', this.handleRoomRemoved); if (!this.tmid) { @@ -786,8 +655,8 @@ class RoomView extends React.Component { }; handleCloseEmoji = (action?: Function, params?: any) => { - if (this.messagebox?.current) { - return this.messagebox?.current.closeEmojiAndAction(action, params); + if (this.messageComposerRef?.current) { + return this.messageComposerRef?.current.closeEmojiKeyboardAndAction(action, params); } if (action) { return action(params); @@ -803,73 +672,115 @@ class RoomView extends React.Component { this.handleCloseEmoji(showActionSheet, options); }; - onEditInit = (message: TAnyMessageModel) => { - const newMessage = { - id: message.id, - subscription: { - // @ts-ignore TODO: we can remove this after we merge a PR separating IMessage vs IMessageFromServer - id: message.subscription.id - }, - msg: message?.attachments?.[0]?.description || message.msg - } as TMessageModel; - this.setState({ selectedMessage: newMessage, editing: true }); + onEditInit = (messageId: string) => { + const { action } = this.state; + // TODO: implement multiple actions running. Quoting, then edit. Edit then quote. + if (action) { + return; + } + this.setState({ selectedMessages: [messageId], action: 'edit' }); }; onEditCancel = () => { - this.setState({ selectedMessage: undefined, editing: false }); + this.resetAction(); }; - onEditRequest = async (message: TAnyMessageModel) => { - this.setState({ selectedMessage: undefined, editing: false }); + onEditRequest = async (message: Pick) => { try { + this.resetAction(); await Services.editMessage(message); } catch (e) { log(e); } }; - onReplyInit = (message: TAnyMessageModel, mention: boolean) => { + onReplyInit = async (messageId: string) => { + const message = await getMessageById(messageId); + if (!message || !this.rid) { + return; + } + // If there's a thread already, we redirect to it - if (mention && !!message.tlm) { + if (message.tlm) { return this.onThreadPress(message); } - this.setState({ - selectedMessage: message, - replying: true, - replyWithMention: mention + const { roomUserId } = this.state; + const { navigation } = this.props; + navigation.push('RoomView', { + rid: this.rid, + tmid: messageId, + name: makeThreadName(message), + t: SubscriptionType.THREAD, + roomUserId }); }; - onReplyCancel = () => { - this.setState({ selectedMessage: undefined, replying: false, replyWithMention: false }); + onQuoteInit = (messageId: string) => { + const { action } = this.state; + if (action === 'quote') { + if (!this.state.selectedMessages.includes(messageId)) { + this.setState(({ selectedMessages }) => ({ selectedMessages: [...selectedMessages, messageId] })); + } + return; + } + // TODO: implement multiple actions running. Quoting, then edit. Edit then quote. + if (action) { + return; + } + this.setState({ selectedMessages: [messageId], action: 'quote' }); + }; + + onRemoveQuoteMessage = (messageId: string) => { + const { selectedMessages } = this.state; + const newSelectedMessages = selectedMessages.filter(item => item !== messageId); + this.setState({ selectedMessages: newSelectedMessages, action: newSelectedMessages.length ? 'quote' : null }); + }; + + resetAction = () => { + this.setState({ action: null, selectedMessages: [] }); }; showReactionPicker = () => { const { showActionSheet } = this.props; - const { selectedMessage } = this.state; + const { selectedMessages } = this.state; setTimeout(() => { showActionSheet({ children: ( - + ), snaps: ['50%'], - enableContentPanningGesture: false + enableContentPanningGesture: false, + onClose: this.resetAction }); }, 100); }; - onReactionInit = (message: TAnyMessageModel) => { + onReactionInit = (messageId: string) => { + // TODO: implement multiple actions running. Quoting, then edit. Edit then quote. + if (this.state.action) { + return; + } this.handleCloseEmoji(() => { - this.setState({ selectedMessage: message }, this.showReactionPicker); + this.setState({ selectedMessages: [messageId], action: 'react' }, this.showReactionPicker); }); }; onReactionClose = () => { const { hideActionSheet } = this.props; - this.setState({ selectedMessage: undefined }, hideActionSheet); + this.resetAction(); + hideActionSheet(); }; onMessageLongPress = (message: TAnyMessageModel) => { + const { action } = this.state; + // TODO: implement multiple actions running. Quoting, then edit. Edit then quote. + if (action && action !== 'quote') { + return; + } // if it's a thread message on main room, we disable the long press if (message.tmid && !this.tmid) { return; @@ -900,11 +811,9 @@ class RoomView extends React.Component { }; onReactionLongPress = (message: TAnyMessageModel) => { - this.setState({ selectedMessage: message }); const { showActionSheet } = this.props; - const { selectedMessage } = this.state; this.handleCloseEmoji(showActionSheet, { - children: , + children: , snaps: ['50%'], enableContentPanningGesture: false }); @@ -1061,14 +970,15 @@ class RoomView extends React.Component { this.setState(...args); }; - handleSendMessage = (message: string, tmid?: string, tshow?: boolean) => { + handleSendMessage = (message: string, tshow?: boolean) => { logEvent(events.ROOM_SEND_MESSAGE); const { rid } = this.state.room; const { user } = this.props; - sendMessage(rid, message, this.tmid || tmid, user, tshow).then(() => { + sendMessage(rid, message, this.tmid, user, tshow).then(() => { this.setLastOpen(null); Review.pushPositiveEvent(); }); + this.resetAction(); }; getCustomEmoji: TGetCustomEmoji = name => { @@ -1318,8 +1228,10 @@ class RoomView extends React.Component { const { room, lastOpen, canAutoTranslate } = this.state; const { user, Message_GroupingPeriod, Message_TimeFormat, useRealName, baseUrl, Message_Read_Receipt_Enabled, theme } = this.props; + const { action, selectedMessages } = this.state; let dateSeparator = null; let showUnreadSeparator = false; + const isBeingEdited = action === 'edit' && item.id === selectedMessages[0]; if (!previousItem) { dateSeparator = item.ts; @@ -1383,6 +1295,7 @@ class RoomView extends React.Component { highlighted={highlightedMessage === item.id} theme={theme} closeEmojiAndAction={this.handleCloseEmoji} + isBeingEdited={isBeingEdited} /> ); } @@ -1400,11 +1313,8 @@ class RoomView extends React.Component { }; renderFooter = () => { - const { joined, room, selectedMessage, editing, replying, replyWithMention, readOnly, loading, canViewCannedResponse } = - this.state; - const { navigation, theme, route } = this.props; - - const usedCannedResponse = route?.params?.usedCannedResponse; + const { joined, room, readOnly, loading } = this.state; + const { theme } = this.props; if (!this.rid) { return null; @@ -1412,9 +1322,7 @@ class RoomView extends React.Component { if ('onHold' in room && room.onHold) { return ( - - {I18n.t('Chat_is_on_hold')} - + {I18n.t('Chat_is_on_hold')} { if (!joined) { return ( - - {I18n.t('You_are_in_preview_mode')} - + {I18n.t('You_are_in_preview_mode')} { if (readOnly) { return ( - - {I18n.t('This_room_is_read_only')} - + {I18n.t('This_room_is_read_only')} ); } @@ -1467,29 +1365,7 @@ class RoomView extends React.Component { ); } - return ( - - ); + return ; }; renderActions = () => { @@ -1507,6 +1383,7 @@ class RoomView extends React.Component { user={user} editInit={this.onEditInit} replyInit={this.onReplyInit} + quoteInit={this.onQuoteInit} reactionInit={this.onReactionInit} onReactionPress={this.onReactionPress} jumpToMessage={this.jumpToMessageByUrl} @@ -1518,7 +1395,8 @@ class RoomView extends React.Component { }; render() { - const { room, loading } = this.state; + console.count(`${this.constructor.name}.render calls`); + const { room, loading, action, selectedMessages } = this.state; const { user, baseUrl, theme, width, serverVersion } = this.props; const { rid, t } = room; let bannerClosed; @@ -1528,25 +1406,40 @@ class RoomView extends React.Component { } return ( - - - - - {this.renderFooter()} - {this.renderActions()} - - - + + + + + + {this.renderFooter()} + {this.renderActions()} + + + + ); } } diff --git a/app/views/ShareView/Preview.tsx b/app/views/ShareView/Preview.tsx index 23f869ea2..efc144928 100644 --- a/app/views/ShareView/Preview.tsx +++ b/app/views/ShareView/Preview.tsx @@ -17,7 +17,7 @@ import { TSupportedThemes } from '../../theme'; import { themes } from '../../lib/constants'; import { IShareAttachment } from '../../definitions'; -const MESSAGEBOX_HEIGHT = 56; +const MESSAGE_COMPOSER_HEIGHT = 56; const styles = StyleSheet.create({ fileContainer: { @@ -70,7 +70,7 @@ const Preview = React.memo(({ item, theme, isShareExtension, length }: IPreview) const insets = useSafeAreaInsets(); const headerHeight = useHeaderHeight(); const thumbsHeight = length > 1 ? THUMBS_HEIGHT : 0; - const calculatedHeight = height - insets.top - insets.bottom - MESSAGEBOX_HEIGHT - thumbsHeight - headerHeight; + const calculatedHeight = height - insets.top - insets.bottom - MESSAGE_COMPOSER_HEIGHT - thumbsHeight - headerHeight; if (item?.canUpload) { // Disable video preview on iOS to save memory diff --git a/app/views/ShareView/Thumbs.tsx b/app/views/ShareView/Thumbs.tsx index 857b73c31..2750f9550 100644 --- a/app/views/ShareView/Thumbs.tsx +++ b/app/views/ShareView/Thumbs.tsx @@ -136,7 +136,7 @@ const Thumb = ({ item, theme, isShareExtension, onPress, onRemove }: IThumb) => ); -const Thumbs = React.memo(({ attachments, theme, isShareExtension, onPress, onRemove }: IThumbs) => { +const Thumbs = ({ attachments, theme, isShareExtension, onPress, onRemove }: IThumbs) => { if (attachments?.length > 1) { return ( onRemove(item)} /> )} - style={[styles.list, { backgroundColor: themes[theme].messageboxBackground }]} + style={[styles.list, { backgroundColor: themes[theme].surfaceLight }]} /> ); } return null; -}); +}; export default Thumbs; diff --git a/app/views/ShareView/index.tsx b/app/views/ShareView/index.tsx index 8a0dffcb6..e67e935b5 100644 --- a/app/views/ShareView/index.tsx +++ b/app/views/ShareView/index.tsx @@ -1,19 +1,20 @@ import React, { Component } from 'react'; import { StackNavigationOptions, StackNavigationProp } from '@react-navigation/stack'; import { RouteProp } from '@react-navigation/native'; -import { NativeModules, Text, View } from 'react-native'; +import { Text, View } from 'react-native'; import { connect } from 'react-redux'; import ShareExtension from 'rn-extensions-share'; import { Q } from '@nozbe/watermelondb'; +import { IMessageComposerRef, MessageComposerContainer } from '../../containers/MessageComposer'; import { InsideStackParamList } from '../../stacks/types'; import { themes } from '../../lib/constants'; import I18n from '../../i18n'; +import { prepareQuoteMessage } from '../../containers/MessageComposer/helpers'; import { sendLoadingEvent } from '../../containers/Loading'; import * as HeaderButton from '../../containers/HeaderButton'; import { TSupportedThemes, withTheme } from '../../theme'; import { FormTextInput } from '../../containers/TextInput'; -import MessageBox from '../../containers/MessageBox'; import SafeAreaView from '../../containers/SafeAreaView'; import { getUserSelector } from '../../selectors/login'; import StatusBar from '../../containers/StatusBar'; @@ -22,17 +23,10 @@ import Thumbs from './Thumbs'; import Preview from './Preview'; import Header from './Header'; import styles from './styles'; -import { - IApplicationState, - IMessage, - IServer, - IShareAttachment, - IUser, - TSubscriptionModel, - TThreadModel -} from '../../definitions'; +import { IApplicationState, IServer, IShareAttachment, IUser, TSubscriptionModel, TThreadModel } from '../../definitions'; import { sendFileMessage, sendMessage } from '../../lib/methods'; import { hasPermission, isAndroid, canUploadFile, isReadOnly, isBlocked } from '../../lib/methods/helpers'; +import { RoomContext } from '../RoomView/context'; interface IShareViewState { selected: IShareAttachment; @@ -58,34 +52,21 @@ interface IShareViewProps { server: string; FileUpload_MediaTypeWhiteList?: string; FileUpload_MaxFileSize?: number; - replying?: boolean; - replyingMessage?: IMessage; -} - -interface IMessageBoxShareView { - text: string; - forceUpdate(): void; - formatReplyMessage: (replyingMessage: IMessage, message?: any) => Promise; } class ShareView extends Component { - private messagebox: React.RefObject; + private messageComposerRef: React.RefObject; private files: any[]; private isShareExtension: boolean; private serverInfo: IServer; - private replying?: boolean; - private replyingMessage?: IMessage; private closeReply?: Function; constructor(props: IShareViewProps) { super(props); - this.messagebox = React.createRef(); + this.messageComposerRef = React.createRef(); this.files = props.route.params?.attachments ?? []; this.isShareExtension = props.route.params?.isShareExtension; this.serverInfo = props.route.params?.serverInfo ?? {}; - this.replying = props.route.params?.replying; - this.replyingMessage = props.route.params?.replyingMessage; - this.closeReply = props.route.params?.closeReply; this.state = { selected: {} as IShareAttachment, @@ -225,7 +206,10 @@ class ShareView extends Component { await this.selectFile(selected); const { attachments, room, text, thread } = this.state; - const { navigation, server, user } = this.props; + const { navigation, server, user, route } = this.props; + + const action = route.params?.action; + const selectedMessages = route.params?.selectedMessages ?? []; // if it's share extension this should show loading if (this.isShareExtension) { @@ -238,8 +222,8 @@ class ShareView extends Component { } let msg: string | undefined; - if (this.replying && this.replyingMessage) { - msg = await this.messagebox.current?.formatReplyMessage(this.replyingMessage); + if (action === 'quote') { + msg = await prepareQuoteMessage('', selectedMessages); } try { @@ -286,20 +270,21 @@ class ShareView extends Component { selectFile = (item: IShareAttachment) => { const { attachments, selected } = this.state; if (attachments.length > 0) { - const text = this.messagebox.current?.text; + const text = this.messageComposerRef.current?.getText(); const newAttachments = attachments.map(att => { if (att.path === selected.path) { att.description = text; } return att; }); - return this.setState({ attachments: newAttachments, selected: item }); + this.setState({ attachments: newAttachments, selected: item }); + this.messageComposerRef.current?.setInput(item.description || ''); } }; removeFile = (item: IShareAttachment) => { const { selected, attachments } = this.state; - let newSelected; + let newSelected = selected; if (item.path === selected.path) { const selectedIndex = attachments.findIndex(att => att.path === selected.path); // Selects the next one, if available @@ -310,9 +295,8 @@ class ShareView extends Component { newSelected = attachments[selectedIndex - 1] || {}; } } - this.setState({ attachments: attachments.filter(att => att.path !== item.path), selected: newSelected ?? selected }, () => { - this.messagebox?.current?.forceUpdate?.(); - }); + this.setState({ attachments: attachments.filter(att => att.path !== item.path), selected: newSelected ?? selected }); + this.messageComposerRef.current?.setInput(newSelected.description || ''); }; onChangeText = (text: string) => { @@ -320,44 +304,42 @@ class ShareView extends Component { }; renderContent = () => { - const { attachments, selected, room, text } = this.state; - const { theme, navigation } = this.props; + const { attachments, selected, text, room, thread } = this.state; + const { theme, route } = this.props; if (attachments.length) { return ( - - - - + + - - + + + + + ); } diff --git a/app/views/UserPreferencesView/index.tsx b/app/views/UserPreferencesView/index.tsx index 748e38d21..fe9595a6d 100644 --- a/app/views/UserPreferencesView/index.tsx +++ b/app/views/UserPreferencesView/index.tsx @@ -92,7 +92,7 @@ const UserPreferencesView = ({ navigation }: IUserPreferencesViewProps): JSX.Ele onChangeValue={setAlsoSendThreadToChannel} preference='alsoSendThreadToChannel' value={alsoSendThreadToChannel} - title='Messagebox_Send_to_channel' + title='Message_composer_Send_to_channel' testID='preferences-view-enable-message-parser' /> diff --git a/e2e/helpers/app.ts b/e2e/helpers/app.ts index f72cdaf21..c9a8c6869 100644 --- a/e2e/helpers/app.ts +++ b/e2e/helpers/app.ts @@ -97,11 +97,9 @@ async function logout() { async function mockMessage(message: string, isThread = false) { const deviceType = device.getPlatform(); const { textMatcher } = platformTypes[deviceType]; - const input = isThread ? 'messagebox-input-thread' : 'messagebox-input'; - await element(by.id(input)).replaceText(message); - await sleep(300); - await element(by.id('messagebox-send-message')).tap(); - await sleep(2000); + const input = isThread ? 'message-composer-input-thread' : 'message-composer-input'; + await element(by.id(input)).typeText(message); + await element(by.id('message-composer-send')).tap(); await waitFor(element(by[textMatcher](message))) .toExist() .withTimeout(60000); @@ -124,7 +122,7 @@ async function searchRoom( roomTestID?: string ) { await waitFor(element(by.id('rooms-list-view'))) - .toBeVisible() + .toExist() .withTimeout(30000); await tapAndWaitFor(element(by.id('rooms-list-view-search')), element(by.id('rooms-list-view-search-input')), 5000); if (nativeElementAction === 'replaceText') { diff --git a/e2e/tests/assorted/01-e2eencryption.spec.ts b/e2e/tests/assorted/01-e2eencryption.spec.ts index e63c3e636..bcea0f150 100644 --- a/e2e/tests/assorted/01-e2eencryption.spec.ts +++ b/e2e/tests/assorted/01-e2eencryption.spec.ts @@ -179,11 +179,11 @@ describe('E2E Encryption', () => { await expect(element(by.id('action-sheet-handle'))).toBeVisible(); await element(by.id('action-sheet-handle')).swipe('up', 'fast', 0.5); await element(by[textMatcher]('Quote')).atIndex(0).tap(); - await element(by.id('messagebox-input')).replaceText(quotedMessage); - await waitFor(element(by.id('messagebox-send-message'))) + await element(by.id('message-composer-input')).replaceText(quotedMessage); + await waitFor(element(by.id('message-composer-send'))) .toExist() .withTimeout(2000); - await element(by.id('messagebox-send-message')).tap(); + await element(by.id('message-composer-send')).tap(); await waitFor(element(by[textMatcher](quotedMessage)).atIndex(0)) .toBeVisible() .withTimeout(3000); diff --git a/e2e/tests/assorted/02-broadcast.spec.ts b/e2e/tests/assorted/02-broadcast.spec.ts index 21f1c1cb7..20b17661c 100644 --- a/e2e/tests/assorted/02-broadcast.spec.ts +++ b/e2e/tests/assorted/02-broadcast.spec.ts @@ -9,7 +9,6 @@ import { searchRoom, platformTypes, TTextMatcher, - sleep, checkRoomTitle, mockMessage, jumpToQuotedMessage @@ -113,8 +112,8 @@ describe('Broadcast room', () => { .withTimeout(60000); }); - it('should not have messagebox', async () => { - await expect(element(by.id('messagebox'))).toBeNotVisible(); + it('should not have message composer', async () => { + await expect(element(by.id('message-composer'))).toBeNotVisible(); }); it('should be read only', async () => { @@ -139,14 +138,14 @@ describe('Broadcast room', () => { }); it('should reply broadcasted message', async () => { - await element(by.id('messagebox-input')).replaceText(`${random()}broadcastreply`); - await sleep(300); - await element(by.id('messagebox-send-message')).tap(); + await element(by.id('message-composer-input')).typeText(`${random()}broadcastreply`); + // await sleep(300); + await element(by.id('message-composer-send')).tap(); await waitFor(element(by[textMatcher](message))) .toExist() - .withTimeout(10000); + .withTimeout(60000); await jumpToQuotedMessage(element(by[textMatcher](message))); - await sleep(300); // wait for animation + // await sleep(300); // wait for animation await checkRoomTitle(room); }); }); diff --git a/e2e/tests/assorted/05-joinpublicroom.spec.ts b/e2e/tests/assorted/05-joinpublicroom.spec.ts index 1b147655a..95a7dc34f 100644 --- a/e2e/tests/assorted/05-joinpublicroom.spec.ts +++ b/e2e/tests/assorted/05-joinpublicroom.spec.ts @@ -54,8 +54,8 @@ describe('Join public room', () => { await expect(element(by.id('room-view-join-button'))).toBeVisible(); }); - it('should not have messagebox', async () => { - await expect(element(by.id('messagebox'))).toBeNotVisible(); + it('should not have message composer', async () => { + await expect(element(by.id('message-composer'))).toBeNotVisible(); }); }); @@ -123,10 +123,10 @@ describe('Join public room', () => { .withTimeout(2000); await tapBack(); await navigateToRoom(room); - await waitFor(element(by.id('messagebox'))) + await waitFor(element(by.id('message-composer'))) .toBeVisible() .withTimeout(10000); - await expect(element(by.id('messagebox'))).toBeVisible(); + await expect(element(by.id('message-composer'))).toBeVisible(); await expect(element(by.id('room-view-join'))).toBeNotVisible(); }); diff --git a/e2e/tests/assorted/08-joinprotectedroom.spec.ts b/e2e/tests/assorted/08-joinprotectedroom.spec.ts index 7e3c19ea8..4bad1981c 100644 --- a/e2e/tests/assorted/08-joinprotectedroom.spec.ts +++ b/e2e/tests/assorted/08-joinprotectedroom.spec.ts @@ -34,7 +34,8 @@ async function openJoinCode() { } } -describe('Join protected room', () => { +// Skipped until we fix join code backend +describe.skip('Join protected room', () => { let user: ITestUser; beforeAll(async () => { @@ -66,10 +67,10 @@ describe('Join protected room', () => { await waitFor(element(by.id('join-code'))) .toBeNotVisible() .withTimeout(5000); - await waitFor(element(by.id('messagebox'))) + await waitFor(element(by.id('message-composer'))) .toBeVisible() .withTimeout(60000); - await expect(element(by.id('messagebox'))).toBeVisible(); + await expect(element(by.id('message-composer'))).toBeVisible(); await expect(element(by.id('room-view-join'))).toBeNotVisible(); }); diff --git a/e2e/tests/room/02-room.spec.ts b/e2e/tests/room/02-room.spec.ts index a7f091106..70b4e472e 100644 --- a/e2e/tests/room/02-room.spec.ts +++ b/e2e/tests/room/02-room.spec.ts @@ -38,516 +38,339 @@ describe('Room screen', () => { await navigateToRoom(room); }); - describe('Render', () => { - it('should have room screen', async () => { - await expect(element(by.id('room-view'))).toExist(); - await waitFor(element(by.id(`room-view-title-${room}`))) + describe('Composer', () => { + it('should send message', async () => { + randomMessage = await mockMessage('message'); + }); + + it('should show and tap on emoji autocomplete', async () => { + await element(by.id('message-composer-input')).typeText(':joy'); + await waitFor(element(by.id('autocomplete-item-joy'))) .toExist() - .withTimeout(5000); + .withTimeout(10000); + await element(by.id('autocomplete-item-joy')).tap(); + await expect(element(by.id('message-composer-input'))).toHaveText(':joy: '); + await element(by.id('message-composer-input')).clearText(); }); - // Render - Header - describe('Header', () => { - it('should have actions button ', async () => { - await expect(element(by.id('room-header'))).toExist(); - }); - - it('should have threads button ', async () => { - await expect(element(by.id('room-view-header-threads'))).toExist(); - }); + it('should show and tap on user autocomplete and send mention', async () => { + const { username } = user; + await element(by.id('message-composer-input')).typeText(`@${username}`); + await waitFor(element(by.id(`autocomplete-item-${username}`))) + .toExist() + .withTimeout(10000); + await element(by.id(`autocomplete-item-${username}`)).tap(); + await expect(element(by.id('message-composer-input'))).toHaveText(`@${username} `); + await element(by.id('message-composer-input')).clearText(); }); - // Render - Messagebox - describe('Messagebox', () => { - it('should have messagebox', async () => { - await expect(element(by.id('messagebox'))).toExist(); - }); - - it('should have open emoji button', async () => { - await expect(element(by.id('messagebox-open-emoji'))).toExist(); - }); - - it('should have message input', async () => { - await expect(element(by.id('messagebox-input'))).toExist(); - }); - - it('should have audio button', async () => { - await expect(element(by.id('messagebox-send-audio'))).toExist(); - }); - - it('should have actions button', async () => { - await expect(element(by.id('messagebox-actions'))).toExist(); - }); + it('should show and tap on room autocomplete', async () => { + await element(by.id('message-composer-input')).typeText('#general'); + await waitFor(element(by.id(`autocomplete-item-general`))) + .toExist() + .withTimeout(10000); + await element(by.id(`autocomplete-item-general`)).tap(); + await expect(element(by.id('message-composer-input'))).toHaveText('#general '); + await element(by.id('message-composer-input')).clearText(); }); }); - describe('Usage', () => { - describe('Messagebox', () => { - it('should send message', async () => { - randomMessage = await mockMessage('message'); - }); + // describe('Emoji Keyboard', () => { + // it('select an emoji', async () => { + // await element(by.id('message-composer-input')).tap(); + // await waitFor(element(by.id('message-composer-open-emoji'))) + // .toBeVisible() + // .withTimeout(2000); + // await element(by.id('message-composer-open-emoji')).tap(); - // describe('Emoji Keyboard', () => { - // it('should open emoji keyboard, select an emoji and send it', async () => { - // await element(by.id('messagebox-open-emoji')).tap(); - // await waitFor(element(by.id('messagebox-keyboard-emoji'))) - // .toExist() - // .withTimeout(10000); - // await waitFor(element(by.id('emoji-picker-tab-emoji'))) - // .toExist() - // .withTimeout(10000); - // await element(by.id('emoji-picker-tab-emoji')).tap(); - // await expect(element(by.id('emoji-blush'))).toExist(); - // await element(by.id('emoji-blush')).tap(); - // await expect(element(by.id('messagebox-input'))).toHaveText('😊'); - // await element(by.id('messagebox-send-message')).tap(); - // await waitFor(element(by[textMatcher]('😊'))) - // .toExist() - // .withTimeout(60000); - // await element(by[textMatcher]('😊')).atIndex(0).tap(); - // }); + // // TODO: change it after moved away from messabebox + // await waitFor(element(by.id('message-composer-keyboard-emoji'))) + // .toExist() + // .withTimeout(10000); + // await waitFor(element(by.id('emoji-picker-tab-emoji'))) + // .toExist() + // .withTimeout(10000); + // await element(by.id('emoji-picker-tab-emoji')).tap(); + // await waitFor(element(by.id('emoji-blush'))) + // .toBeVisible() + // .withTimeout(2000); + // await element(by.id('emoji-blush')).tap(); + // await expect(element(by.id('message-composer-input'))).toHaveText('😊'); + // await element(by.id('message-composer-input')).clearText(); + // }); - // it('should open emoji keyboard, select an emoji and delete it using emoji keyboards backspace', async () => { - // await element(by.id('messagebox-open-emoji')).tap(); - // await waitFor(element(by.id('messagebox-keyboard-emoji'))) - // .toExist() - // .withTimeout(10000); - // await expect(element(by.id('emoji-picker-tab-emoji'))).toExist(); - // await element(by.id('emoji-picker-tab-emoji')).tap(); - // await expect(element(by.id('emoji-upside_down'))).toExist(); - // await element(by.id('emoji-upside_down')).tap(); - // await expect(element(by.id('messagebox-input'))).toHaveText('🙃'); - // await waitFor(element(by.id('emoji-picker-backspace'))) - // .toExist() - // .withTimeout(2000); - // await element(by.id('emoji-picker-backspace')).tap(); - // await expect(element(by.id('messagebox-input'))).toHaveText(''); - // await element(by.id('messagebox-close-emoji')).tap(); - // await waitFor(element(by.id('messagebox-keyboard-emoji'))) - // .not.toBeVisible() - // .withTimeout(10000); - // }); + // it('should search emoji', async () => { + // await element(by.id('message-composer-input')).tap(); + // await element(by.id('message-composer-open-emoji')).tap(); + // await waitFor(element(by.id('emoji-picker-search'))) + // .toExist() + // .withTimeout(4000); + // await element(by.id('emoji-picker-search')).tap(); + // await waitFor(element(by.id('emoji-searchbar-input'))) + // .toExist() + // .withTimeout(2000); + // await element(by.id('emoji-searchbar-input')).replaceText('no_mouth'); + // await waitFor(element(by.id('emoji-no_mouth'))) + // .toExist() + // .withTimeout(2000); + // await element(by.id('emoji-no_mouth')).tap(); + // await expect(element(by.id('message-composer-input'))).toHaveText('😶'); + // await element(by.id('message-composer-input')).clearText(); + // }); + // }); - // it('should search emoji and send it', async () => { - // await element(by.id('messagebox-open-emoji')).tap(); - // await waitFor(element(by.id('emoji-picker-search'))) - // .toExist() - // .withTimeout(4000); - // await element(by.id('emoji-picker-search')).tap(); - // await waitFor(element(by.id('emoji-searchbar-input'))) - // .toExist() - // .withTimeout(2000); - // await element(by.id('emoji-searchbar-input')).replaceText('no_mouth'); - // await waitFor(element(by.id('emoji-no_mouth'))) - // .toExist() - // .withTimeout(2000); - // await element(by.id('emoji-no_mouth')).tap(); - // await expect(element(by.id('messagebox-input'))).toHaveText('😶'); - // await element(by.id('messagebox-send-message')).tap(); - // await waitFor(element(by[textMatcher]('😶'))) - // .toExist() - // .withTimeout(60000); - // await element(by[textMatcher]('😶')).atIndex(0).tap(); - // }); - - // it('should search emojis, go back to Emoji keyboard and then close the Emoji keyboard', async () => { - // await element(by.id('messagebox-open-emoji')).tap(); - // await waitFor(element(by.id('emoji-picker-search'))) - // .toExist() - // .withTimeout(4000); - // await element(by.id('emoji-picker-search')).tap(); - // await waitFor(element(by.id('emoji-searchbar-input'))) - // .toExist() - // .withTimeout(2000); - // await element(by.id('openback-emoji-keyboard')).tap(); - // await waitFor(element(by.id('emoji-searchbar-input'))) - // .not.toBeVisible() - // .withTimeout(2000); - // await expect(element(by.id('messagebox-close-emoji'))).toExist(); - // await element(by.id('messagebox-close-emoji')).tap(); - // await waitFor(element(by.id('messagebox-keyboard-emoji'))) - // .not.toBeVisible() - // .withTimeout(10000); - // }); - - // it('frequently used emojis should contain the recently used emojis', async () => { - // await element(by.id('messagebox-open-emoji')).tap(); - // await waitFor(element(by.id('emoji-picker-tab-clock'))); - // await element(by.id('emoji-picker-tab-clock')).tap(); - // await waitFor(element(by.id('emoji-blush'))) - // .toExist() - // .withTimeout(2000); - // await waitFor(element(by.id('emoji-upside_down'))) - // .toExist() - // .withTimeout(2000); - // await waitFor(element(by.id('emoji-no_mouth'))) - // .toExist() - // .withTimeout(2000); - // await expect(element(by.id('messagebox-close-emoji'))).toExist(); - // await element(by.id('messagebox-close-emoji')).tap(); - // await waitFor(element(by.id('messagebox-keyboard-emoji'))) - // .not.toBeVisible() - // .withTimeout(10000); - // }); - // }); - - it('should show/hide emoji autocomplete', async () => { - await element(by.id('messagebox-input')).clearText(); - await element(by.id('messagebox-input')).typeText(':joy'); - await sleep(300); - await waitFor(element(by.id('messagebox-container'))) - .toExist() - .withTimeout(10000); - await element(by.id('messagebox-input')).clearText(); - await waitFor(element(by.id('messagebox-container'))) - .toBeNotVisible() - .withTimeout(10000); - }); - - it('should show and tap on emoji autocomplete', async () => { - await element(by.id('messagebox-input')).typeText(':joy'); - await sleep(300); - await waitFor(element(by.id('messagebox-container'))) - .toExist() - .withTimeout(10000); - await waitFor(element(by.id('mention-item-joy'))) - .toExist() - .withTimeout(10000); - await element(by.id('mention-item-joy')).tap(); - await expect(element(by.id('messagebox-input'))).toHaveText(':joy: '); - await element(by.id('messagebox-input')).clearText(); - }); - - it('should not show emoji autocomplete on semicolon in middle of a string', async () => { - await element(by.id('messagebox-input')).typeText('name:is'); - await sleep(300); - await waitFor(element(by.id('messagebox-container'))) - .toNotExist() - .withTimeout(20000); - await element(by.id('messagebox-input')).clearText(); - }); - - it('should show and tap on user autocomplete and send mention', async () => { - const { username } = user; - const messageMention = `@${username}`; - const message = 'mention'; - const fullMessage = `${messageMention} ${message}`; - await element(by.id('messagebox-input')).typeText(`@${username}`); - await sleep(300); - await waitFor(element(by.id('messagebox-container'))) - .toExist() - .withTimeout(4000); - await waitFor(element(by.id(`mention-item-${username}`))) - .toBeVisible() - .withTimeout(4000); - await tryTapping(element(by.id(`mention-item-${username}`)), 2000); - await expect(element(by.id('messagebox-input'))).toHaveText(`${messageMention} `); - if (device.getPlatform() === 'ios') { - await element(by.id('messagebox-input')).typeText(message); - await element(by.id('messagebox-send-message')).tap(); - const fullMessageMatcher = fullMessage.substr(1); // removes `@` - await waitFor(element(by[textMatcher](fullMessageMatcher))) - .toExist() - .withTimeout(60000); - await expect(element(by[textMatcher](fullMessageMatcher))).toExist(); - await element(by[textMatcher](fullMessageMatcher)).atIndex(0).tap(); - } else { - await element(by.id('messagebox-input')).replaceText(fullMessage); - await element(by.id('messagebox-send-message')).tap(); - } - }); - - it('should not show user autocomplete on @ in the middle of a string', async () => { - await element(by.id('messagebox-input')).typeText('email@gmail'); - await waitFor(element(by.id('messagebox-container'))) - .toNotExist() - .withTimeout(2000); - await element(by.id('messagebox-input')).clearText(); - }); - - it('should show and tap on room autocomplete', async () => { - await element(by.id('messagebox-input')).typeText('#general'); - await waitFor(element(by.id('mention-item-general'))) - .toBeVisible() - .withTimeout(4000); - await tryTapping(element(by.id('mention-item-general')), 2000); - await expect(element(by.id('messagebox-input'))).toHaveText('#general '); - await element(by.id('messagebox-input')).clearText(); - }); - - it('should not show room autocomplete on # in middle of a string', async () => { - await element(by.id('messagebox-input')).typeText('te#gen'); - await waitFor(element(by.id('messagebox-container'))) - .toNotExist() - .withTimeout(4000); - await element(by.id('messagebox-input')).clearText(); - }); - it('should draft message', async () => { - const draftMessage = 'draft'; - await element(by.id('messagebox-input')).replaceText(draftMessage); - await tapBack(); - - await navigateToRoom(room); - await expect(element(by.id('messagebox-input'))).toHaveText(draftMessage); - await element(by.id('messagebox-input')).clearText(); - await tapBack(); - - await navigateToRoom(room); - await expect(element(by.id('messagebox-input'))).toHaveText(''); - }); + describe('Message', () => { + it('should copy link', async () => { + await element(by[textMatcher](randomMessage)).atIndex(0).longPress(); + await waitFor(element(by.id('action-sheet'))) + .toExist() + .withTimeout(2000); + await expect(element(by.id('action-sheet-handle'))).toBeVisible(); + await element(by.id('action-sheet-handle')).swipe('up', 'fast', 0.5); + await element(by[textMatcher]('Get link')).atIndex(0).tap(); + // TODO: test clipboard + }); + it('should copy message', async () => { + await element(by[textMatcher](randomMessage)).atIndex(0).longPress(); + await waitFor(element(by.id('action-sheet'))) + .toExist() + .withTimeout(2000); + await expect(element(by.id('action-sheet-handle'))).toBeVisible(); + await element(by.id('action-sheet-handle')).swipe('up', 'fast', 0.5); + await element(by[textMatcher]('Copy')).atIndex(0).tap(); + // TODO: test clipboard }); - describe('Message', () => { - it('should copy link', async () => { - await element(by[textMatcher](randomMessage)).atIndex(0).longPress(); - await waitFor(element(by.id('action-sheet'))) - .toExist() - .withTimeout(2000); - await expect(element(by.id('action-sheet-handle'))).toBeVisible(); - await element(by.id('action-sheet-handle')).swipe('up', 'fast', 0.5); - await element(by[textMatcher]('Get link')).atIndex(0).tap(); - // TODO: test clipboard - }); - it('should copy message', async () => { - await element(by[textMatcher](randomMessage)).atIndex(0).longPress(); - await waitFor(element(by.id('action-sheet'))) - .toExist() - .withTimeout(2000); - await expect(element(by.id('action-sheet-handle'))).toBeVisible(); - await element(by.id('action-sheet-handle')).swipe('up', 'fast', 0.5); - await element(by[textMatcher]('Copy')).atIndex(0).tap(); - // TODO: test clipboard - }); + it('should react to message', async () => { + await waitFor(element(by[textMatcher](randomMessage))) + .toExist() + .withTimeout(60000); + await element(by[textMatcher](randomMessage)).atIndex(0).tap(); + await element(by[textMatcher](randomMessage)).atIndex(0).longPress(); + await sleep(300); // wait for animation + await waitFor(element(by.id('action-sheet'))) + .toExist() + .withTimeout(2000); + await element(by.id('action-sheet-handle')).swipe('up', 'fast', 0.5); + await element(by.id('add-reaction')).tap(); + await sleep(300); // wait for animation + await waitFor(element(by.id('emoji-picker-tab-emoji'))) + .toExist() + .withTimeout(2000); + await element(by.id('emoji-picker-tab-emoji')).tap(); + await waitFor(element(by.id('emoji-grinning'))) + .toExist() + .withTimeout(10000); + await element(by.id('emoji-grinning')).tap(); + await waitFor(element(by.id('message-reaction-:grinning:'))) + .toExist() + .withTimeout(60000); + }); - it('should react to message', async () => { - await waitFor(element(by[textMatcher](randomMessage))) - .toExist() - .withTimeout(60000); - await element(by[textMatcher](randomMessage)).atIndex(0).tap(); - await element(by[textMatcher](randomMessage)).atIndex(0).longPress(); - await sleep(300); // wait for animation - await waitFor(element(by.id('action-sheet'))) - .toExist() - .withTimeout(2000); - await element(by.id('action-sheet-handle')).swipe('up', 'fast', 0.5); - await element(by.id('add-reaction')).tap(); - await sleep(300); // wait for animation - await waitFor(element(by.id('emoji-picker-tab-emoji'))) - .toExist() - .withTimeout(2000); - await element(by.id('emoji-picker-tab-emoji')).tap(); - await waitFor(element(by.id('emoji-grinning'))) - .toExist() - .withTimeout(10000); - await element(by.id('emoji-grinning')).tap(); - await waitFor(element(by.id('message-reaction-:grinning:'))) - .toExist() - .withTimeout(60000); - }); + it('should search emojis in the reaction picker and react', async () => { + await element(by[textMatcher](randomMessage)).atIndex(0).longPress(); + await waitFor(element(by.id('action-sheet'))) + .toExist() + .withTimeout(2000); + await expect(element(by.id('action-sheet-handle'))).toBeVisible(); + await element(by.id('action-sheet-handle')).swipe('up', 'fast', 0.5); + await element(by.id('add-reaction')).tap(); + await waitFor(element(by.id('emoji-searchbar-input'))) + .toBeVisible() + .withTimeout(2000); + await element(by.id('emoji-searchbar-input')).replaceText('laughing'); + await waitFor(element(by.id('emoji-laughing'))) + .toExist() + .withTimeout(4000); + await element(by.id('emoji-laughing')).tap(); + await waitFor(element(by.id('message-reaction-:laughing:'))) + .toExist() + .withTimeout(60000); + }); - it('should search emojis in the reaction picker and react', async () => { - await element(by[textMatcher](randomMessage)).atIndex(0).longPress(); - await waitFor(element(by.id('action-sheet'))) - .toExist() - .withTimeout(2000); - await expect(element(by.id('action-sheet-handle'))).toBeVisible(); - await element(by.id('action-sheet-handle')).swipe('up', 'fast', 0.5); - await element(by.id('add-reaction')).tap(); - await waitFor(element(by.id('emoji-searchbar-input'))) - .toBeVisible() - .withTimeout(2000); - await element(by.id('emoji-searchbar-input')).replaceText('laughing'); - await waitFor(element(by.id('emoji-laughing'))) - .toExist() - .withTimeout(4000); - await element(by.id('emoji-laughing')).tap(); - await waitFor(element(by.id('message-reaction-:laughing:'))) - .toExist() - .withTimeout(60000); - }); + it('should remove reaction', async () => { + await element(by.id('message-reaction-:grinning:')).tap(); + await waitFor(element(by.id('message-reaction-:grinning:'))) + .not.toExist() + .withTimeout(60000); + }); - it('should remove reaction', async () => { - await element(by.id('message-reaction-:grinning:')).tap(); - await waitFor(element(by.id('message-reaction-:grinning:'))) - .not.toExist() - .withTimeout(60000); - }); + it('should react to message with frequently used emoji', async () => { + await element(by[textMatcher](randomMessage)).atIndex(0).longPress(); + await waitFor(element(by.id('action-sheet'))) + .toExist() + .withTimeout(2000); + await expect(element(by.id('action-sheet-handle'))).toBeVisible(); + await element(by.id('action-sheet-handle')).swipe('up', 'fast', 0.5); + await sleep(300); // wait for animation + await waitFor(element(by.id('message-actions-emoji-grinning'))) + .toBeVisible() + .withTimeout(2000); + await element(by.id('message-actions-emoji-grinning')).tap(); + await waitFor(element(by.id('message-reaction-:grinning:'))) + .toBeVisible() + .withTimeout(60000); + }); - it('should react to message with frequently used emoji', async () => { - await element(by[textMatcher](randomMessage)).atIndex(0).longPress(); - await waitFor(element(by.id('action-sheet'))) - .toExist() - .withTimeout(2000); - await expect(element(by.id('action-sheet-handle'))).toBeVisible(); - await element(by.id('action-sheet-handle')).swipe('up', 'fast', 0.5); - await sleep(300); // wait for animation - await waitFor(element(by.id('message-actions-emoji-grinning'))) - .toBeVisible() - .withTimeout(2000); - await element(by.id('message-actions-emoji-grinning')).tap(); - await waitFor(element(by.id('message-reaction-:grinning:'))) - .toBeVisible() - .withTimeout(60000); - }); + it('should show reaction picker on add reaction button pressed and have frequently used emoji', async () => { + await element(by.id('message-add-reaction')).tap(); + await waitFor(element(by.id('action-sheet'))) + .toExist() + .withTimeout(2000); + await expect(element(by.id('action-sheet-handle'))).toBeVisible(); + await element(by.id('action-sheet-handle')).swipe('up', 'fast', 1); + await waitFor(element(by.id('emoji-grinning'))) + .toExist() + .withTimeout(4000); + await waitFor(element(by.id('emoji-picker-tab-emoji'))) + .toExist() + .withTimeout(2000); + await element(by.id('emoji-picker-tab-emoji')).tap(); + await waitFor(element(by.id('emoji-wink'))) + .toExist() + .withTimeout(10000); + await element(by.id('emoji-wink')).tap(); + await waitFor(element(by.id('message-reaction-:wink:'))) + .toExist() + .withTimeout(60000); + }); - it('should show reaction picker on add reaction button pressed and have frequently used emoji', async () => { - await element(by.id('message-add-reaction')).tap(); - await waitFor(element(by.id('action-sheet'))) - .toExist() - .withTimeout(2000); - await expect(element(by.id('action-sheet-handle'))).toBeVisible(); - await element(by.id('action-sheet-handle')).swipe('up', 'fast', 1); - await waitFor(element(by.id('emoji-grinning'))) - .toExist() - .withTimeout(4000); - await waitFor(element(by.id('emoji-picker-tab-emoji'))) - .toExist() - .withTimeout(2000); - await element(by.id('emoji-picker-tab-emoji')).tap(); - await waitFor(element(by.id('emoji-wink'))) - .toExist() - .withTimeout(10000); - await element(by.id('emoji-wink')).tap(); - await waitFor(element(by.id('message-reaction-:wink:'))) - .toExist() - .withTimeout(60000); - }); + it('should open/close reactions list', async () => { + await element(by.id('message-reaction-:laughing:')).longPress(); + await waitFor(element(by.id('reactionsList'))) + .toExist() + .withTimeout(4000); + await expect(element(by.id('action-sheet-handle'))).toBeVisible(); + await element(by.id('action-sheet-handle')).swipe('down', 'fast', 0.5); + }); - it('should open/close reactions list', async () => { - await element(by.id('message-reaction-:laughing:')).longPress(); - await waitFor(element(by.id('reactionsList'))) - .toExist() - .withTimeout(4000); - await expect(element(by.id('action-sheet-handle'))).toBeVisible(); - await element(by.id('action-sheet-handle')).swipe('down', 'fast', 0.5); - }); + it('should edit message', async () => { + const editMessage = await mockMessage('edit'); + const editedMessage = `${editMessage}ed`; + await tryTapping(element(by[textMatcher](editMessage)).atIndex(0), 2000, true); + await waitFor(element(by.id('action-sheet'))) + .toExist() + .withTimeout(2000); + await expect(element(by.id('action-sheet-handle'))).toBeVisible(); + await element(by.id('action-sheet-handle')).swipe('up', 'fast', 0.5); + await element(by[textMatcher]('Edit')).atIndex(0).tap(); + await element(by.id('message-composer-input')).typeText('ed'); + await element(by.id('message-composer-send')).tap(); + await waitFor(element(by[textMatcher](editedMessage)).atIndex(0)) + .toExist() + .withTimeout(60000); + }); - it('should edit message', async () => { - const editMessage = await mockMessage('edit'); - const editedMessage = `${editMessage}ed`; - await tryTapping(element(by[textMatcher](editMessage)).atIndex(0), 2000, true); - await waitFor(element(by.id('action-sheet'))) - .toExist() - .withTimeout(2000); - await expect(element(by.id('action-sheet-handle'))).toBeVisible(); - await element(by.id('action-sheet-handle')).swipe('up', 'fast', 0.5); - await element(by[textMatcher]('Edit')).atIndex(0).tap(); - await element(by.id('messagebox-input')).replaceText(editedMessage); - await element(by.id('messagebox-send-message')).tap(); - await waitFor(element(by[textMatcher](editedMessage)).atIndex(0)) - .toExist() - .withTimeout(60000); - }); - let quotedMessage = ''; - it('should quote message', async () => { - const quoteMessage = await mockMessage('quote'); - quotedMessage = `${quoteMessage}d`; - await tryTapping(element(by[textMatcher](quoteMessage)).atIndex(0), 2000, true); - await waitFor(element(by.id('action-sheet'))) - .toExist() - .withTimeout(2000); - await expect(element(by.id('action-sheet-handle'))).toBeVisible(); - await element(by.id('action-sheet-handle')).swipe('up', 'fast', 0.5); - await element(by[textMatcher]('Quote')).atIndex(0).tap(); - await element(by.id('messagebox-input')).replaceText(quotedMessage); - await waitFor(element(by.id('messagebox-send-message'))) - .toExist() - .withTimeout(2000); - await element(by.id('messagebox-send-message')).tap(); - await waitFor(element(by[textMatcher](quotedMessage)).atIndex(0)) - .toBeVisible() - .withTimeout(3000); - await waitFor(element(by.id(`reply-${user.name}-${quoteMessage}`).withDescendant(by[textMatcher](quoteMessage)))) - .toBeVisible() - .withTimeout(3000); - }); - it('should back to rooms list view and see the last message correctly and navigate again to room', async () => { - const expectedLastMessage = `You: ${quotedMessage}`; - await sleep(300); - await tapBack(); - await waitFor(element(by.id(`markdown-preview-${expectedLastMessage}`))) - .toBeVisible() - .withTimeout(5000); - await element(by.id(`markdown-preview-${expectedLastMessage}`)).tap(); - }); + let quotedMessage = ''; + it('should quote message', async () => { + const quoteMessage = await mockMessage('quote'); + quotedMessage = `${quoteMessage}d`; + await tryTapping(element(by[textMatcher](quoteMessage)).atIndex(0), 2000, true); + await waitFor(element(by.id('action-sheet'))) + .toExist() + .withTimeout(2000); + await expect(element(by.id('action-sheet-handle'))).toBeVisible(); + await element(by.id('action-sheet-handle')).swipe('up', 'fast', 0.5); + await element(by[textMatcher]('Quote')).atIndex(0).tap(); + await element(by.id('message-composer-input')).replaceText(quotedMessage); + await waitFor(element(by.id('message-composer-send'))) + .toExist() + .withTimeout(2000); + await element(by.id('message-composer-send')).tap(); + await waitFor(element(by[textMatcher](quotedMessage)).atIndex(0)) + .toBeVisible() + .withTimeout(3000); + await waitFor(element(by.id(`reply-${user.name}-${quoteMessage}`).withDescendant(by[textMatcher](quoteMessage)))) + .toBeVisible() + .withTimeout(3000); + }); - it('should delete message', async () => { - const deleteMessage = await mockMessage('delete'); - await tryTapping(element(by[textMatcher](deleteMessage)).atIndex(0), 2000, true); - await waitFor(element(by.id('action-sheet'))) - .toExist() - .withTimeout(2000); - await expect(element(by.id('action-sheet-handle'))).toBeVisible(); - // Fix android flaky test. Close the action sheet, then re-open again - await element(by.id('action-sheet-handle')).swipe('up', 'fast', 0.5); - await element(by.id('action-sheet')).swipe('up', 'fast', 0.5); - await sleep(300); // wait for animation - await waitFor(element(by[textMatcher]('Delete'))) - .toExist() - .withTimeout(2000); - await element(by[textMatcher]('Delete')).atIndex(0).tap(); - const deleteAlertMessage = 'You will not be able to recover this message!'; - await waitFor(element(by[textMatcher](deleteAlertMessage)).atIndex(0)) - .toExist() - .withTimeout(10000); - await element(by[textMatcher]('Delete').and(by.type(alertButtonType))).tap(); - await waitFor(element(by[textMatcher](deleteMessage)).atIndex(0)) - .not.toExist() - .withTimeout(2000); - await tapBack(); - }); + it('should back to rooms list view and see the last message correctly and navigate again to room', async () => { + const expectedLastMessage = `You: ${quotedMessage}`; + await sleep(300); + await tapBack(); + await waitFor(element(by.id(`markdown-preview-${expectedLastMessage}`))) + .toBeVisible() + .withTimeout(5000); + await element(by.id(`markdown-preview-${expectedLastMessage}`)).tap(); + }); - it('should reply in DM to another user', async () => { - const replyUser = await createRandomUser(); - const { name: replyRoom } = await createRandomRoom(replyUser, 'c'); - const originalMessage = 'Message to reply in DM'; - const replyMessage = 'replied in dm'; - await sendMessage(replyUser, replyRoom, originalMessage); - await waitFor(element(by.id('rooms-list-view'))) - .toBeVisible() - .withTimeout(2000); - await navigateToRoom(replyRoom); - await waitFor(element(by[textMatcher](originalMessage)).atIndex(0)) - .toBeVisible() - .withTimeout(10000); - await element(by.id('room-view-join-button')).tap(); - await waitFor(element(by.id('room-view-join-button'))) - .not.toBeVisible() - .withTimeout(10000); - await element(by[textMatcher](originalMessage)).atIndex(0).longPress(); - await sleep(600); // wait for animation - await waitFor(element(by.id('action-sheet'))) - .toExist() - .withTimeout(2000); - await sleep(600); // wait for animation - // Fix android flaky test. Close the action sheet, then re-open again - await element(by.id('action-sheet-handle')).swipe('down', 'fast', 0.5); - await sleep(1000); // wait for animation - await element(by[textMatcher](originalMessage)).atIndex(0).longPress(); - await sleep(600); // wait for animation - await waitFor(element(by.id('action-sheet'))) - .toExist() - .withTimeout(2000); - await sleep(600); // wait for animation - await waitFor(element(by[textMatcher]('Reply in direct message')).atIndex(0)) - .toBeVisible() - .withTimeout(6000); - await sleep(600); // wait for animation - await element(by[textMatcher]('Reply in direct message')).atIndex(0).tap(); - await sleep(600); // wait for animation - await waitFor(element(by.id(`room-view-title-${replyUser.username}`))) - .toExist() - .withTimeout(6000); - await element(by.id('messagebox-input')).replaceText(replyMessage); - await waitFor(element(by.id('messagebox-send-message'))) - .toExist() - .withTimeout(2000); - await element(by.id('messagebox-send-message')).tap(); - await waitFor(element(by[textMatcher](replyMessage))) - .toExist() - .withTimeout(60000); - await element(by[textMatcher](replyMessage)).atIndex(0).tap(); - }); + it('should delete message', async () => { + const deleteMessage = await mockMessage('delete'); + await tryTapping(element(by[textMatcher](deleteMessage)).atIndex(0), 2000, true); + await waitFor(element(by.id('action-sheet'))) + .toExist() + .withTimeout(2000); + await expect(element(by.id('action-sheet-handle'))).toBeVisible(); + // Fix android flaky test. Close the action sheet, then re-open again + await element(by.id('action-sheet-handle')).swipe('up', 'fast', 0.5); + await element(by.id('action-sheet')).swipe('up', 'fast', 0.5); + await sleep(300); // wait for animation + await waitFor(element(by[textMatcher]('Delete'))) + .toExist() + .withTimeout(2000); + await element(by[textMatcher]('Delete')).atIndex(0).tap(); + const deleteAlertMessage = 'You will not be able to recover this message!'; + await waitFor(element(by[textMatcher](deleteAlertMessage)).atIndex(0)) + .toExist() + .withTimeout(10000); + await element(by[textMatcher]('Delete').and(by.type(alertButtonType))).tap(); + await waitFor(element(by[textMatcher](deleteMessage)).atIndex(0)) + .not.toExist() + .withTimeout(2000); + await tapBack(); + }); + + it('should reply in DM to another user', async () => { + const replyUser = await createRandomUser(); + const { name: replyRoom } = await createRandomRoom(replyUser, 'c'); + const originalMessage = 'Message to reply in DM'; + const replyMessage = 'replied in dm'; + await sendMessage(replyUser, replyRoom, originalMessage); + await waitFor(element(by.id('rooms-list-view'))) + .toBeVisible() + .withTimeout(2000); + await navigateToRoom(replyRoom); + await waitFor(element(by[textMatcher](originalMessage)).atIndex(0)) + .toBeVisible() + .withTimeout(10000); + await element(by.id('room-view-join-button')).tap(); + await waitFor(element(by.id('room-view-join-button'))) + .not.toBeVisible() + .withTimeout(10000); + await element(by[textMatcher](originalMessage)).atIndex(0).longPress(); + await sleep(600); // wait for animation + await waitFor(element(by.id('action-sheet'))) + .toExist() + .withTimeout(2000); + await sleep(600); // wait for animation + // Fix android flaky test. Close the action sheet, then re-open again + await element(by.id('action-sheet-handle')).swipe('down', 'fast', 0.5); + await sleep(1000); // wait for animation + await element(by[textMatcher](originalMessage)).atIndex(0).longPress(); + await sleep(600); // wait for animation + await waitFor(element(by.id('action-sheet'))) + .toExist() + .withTimeout(2000); + await sleep(600); // wait for animation + await waitFor(element(by[textMatcher]('Reply in direct message')).atIndex(0)) + .toBeVisible() + .withTimeout(6000); + await sleep(600); // wait for animation + await element(by[textMatcher]('Reply in direct message')).atIndex(0).tap(); + await sleep(600); // wait for animation + await waitFor(element(by.id(`room-view-title-${replyUser.username}`))) + .toExist() + .withTimeout(6000); + await element(by.id('message-composer-input')).replaceText(replyMessage); + await waitFor(element(by.id('message-composer-send'))) + .toExist() + .withTimeout(2000); + await element(by.id('message-composer-send')).tap(); + await waitFor(element(by[textMatcher](replyMessage))) + .toExist() + .withTimeout(60000); + await element(by[textMatcher](replyMessage)).atIndex(0).tap(); }); }); }); diff --git a/e2e/tests/room/04-discussion.spec.ts b/e2e/tests/room/04-discussion.spec.ts index 5360ab693..dbed793be 100644 --- a/e2e/tests/room/04-discussion.spec.ts +++ b/e2e/tests/room/04-discussion.spec.ts @@ -19,7 +19,7 @@ describe('Discussion', () => { let user: ITestUser; let room: string; const discussionFromNewMessage = `${random()} Discussion NewMessageView`; - const discussionFromMessagebox = `${random()} Discussion Messagebox actions`; + const discussionFromMessageComposer = `${random()} Discussion MessageComposer actions`; let discussionFromActionSheet: string; beforeAll(async () => { user = await createRandomUser(); @@ -94,9 +94,9 @@ describe('Discussion', () => { .withTimeout(5000); }); - it('should create discussion from Messagebox Actions', async () => { + it('should create discussion from MessageComposer Actions', async () => { await navigateToRoom(room); - await element(by.id('messagebox-actions')).tap(); + await element(by.id('message-composer-actions')).tap(); await sleep(300); // wait for animation await waitFor(element(by.id('action-sheet'))) .toBeVisible() @@ -105,7 +105,7 @@ describe('Discussion', () => { await waitFor(element(by.id('create-discussion-view'))) .toExist() .withTimeout(2000); - await element(by.id('multi-select-discussion-name')).replaceText(discussionFromMessagebox); + await element(by.id('multi-select-discussion-name')).replaceText(discussionFromMessageComposer); await waitFor(element(by.id('create-discussion-submit'))) .toExist() .withTimeout(10000); @@ -113,14 +113,14 @@ describe('Discussion', () => { await waitFor(element(by.id('room-view'))) .toExist() .withTimeout(10000); - await waitFor(element(by.id(`room-view-title-${discussionFromMessagebox}`))) + await waitFor(element(by.id(`room-view-title-${discussionFromMessageComposer}`))) .toExist() .withTimeout(5000); }); describe('Create Discussion from action sheet', () => { it('should send a message', async () => { - await waitFor(element(by.id('messagebox'))) + await waitFor(element(by.id('message-composer'))) .toBeVisible() .withTimeout(60000); discussionFromActionSheet = await mockMessage('message'); diff --git a/e2e/tests/room/05-threads.spec.ts b/e2e/tests/room/05-threads.spec.ts index 5ef800674..c346ad320 100644 --- a/e2e/tests/room/05-threads.spec.ts +++ b/e2e/tests/room/05-threads.spec.ts @@ -46,29 +46,6 @@ describe('Threads', () => { await expect(element(by.id('room-view-header-threads'))).toExist(); }); }); - - // Render - Messagebox - describe('Messagebox', () => { - it('should have messagebox', async () => { - await expect(element(by.id('messagebox'))).toExist(); - }); - - it('should have open emoji button', async () => { - await expect(element(by.id('messagebox-open-emoji'))).toExist(); - }); - - it('should have message input', async () => { - await expect(element(by.id('messagebox-input'))).toExist(); - }); - - it('should have audio button', async () => { - await expect(element(by.id('messagebox-send-audio'))).toExist(); - }); - - it('should have actions button', async () => { - await expect(element(by.id('messagebox-actions'))).toExist(); - }); - }); }); describe('Usage', () => { @@ -82,31 +59,32 @@ describe('Threads', () => { await expect(element(by.id('action-sheet-handle'))).toBeVisible(); await element(by.id('action-sheet-handle')).swipe('up', 'fast', 0.5); await element(by[textMatcher]('Reply in thread')).atIndex(0).tap(); - await element(by.id('messagebox-input')).replaceText('replied'); - await waitFor(element(by.id('messagebox-send-message'))) - .toExist() - .withTimeout(2000); - await element(by.id('messagebox-send-message')).tap(); - await waitFor(element(by.id(`message-thread-button-${thread}`))) + await waitFor(element(by.id(`room-view-title-${thread}`))) .toExist() .withTimeout(5000); - await expect(element(by.id(`message-thread-button-${thread}`))).toExist(); + await element(by.id('message-composer-input-thread')).replaceText('replied'); + await waitFor(element(by.id('message-composer-send'))) + .toExist() + .withTimeout(2000); + await element(by.id('message-composer-send')).tap(); + await waitFor(element(by[textMatcher]('replied'))) + .toExist() + .withTimeout(60000); + await element(by[textMatcher]('replied')).atIndex(0).tap(); }); it('should navigate to thread from button', async () => { + await tapBack(); + await waitFor(element(by.id(`room-view-title-${room}`))) + .toExist() + .withTimeout(5000); await element(by.id(`message-thread-button-${thread}`)).tap(); await waitFor(element(by.id(`room-view-title-${thread}`))) .toExist() .withTimeout(5000); - await expect(element(by.id(`room-view-title-${thread}`))).toExist(); - await tapBack(); }); it('should toggle follow thread', async () => { - await element(by.id(`message-thread-button-${thread}`)).tap(); - await waitFor(element(by.id(`room-view-title-${thread}`))) - .toExist() - .withTimeout(5000); await element(by.id('room-view-header-unfollow')).tap(); await waitFor(element(by.id('room-view-header-follow'))) .toExist() @@ -136,12 +114,12 @@ describe('Threads', () => { it('should mark send to channel and show on main channel', async () => { const messageText = 'sendToChannel'; await element(by.id(`message-thread-button-${thread}`)).tap(); - await waitFor(element(by.id('messagebox-input-thread'))) + await waitFor(element(by.id('message-composer-input-thread'))) .toExist() .withTimeout(5000); - await element(by.id('messagebox-input-thread')).replaceText(messageText); - await element(by.id('messagebox-send-to-channel')).tap(); - await element(by.id('messagebox-send-message')).tap(); + await element(by.id('message-composer-input-thread')).replaceText(messageText); + await element(by.id('message-composer-send-to-channel')).tap(); + await element(by.id('message-composer-send')).tap(); await tapBack(); await waitFor(element(by.id(`room-view-title-${thread}`))) .not.toExist() @@ -158,12 +136,12 @@ describe('Threads', () => { const messageText = 'navthreadname'; await mockMessage('dummymessagebetweenthethread'); await element(by.id(`message-thread-button-${thread}`)).tap(); - await waitFor(element(by.id('messagebox-input-thread'))) + await waitFor(element(by.id('message-composer-input-thread'))) .toExist() .withTimeout(5000); - await element(by.id('messagebox-input-thread')).replaceText(messageText); - await element(by.id('messagebox-send-to-channel')).tap(); - await element(by.id('messagebox-send-message')).tap(); + await element(by.id('message-composer-input-thread')).replaceText(messageText); + await element(by.id('message-composer-send-to-channel')).tap(); + await element(by.id('message-composer-send')).tap(); await tapBack(); await waitFor(element(by.id(`room-view-title-${thread}`))) .not.toExist() @@ -211,16 +189,16 @@ describe('Threads', () => { await waitFor(element(by.id(`room-view-title-${thread}`))) .toExist() .withTimeout(5000); - await element(by.id('messagebox-input-thread')).replaceText(`${thread}draft`); + await element(by.id('message-composer-input-thread')).replaceText(`${thread}draft`); await tapBack(); await tapAndWaitFor(element(by.id(`message-thread-button-${thread}`)), element(by.id(`room-view-title-${thread}`)), 2000); - await expect(element(by.id('messagebox-input-thread'))).toHaveText(`${thread}draft`); - await element(by.id('messagebox-input-thread')).clearText(); + await expect(element(by.id('message-composer-input-thread'))).toHaveText(`${thread}draft`); + await element(by.id('message-composer-input-thread')).clearText(); await tapBack(); await tapAndWaitFor(element(by.id(`message-thread-button-${thread}`)), element(by.id(`room-view-title-${thread}`)), 2000); - await expect(element(by.id('messagebox-input-thread'))).toHaveText(''); + await expect(element(by.id('message-composer-input-thread'))).toHaveText(''); await tapBack(); }); @@ -230,12 +208,11 @@ describe('Threads', () => { await element(by[textMatcher](thread)).atIndex(0).longPress(); await element(by.id('action-sheet-handle')).swipe('up', 'fast', 0.5); await element(by[textMatcher]('Reply in thread')).atIndex(0).tap(); - await element(by.id('messagebox-input')).replaceText('replied'); - await element(by.id('messagebox-send-message')).tap(); - await waitFor(element(by.id(`thread-count-1`))) + await waitFor(element(by.id(`room-view-title-thread-message-count`))) .toExist() .withTimeout(5000); - await element(by.id(`message-thread-button-${thread}`)).tap(); + await element(by.id('message-composer-input-thread')).typeText('replied'); + await element(by.id('message-composer-send')).tap(); await tryTapping(element(by[textMatcher]('replied')).atIndex(0), 2000, true); // Fix android flaky test. Close the action sheet, then re-open again await element(by.id('action-sheet-handle')).swipe('up', 'fast', 0.5); diff --git a/e2e/tests/room/08-roominfo.spec.ts b/e2e/tests/room/08-roominfo.spec.ts index c9902f3f0..d309a893c 100644 --- a/e2e/tests/room/08-roominfo.spec.ts +++ b/e2e/tests/room/08-roominfo.spec.ts @@ -286,7 +286,7 @@ describe('Room info screen', () => { .toBeVisible() .withTimeout(10000); await sleep(400); - const textWithShowMoreRegExp = /Lorem[\s\S]+... Show more/i + const textWithShowMoreRegExp = /Lorem[\s\S]+... Show more/i; await waitFor(element(by[textMatcher](textWithShowMoreRegExp))) .toExist() .withTimeout(10000); diff --git a/e2e/tests/room/10-ignoreuser.spec.ts b/e2e/tests/room/10-ignoreuser.spec.ts index 421162609..c9c444294 100644 --- a/e2e/tests/room/10-ignoreuser.spec.ts +++ b/e2e/tests/room/10-ignoreuser.spec.ts @@ -76,7 +76,7 @@ describe('Ignore/Block User', () => { .toBeVisible() .withTimeout(5000); await tapBack(); - await waitFor(element(by.id('messagebox'))) + await waitFor(element(by.id('message-composer'))) .toBeVisible() .withTimeout(2000); await tapBack(); diff --git a/e2e/tests/room/11-autoTranslate.spec.ts b/e2e/tests/room/12-autotranslate.spec.ts similarity index 98% rename from e2e/tests/room/11-autoTranslate.spec.ts rename to e2e/tests/room/12-autotranslate.spec.ts index df7ba928b..b1d1123f1 100644 --- a/e2e/tests/room/11-autoTranslate.spec.ts +++ b/e2e/tests/room/12-autotranslate.spec.ts @@ -76,7 +76,8 @@ export function waitForNotVisible(id: string) { .withTimeout(10000); } -describe('Auto Translate', () => { +// Skipped until we fix join code backend +describe.skip('Auto Translate', () => { let textMatcher: TTextMatcher; const languages = { @@ -113,7 +114,7 @@ describe('Auto Translate', () => { await waitForNotVisible('room-view-join-button'); await tapBack(); await navigateToRoom('translation-test'); - await waitForVisible('messagebox'); + await waitForVisible('message-composer'); await expect(element(by.id('room-view-join'))).not.toBeVisible(); }); diff --git a/index.js b/index.js index 87d2a4a34..74f5332c5 100644 --- a/index.js +++ b/index.js @@ -24,7 +24,6 @@ if (!isFDroidBuild && isAndroid) { require('./app/lib/notifications/videoConf/backgroundNotificationHandler'); } - AppRegistry.registerComponent(appName, () => require('./app/index').default); AppRegistry.registerComponent(shareName, () => require('./app/share').default); diff --git a/ios/RocketChatRN.xcodeproj/project.pbxproj b/ios/RocketChatRN.xcodeproj/project.pbxproj index 848edc637..2aa158f3d 100644 --- a/ios/RocketChatRN.xcodeproj/project.pbxproj +++ b/ios/RocketChatRN.xcodeproj/project.pbxproj @@ -79,7 +79,7 @@ 1EFEB5982493B6640072EDC0 /* NotificationService.swift in Sources */ = {isa = PBXBuildFile; fileRef = 1EFEB5972493B6640072EDC0 /* NotificationService.swift */; }; 1EFEB59C2493B6640072EDC0 /* NotificationService.appex in Embed App Extensions */ = {isa = PBXBuildFile; fileRef = 1EFEB5952493B6640072EDC0 /* NotificationService.appex */; settings = {ATTRIBUTES = (RemoveHeadersOnCopy, ); }; }; 24A2AEF2383D44B586D31C01 /* libz.tbd in Frameworks */ = {isa = PBXBuildFile; fileRef = 06BB44DD4855498082A744AD /* libz.tbd */; }; - 2B17932EE8ECAE57F3EEF66E /* libPods-defaults-ShareRocketChatRN.a in Frameworks */ = {isa = PBXBuildFile; fileRef = B3053C7BCF6D30F47A868926 /* libPods-defaults-ShareRocketChatRN.a */; }; + 40F02A25DF4A436C69D57156 /* libPods-defaults-RocketChatRN.a in Frameworks */ = {isa = PBXBuildFile; fileRef = CC656AF598B9611936E5F1BD /* libPods-defaults-RocketChatRN.a */; }; 4C4C8603EF082F0A33A95522 /* ExpoModulesProvider.swift in Sources */ = {isa = PBXBuildFile; fileRef = 45D5C142B655F8EFD006792C /* ExpoModulesProvider.swift */; }; 65B9A71A2AFC24190088956F /* ringtone.mp3 in Resources */ = {isa = PBXBuildFile; fileRef = 65B9A7192AFC24190088956F /* ringtone.mp3 */; }; 65B9A71B2AFC24190088956F /* ringtone.mp3 in Resources */ = {isa = PBXBuildFile; fileRef = 65B9A7192AFC24190088956F /* ringtone.mp3 */; }; @@ -143,10 +143,10 @@ 7AE10C0728A59530003593CB /* Inter.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 7AE10C0528A59530003593CB /* Inter.ttf */; }; 7AE10C0828A59530003593CB /* Inter.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 7AE10C0528A59530003593CB /* Inter.ttf */; }; 85160EB6C143E0493FE5F014 /* ExpoModulesProvider.swift in Sources */ = {isa = PBXBuildFile; fileRef = 194D9A8897F4A486C2C6F89A /* ExpoModulesProvider.swift */; }; - 9C6A2011983C0EB1E0BFDF8C /* libPods-defaults-Rocket.Chat.a in Frameworks */ = {isa = PBXBuildFile; fileRef = F4094FC013D693914C83D9F9 /* libPods-defaults-Rocket.Chat.a */; }; - A7621A83F19200B4F2C5B597 /* libPods-defaults-RocketChatRN.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 80E4A43655C6403863DE2A5B /* libPods-defaults-RocketChatRN.a */; }; + 8B6F27FA685A3D34DF28B4E0 /* libPods-defaults-NotificationService.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 39104844B257F72E9D047315 /* libPods-defaults-NotificationService.a */; }; + B9703971171B2D3EB0723C05 /* libPods-defaults-Rocket.Chat.a in Frameworks */ = {isa = PBXBuildFile; fileRef = D458BEE2281407F404CDB33F /* libPods-defaults-Rocket.Chat.a */; }; BC404914E86821389EEB543D /* ExpoModulesProvider.swift in Sources */ = {isa = PBXBuildFile; fileRef = 391C4F7AA7023CD41EEBD106 /* ExpoModulesProvider.swift */; }; - BCB59C4D3E936045A1B4B743 /* libPods-defaults-NotificationService.a in Frameworks */ = {isa = PBXBuildFile; fileRef = FDA952B83D7FF30D4E2CFFEE /* libPods-defaults-NotificationService.a */; }; + D778529F5C5E0689FB2C863A /* libPods-defaults-ShareRocketChatRN.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 6F7E7AAF900DB63FA0643F09 /* libPods-defaults-ShareRocketChatRN.a */; }; D94D81FB9E10756FAA03F203 /* ExpoModulesProvider.swift in Sources */ = {isa = PBXBuildFile; fileRef = 016747EF3B9FED8DE2C9DA14 /* ExpoModulesProvider.swift */; }; DD2BA30A89E64F189C2C24AC /* libWatermelonDB.a in Frameworks */ = {isa = PBXBuildFile; fileRef = BA7E862283664608B3894E34 /* libWatermelonDB.a */; }; /* End PBXBuildFile section */ @@ -213,7 +213,6 @@ 008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = ""; }; 016747EF3B9FED8DE2C9DA14 /* ExpoModulesProvider.swift */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = sourcecode.swift; name = ExpoModulesProvider.swift; path = "Pods/Target Support Files/Pods-defaults-ShareRocketChatRN/ExpoModulesProvider.swift"; sourceTree = ""; }; 06BB44DD4855498082A744AD /* libz.tbd */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = "sourcecode.text-based-dylib-definition"; name = libz.tbd; path = usr/lib/libz.tbd; sourceTree = SDKROOT; }; - 0A0A154901DFF7277ABA48FC /* Pods-defaults-RocketChatRN.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-defaults-RocketChatRN.debug.xcconfig"; path = "Target Support Files/Pods-defaults-RocketChatRN/Pods-defaults-RocketChatRN.debug.xcconfig"; sourceTree = ""; }; 13B07F961A680F5B00A75B9A /* Rocket.Chat Experimental.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = "Rocket.Chat Experimental.app"; sourceTree = BUILT_PRODUCTS_DIR; }; 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = RocketChatRN/AppDelegate.h; sourceTree = ""; }; 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = RocketChatRN/Images.xcassets; sourceTree = ""; }; @@ -266,11 +265,16 @@ 1EFEB5972493B6640072EDC0 /* NotificationService.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = NotificationService.swift; sourceTree = ""; }; 1EFEB5992493B6640072EDC0 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 1EFEB5A12493B67D0072EDC0 /* NotificationService.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; path = NotificationService.entitlements; sourceTree = ""; }; + 290CF216098C341E0A62160E /* Pods-defaults-NotificationService.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-defaults-NotificationService.release.xcconfig"; path = "Target Support Files/Pods-defaults-NotificationService/Pods-defaults-NotificationService.release.xcconfig"; sourceTree = ""; }; + 39104844B257F72E9D047315 /* libPods-defaults-NotificationService.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-defaults-NotificationService.a"; sourceTree = BUILT_PRODUCTS_DIR; }; 391C4F7AA7023CD41EEBD106 /* ExpoModulesProvider.swift */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = sourcecode.swift; name = ExpoModulesProvider.swift; path = "Pods/Target Support Files/Pods-defaults-Rocket.Chat/ExpoModulesProvider.swift"; sourceTree = ""; }; 45D5C142B655F8EFD006792C /* ExpoModulesProvider.swift */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = sourcecode.swift; name = ExpoModulesProvider.swift; path = "Pods/Target Support Files/Pods-defaults-RocketChatRN/ExpoModulesProvider.swift"; sourceTree = ""; }; + 4E882A2AC13FD3C073128EF6 /* Pods-defaults-Rocket.Chat.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-defaults-Rocket.Chat.debug.xcconfig"; path = "Target Support Files/Pods-defaults-Rocket.Chat/Pods-defaults-Rocket.Chat.debug.xcconfig"; sourceTree = ""; }; + 5B8F57A5EB0BBDB9A402C25F /* Pods-defaults-ShareRocketChatRN.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-defaults-ShareRocketChatRN.release.xcconfig"; path = "Target Support Files/Pods-defaults-ShareRocketChatRN/Pods-defaults-ShareRocketChatRN.release.xcconfig"; sourceTree = ""; }; + 5F43124ACB5EC56A936B2725 /* Pods-defaults-ShareRocketChatRN.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-defaults-ShareRocketChatRN.debug.xcconfig"; path = "Target Support Files/Pods-defaults-ShareRocketChatRN/Pods-defaults-ShareRocketChatRN.debug.xcconfig"; sourceTree = ""; }; 60B2A6A31FC4588700BD58E5 /* RocketChatRN.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; name = RocketChatRN.entitlements; path = RocketChatRN/RocketChatRN.entitlements; sourceTree = ""; }; 65B9A7192AFC24190088956F /* ringtone.mp3 */ = {isa = PBXFileReference; lastKnownFileType = audio.mp3; path = ringtone.mp3; sourceTree = ""; }; - 6B89A0C56BF3A44505DEAF83 /* Pods-defaults-ShareRocketChatRN.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-defaults-ShareRocketChatRN.debug.xcconfig"; path = "Target Support Files/Pods-defaults-ShareRocketChatRN/Pods-defaults-ShareRocketChatRN.debug.xcconfig"; sourceTree = ""; }; + 6F7E7AAF900DB63FA0643F09 /* libPods-defaults-ShareRocketChatRN.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-defaults-ShareRocketChatRN.a"; sourceTree = BUILT_PRODUCTS_DIR; }; 7A006F13229C83B600803143 /* GoogleService-Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; path = "GoogleService-Info.plist"; sourceTree = ""; }; 7A0D62D1242AB187006D5C06 /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; path = LaunchScreen.storyboard; sourceTree = ""; }; 7A14FCEC257FEB3A005BDCD4 /* Experimental.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Experimental.xcassets; sourceTree = ""; }; @@ -281,18 +285,14 @@ 7AAB3E52257E6A6E00707CF6 /* Rocket.Chat.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = Rocket.Chat.app; sourceTree = BUILT_PRODUCTS_DIR; }; 7ACD4853222860DE00442C55 /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; }; 7AE10C0528A59530003593CB /* Inter.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; path = Inter.ttf; sourceTree = ""; }; - 7B761BFAFBCDE593C2BAA688 /* Pods-defaults-NotificationService.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-defaults-NotificationService.release.xcconfig"; path = "Target Support Files/Pods-defaults-NotificationService/Pods-defaults-NotificationService.release.xcconfig"; sourceTree = ""; }; - 80E4A43655C6403863DE2A5B /* libPods-defaults-RocketChatRN.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-defaults-RocketChatRN.a"; sourceTree = BUILT_PRODUCTS_DIR; }; - 8CAEA4511906BB1E01898414 /* Pods-defaults-NotificationService.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-defaults-NotificationService.debug.xcconfig"; path = "Target Support Files/Pods-defaults-NotificationService/Pods-defaults-NotificationService.debug.xcconfig"; sourceTree = ""; }; - B3053C7BCF6D30F47A868926 /* libPods-defaults-ShareRocketChatRN.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-defaults-ShareRocketChatRN.a"; sourceTree = BUILT_PRODUCTS_DIR; }; + 804D92F23707360DE686C586 /* Pods-defaults-RocketChatRN.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-defaults-RocketChatRN.release.xcconfig"; path = "Target Support Files/Pods-defaults-RocketChatRN/Pods-defaults-RocketChatRN.release.xcconfig"; sourceTree = ""; }; + 8D9DA7CD79909E251F469FD5 /* Pods-defaults-NotificationService.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-defaults-NotificationService.debug.xcconfig"; path = "Target Support Files/Pods-defaults-NotificationService/Pods-defaults-NotificationService.debug.xcconfig"; sourceTree = ""; }; + 9449FA42E7E0B86667975BBB /* Pods-defaults-RocketChatRN.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-defaults-RocketChatRN.debug.xcconfig"; path = "Target Support Files/Pods-defaults-RocketChatRN/Pods-defaults-RocketChatRN.debug.xcconfig"; sourceTree = ""; }; + A7E33F4FD705C0E2C4F9A7AA /* Pods-defaults-Rocket.Chat.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-defaults-Rocket.Chat.release.xcconfig"; path = "Target Support Files/Pods-defaults-Rocket.Chat/Pods-defaults-Rocket.Chat.release.xcconfig"; sourceTree = ""; }; B37C79D9BD0742CE936B6982 /* libc++.tbd */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = "sourcecode.text-based-dylib-definition"; name = "libc++.tbd"; path = "usr/lib/libc++.tbd"; sourceTree = SDKROOT; }; BA7E862283664608B3894E34 /* libWatermelonDB.a */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = archive.ar; path = libWatermelonDB.a; sourceTree = ""; }; - C7B49FFF390E777885466DB8 /* Pods-defaults-Rocket.Chat.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-defaults-Rocket.Chat.release.xcconfig"; path = "Target Support Files/Pods-defaults-Rocket.Chat/Pods-defaults-Rocket.Chat.release.xcconfig"; sourceTree = ""; }; - D18A75D6B09FE66EF4BA01D5 /* Pods-defaults-ShareRocketChatRN.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-defaults-ShareRocketChatRN.release.xcconfig"; path = "Target Support Files/Pods-defaults-ShareRocketChatRN/Pods-defaults-ShareRocketChatRN.release.xcconfig"; sourceTree = ""; }; - D71FBB48FEF190385BF70D2C /* Pods-defaults-Rocket.Chat.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-defaults-Rocket.Chat.debug.xcconfig"; path = "Target Support Files/Pods-defaults-Rocket.Chat/Pods-defaults-Rocket.Chat.debug.xcconfig"; sourceTree = ""; }; - DD34A9C7880B17A54E25088C /* Pods-defaults-RocketChatRN.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-defaults-RocketChatRN.release.xcconfig"; path = "Target Support Files/Pods-defaults-RocketChatRN/Pods-defaults-RocketChatRN.release.xcconfig"; sourceTree = ""; }; - F4094FC013D693914C83D9F9 /* libPods-defaults-Rocket.Chat.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-defaults-Rocket.Chat.a"; sourceTree = BUILT_PRODUCTS_DIR; }; - FDA952B83D7FF30D4E2CFFEE /* libPods-defaults-NotificationService.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-defaults-NotificationService.a"; sourceTree = BUILT_PRODUCTS_DIR; }; + CC656AF598B9611936E5F1BD /* libPods-defaults-RocketChatRN.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-defaults-RocketChatRN.a"; sourceTree = BUILT_PRODUCTS_DIR; }; + D458BEE2281407F404CDB33F /* libPods-defaults-Rocket.Chat.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-defaults-Rocket.Chat.a"; sourceTree = BUILT_PRODUCTS_DIR; }; /* End PBXFileReference section */ /* Begin PBXFrameworksBuildPhase section */ @@ -313,7 +313,7 @@ 7ACD4897222860DE00442C55 /* JavaScriptCore.framework in Frameworks */, 24A2AEF2383D44B586D31C01 /* libz.tbd in Frameworks */, DD2BA30A89E64F189C2C24AC /* libWatermelonDB.a in Frameworks */, - A7621A83F19200B4F2C5B597 /* libPods-defaults-RocketChatRN.a in Frameworks */, + 40F02A25DF4A436C69D57156 /* libPods-defaults-RocketChatRN.a in Frameworks */, ); runOnlyForDeploymentPostprocessing = 0; }; @@ -322,7 +322,7 @@ buildActionMask = 2147483647; files = ( 1E25743422CBA2CF005A877F /* JavaScriptCore.framework in Frameworks */, - 2B17932EE8ECAE57F3EEF66E /* libPods-defaults-ShareRocketChatRN.a in Frameworks */, + D778529F5C5E0689FB2C863A /* libPods-defaults-ShareRocketChatRN.a in Frameworks */, ); runOnlyForDeploymentPostprocessing = 0; }; @@ -330,7 +330,7 @@ isa = PBXFrameworksBuildPhase; buildActionMask = 2147483647; files = ( - BCB59C4D3E936045A1B4B743 /* libPods-defaults-NotificationService.a in Frameworks */, + 8B6F27FA685A3D34DF28B4E0 /* libPods-defaults-NotificationService.a in Frameworks */, ); runOnlyForDeploymentPostprocessing = 0; }; @@ -351,7 +351,7 @@ 7AAB3E3D257E6A6E00707CF6 /* JavaScriptCore.framework in Frameworks */, 7AAB3E3E257E6A6E00707CF6 /* libz.tbd in Frameworks */, 7AAB3E3F257E6A6E00707CF6 /* libWatermelonDB.a in Frameworks */, - 9C6A2011983C0EB1E0BFDF8C /* libPods-defaults-Rocket.Chat.a in Frameworks */, + B9703971171B2D3EB0723C05 /* libPods-defaults-Rocket.Chat.a in Frameworks */, ); runOnlyForDeploymentPostprocessing = 0; }; @@ -503,14 +503,14 @@ 7AC2B09613AA7C3FEBAC9F57 /* Pods */ = { isa = PBXGroup; children = ( - 8CAEA4511906BB1E01898414 /* Pods-defaults-NotificationService.debug.xcconfig */, - 7B761BFAFBCDE593C2BAA688 /* Pods-defaults-NotificationService.release.xcconfig */, - D71FBB48FEF190385BF70D2C /* Pods-defaults-Rocket.Chat.debug.xcconfig */, - C7B49FFF390E777885466DB8 /* Pods-defaults-Rocket.Chat.release.xcconfig */, - 0A0A154901DFF7277ABA48FC /* Pods-defaults-RocketChatRN.debug.xcconfig */, - DD34A9C7880B17A54E25088C /* Pods-defaults-RocketChatRN.release.xcconfig */, - 6B89A0C56BF3A44505DEAF83 /* Pods-defaults-ShareRocketChatRN.debug.xcconfig */, - D18A75D6B09FE66EF4BA01D5 /* Pods-defaults-ShareRocketChatRN.release.xcconfig */, + 8D9DA7CD79909E251F469FD5 /* Pods-defaults-NotificationService.debug.xcconfig */, + 290CF216098C341E0A62160E /* Pods-defaults-NotificationService.release.xcconfig */, + 4E882A2AC13FD3C073128EF6 /* Pods-defaults-Rocket.Chat.debug.xcconfig */, + A7E33F4FD705C0E2C4F9A7AA /* Pods-defaults-Rocket.Chat.release.xcconfig */, + 9449FA42E7E0B86667975BBB /* Pods-defaults-RocketChatRN.debug.xcconfig */, + 804D92F23707360DE686C586 /* Pods-defaults-RocketChatRN.release.xcconfig */, + 5F43124ACB5EC56A936B2725 /* Pods-defaults-ShareRocketChatRN.debug.xcconfig */, + 5B8F57A5EB0BBDB9A402C25F /* Pods-defaults-ShareRocketChatRN.release.xcconfig */, ); path = Pods; sourceTree = ""; @@ -601,10 +601,10 @@ 7ACD4853222860DE00442C55 /* JavaScriptCore.framework */, B37C79D9BD0742CE936B6982 /* libc++.tbd */, 06BB44DD4855498082A744AD /* libz.tbd */, - FDA952B83D7FF30D4E2CFFEE /* libPods-defaults-NotificationService.a */, - F4094FC013D693914C83D9F9 /* libPods-defaults-Rocket.Chat.a */, - 80E4A43655C6403863DE2A5B /* libPods-defaults-RocketChatRN.a */, - B3053C7BCF6D30F47A868926 /* libPods-defaults-ShareRocketChatRN.a */, + 39104844B257F72E9D047315 /* libPods-defaults-NotificationService.a */, + D458BEE2281407F404CDB33F /* libPods-defaults-Rocket.Chat.a */, + CC656AF598B9611936E5F1BD /* libPods-defaults-RocketChatRN.a */, + 6F7E7AAF900DB63FA0643F09 /* libPods-defaults-ShareRocketChatRN.a */, ); name = Frameworks; sourceTree = ""; @@ -624,7 +624,7 @@ isa = PBXNativeTarget; buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "RocketChatRN" */; buildPhases = ( - 181C3F50E52A555C16CD2E6A /* [CP] Check Pods Manifest.lock */, + 37AEC2B2D006EB65E9E8F12F /* [CP] Check Pods Manifest.lock */, 7AA5C63E23E30D110005C4A7 /* Start Packager */, 13B07F871A680F5B00A75B9A /* Sources */, 13B07F8C1A680F5B00A75B9A /* Frameworks */, @@ -633,8 +633,8 @@ 1EC6ACF422CB9FC300A41C61 /* Embed App Extensions */, 1E1EA8082326CCE300E22452 /* ShellScript */, 7AAE9EB32891A0D20024F559 /* Upload source maps to Bugsnag */, - 7745CB138C0BC3AD3B6D903B /* [CP] Embed Pods Frameworks */, - E5B15D44172706200C51E871 /* [CP] Copy Pods Resources */, + 7F13D807CA5B7E43CE899DB3 /* [CP] Embed Pods Frameworks */, + A1315A8FDA7B970DFBDB34C7 /* [CP] Copy Pods Resources */, ); buildRules = ( ); @@ -651,12 +651,12 @@ isa = PBXNativeTarget; buildConfigurationList = 1EC6ACF322CB9FC300A41C61 /* Build configuration list for PBXNativeTarget "ShareRocketChatRN" */; buildPhases = ( - B1DCC208CCABAFDD28BB094C /* [CP] Check Pods Manifest.lock */, + 0558891725AA0CE58E4BB3D1 /* [CP] Check Pods Manifest.lock */, 1EC6ACAC22CB9FC300A41C61 /* Sources */, 1EC6ACAD22CB9FC300A41C61 /* Frameworks */, 1EC6ACAE22CB9FC300A41C61 /* Resources */, 1EFE4DC322CBF36300B766B7 /* ShellScript */, - B3292ED5BEB4511153175C8A /* [CP] Copy Pods Resources */, + 0A42F15A45D1EDC5325BBDAA /* [CP] Copy Pods Resources */, ); buildRules = ( ); @@ -671,11 +671,11 @@ isa = PBXNativeTarget; buildConfigurationList = 1EFEB5A02493B6640072EDC0 /* Build configuration list for PBXNativeTarget "NotificationService" */; buildPhases = ( - B6250DEF970654F9559DF2A3 /* [CP] Check Pods Manifest.lock */, + C39B55AE7DC2B0A40EC7DF58 /* [CP] Check Pods Manifest.lock */, 1EFEB5912493B6640072EDC0 /* Sources */, 1EFEB5922493B6640072EDC0 /* Frameworks */, 1EFEB5932493B6640072EDC0 /* Resources */, - F7473AD47B9C08D9A7503185 /* [CP] Copy Pods Resources */, + BE2180B86A119238B820122A /* [CP] Copy Pods Resources */, ); buildRules = ( ); @@ -690,7 +690,7 @@ isa = PBXNativeTarget; buildConfigurationList = 7AAB3E4F257E6A6E00707CF6 /* Build configuration list for PBXNativeTarget "Rocket.Chat" */; buildPhases = ( - 6975FE71AEDEB40A25E5C9DF /* [CP] Check Pods Manifest.lock */, + 1FC466D7FEE886FBDB6F9951 /* [CP] Check Pods Manifest.lock */, 7AAB3E13257E6A6E00707CF6 /* Start Packager */, 7AAB3E14257E6A6E00707CF6 /* Sources */, 7AAB3E32257E6A6E00707CF6 /* Frameworks */, @@ -699,8 +699,8 @@ 7AAB3E48257E6A6E00707CF6 /* Embed App Extensions */, 7AAB3E4B257E6A6E00707CF6 /* ShellScript */, 7A10288726B1D15200E47EF8 /* Upload source maps to Bugsnag */, - BAA9D97CDBBD81E491CA726F /* [CP] Embed Pods Frameworks */, - BB580E163ADADB99974B9507 /* [CP] Copy Pods Resources */, + 4CC99291A49CC4B7F5883239 /* [CP] Embed Pods Frameworks */, + B237EE54305A08A30FCABFA0 /* [CP] Copy Pods Resources */, ); buildRules = ( ); @@ -852,7 +852,7 @@ shellPath = /bin/sh; shellScript = "export EXTRA_PACKAGER_ARGS=\"--sourcemap-output $TMPDIR/$(md5 -qs \"$CONFIGURATION_BUILD_DIR\")-main.jsbundle.map\"\nexport NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh\n"; }; - 181C3F50E52A555C16CD2E6A /* [CP] Check Pods Manifest.lock */ = { + 0558891725AA0CE58E4BB3D1 /* [CP] Check Pods Manifest.lock */ = { isa = PBXShellScriptBuildPhase; buildActionMask = 2147483647; files = ( @@ -867,13 +867,69 @@ outputFileListPaths = ( ); outputPaths = ( - "$(DERIVED_FILE_DIR)/Pods-defaults-RocketChatRN-checkManifestLockResult.txt", + "$(DERIVED_FILE_DIR)/Pods-defaults-ShareRocketChatRN-checkManifestLockResult.txt", ); runOnlyForDeploymentPostprocessing = 0; shellPath = /bin/sh; shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n # print error to STDERR\n echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n"; showEnvVarsInLog = 0; }; + 0A42F15A45D1EDC5325BBDAA /* [CP] Copy Pods Resources */ = { + isa = PBXShellScriptBuildPhase; + buildActionMask = 2147483647; + files = ( + ); + inputPaths = ( + "${PODS_ROOT}/Target Support Files/Pods-defaults-ShareRocketChatRN/Pods-defaults-ShareRocketChatRN-resources.sh", + "${PODS_CONFIGURATION_BUILD_DIR}/RNImageCropPicker/QBImagePicker.bundle", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/AntDesign.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Entypo.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/EvilIcons.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Feather.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/FontAwesome.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/FontAwesome5_Brands.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/FontAwesome5_Regular.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/FontAwesome5_Solid.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Fontisto.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Foundation.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Ionicons.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/MaterialCommunityIcons.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/MaterialIcons.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Octicons.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/SimpleLineIcons.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Zocial.ttf", + "${PODS_CONFIGURATION_BUILD_DIR}/React-Core/AccessibilityResources.bundle", + "${PODS_CONFIGURATION_BUILD_DIR}/TOCropViewController/TOCropViewControllerBundle.bundle", + "${PODS_CONFIGURATION_BUILD_DIR}/iosMath/mathFonts.bundle", + ); + name = "[CP] Copy Pods Resources"; + outputPaths = ( + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/QBImagePicker.bundle", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/AntDesign.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Entypo.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/EvilIcons.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Feather.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FontAwesome.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FontAwesome5_Brands.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FontAwesome5_Regular.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FontAwesome5_Solid.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Fontisto.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Foundation.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Ionicons.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/MaterialCommunityIcons.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/MaterialIcons.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Octicons.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/SimpleLineIcons.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Zocial.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/AccessibilityResources.bundle", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/TOCropViewControllerBundle.bundle", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/mathFonts.bundle", + ); + runOnlyForDeploymentPostprocessing = 0; + shellPath = /bin/sh; + shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-defaults-ShareRocketChatRN/Pods-defaults-ShareRocketChatRN-resources.sh\"\n"; + showEnvVarsInLog = 0; + }; 1E1EA8082326CCE300E22452 /* ShellScript */ = { isa = PBXShellScriptBuildPhase; buildActionMask = 2147483647; @@ -908,7 +964,7 @@ shellPath = /bin/sh; shellScript = "export EXTRA_PACKAGER_ARGS=\"--sourcemap-output $TMPDIR/$(md5 -qs \"$CONFIGURATION_BUILD_DIR\")-main.jsbundle.map\"\nexport NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh\n"; }; - 6975FE71AEDEB40A25E5C9DF /* [CP] Check Pods Manifest.lock */ = { + 1FC466D7FEE886FBDB6F9951 /* [CP] Check Pods Manifest.lock */ = { isa = PBXShellScriptBuildPhase; buildActionMask = 2147483647; files = ( @@ -930,13 +986,35 @@ shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n # print error to STDERR\n echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n"; showEnvVarsInLog = 0; }; - 7745CB138C0BC3AD3B6D903B /* [CP] Embed Pods Frameworks */ = { + 37AEC2B2D006EB65E9E8F12F /* [CP] Check Pods Manifest.lock */ = { + isa = PBXShellScriptBuildPhase; + buildActionMask = 2147483647; + files = ( + ); + inputFileListPaths = ( + ); + inputPaths = ( + "${PODS_PODFILE_DIR_PATH}/Podfile.lock", + "${PODS_ROOT}/Manifest.lock", + ); + name = "[CP] Check Pods Manifest.lock"; + outputFileListPaths = ( + ); + outputPaths = ( + "$(DERIVED_FILE_DIR)/Pods-defaults-RocketChatRN-checkManifestLockResult.txt", + ); + runOnlyForDeploymentPostprocessing = 0; + shellPath = /bin/sh; + shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n # print error to STDERR\n echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n"; + showEnvVarsInLog = 0; + }; + 4CC99291A49CC4B7F5883239 /* [CP] Embed Pods Frameworks */ = { isa = PBXShellScriptBuildPhase; buildActionMask = 2147483647; files = ( ); inputPaths = ( - "${PODS_ROOT}/Target Support Files/Pods-defaults-RocketChatRN/Pods-defaults-RocketChatRN-frameworks.sh", + "${PODS_ROOT}/Target Support Files/Pods-defaults-Rocket.Chat/Pods-defaults-Rocket.Chat-frameworks.sh", "${PODS_XCFRAMEWORKS_BUILD_DIR}/OpenSSL-Universal/OpenSSL.framework/OpenSSL", "${PODS_XCFRAMEWORKS_BUILD_DIR}/hermes-engine/hermes.framework/hermes", ); @@ -947,7 +1025,7 @@ ); runOnlyForDeploymentPostprocessing = 0; shellPath = /bin/sh; - shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-defaults-RocketChatRN/Pods-defaults-RocketChatRN-frameworks.sh\"\n"; + shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-defaults-Rocket.Chat/Pods-defaults-Rocket.Chat-frameworks.sh\"\n"; showEnvVarsInLog = 0; }; 7A10288726B1D15200E47EF8 /* Upload source maps to Bugsnag */ = { @@ -1053,113 +1131,13 @@ shellPath = /bin/sh; shellScript = "SOURCE_MAP=\"$TMPDIR/$(md5 -qs \"$CONFIGURATION_BUILD_DIR\")-main.jsbundle.map\" ../node_modules/@bugsnag/react-native/bugsnag-react-native-xcode.sh\n"; }; - B1DCC208CCABAFDD28BB094C /* [CP] Check Pods Manifest.lock */ = { - isa = PBXShellScriptBuildPhase; - buildActionMask = 2147483647; - files = ( - ); - inputFileListPaths = ( - ); - inputPaths = ( - "${PODS_PODFILE_DIR_PATH}/Podfile.lock", - "${PODS_ROOT}/Manifest.lock", - ); - name = "[CP] Check Pods Manifest.lock"; - outputFileListPaths = ( - ); - outputPaths = ( - "$(DERIVED_FILE_DIR)/Pods-defaults-ShareRocketChatRN-checkManifestLockResult.txt", - ); - runOnlyForDeploymentPostprocessing = 0; - shellPath = /bin/sh; - shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n # print error to STDERR\n echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n"; - showEnvVarsInLog = 0; - }; - B3292ED5BEB4511153175C8A /* [CP] Copy Pods Resources */ = { + 7F13D807CA5B7E43CE899DB3 /* [CP] Embed Pods Frameworks */ = { isa = PBXShellScriptBuildPhase; buildActionMask = 2147483647; files = ( ); inputPaths = ( - "${PODS_ROOT}/Target Support Files/Pods-defaults-ShareRocketChatRN/Pods-defaults-ShareRocketChatRN-resources.sh", - "${PODS_CONFIGURATION_BUILD_DIR}/RNImageCropPicker/QBImagePicker.bundle", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/AntDesign.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Entypo.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/EvilIcons.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Feather.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/FontAwesome.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/FontAwesome5_Brands.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/FontAwesome5_Regular.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/FontAwesome5_Solid.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Fontisto.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Foundation.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Ionicons.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/MaterialCommunityIcons.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/MaterialIcons.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Octicons.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/SimpleLineIcons.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Zocial.ttf", - "${PODS_CONFIGURATION_BUILD_DIR}/React-Core/AccessibilityResources.bundle", - "${PODS_CONFIGURATION_BUILD_DIR}/TOCropViewController/TOCropViewControllerBundle.bundle", - "${PODS_CONFIGURATION_BUILD_DIR}/iosMath/mathFonts.bundle", - ); - name = "[CP] Copy Pods Resources"; - outputPaths = ( - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/QBImagePicker.bundle", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/AntDesign.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Entypo.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/EvilIcons.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Feather.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FontAwesome.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FontAwesome5_Brands.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FontAwesome5_Regular.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FontAwesome5_Solid.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Fontisto.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Foundation.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Ionicons.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/MaterialCommunityIcons.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/MaterialIcons.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Octicons.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/SimpleLineIcons.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Zocial.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/AccessibilityResources.bundle", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/TOCropViewControllerBundle.bundle", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/mathFonts.bundle", - ); - runOnlyForDeploymentPostprocessing = 0; - shellPath = /bin/sh; - shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-defaults-ShareRocketChatRN/Pods-defaults-ShareRocketChatRN-resources.sh\"\n"; - showEnvVarsInLog = 0; - }; - B6250DEF970654F9559DF2A3 /* [CP] Check Pods Manifest.lock */ = { - isa = PBXShellScriptBuildPhase; - buildActionMask = 2147483647; - files = ( - ); - inputFileListPaths = ( - ); - inputPaths = ( - "${PODS_PODFILE_DIR_PATH}/Podfile.lock", - "${PODS_ROOT}/Manifest.lock", - ); - name = "[CP] Check Pods Manifest.lock"; - outputFileListPaths = ( - ); - outputPaths = ( - "$(DERIVED_FILE_DIR)/Pods-defaults-NotificationService-checkManifestLockResult.txt", - ); - runOnlyForDeploymentPostprocessing = 0; - shellPath = /bin/sh; - shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n # print error to STDERR\n echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n"; - showEnvVarsInLog = 0; - }; - BAA9D97CDBBD81E491CA726F /* [CP] Embed Pods Frameworks */ = { - isa = PBXShellScriptBuildPhase; - buildActionMask = 2147483647; - files = ( - ); - inputPaths = ( - "${PODS_ROOT}/Target Support Files/Pods-defaults-Rocket.Chat/Pods-defaults-Rocket.Chat-frameworks.sh", + "${PODS_ROOT}/Target Support Files/Pods-defaults-RocketChatRN/Pods-defaults-RocketChatRN-frameworks.sh", "${PODS_XCFRAMEWORKS_BUILD_DIR}/OpenSSL-Universal/OpenSSL.framework/OpenSSL", "${PODS_XCFRAMEWORKS_BUILD_DIR}/hermes-engine/hermes.framework/hermes", ); @@ -1170,66 +1148,10 @@ ); runOnlyForDeploymentPostprocessing = 0; shellPath = /bin/sh; - shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-defaults-Rocket.Chat/Pods-defaults-Rocket.Chat-frameworks.sh\"\n"; + shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-defaults-RocketChatRN/Pods-defaults-RocketChatRN-frameworks.sh\"\n"; showEnvVarsInLog = 0; }; - BB580E163ADADB99974B9507 /* [CP] Copy Pods Resources */ = { - isa = PBXShellScriptBuildPhase; - buildActionMask = 2147483647; - files = ( - ); - inputPaths = ( - "${PODS_ROOT}/Target Support Files/Pods-defaults-Rocket.Chat/Pods-defaults-Rocket.Chat-resources.sh", - "${PODS_CONFIGURATION_BUILD_DIR}/RNImageCropPicker/QBImagePicker.bundle", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/AntDesign.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Entypo.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/EvilIcons.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Feather.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/FontAwesome.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/FontAwesome5_Brands.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/FontAwesome5_Regular.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/FontAwesome5_Solid.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Fontisto.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Foundation.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Ionicons.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/MaterialCommunityIcons.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/MaterialIcons.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Octicons.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/SimpleLineIcons.ttf", - "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Zocial.ttf", - "${PODS_CONFIGURATION_BUILD_DIR}/React-Core/AccessibilityResources.bundle", - "${PODS_CONFIGURATION_BUILD_DIR}/TOCropViewController/TOCropViewControllerBundle.bundle", - "${PODS_CONFIGURATION_BUILD_DIR}/iosMath/mathFonts.bundle", - ); - name = "[CP] Copy Pods Resources"; - outputPaths = ( - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/QBImagePicker.bundle", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/AntDesign.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Entypo.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/EvilIcons.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Feather.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FontAwesome.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FontAwesome5_Brands.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FontAwesome5_Regular.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FontAwesome5_Solid.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Fontisto.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Foundation.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Ionicons.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/MaterialCommunityIcons.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/MaterialIcons.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Octicons.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/SimpleLineIcons.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Zocial.ttf", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/AccessibilityResources.bundle", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/TOCropViewControllerBundle.bundle", - "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/mathFonts.bundle", - ); - runOnlyForDeploymentPostprocessing = 0; - shellPath = /bin/sh; - shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-defaults-Rocket.Chat/Pods-defaults-Rocket.Chat-resources.sh\"\n"; - showEnvVarsInLog = 0; - }; - E5B15D44172706200C51E871 /* [CP] Copy Pods Resources */ = { + A1315A8FDA7B970DFBDB34C7 /* [CP] Copy Pods Resources */ = { isa = PBXShellScriptBuildPhase; buildActionMask = 2147483647; files = ( @@ -1285,7 +1207,63 @@ shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-defaults-RocketChatRN/Pods-defaults-RocketChatRN-resources.sh\"\n"; showEnvVarsInLog = 0; }; - F7473AD47B9C08D9A7503185 /* [CP] Copy Pods Resources */ = { + B237EE54305A08A30FCABFA0 /* [CP] Copy Pods Resources */ = { + isa = PBXShellScriptBuildPhase; + buildActionMask = 2147483647; + files = ( + ); + inputPaths = ( + "${PODS_ROOT}/Target Support Files/Pods-defaults-Rocket.Chat/Pods-defaults-Rocket.Chat-resources.sh", + "${PODS_CONFIGURATION_BUILD_DIR}/RNImageCropPicker/QBImagePicker.bundle", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/AntDesign.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Entypo.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/EvilIcons.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Feather.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/FontAwesome.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/FontAwesome5_Brands.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/FontAwesome5_Regular.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/FontAwesome5_Solid.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Fontisto.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Foundation.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Ionicons.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/MaterialCommunityIcons.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/MaterialIcons.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Octicons.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/SimpleLineIcons.ttf", + "${PODS_ROOT}/../../node_modules/react-native-vector-icons/Fonts/Zocial.ttf", + "${PODS_CONFIGURATION_BUILD_DIR}/React-Core/AccessibilityResources.bundle", + "${PODS_CONFIGURATION_BUILD_DIR}/TOCropViewController/TOCropViewControllerBundle.bundle", + "${PODS_CONFIGURATION_BUILD_DIR}/iosMath/mathFonts.bundle", + ); + name = "[CP] Copy Pods Resources"; + outputPaths = ( + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/QBImagePicker.bundle", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/AntDesign.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Entypo.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/EvilIcons.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Feather.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FontAwesome.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FontAwesome5_Brands.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FontAwesome5_Regular.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/FontAwesome5_Solid.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Fontisto.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Foundation.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Ionicons.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/MaterialCommunityIcons.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/MaterialIcons.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Octicons.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/SimpleLineIcons.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/Zocial.ttf", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/AccessibilityResources.bundle", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/TOCropViewControllerBundle.bundle", + "${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/mathFonts.bundle", + ); + runOnlyForDeploymentPostprocessing = 0; + shellPath = /bin/sh; + shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-defaults-Rocket.Chat/Pods-defaults-Rocket.Chat-resources.sh\"\n"; + showEnvVarsInLog = 0; + }; + BE2180B86A119238B820122A /* [CP] Copy Pods Resources */ = { isa = PBXShellScriptBuildPhase; buildActionMask = 2147483647; files = ( @@ -1341,6 +1319,28 @@ shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-defaults-NotificationService/Pods-defaults-NotificationService-resources.sh\"\n"; showEnvVarsInLog = 0; }; + C39B55AE7DC2B0A40EC7DF58 /* [CP] Check Pods Manifest.lock */ = { + isa = PBXShellScriptBuildPhase; + buildActionMask = 2147483647; + files = ( + ); + inputFileListPaths = ( + ); + inputPaths = ( + "${PODS_PODFILE_DIR_PATH}/Podfile.lock", + "${PODS_ROOT}/Manifest.lock", + ); + name = "[CP] Check Pods Manifest.lock"; + outputFileListPaths = ( + ); + outputPaths = ( + "$(DERIVED_FILE_DIR)/Pods-defaults-NotificationService-checkManifestLockResult.txt", + ); + runOnlyForDeploymentPostprocessing = 0; + shellPath = /bin/sh; + shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n # print error to STDERR\n echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n"; + showEnvVarsInLog = 0; + }; /* End PBXShellScriptBuildPhase section */ /* Begin PBXSourcesBuildPhase section */ @@ -1498,7 +1498,7 @@ /* Begin XCBuildConfiguration section */ 13B07F941A680F5B00A75B9A /* Debug */ = { isa = XCBuildConfiguration; - baseConfigurationReference = 0A0A154901DFF7277ABA48FC /* Pods-defaults-RocketChatRN.debug.xcconfig */; + baseConfigurationReference = 9449FA42E7E0B86667975BBB /* Pods-defaults-RocketChatRN.debug.xcconfig */; buildSettings = { ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES; APPLICATION_EXTENSION_API_ONLY = NO; @@ -1554,7 +1554,7 @@ }; 13B07F951A680F5B00A75B9A /* Release */ = { isa = XCBuildConfiguration; - baseConfigurationReference = DD34A9C7880B17A54E25088C /* Pods-defaults-RocketChatRN.release.xcconfig */; + baseConfigurationReference = 804D92F23707360DE686C586 /* Pods-defaults-RocketChatRN.release.xcconfig */; buildSettings = { ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES; APPLICATION_EXTENSION_API_ONLY = NO; @@ -1610,7 +1610,7 @@ }; 1EC6ACBC22CB9FC300A41C61 /* Debug */ = { isa = XCBuildConfiguration; - baseConfigurationReference = 6B89A0C56BF3A44505DEAF83 /* Pods-defaults-ShareRocketChatRN.debug.xcconfig */; + baseConfigurationReference = 5F43124ACB5EC56A936B2725 /* Pods-defaults-ShareRocketChatRN.debug.xcconfig */; buildSettings = { ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = "$(EMBEDDED_CONTENT_CONTAINS_SWIFT)"; APPLICATION_EXTENSION_API_ONLY = YES; @@ -1652,7 +1652,7 @@ "$(inherited)", "$(SRCROOT)/../node_modules/rn-extensions-share/ios/**", "$(SRCROOT)/../node_modules/react-native-firebase/ios/RNFirebase/**", - $PODS_CONFIGURATION_BUILD_DIR/Firebase, + "$PODS_CONFIGURATION_BUILD_DIR/Firebase", ); INFOPLIST_FILE = ShareRocketChatRN/Info.plist; IPHONEOS_DEPLOYMENT_TARGET = 12.0; @@ -1678,7 +1678,7 @@ }; 1EC6ACBD22CB9FC300A41C61 /* Release */ = { isa = XCBuildConfiguration; - baseConfigurationReference = D18A75D6B09FE66EF4BA01D5 /* Pods-defaults-ShareRocketChatRN.release.xcconfig */; + baseConfigurationReference = 5B8F57A5EB0BBDB9A402C25F /* Pods-defaults-ShareRocketChatRN.release.xcconfig */; buildSettings = { ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = "$(EMBEDDED_CONTENT_CONTAINS_SWIFT)"; APPLICATION_EXTENSION_API_ONLY = YES; @@ -1746,7 +1746,7 @@ }; 1EFEB59D2493B6640072EDC0 /* Debug */ = { isa = XCBuildConfiguration; - baseConfigurationReference = 8CAEA4511906BB1E01898414 /* Pods-defaults-NotificationService.debug.xcconfig */; + baseConfigurationReference = 8D9DA7CD79909E251F469FD5 /* Pods-defaults-NotificationService.debug.xcconfig */; buildSettings = { ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = "$(EMBEDDED_CONTENT_CONTAINS_SWIFT)"; CLANG_ANALYZER_NONNULL = YES; @@ -1783,7 +1783,7 @@ }; 1EFEB59E2493B6640072EDC0 /* Release */ = { isa = XCBuildConfiguration; - baseConfigurationReference = 7B761BFAFBCDE593C2BAA688 /* Pods-defaults-NotificationService.release.xcconfig */; + baseConfigurationReference = 290CF216098C341E0A62160E /* Pods-defaults-NotificationService.release.xcconfig */; buildSettings = { ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = "$(EMBEDDED_CONTENT_CONTAINS_SWIFT)"; CLANG_ANALYZER_NONNULL = YES; @@ -1821,7 +1821,7 @@ }; 7AAB3E50257E6A6E00707CF6 /* Debug */ = { isa = XCBuildConfiguration; - baseConfigurationReference = D71FBB48FEF190385BF70D2C /* Pods-defaults-Rocket.Chat.debug.xcconfig */; + baseConfigurationReference = 4E882A2AC13FD3C073128EF6 /* Pods-defaults-Rocket.Chat.debug.xcconfig */; buildSettings = { ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES; APPLICATION_EXTENSION_API_ONLY = NO; @@ -1875,7 +1875,7 @@ }; 7AAB3E51257E6A6E00707CF6 /* Release */ = { isa = XCBuildConfiguration; - baseConfigurationReference = C7B49FFF390E777885466DB8 /* Pods-defaults-Rocket.Chat.release.xcconfig */; + baseConfigurationReference = A7E33F4FD705C0E2C4F9A7AA /* Pods-defaults-Rocket.Chat.release.xcconfig */; buildSettings = { ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES; APPLICATION_EXTENSION_API_ONLY = NO; diff --git a/jest.preset.js b/jest.preset.js index 3d875242b..32b28ff7b 100644 --- a/jest.preset.js +++ b/jest.preset.js @@ -1,4 +1,4 @@ -const jestRN = require('@testing-library/react-native/jest-preset/index.js'); +const jestRN = 'react-native'; const jestExpo = require('jest-expo/jest-preset.js'); module.exports = { diff --git a/jest.setup.ts b/jest.setup.js similarity index 74% rename from jest.setup.ts rename to jest.setup.js index 11085b7fe..ebf0b89ac 100644 --- a/jest.setup.ts +++ b/jest.setup.js @@ -1,5 +1,6 @@ -import '@testing-library/jest-native/extend-expect'; -// @ts-ignore +import React from 'react'; +import '@testing-library/react-native/extend-expect'; +import '@testing-library/jest-native/legacy-extend-expect'; import mockClipboard from '@react-native-clipboard/clipboard/jest/clipboard-mock.js'; import mockAsyncStorage from '@react-native-async-storage/async-storage/jest/async-storage-mock'; @@ -42,6 +43,25 @@ jest.mock('expo-haptics', () => jest.fn(() => null)); jest.mock('./app/lib/database', () => jest.fn(() => null)); +jest.mock('./app/containers/MessageComposer/components/EmojiKeyboard', () => jest.fn(() => null)); + +jest.mock('./app/lib/hooks/useFrequentlyUsedEmoji', () => ({ + useFrequentlyUsedEmoji: () => ({ + frequentlyUsed: [], + loaded: true + }) +})); + +jest.mock('./app/lib/database/services/Message', () => ({ + getMessageById: messageId => ({ + id: messageId, + rid: 'rid', + msg: `Message ${messageId}` + }) +})); + +const mockedNavigate = jest.fn(); + jest.mock('@react-navigation/native', () => ({ ...jest.requireActual('@react-navigation/native'), useNavigation: () => ({ @@ -88,7 +108,13 @@ jest.mock('react-native-math-view', () => { }; }); -jest.mock('expo-av', () => ({ - InterruptionModeIOS: { DoNotMix: 1 }, - InterruptionModeAndroid: { DoNotMix: 1 } -})); +jest.mock('react-native-ui-lib/keyboard', () => { + const react = jest.requireActual('react'); + return { + __esModule: true, + KeyboardAccessoryView: react.forwardRef((props, ref) => { + const MockName = 'keyboard-accessory-view-mock'; + return {props.renderContent()}; + }) + }; +}); diff --git a/package.json b/package.json index 86399335c..f30b85127 100644 --- a/package.json +++ b/package.json @@ -78,6 +78,7 @@ "jsrsasign": "^10.8.6", "lint-staged": "11.1.0", "lodash": "4.17.21", + "mitt": "^3.0.1", "moment": "2.29.4", "pretty-bytes": "5.6.0", "prop-types": "15.7.2", @@ -122,7 +123,7 @@ "react-native-simple-crypto": "RocketChat/react-native-simple-crypto#0.5.2", "react-native-skeleton-placeholder": "^5.2.3", "react-native-slowlog": "^1.0.2", - "react-native-svg": "^13.8.0", + "react-native-svg": "13.8.0", "react-native-ui-lib": "RocketChat/react-native-ui-lib#ef50151b8d9c1627ef527c620a1472868f9f4df8", "react-native-url-polyfill": "2.0.0", "react-native-vector-icons": "9.1.0", @@ -137,7 +138,7 @@ "rn-extensions-share": "RocketChat/rn-extensions-share", "rn-fetch-blob": "^0.12.0", "rn-root-view": "RocketChat/rn-root-view", - "semver": "^7.3.8", + "semver": "7.3.8", "transliteration": "^2.3.5", "typed-redux-saga": "^1.5.0", "ua-parser-js": "^1.0.32", @@ -166,7 +167,7 @@ "@storybook/react-native": "^6.0.1-beta.7", "@testing-library/jest-native": "^5.4.2", "@testing-library/react-hooks": "^8.0.1", - "@testing-library/react-native": "^12.1.2", + "@testing-library/react-native": "^12.4.1", "@types/bytebuffer": "^5.0.44", "@types/ejson": "^2.1.3", "@types/i18n-js": "^3.8.3", @@ -210,7 +211,7 @@ "patch-package": "8.0.0", "prettier": "^2.3.2", "react-dom": "17.0.1", - "react-native-dotenv": "^3.4.8", + "react-native-dotenv": "3.4.8", "react-test-renderer": "17.0.2", "reactotron-redux": "3.1.3", "reactotron-redux-saga": "4.2.3", @@ -233,7 +234,7 @@ ".+\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "/__mocks__/fileMock.js" }, "setupFilesAfterEnv": [ - "./jest.setup.ts" + "./jest.setup.js" ] }, "jest-junit": { diff --git a/patches/react-native-ui-lib+7.0.0.patch b/patches/react-native-ui-lib+7.0.0.patch index 833682708..ce1161626 100644 --- a/patches/react-native-ui-lib+7.0.0.patch +++ b/patches/react-native-ui-lib+7.0.0.patch @@ -1,18 +1,35 @@ +diff --git a/node_modules/react-native-ui-lib/lib/ios/reactnativeuilib/keyboardtrackingview/KeyboardTrackingViewTempManager.m b/node_modules/react-native-ui-lib/lib/ios/reactnativeuilib/keyboardtrackingview/KeyboardTrackingViewTempManager.m +index 97255d2..4e0fe05 100644 +--- a/node_modules/react-native-ui-lib/lib/ios/reactnativeuilib/keyboardtrackingview/KeyboardTrackingViewTempManager.m ++++ b/node_modules/react-native-ui-lib/lib/ios/reactnativeuilib/keyboardtrackingview/KeyboardTrackingViewTempManager.m +@@ -364,6 +364,7 @@ - (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(N + - (void)ObservingInputAccessoryViewTempKeyboardWillDisappear:(ObservingInputAccessoryViewTemp *)ObservingInputAccessoryViewTemp + { + _bottomViewHeight = kBottomViewHeightTemp; ++ _ObservingInputAccessoryViewTemp.height = 0; + [self updateBottomViewFrame]; + } + diff --git a/node_modules/react-native-ui-lib/lib/ios/reactnativeuilib/keyboardtrackingview/ObservingInputAccessoryViewTemp.m b/node_modules/react-native-ui-lib/lib/ios/reactnativeuilib/keyboardtrackingview/ObservingInputAccessoryViewTemp.m -index 1ca52e8..323a04c 100644 +index 1ca52e8..69ac77a 100644 --- a/node_modules/react-native-ui-lib/lib/ios/reactnativeuilib/keyboardtrackingview/ObservingInputAccessoryViewTemp.m +++ b/node_modules/react-native-ui-lib/lib/ios/reactnativeuilib/keyboardtrackingview/ObservingInputAccessoryViewTemp.m -@@ -115,21 +115,25 @@ - (void)setHeight:(CGFloat)height +@@ -111,44 +111,57 @@ - (void)setHeight:(CGFloat)height + _height = height; + + [self invalidateIntrinsicContentSize]; ++ [_delegate ObservingInputAccessoryViewTempDidChangeFrame:self]; + } - (void)_keyboardWillShowNotification:(NSNotification*)notification { - _keyboardState = KeyboardStateWillShow; -+ if (_keyboardState != KeyboardStateShown) { ++ if (_keyboardState == KeyboardStateHidden) { + _keyboardState = KeyboardStateWillShow; - + - [self invalidateIntrinsicContentSize]; + [self invalidateIntrinsicContentSize]; - + - if([_delegate respondsToSelector:@selector(ObservingInputAccessoryViewTempKeyboardWillAppear:keyboardDelta:)]) - { - [_delegate ObservingInputAccessoryViewTempKeyboardWillAppear:self keyboardDelta:_keyboardHeight - _previousKeyboardHeight]; @@ -26,12 +43,46 @@ index 1ca52e8..323a04c 100644 - (void)_keyboardDidShowNotification:(NSNotification*)notification { - _keyboardState = KeyboardStateShown; -+ if (_keyboardState != KeyboardStateShown) { ++ if (_keyboardState == KeyboardStateWillShow) { + _keyboardState = KeyboardStateShown; - + - [self invalidateIntrinsicContentSize]; + [self invalidateIntrinsicContentSize]; + } } - (void)_keyboardWillHideNotification:(NSNotification*)notification + { +- _keyboardState = KeyboardStateWillHide; ++ if (_keyboardState == KeyboardStateShown) { ++ _keyboardState = KeyboardStateWillHide; + +- [self invalidateIntrinsicContentSize]; ++ [self invalidateIntrinsicContentSize]; + +- if([_delegate respondsToSelector:@selector(ObservingInputAccessoryViewTempKeyboardWillDisappear:)]) +- { +- [_delegate ObservingInputAccessoryViewTempKeyboardWillDisappear:self]; ++ [_delegate ObservingInputAccessoryViewTempDidChangeFrame:self]; ++ ++ if([_delegate respondsToSelector:@selector(ObservingInputAccessoryViewTempKeyboardWillDisappear:)]) ++ { ++ [_delegate ObservingInputAccessoryViewTempKeyboardWillDisappear:self]; ++ } + } + } + + - (void)_keyboardDidHideNotification:(NSNotification*)notification + { +- _keyboardState = KeyboardStateHidden; ++ if (_keyboardState == KeyboardStateWillHide) { ++ _keyboardState = KeyboardStateHidden; + +- [self invalidateIntrinsicContentSize]; ++ [self invalidateIntrinsicContentSize]; ++ ++ [_delegate ObservingInputAccessoryViewTempDidChangeFrame:self]; ++ } + } + + - (void)_keyboardWillChangeFrameNotification:(NSNotification*)notification diff --git a/yarn.lock b/yarn.lock index 1071b07c9..308b52ba1 100644 --- a/yarn.lock +++ b/yarn.lock @@ -6311,12 +6311,14 @@ "@babel/runtime" "^7.12.5" react-error-boundary "^3.1.0" -"@testing-library/react-native@^12.1.2": - version "12.2.2" - resolved "https://registry.yarnpkg.com/@testing-library/react-native/-/react-native-12.2.2.tgz#4b2275d5d1feb689c9b1e5cd9cb03ffe32a43228" - integrity sha512-aLr7YQ6pyn8PbLmdbtADG2aKcmarTLI7VhgWNVzJLxQHOtsDxLpJGKMSw10j406BE/GyGHbB0Gln3Of8/2TjnA== +"@testing-library/react-native@^12.4.1": + version "12.4.1" + resolved "https://registry.yarnpkg.com/@testing-library/react-native/-/react-native-12.4.1.tgz#f15d0b6727e5e1af8bc35049aa95ce24b4420fe7" + integrity sha512-HDHwGTJwBB9//Flv0HhApghFsUYZvaKTemXOs9PCMk6P8mUl4IJby8zAud8rq7bT/ZMnehgIak8QK+mJCH6+5Q== dependencies: - pretty-format "^29.0.0" + jest-matcher-utils "^29.7.0" + pretty-format "^29.7.0" + redent "^3.0.0" "@tootallnate/once@1": version "1.1.2" @@ -13734,6 +13736,16 @@ jest-diff@^29.0.1, jest-diff@^29.6.4: jest-get-type "^29.6.3" pretty-format "^29.6.3" +jest-diff@^29.7.0: + version "29.7.0" + resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-29.7.0.tgz#017934a66ebb7ecf6f205e84699be10afd70458a" + integrity sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw== + dependencies: + chalk "^4.0.0" + diff-sequences "^29.6.3" + jest-get-type "^29.6.3" + pretty-format "^29.7.0" + jest-docblock@^28.1.1: version "28.1.1" resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-28.1.1.tgz#6f515c3bf841516d82ecd57a62eed9204c2f42a8" @@ -13907,6 +13919,16 @@ jest-matcher-utils@^29.0.1: jest-get-type "^29.6.3" pretty-format "^29.6.3" +jest-matcher-utils@^29.7.0: + version "29.7.0" + resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-29.7.0.tgz#ae8fec79ff249fd592ce80e3ee474e83a6c44f12" + integrity sha512-sBkD+Xi9DtcChsI3L3u0+N0opgPYnCRPtGcQYrgXmR+hmt/fYfWAL0xRXYU8eWOdfuLgBe0YCW3AFtnRLagq/g== + dependencies: + chalk "^4.0.0" + jest-diff "^29.7.0" + jest-get-type "^29.6.3" + pretty-format "^29.7.0" + jest-message-util@^26.6.2: version "26.6.2" resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-26.6.2.tgz#58173744ad6fc0506b5d21150b9be56ef001ca07" @@ -15685,6 +15707,11 @@ mitt@1.1.3: resolved "https://registry.yarnpkg.com/mitt/-/mitt-1.1.3.tgz#528c506238a05dce11cd914a741ea2cc332da9b8" integrity sha512-mUDCnVNsAi+eD6qA0HkRkwYczbLHJ49z17BGe2PYRhZL4wpZUFZGJHU7/5tmvohoma+Hdn0Vh/oJTiPEmgSruA== +mitt@^3.0.1: + version "3.0.1" + resolved "https://registry.yarnpkg.com/mitt/-/mitt-3.0.1.tgz#ea36cf0cc30403601ae074c8f77b7092cdab36d1" + integrity sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw== + mixin-deep@^1.2.0: version "1.3.2" resolved "https://registry.yarnpkg.com/mixin-deep/-/mixin-deep-1.3.2.tgz#1120b43dc359a785dce65b55b82e257ccf479566" @@ -17103,7 +17130,7 @@ pretty-format@^28.1.3: ansi-styles "^5.0.0" react-is "^18.0.0" -pretty-format@^29.0.0, pretty-format@^29.0.3, pretty-format@^29.6.3: +pretty-format@^29.0.3, pretty-format@^29.6.3: version "29.6.3" resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-29.6.3.tgz#d432bb4f1ca6f9463410c3fb25a0ba88e594ace7" integrity sha512-ZsBgjVhFAj5KeK+nHfF1305/By3lechHQSMWCTl8iHSbfOm2TN5nHEtFc/+W7fAyUeCs2n5iow72gld4gW0xDw== @@ -17112,6 +17139,15 @@ pretty-format@^29.0.0, pretty-format@^29.0.3, pretty-format@^29.6.3: ansi-styles "^5.0.0" react-is "^18.0.0" +pretty-format@^29.7.0: + version "29.7.0" + resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-29.7.0.tgz#ca42c758310f365bfa71a0bda0a807160b776812" + integrity sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ== + dependencies: + "@jest/schemas" "^29.6.3" + ansi-styles "^5.0.0" + react-is "^18.0.0" + pretty-format@^3.8.0: version "3.8.0" resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-3.8.0.tgz#bfbed56d5e9a776645f4b1ff7aa1a3ac4fa3c385" @@ -17688,7 +17724,7 @@ react-native-document-picker@^8.1.2: dependencies: invariant "^2.2.4" -react-native-dotenv@^3.4.8: +react-native-dotenv@3.4.8: version "3.4.8" resolved "https://registry.yarnpkg.com/react-native-dotenv/-/react-native-dotenv-3.4.8.tgz#42284070a9994076cd700805c2dd28051c9e1432" integrity sha512-fg9F8X/cG1kDTwRLgLz3t+AMbsULoFHbUVltdQarmrJ3kNllD1Zq7ZgY85bp8BnPwk0DnYQzKbooiLsUoKd10w== @@ -17928,7 +17964,7 @@ react-native-slowlog@^1.0.2: resolved "https://registry.yarnpkg.com/react-native-slowlog/-/react-native-slowlog-1.0.2.tgz#5520979e3ef9d5273495d431ff3be34f02e35c89" integrity sha1-VSCXnj751Sc0ldQx/zvjTwLjXIk= -react-native-svg@^13.8.0: +react-native-svg@13.8.0: version "13.8.0" resolved "https://registry.yarnpkg.com/react-native-svg/-/react-native-svg-13.8.0.tgz#b6a22cf77f8098f910490a13aeb160a37e182f97" integrity sha512-G8Mx6W86da+vFimZBJvA93POw8yz0fgDS5biy6oIjMWVJVQSDzCyzwO/zY0yuZmCDhKSZzogl5m0wXXvW2OcTA== @@ -18917,6 +18953,13 @@ semver@7.3.2: resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.2.tgz#604962b052b81ed0786aae84389ffba70ffd3938" integrity sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ== +semver@7.3.8, semver@^7.0.0: + version "7.3.8" + resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.8.tgz#07a78feafb3f7b32347d725e33de7e2a2df67798" + integrity sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A== + dependencies: + lru-cache "^6.0.0" + semver@^5.2.0: version "5.7.2" resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.2.tgz#48d55db737c3287cd4835e17fa13feace1c41ef8" @@ -18932,13 +18975,6 @@ semver@^6.3.1: resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4" integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA== -semver@^7.0.0, semver@^7.3.8: - version "7.3.8" - resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.8.tgz#07a78feafb3f7b32347d725e33de7e2a2df67798" - integrity sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A== - dependencies: - lru-cache "^6.0.0" - semver@^7.2.1, semver@^7.3.2, semver@^7.3.5: version "7.3.5" resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.5.tgz#0b621c879348d8998e4b0e4be94b3f12e6018ef7"