From 18b77ab4d6ca193b0be55b1f0e722ee96fbae68f Mon Sep 17 00:00:00 2001 From: Diego Mello Date: Thu, 19 Oct 2023 10:38:57 -0300 Subject: [PATCH] feat: Supported Versions (#5185) --- .circleci/config.yml | 14 +- .../__snapshots__/Button.stories.storyshot | 8 +- .../HeaderButtons.stories.storyshot | 10 +- .../LoginServices.stories.storyshot | 2 +- .../__snapshots__/Message.stories.storyshot | 2 +- .../CannedResponseItem.stories.storyshot | 2 +- app-supportedversions.json | 104 ++++ app/actions/actionsTypes.ts | 1 + app/actions/server.ts | 38 +- app/actions/supportedVersions.ts | 24 + app/containers/ActionSheet/Provider.tsx | 10 +- app/containers/Button/Button.test.tsx | 4 +- app/containers/Button/index.tsx | 4 +- .../HeaderButton/HeaderButtonItem.tsx | 13 +- .../HeaderButton/HeaderButtonItemBadge.tsx | 5 +- .../HeaderButton/HeaderButtons.stories.tsx | 4 +- app/containers/ServerItem/index.tsx | 9 +- .../SupportedVersionsExpired.tsx | 33 ++ .../SupportedVersionsWarning.test.tsx | 98 ++++ .../SupportedVersionsWarning.tsx | 62 +++ app/containers/SupportedVersions/constants.ts | 1 + app/containers/SupportedVersions/index.ts | 2 + app/containers/SupportedVersions/styles.ts | 33 ++ .../useSupportedVersionMessage.ts | 47 ++ app/definitions/IServer.ts | 71 ++- app/definitions/redux/index.ts | 6 +- app/i18n/locales/en.json | 5 +- app/i18n/locales/pt-BR.json | 5 +- app/lib/constants/index.ts | 1 + app/lib/constants/keys.ts | 1 - app/lib/constants/supportedVersions.ts | 9 + app/lib/database/model/servers/Server.js | 7 +- app/lib/database/model/servers/migrations.js | 16 + app/lib/database/schema/servers.js | 6 +- app/lib/database/services/LoggedUser.ts | 17 + app/lib/database/services/Server.ts | 17 + ...checkSupportedVersions-enforcement.test.ts | 523 ++++++++++++++++++ .../methods/checkSupportedVersions.test.ts | 481 ++++++++++++++++ app/lib/methods/checkSupportedVersions.ts | 90 +++ app/lib/methods/getServerInfo.ts | 104 ++++ app/lib/methods/helpers/fetch.ts | 2 +- app/lib/methods/index.ts | 2 + app/lib/services/connect.ts | 59 +- app/lib/services/restApi.ts | 3 + app/reducers/index.js | 4 +- app/reducers/server.test.ts | 7 +- app/reducers/server.ts | 3 + app/reducers/supportedVersions.test.ts | 34 ++ app/reducers/supportedVersions.ts | 27 + app/sagas/login.js | 32 ++ app/sagas/selectServer.js | 194 ------- app/sagas/selectServer.ts | 261 +++++++++ app/stacks/MasterDetailStack/index.tsx | 2 + app/stacks/MasterDetailStack/types.ts | 3 + app/views/RoomsListView/Header/Header.tsx | 6 +- app/views/RoomsListView/index.tsx | 58 +- app/views/SidebarView/SidebarItem.tsx | 9 +- app/views/SidebarView/index.tsx | 38 +- jest.setup.js => jest.setup.ts | 14 + package.json | 9 +- scripts/fetch-supported-versions.sh | 23 + yarn.lock | 188 +++---- 62 files changed, 2433 insertions(+), 434 deletions(-) create mode 100644 app-supportedversions.json create mode 100644 app/actions/supportedVersions.ts create mode 100644 app/containers/SupportedVersions/SupportedVersionsExpired.tsx create mode 100644 app/containers/SupportedVersions/SupportedVersionsWarning.test.tsx create mode 100644 app/containers/SupportedVersions/SupportedVersionsWarning.tsx create mode 100644 app/containers/SupportedVersions/constants.ts create mode 100644 app/containers/SupportedVersions/index.ts create mode 100644 app/containers/SupportedVersions/styles.ts create mode 100644 app/containers/SupportedVersions/useSupportedVersionMessage.ts create mode 100644 app/lib/constants/supportedVersions.ts create mode 100644 app/lib/database/services/LoggedUser.ts create mode 100644 app/lib/database/services/Server.ts create mode 100644 app/lib/methods/checkSupportedVersions-enforcement.test.ts create mode 100644 app/lib/methods/checkSupportedVersions.test.ts create mode 100644 app/lib/methods/checkSupportedVersions.ts create mode 100644 app/lib/methods/getServerInfo.ts create mode 100644 app/reducers/supportedVersions.test.ts create mode 100644 app/reducers/supportedVersions.ts delete mode 100644 app/sagas/selectServer.js create mode 100644 app/sagas/selectServer.ts rename jest.setup.js => jest.setup.ts (79%) create mode 100644 scripts/fetch-supported-versions.sh diff --git a/.circleci/config.yml b/.circleci/config.yml index ea702b525..d84145f6d 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -96,16 +96,23 @@ commands: - ~/.pods - ios/Pods + fetch-supported-versions: + description: "Fetch supported versions from Cloud" + steps: + - run: + name: "Fetch supported versions from Cloud" + command: sh ./scripts/fetch-supported-versions.sh + - store_artifacts: + path: ./app-supportedversions.json + android-build: description: "Build Android app" steps: - checkout - - restore_cache: *restore-npm-cache-linux - - run: *install-npm-modules - - restore_cache: *restore-gradle-cache + - fetch-supported-versions - run: name: Configure Gradle @@ -200,6 +207,7 @@ commands: - run: *install-npm-modules - run: *update-fastlane-ios - manage-pods + - fetch-supported-versions - run: name: Set Google Services command: | diff --git a/__tests__/containers/Button/__snapshots__/Button.stories.storyshot b/__tests__/containers/Button/__snapshots__/Button.stories.storyshot index 429859274..3868d0ded 100644 --- a/__tests__/containers/Button/__snapshots__/Button.stories.storyshot +++ b/__tests__/containers/Button/__snapshots__/Button.stories.storyshot @@ -1,13 +1,13 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Storyshots Button Custom Button 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityLabel\\":\\"Press me!\\",\\"accessibilityState\\":{\\"disabled\\":false},\\"testID\\":\\"testButton\\",\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"paddingHorizontal\\":14,\\"justifyContent\\":\\"center\\",\\"height\\":48,\\"borderRadius\\":4,\\"marginBottom\\":12,\\"backgroundColor\\":\\"purple\\",\\"padding\\":10,\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"textAlign\\":\\"center\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"yellow\\",\\"fontSize\\":18},[{\\"textAlign\\":\\"left\\"}]],\\"accessibilityLabel\\":\\"Press me!\\"},\\"children\\":[\\"Press me!\\"]}]}"`; +exports[`Storyshots Button Custom Button 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityLabel\\":\\"Press me!\\",\\"accessibilityState\\":{\\"disabled\\":false},\\"testID\\":\\"testButton\\",\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"paddingHorizontal\\":14,\\"justifyContent\\":\\"center\\",\\"height\\":48,\\"borderRadius\\":4,\\"marginBottom\\":12,\\"backgroundColor\\":\\"purple\\",\\"padding\\":10,\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"textAlign\\":\\"center\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"yellow\\",\\"fontSize\\":18},[{\\"textAlign\\":\\"left\\"}]]},\\"children\\":[\\"Press me!\\"]}]}"`; -exports[`Storyshots Button Disabled Button 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityLabel\\":\\"Press me!\\",\\"accessibilityState\\":{\\"disabled\\":true},\\"testID\\":\\"testButton\\",\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"paddingHorizontal\\":14,\\"justifyContent\\":\\"center\\",\\"height\\":48,\\"borderRadius\\":4,\\"marginBottom\\":12,\\"backgroundColor\\":\\"#1d74f5\\",\\"opacity\\":0.3}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"textAlign\\":\\"center\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#ffffff\\",\\"fontSize\\":16},null],\\"accessibilityLabel\\":\\"Press me!\\"},\\"children\\":[\\"Press me!\\"]}]}"`; +exports[`Storyshots Button Disabled Button 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityLabel\\":\\"Press me!\\",\\"accessibilityState\\":{\\"disabled\\":true},\\"testID\\":\\"testButton\\",\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"paddingHorizontal\\":14,\\"justifyContent\\":\\"center\\",\\"height\\":48,\\"borderRadius\\":4,\\"marginBottom\\":12,\\"backgroundColor\\":\\"#1d74f5\\",\\"opacity\\":0.3}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"textAlign\\":\\"center\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#ffffff\\",\\"fontSize\\":16},null]},\\"children\\":[\\"Press me!\\"]}]}"`; exports[`Storyshots Button Disabled Loading Button 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityLabel\\":\\"Press me!\\",\\"accessibilityState\\":{\\"disabled\\":true},\\"testID\\":\\"testButton\\",\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"paddingHorizontal\\":14,\\"justifyContent\\":\\"center\\",\\"height\\":48,\\"borderRadius\\":4,\\"marginBottom\\":12,\\"backgroundColor\\":\\"#1d74f5\\",\\"opacity\\":0.3}},\\"children\\":[{\\"type\\":\\"ActivityIndicator\\",\\"props\\":{\\"style\\":[{\\"padding\\":16,\\"flex\\":1},null],\\"color\\":\\"#ffffff\\"},\\"children\\":null}]}"`; exports[`Storyshots Button Loading Button 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityLabel\\":\\"Press me!\\",\\"accessibilityState\\":{\\"disabled\\":true},\\"testID\\":\\"testButton\\",\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"paddingHorizontal\\":14,\\"justifyContent\\":\\"center\\",\\"height\\":48,\\"borderRadius\\":4,\\"marginBottom\\":12,\\"backgroundColor\\":\\"#1d74f5\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"ActivityIndicator\\",\\"props\\":{\\"style\\":[{\\"padding\\":16,\\"flex\\":1},null],\\"color\\":\\"#ffffff\\"},\\"children\\":null}]}"`; -exports[`Storyshots Button Primary Button 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityLabel\\":\\"Press me!\\",\\"accessibilityState\\":{\\"disabled\\":false},\\"testID\\":\\"testButton\\",\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"paddingHorizontal\\":14,\\"justifyContent\\":\\"center\\",\\"height\\":48,\\"borderRadius\\":4,\\"marginBottom\\":12,\\"backgroundColor\\":\\"#1d74f5\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"textAlign\\":\\"center\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#ffffff\\",\\"fontSize\\":16},null],\\"accessibilityLabel\\":\\"Press me!\\"},\\"children\\":[\\"Press me!\\"]}]}"`; +exports[`Storyshots Button Primary Button 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityLabel\\":\\"Press me!\\",\\"accessibilityState\\":{\\"disabled\\":false},\\"testID\\":\\"testButton\\",\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"paddingHorizontal\\":14,\\"justifyContent\\":\\"center\\",\\"height\\":48,\\"borderRadius\\":4,\\"marginBottom\\":12,\\"backgroundColor\\":\\"#1d74f5\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"textAlign\\":\\"center\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#ffffff\\",\\"fontSize\\":16},null]},\\"children\\":[\\"Press me!\\"]}]}"`; -exports[`Storyshots Button Secondary Button 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityLabel\\":\\"Press me!\\",\\"accessibilityState\\":{\\"disabled\\":false},\\"testID\\":\\"testButton\\",\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"paddingHorizontal\\":14,\\"justifyContent\\":\\"center\\",\\"height\\":48,\\"borderRadius\\":4,\\"marginBottom\\":12,\\"backgroundColor\\":\\"#ffffff\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"textAlign\\":\\"center\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#2f343d\\",\\"fontSize\\":16},null],\\"accessibilityLabel\\":\\"Press me!\\"},\\"children\\":[\\"Press me!\\"]}]}"`; +exports[`Storyshots Button Secondary Button 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityLabel\\":\\"Press me!\\",\\"accessibilityState\\":{\\"disabled\\":false},\\"testID\\":\\"testButton\\",\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"paddingHorizontal\\":14,\\"justifyContent\\":\\"center\\",\\"height\\":48,\\"borderRadius\\":4,\\"marginBottom\\":12,\\"backgroundColor\\":\\"#ffffff\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"textAlign\\":\\"center\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#2f343d\\",\\"fontSize\\":16},null]},\\"children\\":[\\"Press me!\\"]}]}"`; diff --git a/__tests__/containers/HeaderButton/__snapshots__/HeaderButtons.stories.storyshot b/__tests__/containers/HeaderButton/__snapshots__/HeaderButtons.stories.storyshot index d7276af07..7daf5649c 100644 --- a/__tests__/containers/HeaderButton/__snapshots__/HeaderButtons.stories.storyshot +++ b/__tests__/containers/HeaderButton/__snapshots__/HeaderButtons.stories.storyshot @@ -1,11 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Storyshots HeaderButtons Badge 1`] = `"{\\"type\\":\\"RNCSafeAreaProvider\\",\\"props\\":{\\"style\\":[{\\"flex\\":1},null]},\\"children\\":null}"`; +exports[`Storyshots HeaderButtons Badge 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0,\\"zIndex\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"flex\\":1,\\"shadowOpacity\\":0.85,\\"shadowRadius\\":0,\\"shadowOffset\\":{\\"width\\":0,\\"height\\":0.5},\\"borderBottomColor\\":\\"rgb(216, 216, 216)\\",\\"shadowColor\\":\\"rgb(216, 216, 216)\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"height\\":44}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"none\\",\\"style\\":{\\"height\\":0}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"stretch\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-start\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginStart\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"marginLeft\\":5}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#6C727A\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"backgroundColor\\":\\"#1d74f5\\",\\"minWidth\\":16},{\\"padding\\":2,\\"position\\":\\"absolute\\",\\"right\\":2,\\"top\\":2,\\"borderRadius\\":10,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"fontSize\\":10},{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#6C727A\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"backgroundColor\\":\\"#F5455C\\",\\"minWidth\\":16},{\\"padding\\":2,\\"position\\":\\"absolute\\",\\"right\\":2,\\"top\\":2,\\"borderRadius\\":10,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"fontSize\\":10},{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#6C727A\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"backgroundColor\\":\\"#F38C39\\",\\"minWidth\\":16},{\\"padding\\":2,\\"position\\":\\"absolute\\",\\"right\\":2,\\"top\\":2,\\"borderRadius\\":10,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"fontSize\\":10},{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"marginLeft\\":5}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#6C727A\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"padding\\":2,\\"position\\":\\"absolute\\",\\"right\\":2,\\"top\\":2,\\"borderRadius\\":10,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"width\\":10,\\"height\\":10,\\"backgroundColor\\":\\"red\\"}]},\\"children\\":null}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"marginHorizontal\\":16,\\"justifyContent\\":\\"center\\",\\"maxWidth\\":230}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityRole\\":\\"header\\",\\"aria-level\\":\\"1\\",\\"numberOfLines\\":1,\\"collapsable\\":false,\\"style\\":{\\"fontSize\\":17,\\"fontWeight\\":\\"600\\",\\"color\\":\\"rgb(28, 28, 30)\\"}},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-end\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginEnd\\":0}},\\"children\\":null}]}]}]"`; -exports[`Storyshots HeaderButtons Common 1`] = `"{\\"type\\":\\"RNCSafeAreaProvider\\",\\"props\\":{\\"style\\":[{\\"flex\\":1},null]},\\"children\\":null}"`; +exports[`Storyshots HeaderButtons Common 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0,\\"zIndex\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"flex\\":1,\\"shadowOpacity\\":0.85,\\"shadowRadius\\":0,\\"shadowOffset\\":{\\"width\\":0,\\"height\\":0.5},\\"borderBottomColor\\":\\"rgb(216, 216, 216)\\",\\"shadowColor\\":\\"rgb(216, 216, 216)\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"height\\":44}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"none\\",\\"style\\":{\\"height\\":0}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"stretch\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-start\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginStart\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"marginLeft\\":5}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#6C727A\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"marginHorizontal\\":16,\\"justifyContent\\":\\"center\\",\\"maxWidth\\":230}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityRole\\":\\"header\\",\\"aria-level\\":\\"1\\",\\"numberOfLines\\":1,\\"collapsable\\":false,\\"style\\":{\\"fontSize\\":17,\\"fontWeight\\":\\"600\\",\\"color\\":\\"rgb(28, 28, 30)\\"}},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-end\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginEnd\\":0}},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0,\\"zIndex\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"flex\\":1,\\"shadowOpacity\\":0.85,\\"shadowRadius\\":0,\\"shadowOffset\\":{\\"width\\":0,\\"height\\":0.5},\\"borderBottomColor\\":\\"rgb(216, 216, 216)\\",\\"shadowColor\\":\\"rgb(216, 216, 216)\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"height\\":44}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"none\\",\\"style\\":{\\"height\\":0}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"stretch\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-start\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginStart\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"marginLeft\\":5}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#6C727A\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"marginHorizontal\\":16,\\"justifyContent\\":\\"center\\",\\"maxWidth\\":230}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityRole\\":\\"header\\",\\"aria-level\\":\\"1\\",\\"numberOfLines\\":1,\\"collapsable\\":false,\\"style\\":{\\"fontSize\\":17,\\"fontWeight\\":\\"600\\",\\"color\\":\\"rgb(28, 28, 30)\\"}},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-end\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginEnd\\":0}},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0,\\"zIndex\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"flex\\":1,\\"shadowOpacity\\":0.85,\\"shadowRadius\\":0,\\"shadowOffset\\":{\\"width\\":0,\\"height\\":0.5},\\"borderBottomColor\\":\\"rgb(216, 216, 216)\\",\\"shadowColor\\":\\"rgb(216, 216, 216)\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"height\\":44}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"none\\",\\"style\\":{\\"height\\":0}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"stretch\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-start\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginStart\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"marginLeft\\":5}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"Cancel\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"marginHorizontal\\":16,\\"justifyContent\\":\\"center\\",\\"maxWidth\\":230}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityRole\\":\\"header\\",\\"aria-level\\":\\"1\\",\\"numberOfLines\\":1,\\"collapsable\\":false,\\"style\\":{\\"fontSize\\":17,\\"fontWeight\\":\\"600\\",\\"color\\":\\"rgb(28, 28, 30)\\"}},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-end\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginEnd\\":0}},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0,\\"zIndex\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"flex\\":1,\\"shadowOpacity\\":0.85,\\"shadowRadius\\":0,\\"shadowOffset\\":{\\"width\\":0,\\"height\\":0.5},\\"borderBottomColor\\":\\"rgb(216, 216, 216)\\",\\"shadowColor\\":\\"rgb(216, 216, 216)\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"height\\":44}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"none\\",\\"style\\":{\\"height\\":0}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"stretch\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-start\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginStart\\":0}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"marginHorizontal\\":16,\\"justifyContent\\":\\"center\\",\\"maxWidth\\":358}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityRole\\":\\"header\\",\\"aria-level\\":\\"1\\",\\"numberOfLines\\":1,\\"collapsable\\":false,\\"style\\":{\\"fontSize\\":17,\\"fontWeight\\":\\"600\\",\\"color\\":\\"rgb(28, 28, 30)\\"}},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-end\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginEnd\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"marginRight\\":5}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#6C727A\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0,\\"zIndex\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"flex\\":1,\\"shadowOpacity\\":0.85,\\"shadowRadius\\":0,\\"shadowOffset\\":{\\"width\\":0,\\"height\\":0.5},\\"borderBottomColor\\":\\"rgb(216, 216, 216)\\",\\"shadowColor\\":\\"rgb(216, 216, 216)\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"height\\":44}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"none\\",\\"style\\":{\\"height\\":0}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"stretch\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-start\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginStart\\":0}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"marginHorizontal\\":16,\\"justifyContent\\":\\"center\\",\\"maxWidth\\":358}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityRole\\":\\"header\\",\\"aria-level\\":\\"1\\",\\"numberOfLines\\":1,\\"collapsable\\":false,\\"style\\":{\\"fontSize\\":17,\\"fontWeight\\":\\"600\\",\\"color\\":\\"rgb(28, 28, 30)\\"}},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-end\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginEnd\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"marginRight\\":5}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#6C727A\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0,\\"zIndex\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"flex\\":1,\\"shadowOpacity\\":0.85,\\"shadowRadius\\":0,\\"shadowOffset\\":{\\"width\\":0,\\"height\\":0.5},\\"borderBottomColor\\":\\"rgb(216, 216, 216)\\",\\"shadowColor\\":\\"rgb(216, 216, 216)\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"height\\":44}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"none\\",\\"style\\":{\\"height\\":0}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"stretch\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-start\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginStart\\":0}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"marginHorizontal\\":16,\\"justifyContent\\":\\"center\\",\\"maxWidth\\":358}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityRole\\":\\"header\\",\\"aria-level\\":\\"1\\",\\"numberOfLines\\":1,\\"collapsable\\":false,\\"style\\":{\\"fontSize\\":17,\\"fontWeight\\":\\"600\\",\\"color\\":\\"rgb(28, 28, 30)\\"}},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-end\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginEnd\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"marginRight\\":5}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#6C727A\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0,\\"zIndex\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"flex\\":1,\\"shadowOpacity\\":0.85,\\"shadowRadius\\":0,\\"shadowOffset\\":{\\"width\\":0,\\"height\\":0.5},\\"borderBottomColor\\":\\"rgb(216, 216, 216)\\",\\"shadowColor\\":\\"rgb(216, 216, 216)\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"height\\":44}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"none\\",\\"style\\":{\\"height\\":0}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"stretch\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-start\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginStart\\":0}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"marginHorizontal\\":16,\\"justifyContent\\":\\"center\\",\\"maxWidth\\":358}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityRole\\":\\"header\\",\\"aria-level\\":\\"1\\",\\"numberOfLines\\":1,\\"collapsable\\":false,\\"style\\":{\\"fontSize\\":17,\\"fontWeight\\":\\"600\\",\\"color\\":\\"rgb(28, 28, 30)\\"}},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-end\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginEnd\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"marginRight\\":5}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#6C727A\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]}]}]"`; -exports[`Storyshots HeaderButtons Icons 1`] = `"{\\"type\\":\\"RNCSafeAreaProvider\\",\\"props\\":{\\"style\\":[{\\"flex\\":1},null]},\\"children\\":null}"`; +exports[`Storyshots HeaderButtons Icons 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0,\\"zIndex\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"flex\\":1,\\"shadowOpacity\\":0.85,\\"shadowRadius\\":0,\\"shadowOffset\\":{\\"width\\":0,\\"height\\":0.5},\\"borderBottomColor\\":\\"rgb(216, 216, 216)\\",\\"shadowColor\\":\\"rgb(216, 216, 216)\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"height\\":44}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"none\\",\\"style\\":{\\"height\\":0}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"stretch\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-start\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginStart\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"marginLeft\\":5}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#6C727A\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"marginHorizontal\\":16,\\"justifyContent\\":\\"center\\",\\"maxWidth\\":230}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityRole\\":\\"header\\",\\"aria-level\\":\\"1\\",\\"numberOfLines\\":1,\\"collapsable\\":false,\\"style\\":{\\"fontSize\\":17,\\"fontWeight\\":\\"600\\",\\"color\\":\\"rgb(28, 28, 30)\\"}},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-end\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginEnd\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"marginRight\\":5}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#6C727A\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0,\\"zIndex\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"flex\\":1,\\"shadowOpacity\\":0.85,\\"shadowRadius\\":0,\\"shadowOffset\\":{\\"width\\":0,\\"height\\":0.5},\\"borderBottomColor\\":\\"rgb(216, 216, 216)\\",\\"shadowColor\\":\\"rgb(216, 216, 216)\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"height\\":44}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"none\\",\\"style\\":{\\"height\\":0}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"stretch\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-start\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginStart\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"marginLeft\\":5}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#6C727A\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#6C727A\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"marginHorizontal\\":16,\\"justifyContent\\":\\"center\\",\\"maxWidth\\":230}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityRole\\":\\"header\\",\\"aria-level\\":\\"1\\",\\"numberOfLines\\":1,\\"collapsable\\":false,\\"style\\":{\\"fontSize\\":17,\\"fontWeight\\":\\"600\\",\\"color\\":\\"rgb(28, 28, 30)\\"}},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-end\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginEnd\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"marginRight\\":5}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#6C727A\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#6C727A\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}]}]}]"`; -exports[`Storyshots HeaderButtons Themes 1`] = `"{\\"type\\":\\"RNCSafeAreaProvider\\",\\"props\\":{\\"style\\":[{\\"flex\\":1},null]},\\"children\\":null}"`; +exports[`Storyshots HeaderButtons Themes 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"column\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0,\\"zIndex\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"flex\\":1,\\"shadowOpacity\\":0.85,\\"shadowRadius\\":0,\\"shadowOffset\\":{\\"width\\":0,\\"height\\":0.5},\\"backgroundColor\\":\\"#EEEFF1\\",\\"borderBottomColor\\":\\"rgb(216, 216, 216)\\",\\"shadowColor\\":\\"rgb(216, 216, 216)\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"height\\":44}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"none\\",\\"style\\":{\\"height\\":0}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"stretch\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-start\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginStart\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"marginLeft\\":5}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"marginLeft\\":5}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#6C727A\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"padding\\":2,\\"position\\":\\"absolute\\",\\"right\\":2,\\"top\\":2,\\"borderRadius\\":10,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"width\\":10,\\"height\\":10,\\"backgroundColor\\":\\"#f5455c\\"}]},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#6C727A\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"marginHorizontal\\":16,\\"justifyContent\\":\\"center\\",\\"maxWidth\\":230}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityRole\\":\\"header\\",\\"aria-level\\":\\"1\\",\\"numberOfLines\\":1,\\"collapsable\\":false,\\"style\\":{\\"fontSize\\":17,\\"fontWeight\\":\\"600\\",\\"color\\":\\"rgb(28, 28, 30)\\"}},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-end\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginEnd\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"marginRight\\":5}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"Threads\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#6C727A\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"backgroundColor\\":\\"#1d74f5\\",\\"minWidth\\":16},{\\"padding\\":2,\\"position\\":\\"absolute\\",\\"right\\":2,\\"top\\":2,\\"borderRadius\\":10,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"fontSize\\":10},{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"column\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0,\\"zIndex\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"flex\\":1,\\"shadowOpacity\\":0.85,\\"shadowRadius\\":0,\\"shadowOffset\\":{\\"width\\":0,\\"height\\":0.5},\\"backgroundColor\\":\\"#0b182c\\",\\"borderBottomColor\\":\\"rgb(216, 216, 216)\\",\\"shadowColor\\":\\"rgb(216, 216, 216)\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"height\\":44}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"none\\",\\"style\\":{\\"height\\":0}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"stretch\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-start\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginStart\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"marginLeft\\":5}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"marginLeft\\":5}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#f9f9f9\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"padding\\":2,\\"position\\":\\"absolute\\",\\"right\\":2,\\"top\\":2,\\"borderRadius\\":10,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"width\\":10,\\"height\\":10,\\"backgroundColor\\":\\"#f5455c\\"}]},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#f9f9f9\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"marginHorizontal\\":16,\\"justifyContent\\":\\"center\\",\\"maxWidth\\":230}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityRole\\":\\"header\\",\\"aria-level\\":\\"1\\",\\"numberOfLines\\":1,\\"collapsable\\":false,\\"style\\":{\\"fontSize\\":17,\\"fontWeight\\":\\"600\\",\\"color\\":\\"rgb(28, 28, 30)\\"}},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-end\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginEnd\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"marginRight\\":5}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#f9f9f9\\"}]},\\"children\\":[\\"Threads\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#f9f9f9\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"backgroundColor\\":\\"#1d74f5\\",\\"minWidth\\":16},{\\"padding\\":2,\\"position\\":\\"absolute\\",\\"right\\":2,\\"top\\":2,\\"borderRadius\\":10,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"fontSize\\":10},{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"column\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0,\\"zIndex\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"flex\\":1,\\"shadowOpacity\\":0.85,\\"shadowRadius\\":0,\\"shadowOffset\\":{\\"width\\":0,\\"height\\":0.5},\\"backgroundColor\\":\\"#0d0d0d\\",\\"borderBottomColor\\":\\"rgb(216, 216, 216)\\",\\"shadowColor\\":\\"rgb(216, 216, 216)\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"height\\":44}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"none\\",\\"style\\":{\\"height\\":0}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"stretch\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-start\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginStart\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"marginLeft\\":5}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"marginLeft\\":5}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#f9f9f9\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"padding\\":2,\\"position\\":\\"absolute\\",\\"right\\":2,\\"top\\":2,\\"borderRadius\\":10,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"width\\":10,\\"height\\":10,\\"backgroundColor\\":\\"#f5455c\\"}]},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#f9f9f9\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"marginHorizontal\\":16,\\"justifyContent\\":\\"center\\",\\"maxWidth\\":230}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityRole\\":\\"header\\",\\"aria-level\\":\\"1\\",\\"numberOfLines\\":1,\\"collapsable\\":false,\\"style\\":{\\"fontSize\\":17,\\"fontWeight\\":\\"600\\",\\"color\\":\\"rgb(28, 28, 30)\\"}},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-end\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginEnd\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"marginRight\\":5}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#f9f9f9\\"}]},\\"children\\":[\\"Threads\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#f9f9f9\\"},[{\\"lineHeight\\":24},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"borderRadius\\":10.5,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"backgroundColor\\":\\"#1d74f5\\",\\"minWidth\\":16},{\\"padding\\":2,\\"position\\":\\"absolute\\",\\"right\\":2,\\"top\\":2,\\"borderRadius\\":10,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":13,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"600\\"},{\\"fontSize\\":10},{\\"color\\":\\"#ffffff\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"1\\"]}]}]}]}]}]}]}]}]"`; -exports[`Storyshots HeaderButtons Title 1`] = `"{\\"type\\":\\"RNCSafeAreaProvider\\",\\"props\\":{\\"style\\":[{\\"flex\\":1},null]},\\"children\\":null}"`; +exports[`Storyshots HeaderButtons Title 1`] = `"[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0,\\"zIndex\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"flex\\":1,\\"shadowOpacity\\":0.85,\\"shadowRadius\\":0,\\"shadowOffset\\":{\\"width\\":0,\\"height\\":0.5},\\"borderBottomColor\\":\\"rgb(216, 216, 216)\\",\\"shadowColor\\":\\"rgb(216, 216, 216)\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"height\\":44}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"none\\",\\"style\\":{\\"height\\":0}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"stretch\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-start\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginStart\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"marginLeft\\":5}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"threads\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"marginHorizontal\\":16,\\"justifyContent\\":\\"center\\",\\"maxWidth\\":230}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityRole\\":\\"header\\",\\"aria-level\\":\\"1\\",\\"numberOfLines\\":1,\\"collapsable\\":false,\\"style\\":{\\"fontSize\\":17,\\"fontWeight\\":\\"600\\",\\"color\\":\\"rgb(28, 28, 30)\\"}},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-end\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginEnd\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"marginRight\\":5}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"threads\\"]}]}]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0,\\"zIndex\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"collapsable\\":false,\\"style\\":{\\"flex\\":1,\\"shadowOpacity\\":0.85,\\"shadowRadius\\":0,\\"shadowOffset\\":{\\"width\\":0,\\"height\\":0.5},\\"borderBottomColor\\":\\"rgb(216, 216, 216)\\",\\"shadowColor\\":\\"rgb(216, 216, 216)\\"}},\\"children\\":null}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"height\\":44}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"none\\",\\"style\\":{\\"height\\":0}},\\"children\\":null},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"style\\":{\\"flex\\":1,\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"stretch\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-start\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginStart\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"marginLeft\\":5}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"threads\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"search\\"]}]}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"marginHorizontal\\":16,\\"justifyContent\\":\\"center\\",\\"maxWidth\\":230}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityRole\\":\\"header\\",\\"aria-level\\":\\"1\\",\\"numberOfLines\\":1,\\"collapsable\\":false,\\"style\\":{\\"fontSize\\":17,\\"fontWeight\\":\\"600\\",\\"color\\":\\"rgb(28, 28, 30)\\"}},\\"children\\":[\\"\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"pointerEvents\\":\\"box-none\\",\\"collapsable\\":false,\\"style\\":{\\"justifyContent\\":\\"center\\",\\"alignItems\\":\\"flex-end\\",\\"flexGrow\\":1,\\"flexBasis\\":0,\\"marginEnd\\":0}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"center\\"},{\\"marginRight\\":5}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"threads\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"hitSlop\\":{\\"top\\":5,\\"right\\":5,\\"bottom\\":5,\\"left\\":5},\\"collapsable\\":false,\\"accessible\\":true,\\"focusable\\":true,\\"style\\":{\\"opacity\\":1,\\"padding\\":6}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":17,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"search\\"]}]}]}]}]}]}]"`; diff --git a/__tests__/containers/LoginServices/__snapshots__/LoginServices.stories.storyshot b/__tests__/containers/LoginServices/__snapshots__/LoginServices.stories.storyshot index 80d31889e..67eb2a08c 100644 --- a/__tests__/containers/LoginServices/__snapshots__/LoginServices.stories.storyshot +++ b/__tests__/containers/LoginServices/__snapshots__/LoginServices.stories.storyshot @@ -1,5 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -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],\\"accessibilityLabel\\":\\"More options\\"},\\"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],\\"accessibilityLabel\\":\\"Less options\\"},\\"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 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\\"]}]}]}]"`; diff --git a/__tests__/containers/message/__snapshots__/Message.stories.storyshot b/__tests__/containers/message/__snapshots__/Message.stories.storyshot index ea77bfa7d..2163639b4 100644 --- a/__tests__/containers/message/__snapshots__/Message.stories.storyshot +++ b/__tests__/containers/message/__snapshots__/Message.stories.storyshot @@ -54,7 +54,7 @@ exports[`Storyshots Message Sequential Thread Messages Following Thread Button 1 exports[`Storyshots Message Sequential Thread Messages Following Thread Reply 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\\",\\"alignItems\\":\\"center\\",\\"marginTop\\":6,\\"marginBottom\\":12},\\"testID\\":\\"message-thread-replied-on-How are you?\\"},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#1d74f5\\"},[{\\"lineHeight\\":20},{\\"marginRight\\":10,\\"marginLeft\\":16}],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"How are you?\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"},{\\"fontSize\\":16,\\"flex\\":1,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#1d74f5\\"}],\\"numberOfLines\\":1,\\"testID\\":\\"markdown-preview-How are you?\\"},\\"children\\":[\\"How are you?\\"]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginLeft\\":4,\\"marginRight\\":4,\\"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\\":{\\"flexDirection\\":\\"row\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":20,\\"height\\":20,\\"borderRadius\\":4},{\\"marginLeft\\":16}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":20,\\"height\\":20,\\"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=40\\",\\"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\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"I'm fine!\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}],\\"numberOfLines\\":1,\\"testID\\":\\"markdown-preview-I'm fine!\\"},\\"children\\":[\\"I'm fine!\\"]}]}]}]}]}]}]},{\\"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\\":20,\\"height\\":20,\\"borderRadius\\":4},{\\"marginLeft\\":16}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":20,\\"height\\":20,\\"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=40\\",\\"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\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Cool!\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}],\\"numberOfLines\\":1,\\"testID\\":\\"markdown-preview-Cool!\\"},\\"children\\":[\\"Cool!\\"]}]}]}]}]}]}]},{\\"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\\":20,\\"height\\":20,\\"borderRadius\\":4},{\\"marginLeft\\":16}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":20,\\"height\\":20,\\"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=40\\",\\"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\\":{},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\\",\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#2f343d\\"}],\\"numberOfLines\\":1,\\"testID\\":\\"markdown-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\\"},\\"children\\":[\\"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\\"]}]}]}]}]}]}]},{\\"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\\":20,\\"height\\":20,\\"borderRadius\\":4},{\\"marginLeft\\":16}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":20,\\"height\\":20,\\"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=40\\",\\"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\\":{},\\"children\\":null}]}]}]}]}]}]}]}"`; -exports[`Storyshots Message Show Button As Attachment 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,\\"accessibilityState\\":{\\"disabled\\":false},\\"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\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Test Button\\",\\"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\\":[\\"Test Button\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityLabel\\":\\"Text button\\",\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"paddingHorizontal\\":14,\\"justifyContent\\":\\"center\\",\\"height\\":48,\\"borderRadius\\":4,\\"marginBottom\\":12,\\"backgroundColor\\":\\"#1d74f5\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"textAlign\\":\\"center\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#ffffff\\",\\"fontSize\\":16},null],\\"accessibilityLabel\\":\\"Text button\\"},\\"children\\":[\\"Text button\\"]}]}]}]}]}]}]},{\\"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,\\"accessibilityState\\":{\\"disabled\\":false},\\"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\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"color\\":\\"#2f343d\\"},{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{}]},\\"children\\":[\\"🥑\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\" \\",\\"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\\":[\\" \\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Message with markdown\\",\\"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\\"},{\\"fontWeight\\":\\"bold\\"}]]},\\"children\\":[\\"Message with markdown\\"]},{\\"type\\":\\"Text\\",\\"props\\":{},\\"children\\":[\\"\\\\n\\"]},{\\"type\\":\\"Text\\",\\"props\\":{},\\"children\\":[\\"\\\\n\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Some text\\",\\"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\\"},{\\"fontStyle\\":\\"italic\\"}]]},\\"children\\":[\\"Some text\\"]},{\\"type\\":\\"Text\\",\\"props\\":{},\\"children\\":[\\"\\\\n\\"]},{\\"type\\":\\"Text\\",\\"props\\":{},\\"children\\":[\\"\\\\n\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"This is a test\\",\\"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 test\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityLabel\\":\\"Text button\\",\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"paddingHorizontal\\":14,\\"justifyContent\\":\\"center\\",\\"height\\":48,\\"borderRadius\\":4,\\"marginBottom\\":12,\\"backgroundColor\\":\\"#1d74f5\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"textAlign\\":\\"center\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#ffffff\\",\\"fontSize\\":16},null],\\"accessibilityLabel\\":\\"Text button\\"},\\"children\\":[\\"Text button\\"]}]}]}]}]}]}]}]}]}"`; +exports[`Storyshots Message Show Button As Attachment 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,\\"accessibilityState\\":{\\"disabled\\":false},\\"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\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Test Button\\",\\"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\\":[\\"Test Button\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityLabel\\":\\"Text button\\",\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"paddingHorizontal\\":14,\\"justifyContent\\":\\"center\\",\\"height\\":48,\\"borderRadius\\":4,\\"marginBottom\\":12,\\"backgroundColor\\":\\"#1d74f5\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"textAlign\\":\\"center\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#ffffff\\",\\"fontSize\\":16},null]},\\"children\\":[\\"Text button\\"]}]}]}]}]}]}]},{\\"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,\\"accessibilityState\\":{\\"disabled\\":false},\\"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\\"}]},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"color\\":\\"#2f343d\\"},{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{}]},\\"children\\":[\\"🥑\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\" \\",\\"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\\":[\\" \\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Message with markdown\\",\\"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\\"},{\\"fontWeight\\":\\"bold\\"}]]},\\"children\\":[\\"Message with markdown\\"]},{\\"type\\":\\"Text\\",\\"props\\":{},\\"children\\":[\\"\\\\n\\"]},{\\"type\\":\\"Text\\",\\"props\\":{},\\"children\\":[\\"\\\\n\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"Some text\\",\\"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\\"},{\\"fontStyle\\":\\"italic\\"}]]},\\"children\\":[\\"Some text\\"]},{\\"type\\":\\"Text\\",\\"props\\":{},\\"children\\":[\\"\\\\n\\"]},{\\"type\\":\\"Text\\",\\"props\\":{},\\"children\\":[\\"\\\\n\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"accessibilityLabel\\":\\"This is a test\\",\\"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 test\\"]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityLabel\\":\\"Text button\\",\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"collapsable\\":false,\\"style\\":{\\"paddingHorizontal\\":14,\\"justifyContent\\":\\"center\\",\\"height\\":48,\\"borderRadius\\":4,\\"marginBottom\\":12,\\"backgroundColor\\":\\"#1d74f5\\",\\"opacity\\":1}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"textAlign\\":\\"center\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#ffffff\\",\\"fontSize\\":16},null]},\\"children\\":[\\"Text button\\"]}]}]}]}]}]}]}]}]}"`; exports[`Storyshots Message Static Avatar 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://pbs.twimg.com/profile_images/1016397063649660929/14EIApTi_400x400.jpg\\",\\"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,\\"accessibilityState\\":{\\"disabled\\":false},\\"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\\":\\"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\\"]}]}]}]}]}]}]}]}]}]}"`; diff --git a/__tests__/views/CannedResponsesListView/__snapshots__/CannedResponseItem.stories.storyshot b/__tests__/views/CannedResponsesListView/__snapshots__/CannedResponseItem.stories.storyshot index 470512ab3..0ac33edda 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],\\"accessibilityLabel\\":\\"Use\\"},\\"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],\\"accessibilityLabel\\":\\"Use\\"},\\"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/app-supportedversions.json b/app-supportedversions.json new file mode 100644 index 000000000..c4ad317e6 --- /dev/null +++ b/app-supportedversions.json @@ -0,0 +1,104 @@ +{ + "signed": "eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0aW1lc3RhbXAiOiIyMDIzLTEwLTExVDE5OjI0OjEwLjc5OTkwNjgzWiIsIm1lc3NhZ2VzIjpbeyJyZW1haW5pbmdEYXlzIjozMCwidGl0bGUiOiJ2ZXJzaW9uX3Vuc3VwcG9ydGVkX3RpdGxlIiwic3VidGl0bGUiOiJ2ZXJzaW9uX3Vuc3VwcG9ydGVkX3N1YnRpdGxlIiwiZGVzY3JpcHRpb24iOiJ2ZXJzaW9uX3Vuc3VwcG9ydGVkX2JvZHkiLCJ0eXBlIjoiaW5mbyIsInBhcmFtcyI6e30sImxpbmsiOiIifV0sInZlcnNpb25zIjpbeyJ2ZXJzaW9uIjoiNi4zLjEiLCJzZWN1cml0eSI6ZmFsc2UsImluZm9VcmwiOiJodHRwczovL2dpdGh1Yi5jb20vUm9ja2V0Q2hhdC9Sb2NrZXQuQ2hhdC9yZWxlYXNlcy90YWcvNi4zLjEiLCJleHBpcmF0aW9uIjoiMjAyMy0xMi0yNlQwMDowMDowMFoifSx7InZlcnNpb24iOiI2LjMuMCIsInNlY3VyaXR5IjpmYWxzZSwiaW5mb1VybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9Sb2NrZXRDaGF0L1JvY2tldC5DaGF0L3JlbGVhc2VzL3RhZy82LjMuMCIsImV4cGlyYXRpb24iOiIyMDIzLTEyLTI2VDAwOjAwOjAwWiJ9LHsidmVyc2lvbiI6IjYuMy4yIiwic2VjdXJpdHkiOmZhbHNlLCJpbmZvVXJsIjoiaHR0cHM6Ly9naXRodWIuY29tL1JvY2tldENoYXQvUm9ja2V0LkNoYXQvcmVsZWFzZXMvdGFnLzYuMy4yIiwiZXhwaXJhdGlvbiI6IjIwMjMtMTItMjZUMDA6MDA6MDBaIn0seyJ2ZXJzaW9uIjoiNi4zLjMiLCJzZWN1cml0eSI6ZmFsc2UsImluZm9VcmwiOiJodHRwczovL2dpdGh1Yi5jb20vUm9ja2V0Q2hhdC9Sb2NrZXQuQ2hhdC9yZWxlYXNlcy90YWcvNi4zLjMiLCJleHBpcmF0aW9uIjoiMjAyMy0xMi0yNlQwMDowMDowMFoifSx7InZlcnNpb24iOiI2LjMuNCIsInNlY3VyaXR5IjpmYWxzZSwiaW5mb1VybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9Sb2NrZXRDaGF0L1JvY2tldC5DaGF0L3JlbGVhc2VzL3RhZy82LjMuNCIsImV4cGlyYXRpb24iOiIyMDIzLTEyLTI2VDAwOjAwOjAwWiJ9LHsidmVyc2lvbiI6IjYuMy41Iiwic2VjdXJpdHkiOmZhbHNlLCJpbmZvVXJsIjoiaHR0cHM6Ly9naXRodWIuY29tL1JvY2tldENoYXQvUm9ja2V0LkNoYXQvcmVsZWFzZXMvdGFnLzYuMy41IiwiZXhwaXJhdGlvbiI6IjIwMjMtMTItMjZUMDA6MDA6MDBaIn0seyJ2ZXJzaW9uIjoiNi4zLjYiLCJzZWN1cml0eSI6ZmFsc2UsImluZm9VcmwiOiJodHRwczovL2dpdGh1Yi5jb20vUm9ja2V0Q2hhdC9Sb2NrZXQuQ2hhdC9yZWxlYXNlcy90YWcvNi4zLjYiLCJleHBpcmF0aW9uIjoiMjAyMy0xMi0yNlQwMDowMDowMFoifSx7InZlcnNpb24iOiI2LjMuNyIsInNlY3VyaXR5IjpmYWxzZSwiaW5mb1VybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9Sb2NrZXRDaGF0L1JvY2tldC5DaGF0L3JlbGVhc2VzL3RhZy82LjMuNyIsImV4cGlyYXRpb24iOiIyMDIzLTEyLTI2VDAwOjAwOjAwWiJ9LHsidmVyc2lvbiI6IjYuMy44Iiwic2VjdXJpdHkiOmZhbHNlLCJpbmZvVXJsIjoiaHR0cHM6Ly9naXRodWIuY29tL1JvY2tldENoYXQvUm9ja2V0LkNoYXQvcmVsZWFzZXMvdGFnLzYuMy44IiwiZXhwaXJhdGlvbiI6IjIwMjMtMTItMjZUMDA6MDA6MDBaIn0seyJ2ZXJzaW9uIjoiNi40LjAiLCJzZWN1cml0eSI6ZmFsc2UsImluZm9VcmwiOiJodHRwczovL2dpdGh1Yi5jb20vUm9ja2V0Q2hhdC9Sb2NrZXQuQ2hhdC9yZWxlYXNlcy90YWcvNi40LjAiLCJleHBpcmF0aW9uIjoiMjAyNC0wMS0xMVQwMDowMDowMFoifSx7InZlcnNpb24iOiI2LjMuOSIsInNlY3VyaXR5IjpmYWxzZSwiaW5mb1VybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9Sb2NrZXRDaGF0L1JvY2tldC5DaGF0L3JlbGVhc2VzL3RhZy82LjMuOSIsImV4cGlyYXRpb24iOiIyMDIzLTEyLTI2VDAwOjAwOjAwWiJ9LHsidmVyc2lvbiI6IjYuMy4xMCIsInNlY3VyaXR5IjpmYWxzZSwiaW5mb1VybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9Sb2NrZXRDaGF0L1JvY2tldC5DaGF0L3JlbGVhc2VzL3RhZy82LjMuMTAiLCJleHBpcmF0aW9uIjoiMjAyMy0xMi0yNlQwMDowMDowMFoifSx7InZlcnNpb24iOiI2LjQuMSIsInNlY3VyaXR5IjpmYWxzZSwiaW5mb1VybCI6Imh0dHBzOi8vZ2l0aHViLmNvbS9Sb2NrZXRDaGF0L1JvY2tldC5DaGF0L3JlbGVhc2VzL3RhZy82LjQuMSIsImV4cGlyYXRpb24iOiIyMDI0LTAyLTA5VDIxOjA3OjUyLjMyOVoifSx7InZlcnNpb24iOiI2LjUuMC1kZXZlbG9wIiwic2VjdXJpdHkiOmZhbHNlLCJpbmZvVXJsIjoiIiwiZXhwaXJhdGlvbiI6IjIwMjMtMTAtMThUMTk6MjQ6MTAuODE0NzMxMTg5WiJ9XSwiaTE4biI6eyJlbiI6eyJ2ZXJzaW9uX3Vuc3VwcG9ydGVkX2JvZHkiOiJBbiBhdXRvbWF0aWMgMzAtZGF5IHdhcm5pbmcgcGVyaW9kIGhhcyBiZWVuIGFwcGxpZWQgdG8gYWxsb3cgdGltZSBmb3IgYSB3b3Jrc3BhY2UgYWRtaW4gdG8gdXBkYXRlIHdvcmtzcGFjZSB0byBhIHN1cHBvcnRlZCBzb2Z0d2FyZSB2ZXJzaW9uLiIsInZlcnNpb25fdW5zdXBwb3J0ZWRfc3VidGl0bGUiOiJNb2JpbGUgYW5kIGRlc2t0b3AgYXBwIGFjY2VzcyB0byB7e2luc3RhbmNlX3dzX25hbWV9fSB3aWxsIGJlIGN1dCBvZmYgaW4ge3tyZW1haW5pbmdfZGF5c319IGRheXMiLCJ2ZXJzaW9uX3Vuc3VwcG9ydGVkX3RpdGxlIjoie3tpbnN0YW5jZV93c19uYW1lfX0gaXMgcnVubmluZyBhbiB1bnN1cHBvcnRlZCB2ZXJzaW9uIG9mIFJvY2tldC5DaGF0In19LCJlbmZvcmNlbWVudFN0YXJ0RGF0ZSI6IjIwMjMtMTAtMzFUMDA6MDA6MDBaIn0.F83D93FJN-dQjSv4c2NjANHJ_aOou2WPioYiu7LMymvwSr9PvK87_xGA5wB_b532mRDThfbwkYU0mqvfaHylTKcteYpJn2zy1-ZGHj5Ugtt4wxBMYezW07_H7K8DEskwuGQQ5jmmy1VEwzIVcM7GoGQLDT2eafkloHBXQLRqmanhb03110NGiNu_9xkMU5cmsW2tP1-kShug89L-E4tHXzDG7TXX4yF4H_W3RdmdW6b5FNdmoYFF68I4HYGNmcgOZDBsw2gkA3xUg3vFsbnkjl_oyyBZqINFZRu0TtVu4S5OORnrM-9zJp_C6GMiueFLBy3lwjNIcAUPrZA93uu7Yg", + "timestamp": "2023-10-11T19:24:10.79990683Z", + "messages": [ + { + "remainingDays": 30, + "title": "version_unsupported_title", + "subtitle": "version_unsupported_subtitle", + "description": "version_unsupported_body", + "type": "info", + "params": {}, + "link": "" + } + ], + "versions": [ + { + "version": "6.3.1", + "security": false, + "infoUrl": "https://github.com/RocketChat/Rocket.Chat/releases/tag/6.3.1", + "expiration": "2023-12-26T00:00:00Z" + }, + { + "version": "6.3.0", + "security": false, + "infoUrl": "https://github.com/RocketChat/Rocket.Chat/releases/tag/6.3.0", + "expiration": "2023-12-26T00:00:00Z" + }, + { + "version": "6.3.2", + "security": false, + "infoUrl": "https://github.com/RocketChat/Rocket.Chat/releases/tag/6.3.2", + "expiration": "2023-12-26T00:00:00Z" + }, + { + "version": "6.3.3", + "security": false, + "infoUrl": "https://github.com/RocketChat/Rocket.Chat/releases/tag/6.3.3", + "expiration": "2023-12-26T00:00:00Z" + }, + { + "version": "6.3.4", + "security": false, + "infoUrl": "https://github.com/RocketChat/Rocket.Chat/releases/tag/6.3.4", + "expiration": "2023-12-26T00:00:00Z" + }, + { + "version": "6.3.5", + "security": false, + "infoUrl": "https://github.com/RocketChat/Rocket.Chat/releases/tag/6.3.5", + "expiration": "2023-12-26T00:00:00Z" + }, + { + "version": "6.3.6", + "security": false, + "infoUrl": "https://github.com/RocketChat/Rocket.Chat/releases/tag/6.3.6", + "expiration": "2023-12-26T00:00:00Z" + }, + { + "version": "6.3.7", + "security": false, + "infoUrl": "https://github.com/RocketChat/Rocket.Chat/releases/tag/6.3.7", + "expiration": "2023-12-26T00:00:00Z" + }, + { + "version": "6.3.8", + "security": false, + "infoUrl": "https://github.com/RocketChat/Rocket.Chat/releases/tag/6.3.8", + "expiration": "2023-12-26T00:00:00Z" + }, + { + "version": "6.4.0", + "security": false, + "infoUrl": "https://github.com/RocketChat/Rocket.Chat/releases/tag/6.4.0", + "expiration": "2024-01-11T00:00:00Z" + }, + { + "version": "6.3.9", + "security": false, + "infoUrl": "https://github.com/RocketChat/Rocket.Chat/releases/tag/6.3.9", + "expiration": "2023-12-26T00:00:00Z" + }, + { + "version": "6.3.10", + "security": false, + "infoUrl": "https://github.com/RocketChat/Rocket.Chat/releases/tag/6.3.10", + "expiration": "2023-12-26T00:00:00Z" + }, + { + "version": "6.4.1", + "security": false, + "infoUrl": "https://github.com/RocketChat/Rocket.Chat/releases/tag/6.4.1", + "expiration": "2024-02-09T21:07:52.329Z" + }, + { "version": "6.5.0-develop", "security": false, "infoUrl": "", "expiration": "2023-10-18T19:24:10.814731189Z" } + ], + "i18n": { + "en": { + "version_unsupported_body": "An automatic 30-day warning period has been applied to allow time for a workspace admin to update workspace to a supported software version.", + "version_unsupported_subtitle": "Mobile and desktop app access to {{instance_ws_name}} will be cut off in {{remaining_days}} days", + "version_unsupported_title": "{{instance_ws_name}} is running an unsupported version of Rocket.Chat" + } + }, + "enforcementStartDate": "2023-10-31T00:00:00Z" +} diff --git a/app/actions/actionsTypes.ts b/app/actions/actionsTypes.ts index e05090434..e0377db51 100644 --- a/app/actions/actionsTypes.ts +++ b/app/actions/actionsTypes.ts @@ -96,3 +96,4 @@ export const VIDEO_CONF = createRequestTypes('VIDEO_CONF', [ 'ACCEPT_CALL', 'SET_CALLING' ]); +export const SUPPORTED_VERSIONS = createRequestTypes('SUPPORTED_VERSIONS', ['SET']); diff --git a/app/actions/server.ts b/app/actions/server.ts index da8ee6d4c..9d5fde27e 100644 --- a/app/actions/server.ts +++ b/app/actions/server.ts @@ -2,7 +2,7 @@ import { Action } from 'redux'; import { SERVER } from './actionsTypes'; -interface ISelectServer extends Action { +export interface ISelectServerAction extends Action { server: string; version?: string; fetchVersion: boolean; @@ -12,9 +12,10 @@ interface ISelectServer extends Action { interface ISelectServerSuccess extends Action { server: string; version: string; + name: string; } -interface IServer extends Action { +export interface IServerRequestAction extends Action { server: string; username: string | null; fromServerHistory: boolean; @@ -24,13 +25,14 @@ interface IServerInit extends Action { previousServer: string; } -interface IServerFailure extends Action { - err: any; -} +export type TActionServer = ISelectServerAction & ISelectServerSuccess & IServerRequestAction & IServerInit; -export type TActionServer = ISelectServer & ISelectServerSuccess & IServer & IServerInit & IServerFailure; - -export function selectServerRequest(server: string, version?: string, fetchVersion = true, changeServer = false): ISelectServer { +export function selectServerRequest( + server: string, + version?: string, + fetchVersion = true, + changeServer = false +): ISelectServerAction { return { type: SERVER.SELECT_REQUEST, server, @@ -40,11 +42,20 @@ export function selectServerRequest(server: string, version?: string, fetchVersi }; } -export function selectServerSuccess(server: string, version: string): ISelectServerSuccess { +export function selectServerSuccess({ + server, + version, + name +}: { + server: string; + version: string; + name: string; +}): ISelectServerSuccess { return { type: SERVER.SELECT_SUCCESS, server, - version + version, + name }; } @@ -54,7 +65,7 @@ export function selectServerFailure(): Action { }; } -export function serverRequest(server: string, username: string | null = null, fromServerHistory = false): IServer { +export function serverRequest(server: string, username: string | null = null, fromServerHistory = false): IServerRequestAction { return { type: SERVER.REQUEST, server, @@ -69,10 +80,9 @@ export function serverSuccess(): Action { }; } -export function serverFailure(err: any): IServerFailure { +export function serverFailure(): Action { return { - type: SERVER.FAILURE, - err + type: SERVER.FAILURE }; } diff --git a/app/actions/supportedVersions.ts b/app/actions/supportedVersions.ts new file mode 100644 index 000000000..1b3b1e087 --- /dev/null +++ b/app/actions/supportedVersions.ts @@ -0,0 +1,24 @@ +import { Action } from 'redux'; + +import { SUPPORTED_VERSIONS } from './actionsTypes'; +import { TSVDictionary, TSVMessage, TSVStatus } from '../definitions'; + +type TSetSupportedVersions = { + status: TSVStatus; + message?: TSVMessage; + i18n?: TSVDictionary; + expiration?: string; +}; +type TSetSupportedVersionsAction = Action & TSetSupportedVersions; + +export type TActionSupportedVersions = TSetSupportedVersionsAction; + +export function setSupportedVersions({ status, message, i18n, expiration }: TSetSupportedVersions): TSetSupportedVersionsAction { + return { + type: SUPPORTED_VERSIONS.SET, + status, + message, + i18n, + expiration + }; +} diff --git a/app/containers/ActionSheet/Provider.tsx b/app/containers/ActionSheet/Provider.tsx index 841064c2d..88731d1bc 100644 --- a/app/containers/ActionSheet/Provider.tsx +++ b/app/containers/ActionSheet/Provider.tsx @@ -51,8 +51,8 @@ export const withActionSheet = (Component: React.ComponentType): typeof Com const actionSheetRef: React.Ref = createRef(); export const ActionSheetProvider = React.memo(({ children }: { children: React.ReactElement | React.ReactElement[] }) => { - const getContext = () => ({ - showActionSheet: (options: TActionSheetOptions) => { + const getContext = (): IActionSheetProvider => ({ + showActionSheet: options => { actionSheetRef.current?.showActionSheet(options); }, hideActionSheet: () => { @@ -69,6 +69,10 @@ export const ActionSheetProvider = React.memo(({ children }: { children: React.R ); }); -export const hideActionSheetRef = (): void => { +export const showActionSheetRef: IActionSheetProvider['showActionSheet'] = options => { + actionSheetRef?.current?.showActionSheet(options); +}; + +export const hideActionSheetRef: IActionSheetProvider['hideActionSheet'] = () => { actionSheetRef?.current?.hideActionSheet(); }; diff --git a/app/containers/Button/Button.test.tsx b/app/containers/Button/Button.test.tsx index adbe1fb11..6d89faa45 100644 --- a/app/containers/Button/Button.test.tsx +++ b/app/containers/Button/Button.test.tsx @@ -44,8 +44,8 @@ describe('ButtonTests', () => { }); test('find button using accessibilityLabel', async () => { - const { findByA11yLabel } = render(); - const Button = await findByA11yLabel(testProps.title); + const { getByLabelText } = render(); + const Button = await getByLabelText(testProps.title); expect(Button).toBeTruthy(); }); diff --git a/app/containers/Button/index.tsx b/app/containers/Button/index.tsx index 91f379c3f..c3822b838 100644 --- a/app/containers/Button/index.tsx +++ b/app/containers/Button/index.tsx @@ -71,9 +71,7 @@ const Button = ({ {loading ? ( ) : ( - - {title} - + {title} )} ); diff --git a/app/containers/HeaderButton/HeaderButtonItem.tsx b/app/containers/HeaderButton/HeaderButtonItem.tsx index f886c65f3..46a81c8f5 100644 --- a/app/containers/HeaderButton/HeaderButtonItem.tsx +++ b/app/containers/HeaderButton/HeaderButtonItem.tsx @@ -43,7 +43,18 @@ const styles = StyleSheet.create({ const Item = ({ title, iconName, onPress, testID, badge, color, disabled, ...props }: IHeaderButtonItem): React.ReactElement => { const { colors } = useTheme(); return ( - + <> {iconName ? ( diff --git a/app/containers/HeaderButton/HeaderButtonItemBadge.tsx b/app/containers/HeaderButton/HeaderButtonItemBadge.tsx index cbdde151a..b03d4d351 100644 --- a/app/containers/HeaderButton/HeaderButtonItemBadge.tsx +++ b/app/containers/HeaderButton/HeaderButtonItemBadge.tsx @@ -1,7 +1,6 @@ import React from 'react'; import { StyleSheet, View } from 'react-native'; -import { STATUS_COLORS } from '../../lib/constants'; import UnreadBadge from '../UnreadBadge'; const styles = StyleSheet.create({ @@ -18,6 +17,6 @@ const styles = StyleSheet.create({ export const BadgeUnread = ({ ...props }): React.ReactElement => ; -export const BadgeWarn = (): React.ReactElement => ( - +export const BadgeWarn = ({ color }: { color: string }): React.ReactElement => ( + ); diff --git a/app/containers/HeaderButton/HeaderButtons.stories.tsx b/app/containers/HeaderButton/HeaderButtons.stories.tsx index 8a228914e..5a0db9a44 100644 --- a/app/containers/HeaderButton/HeaderButtons.stories.tsx +++ b/app/containers/HeaderButton/HeaderButtons.stories.tsx @@ -107,7 +107,7 @@ export const Badge = () => ( } /> } /> } /> - } /> + } /> )} /> @@ -120,7 +120,7 @@ const ThemeStory = ({ theme }: { theme: TSupportedThemes }) => ( ( - } /> + } /> )} diff --git a/app/containers/ServerItem/index.tsx b/app/containers/ServerItem/index.tsx index d01432279..830d2b188 100644 --- a/app/containers/ServerItem/index.tsx +++ b/app/containers/ServerItem/index.tsx @@ -1,9 +1,7 @@ import React from 'react'; -// @ts-ignore // TODO: Remove on react-native update import { Pressable, Text, View } from 'react-native'; import FastImage from 'react-native-fast-image'; -import { IServerInfo } from '../../definitions'; import Check from '../Check'; import styles, { ROW_HEIGHT } from './styles'; import { themes } from '../../lib/constants'; @@ -13,7 +11,12 @@ import { useTheme } from '../../theme'; export { ROW_HEIGHT }; export interface IServerItem { - item: IServerInfo; + item: { + id: string; + iconURL: string; + name: string; + useRealName?: boolean; + }; onPress(): void; onLongPress?(): void; hasCheck?: boolean; diff --git a/app/containers/SupportedVersions/SupportedVersionsExpired.tsx b/app/containers/SupportedVersions/SupportedVersionsExpired.tsx new file mode 100644 index 000000000..ead812498 --- /dev/null +++ b/app/containers/SupportedVersions/SupportedVersionsExpired.tsx @@ -0,0 +1,33 @@ +import React from 'react'; +import { View, Text, Linking } from 'react-native'; + +import I18n from '../../i18n'; +import { useAppSelector } from '../../lib/hooks'; +import { useTheme } from '../../theme'; +import { CustomIcon } from '../CustomIcon'; +import Button from '../Button'; +import { styles } from './styles'; +import { LEARN_MORE_URL } from './constants'; + +export const SupportedVersionsExpired = () => { + const { colors } = useTheme(); + const { name } = useAppSelector(state => state.server); + + return ( + + + + + + {I18n.t('Supported_versions_expired_title', { workspace_name: name })} + + {I18n.t('Supported_versions_expired_description')} +