npm - stream-chat-react-native-core - Versions diffs - 6.2.0 → 6.3.0-beta.1 - Mend

stream-chat-react-native-core 6.2.0 → 6.3.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (108) hide show

package/src/components/Thread/__tests__/__snapshots__/Thread.test.js.snap CHANGED Viewed

@@ -384,9 +384,17 @@ exports[`Thread should match thread snapshot 1`] = `
                           }
                         />
                         <View
+                          collapsable={false}
+                          hitSlop={
+                            {
+                              "left": 750,
+                              "right": 750,
+                            }
+                          }
                           style={
                             [
                               {
+                                "alignItems": "center",
                                 "flexDirection": "row",
                               },
                               {},
@@ -394,110 +402,253 @@ exports[`Thread should match thread snapshot 1`] = `
                           }
                         >
                           <View
-                            accessibilityState={
-                              {
-                                "busy": undefined,
-                                "checked": undefined,
-                                "disabled": undefined,
-                                "expanded": undefined,
-                                "selected": undefined,
-                              }
-                            }
-                            accessibilityValue={
-                              {
-                                "max": undefined,
-                                "min": undefined,
-                                "now": undefined,
-                                "text": undefined,
-                              }
-                            }
-                            accessible={true}
-                            collapsable={false}
-                            focusable={true}
-                            onBlur={[Function]}
-                            onClick={[Function]}
-                            onFocus={[Function]}
-                            onResponderGrant={[Function]}
-                            onResponderMove={[Function]}
-                            onResponderRelease={[Function]}
-                            onResponderTerminate={[Function]}
-                            onResponderTerminationRequest={[Function]}
-                            onStartShouldSetResponder={[Function]}
                             style={
-                              {
-                                "opacity": 1,
-                              }
+                              [
+                                {
+                                  "position": "absolute",
+                                },
+                                {
+                                  "opacity": undefined,
+                                  "transform": [
+                                    {
+                                      "translateX": undefined,
+                                    },
+                                  ],
+                                },
+                                {},
+                              ]
                             }
                           >
                             <View
-                              onLayout={[Function]}
-                              style={{}}
+                              style={
+                                [
+                                  {
+                                    "justifyContent": "center",
+                                    "paddingRight": 16,
+                                  },
+                                  {},
+                                ]
+                              }
                             >
-                              <View
+                              <RNSVGSvgView
+                                align="xMidYMid"
+                                bbHeight={24}
+                                bbWidth={24}
+                                focusable={false}
+                                height={24}
+                                meetOrSlice={0}
+                                minX={0}
+                                minY={0}
+                                pathFill="#7A7A7A"
                                 style={
                                   [
                                     {
-                                      "borderTopLeftRadius": 16,
-                                      "borderTopRightRadius": 16,
-                                      "borderWidth": 1,
+                                      "backgroundColor": "transparent",
+                                      "borderWidth": 0,
                                     },
                                     {
-                                      "backgroundColor": "#E9EAED",
-                                      "borderBottomLeftRadius": 0,
-                                      "borderBottomRightRadius": 16,
-                                      "borderColor": "#ECEBEB",
+                                      "flex": 0,
+                                      "height": 24,
+                                      "width": 24,
                                     },
-                                    {},
-                                    {},
                                   ]
                                 }
-                                testID="message-content-wrapper"
+                                vbHeight={24}
+                                vbWidth={24}
+                                width={24}
                               >
-                                <View
-                                  style={
-                                    [
+                                <RNSVGGroup
+                                  fill={
+                                    {
+                                      "payload": 4278190080,
+                                      "type": 0,
+                                    }
+                                  }
+                                >
+                                  <RNSVGPath
+                                    clipRule={0}
+                                    d="M4 8a1 1 0 011-1c3.992 0 6.34.122 7.954.459 1.704.355 2.592.95 3.646 1.741a1 1 0 01.058.047c1.036.906 2.14 2 2.974 3.564C20.47 14.38 21 16.36 21 19a1 1 0 11-2 0c0-2.36-.47-4.006-1.132-5.248-.66-1.237-1.544-2.138-2.498-2.975-.929-.695-1.542-1.094-2.824-1.36C11.16 9.126 9.008 9 5 9a1 1 0 01-1-1z"
+                                    fill={
                                       {
-                                        "maxWidth": 250,
-                                        "paddingHorizontal": 16,
-                                      },
-                                      {},
-                                      undefined,
-                                    ]
+                                        "payload": 4286216826,
+                                        "type": 0,
+                                      }
+                                    }
+                                    fillRule={0}
+                                    propList={
+                                      [
+                                        "fill",
+                                        "fillRule",
+                                      ]
+                                    }
+                                  />
+                                  <RNSVGPath
+                                    clipRule={0}
+                                    d="M4.293 8.707a1 1 0 010-1.414l3-3a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0z"
+                                    fill={
+                                      {
+                                        "payload": 4286216826,
+                                        "type": 0,
+                                      }
+                                    }
+                                    fillRule={0}
+                                    propList={
+                                      [
+                                        "fill",
+                                        "fillRule",
+                                      ]
+                                    }
+                                  />
+                                  <RNSVGPath
+                                    clipRule={0}
+                                    d="M4.293 7.293a1 1 0 011.414 0l3 3a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414z"
+                                    fill={
+                                      {
+                                        "payload": 4286216826,
+                                        "type": 0,
+                                      }
+                                    }
+                                    fillRule={0}
+                                    propList={
+                                      [
+                                        "fill",
+                                        "fillRule",
+                                      ]
+                                    }
+                                  />
+                                </RNSVGGroup>
+                              </RNSVGSvgView>
+                            </View>
+                          </View>
+                          <View
+                            style={
+                              {
+                                "transform": [
+                                  {
+                                    "translateX": 0,
+                                  },
+                                ],
+                              }
+                            }
+                          >
+                            <View
+                              style={
+                                [
+                                  {
+                                    "alignItems": "center",
+                                    "flexDirection": "row",
+                                  },
+                                  {},
+                                ]
+                              }
+                            >
+                              <View
+                                accessibilityState={
+                                  {
+                                    "busy": undefined,
+                                    "checked": undefined,
+                                    "disabled": undefined,
+                                    "expanded": undefined,
+                                    "selected": undefined,
+                                  }
+                                }
+                                accessibilityValue={
+                                  {
+                                    "max": undefined,
+                                    "min": undefined,
+                                    "now": undefined,
+                                    "text": undefined,
                                   }
-                                  testID="message-text-container"
+                                }
+                                accessible={true}
+                                collapsable={false}
+                                focusable={true}
+                                onBlur={[Function]}
+                                onClick={[Function]}
+                                onFocus={[Function]}
+                                onResponderGrant={[Function]}
+                                onResponderMove={[Function]}
+                                onResponderRelease={[Function]}
+                                onResponderTerminate={[Function]}
+                                onResponderTerminationRequest={[Function]}
+                                onStartShouldSetResponder={[Function]}
+                                style={
+                                  {
+                                    "opacity": 1,
+                                  }
+                                }
+                              >
+                                <View
+                                  onLayout={[Function]}
+                                  style={{}}
                                 >
                                   <View
                                     style={
                                       [
                                         {
-                                          "alignSelf": "stretch",
+                                          "borderTopLeftRadius": 16,
+                                          "borderTopRightRadius": 16,
+                                          "borderWidth": 1,
                                         },
-                                        undefined,
+                                        {
+                                          "backgroundColor": "#E9EAED",
+                                          "borderBottomLeftRadius": 0,
+                                          "borderBottomRightRadius": 16,
+                                          "borderColor": "#ECEBEB",
+                                        },
+                                        {},
+                                        {},
                                       ]
                                     }
+                                    testID="message-content-wrapper"
                                   >
-                                    <Text
+                                    <View
                                       style={
-                                        {
-                                          "alignItems": "flex-start",
-                                          "flexDirection": "row",
-                                          "flexWrap": "wrap",
-                                          "justifyContent": "flex-start",
-                                          "marginBottom": 8,
-                                          "marginTop": 8,
-                                        }
+                                        [
+                                          {
+                                            "maxWidth": 250,
+                                            "paddingHorizontal": 16,
+                                          },
+                                          {},
+                                          undefined,
+                                        ]
                                       }
+                                      testID="message-text-container"
                                     >
-                                      <Text
+                                      <View
                                         style={
-                                          {
-                                            "color": "#000000",
-                                          }
+                                          [
+                                            {
+                                              "alignSelf": "stretch",
+                                            },
+                                            undefined,
+                                          ]
                                         }
                                       >
-                                        Message6
-                                      </Text>
-                                    </Text>
+                                        <Text
+                                          style={
+                                            {
+                                              "alignItems": "flex-start",
+                                              "flexDirection": "row",
+                                              "flexWrap": "wrap",
+                                              "justifyContent": "flex-start",
+                                              "marginBottom": 8,
+                                              "marginTop": 8,
+                                            }
+                                          }
+                                        >
+                                          <Text
+                                            style={
+                                              {
+                                                "color": "#000000",
+                                              }
+                                            }
+                                          >
+                                            Message6
+                                          </Text>
+                                        </Text>
+                                      </View>
+                                    </View>
                                   </View>
                                 </View>
                               </View>
@@ -739,9 +890,17 @@ exports[`Thread should match thread snapshot 1`] = `
                           }
                         />
                         <View
+                          collapsable={false}
+                          hitSlop={
+                            {
+                              "left": 750,
+                              "right": 750,
+                            }
+                          }
                           style={
                             [
                               {
+                                "alignItems": "center",
                                 "flexDirection": "row",
                               },
                               {},
@@ -749,110 +908,253 @@ exports[`Thread should match thread snapshot 1`] = `
                           }
                         >
                           <View
-                            accessibilityState={
-                              {
-                                "busy": undefined,
-                                "checked": undefined,
-                                "disabled": undefined,
-                                "expanded": undefined,
-                                "selected": undefined,
-                              }
-                            }
-                            accessibilityValue={
-                              {
-                                "max": undefined,
-                                "min": undefined,
-                                "now": undefined,
-                                "text": undefined,
-                              }
-                            }
-                            accessible={true}
-                            collapsable={false}
-                            focusable={true}
-                            onBlur={[Function]}
-                            onClick={[Function]}
-                            onFocus={[Function]}
-                            onResponderGrant={[Function]}
-                            onResponderMove={[Function]}
-                            onResponderRelease={[Function]}
-                            onResponderTerminate={[Function]}
-                            onResponderTerminationRequest={[Function]}
-                            onStartShouldSetResponder={[Function]}
                             style={
-                              {
-                                "opacity": 1,
-                              }
+                              [
+                                {
+                                  "position": "absolute",
+                                },
+                                {
+                                  "opacity": undefined,
+                                  "transform": [
+                                    {
+                                      "translateX": undefined,
+                                    },
+                                  ],
+                                },
+                                {},
+                              ]
                             }
                           >
                             <View
-                              onLayout={[Function]}
-                              style={{}}
+                              style={
+                                [
+                                  {
+                                    "justifyContent": "center",
+                                    "paddingRight": 16,
+                                  },
+                                  {},
+                                ]
+                              }
                             >
-                              <View
+                              <RNSVGSvgView
+                                align="xMidYMid"
+                                bbHeight={24}
+                                bbWidth={24}
+                                focusable={false}
+                                height={24}
+                                meetOrSlice={0}
+                                minX={0}
+                                minY={0}
+                                pathFill="#7A7A7A"
                                 style={
                                   [
                                     {
-                                      "borderTopLeftRadius": 16,
-                                      "borderTopRightRadius": 16,
-                                      "borderWidth": 1,
+                                      "backgroundColor": "transparent",
+                                      "borderWidth": 0,
                                     },
                                     {
-                                      "backgroundColor": "#E9EAED",
-                                      "borderBottomLeftRadius": 0,
-                                      "borderBottomRightRadius": 16,
-                                      "borderColor": "#ECEBEB",
+                                      "flex": 0,
+                                      "height": 24,
+                                      "width": 24,
                                     },
-                                    {},
-                                    {},
                                   ]
                                 }
-                                testID="message-content-wrapper"
+                                vbHeight={24}
+                                vbWidth={24}
+                                width={24}
                               >
-                                <View
-                                  style={
-                                    [
+                                <RNSVGGroup
+                                  fill={
+                                    {
+                                      "payload": 4278190080,
+                                      "type": 0,
+                                    }
+                                  }
+                                >
+                                  <RNSVGPath
+                                    clipRule={0}
+                                    d="M4 8a1 1 0 011-1c3.992 0 6.34.122 7.954.459 1.704.355 2.592.95 3.646 1.741a1 1 0 01.058.047c1.036.906 2.14 2 2.974 3.564C20.47 14.38 21 16.36 21 19a1 1 0 11-2 0c0-2.36-.47-4.006-1.132-5.248-.66-1.237-1.544-2.138-2.498-2.975-.929-.695-1.542-1.094-2.824-1.36C11.16 9.126 9.008 9 5 9a1 1 0 01-1-1z"
+                                    fill={
                                       {
-                                        "maxWidth": 250,
-                                        "paddingHorizontal": 16,
-                                      },
-                                      {},
-                                      undefined,
-                                    ]
+                                        "payload": 4286216826,
+                                        "type": 0,
+                                      }
+                                    }
+                                    fillRule={0}
+                                    propList={
+                                      [
+                                        "fill",
+                                        "fillRule",
+                                      ]
+                                    }
+                                  />
+                                  <RNSVGPath
+                                    clipRule={0}
+                                    d="M4.293 8.707a1 1 0 010-1.414l3-3a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0z"
+                                    fill={
+                                      {
+                                        "payload": 4286216826,
+                                        "type": 0,
+                                      }
+                                    }
+                                    fillRule={0}
+                                    propList={
+                                      [
+                                        "fill",
+                                        "fillRule",
+                                      ]
+                                    }
+                                  />
+                                  <RNSVGPath
+                                    clipRule={0}
+                                    d="M4.293 7.293a1 1 0 011.414 0l3 3a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414z"
+                                    fill={
+                                      {
+                                        "payload": 4286216826,
+                                        "type": 0,
+                                      }
+                                    }
+                                    fillRule={0}
+                                    propList={
+                                      [
+                                        "fill",
+                                        "fillRule",
+                                      ]
+                                    }
+                                  />
+                                </RNSVGGroup>
+                              </RNSVGSvgView>
+                            </View>
+                          </View>
+                          <View
+                            style={
+                              {
+                                "transform": [
+                                  {
+                                    "translateX": 0,
+                                  },
+                                ],
+                              }
+                            }
+                          >
+                            <View
+                              style={
+                                [
+                                  {
+                                    "alignItems": "center",
+                                    "flexDirection": "row",
+                                  },
+                                  {},
+                                ]
+                              }
+                            >
+                              <View
+                                accessibilityState={
+                                  {
+                                    "busy": undefined,
+                                    "checked": undefined,
+                                    "disabled": undefined,
+                                    "expanded": undefined,
+                                    "selected": undefined,
+                                  }
+                                }
+                                accessibilityValue={
+                                  {
+                                    "max": undefined,
+                                    "min": undefined,
+                                    "now": undefined,
+                                    "text": undefined,
+                                  }
+                                }
+                                accessible={true}
+                                collapsable={false}
+                                focusable={true}
+                                onBlur={[Function]}
+                                onClick={[Function]}
+                                onFocus={[Function]}
+                                onResponderGrant={[Function]}
+                                onResponderMove={[Function]}
+                                onResponderRelease={[Function]}
+                                onResponderTerminate={[Function]}
+                                onResponderTerminationRequest={[Function]}
+                                onStartShouldSetResponder={[Function]}
+                                style={
+                                  {
+                                    "opacity": 1,
                                   }
-                                  testID="message-text-container"
+                                }
+                              >
+                                <View
+                                  onLayout={[Function]}
+                                  style={{}}
                                 >
                                   <View
                                     style={
                                       [
                                         {
-                                          "alignSelf": "stretch",
+                                          "borderTopLeftRadius": 16,
+                                          "borderTopRightRadius": 16,
+                                          "borderWidth": 1,
                                         },
-                                        undefined,
+                                        {
+                                          "backgroundColor": "#E9EAED",
+                                          "borderBottomLeftRadius": 0,
+                                          "borderBottomRightRadius": 16,
+                                          "borderColor": "#ECEBEB",
+                                        },
+                                        {},
+                                        {},
                                       ]
                                     }
+                                    testID="message-content-wrapper"
                                   >
-                                    <Text
+                                    <View
                                       style={
-                                        {
-                                          "alignItems": "flex-start",
-                                          "flexDirection": "row",
-                                          "flexWrap": "wrap",
-                                          "justifyContent": "flex-start",
-                                          "marginBottom": 8,
-                                          "marginTop": 8,
-                                        }
+                                        [
+                                          {
+                                            "maxWidth": 250,
+                                            "paddingHorizontal": 16,
+                                          },
+                                          {},
+                                          undefined,
+                                        ]
                                       }
+                                      testID="message-text-container"
                                     >
-                                      <Text
+                                      <View
                                         style={
-                                          {
-                                            "color": "#000000",
-                                          }
+                                          [
+                                            {
+                                              "alignSelf": "stretch",
+                                            },
+                                            undefined,
+                                          ]
                                         }
                                       >
-                                        Message5
-                                      </Text>
-                                    </Text>
+                                        <Text
+                                          style={
+                                            {
+                                              "alignItems": "flex-start",
+                                              "flexDirection": "row",
+                                              "flexWrap": "wrap",
+                                              "justifyContent": "flex-start",
+                                              "marginBottom": 8,
+                                              "marginTop": 8,
+                                            }
+                                          }
+                                        >
+                                          <Text
+                                            style={
+                                              {
+                                                "color": "#000000",
+                                              }
+                                            }
+                                          >
+                                            Message5
+                                          </Text>
+                                        </Text>
+                                      </View>
+                                    </View>
                                   </View>
                                 </View>
                               </View>
@@ -1132,9 +1434,17 @@ exports[`Thread should match thread snapshot 1`] = `
                           }
                         />
                         <View
+                          collapsable={false}
+                          hitSlop={
+                            {
+                              "left": 750,
+                              "right": 750,
+                            }
+                          }
                           style={
                             [
                               {
+                                "alignItems": "center",
                                 "flexDirection": "row",
                               },
                               {},
@@ -1142,110 +1452,253 @@ exports[`Thread should match thread snapshot 1`] = `
                           }
                         >
                           <View
-                            accessibilityState={
-                              {
-                                "busy": undefined,
-                                "checked": undefined,
-                                "disabled": undefined,
-                                "expanded": undefined,
-                                "selected": undefined,
-                              }
-                            }
-                            accessibilityValue={
-                              {
-                                "max": undefined,
-                                "min": undefined,
-                                "now": undefined,
-                                "text": undefined,
-                              }
-                            }
-                            accessible={true}
-                            collapsable={false}
-                            focusable={true}
-                            onBlur={[Function]}
-                            onClick={[Function]}
-                            onFocus={[Function]}
-                            onResponderGrant={[Function]}
-                            onResponderMove={[Function]}
-                            onResponderRelease={[Function]}
-                            onResponderTerminate={[Function]}
-                            onResponderTerminationRequest={[Function]}
-                            onStartShouldSetResponder={[Function]}
                             style={
-                              {
-                                "opacity": 1,
-                              }
+                              [
+                                {
+                                  "position": "absolute",
+                                },
+                                {
+                                  "opacity": undefined,
+                                  "transform": [
+                                    {
+                                      "translateX": undefined,
+                                    },
+                                  ],
+                                },
+                                {},
+                              ]
                             }
                           >
                             <View
-                              onLayout={[Function]}
-                              style={{}}
+                              style={
+                                [
+                                  {
+                                    "justifyContent": "center",
+                                    "paddingRight": 16,
+                                  },
+                                  {},
+                                ]
+                              }
                             >
-                              <View
+                              <RNSVGSvgView
+                                align="xMidYMid"
+                                bbHeight={24}
+                                bbWidth={24}
+                                focusable={false}
+                                height={24}
+                                meetOrSlice={0}
+                                minX={0}
+                                minY={0}
+                                pathFill="#7A7A7A"
                                 style={
                                   [
                                     {
-                                      "borderTopLeftRadius": 16,
-                                      "borderTopRightRadius": 16,
-                                      "borderWidth": 1,
+                                      "backgroundColor": "transparent",
+                                      "borderWidth": 0,
                                     },
                                     {
-                                      "backgroundColor": "#E9EAED",
-                                      "borderBottomLeftRadius": 0,
-                                      "borderBottomRightRadius": 16,
-                                      "borderColor": "#ECEBEB",
+                                      "flex": 0,
+                                      "height": 24,
+                                      "width": 24,
                                     },
-                                    {},
-                                    {},
                                   ]
                                 }
-                                testID="message-content-wrapper"
+                                vbHeight={24}
+                                vbWidth={24}
+                                width={24}
                               >
-                                <View
-                                  style={
-                                    [
+                                <RNSVGGroup
+                                  fill={
+                                    {
+                                      "payload": 4278190080,
+                                      "type": 0,
+                                    }
+                                  }
+                                >
+                                  <RNSVGPath
+                                    clipRule={0}
+                                    d="M4 8a1 1 0 011-1c3.992 0 6.34.122 7.954.459 1.704.355 2.592.95 3.646 1.741a1 1 0 01.058.047c1.036.906 2.14 2 2.974 3.564C20.47 14.38 21 16.36 21 19a1 1 0 11-2 0c0-2.36-.47-4.006-1.132-5.248-.66-1.237-1.544-2.138-2.498-2.975-.929-.695-1.542-1.094-2.824-1.36C11.16 9.126 9.008 9 5 9a1 1 0 01-1-1z"
+                                    fill={
                                       {
-                                        "maxWidth": 250,
-                                        "paddingHorizontal": 16,
-                                      },
-                                      {},
-                                      undefined,
-                                    ]
+                                        "payload": 4286216826,
+                                        "type": 0,
+                                      }
+                                    }
+                                    fillRule={0}
+                                    propList={
+                                      [
+                                        "fill",
+                                        "fillRule",
+                                      ]
+                                    }
+                                  />
+                                  <RNSVGPath
+                                    clipRule={0}
+                                    d="M4.293 8.707a1 1 0 010-1.414l3-3a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0z"
+                                    fill={
+                                      {
+                                        "payload": 4286216826,
+                                        "type": 0,
+                                      }
+                                    }
+                                    fillRule={0}
+                                    propList={
+                                      [
+                                        "fill",
+                                        "fillRule",
+                                      ]
+                                    }
+                                  />
+                                  <RNSVGPath
+                                    clipRule={0}
+                                    d="M4.293 7.293a1 1 0 011.414 0l3 3a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414z"
+                                    fill={
+                                      {
+                                        "payload": 4286216826,
+                                        "type": 0,
+                                      }
+                                    }
+                                    fillRule={0}
+                                    propList={
+                                      [
+                                        "fill",
+                                        "fillRule",
+                                      ]
+                                    }
+                                  />
+                                </RNSVGGroup>
+                              </RNSVGSvgView>
+                            </View>
+                          </View>
+                          <View
+                            style={
+                              {
+                                "transform": [
+                                  {
+                                    "translateX": 0,
+                                  },
+                                ],
+                              }
+                            }
+                          >
+                            <View
+                              style={
+                                [
+                                  {
+                                    "alignItems": "center",
+                                    "flexDirection": "row",
+                                  },
+                                  {},
+                                ]
+                              }
+                            >
+                              <View
+                                accessibilityState={
+                                  {
+                                    "busy": undefined,
+                                    "checked": undefined,
+                                    "disabled": undefined,
+                                    "expanded": undefined,
+                                    "selected": undefined,
+                                  }
+                                }
+                                accessibilityValue={
+                                  {
+                                    "max": undefined,
+                                    "min": undefined,
+                                    "now": undefined,
+                                    "text": undefined,
                                   }
-                                  testID="message-text-container"
+                                }
+                                accessible={true}
+                                collapsable={false}
+                                focusable={true}
+                                onBlur={[Function]}
+                                onClick={[Function]}
+                                onFocus={[Function]}
+                                onResponderGrant={[Function]}
+                                onResponderMove={[Function]}
+                                onResponderRelease={[Function]}
+                                onResponderTerminate={[Function]}
+                                onResponderTerminationRequest={[Function]}
+                                onStartShouldSetResponder={[Function]}
+                                style={
+                                  {
+                                    "opacity": 1,
+                                  }
+                                }
+                              >
+                                <View
+                                  onLayout={[Function]}
+                                  style={{}}
                                 >
                                   <View
                                     style={
                                       [
                                         {
-                                          "alignSelf": "stretch",
+                                          "borderTopLeftRadius": 16,
+                                          "borderTopRightRadius": 16,
+                                          "borderWidth": 1,
+                                        },
+                                        {
+                                          "backgroundColor": "#E9EAED",
+                                          "borderBottomLeftRadius": 0,
+                                          "borderBottomRightRadius": 16,
+                                          "borderColor": "#ECEBEB",
                                         },
-                                        undefined,
+                                        {},
+                                        {},
                                       ]
                                     }
+                                    testID="message-content-wrapper"
                                   >
-                                    <Text
+                                    <View
                                       style={
-                                        {
-                                          "alignItems": "flex-start",
-                                          "flexDirection": "row",
-                                          "flexWrap": "wrap",
-                                          "justifyContent": "flex-start",
-                                          "marginBottom": 8,
-                                          "marginTop": 8,
-                                        }
+                                        [
+                                          {
+                                            "maxWidth": 250,
+                                            "paddingHorizontal": 16,
+                                          },
+                                          {},
+                                          undefined,
+                                        ]
                                       }
+                                      testID="message-text-container"
                                     >
-                                      <Text
+                                      <View
                                         style={
-                                          {
-                                            "color": "#000000",
-                                          }
+                                          [
+                                            {
+                                              "alignSelf": "stretch",
+                                            },
+                                            undefined,
+                                          ]
                                         }
                                       >
-                                        Message4
-                                      </Text>
-                                    </Text>
+                                        <Text
+                                          style={
+                                            {
+                                              "alignItems": "flex-start",
+                                              "flexDirection": "row",
+                                              "flexWrap": "wrap",
+                                              "justifyContent": "flex-start",
+                                              "marginBottom": 8,
+                                              "marginTop": 8,
+                                            }
+                                          }
+                                        >
+                                          <Text
+                                            style={
+                                              {
+                                                "color": "#000000",
+                                              }
+                                            }
+                                          >
+                                            Message4
+                                          </Text>
+                                        </Text>
+                                      </View>
+                                    </View>
                                   </View>
                                 </View>
                               </View>
@@ -1480,9 +1933,17 @@ exports[`Thread should match thread snapshot 1`] = `
                             }
                           />
                           <View
+                            collapsable={false}
+                            hitSlop={
+                              {
+                                "left": 750,
+                                "right": 750,
+                              }
+                            }
                             style={
                               [
                                 {
+                                  "alignItems": "center",
                                   "flexDirection": "row",
                                 },
                                 {},
@@ -1490,110 +1951,253 @@ exports[`Thread should match thread snapshot 1`] = `
                             }
                           >
                             <View
-                              accessibilityState={
-                                {
-                                  "busy": undefined,
-                                  "checked": undefined,
-                                  "disabled": true,
-                                  "expanded": undefined,
-                                  "selected": undefined,
-                                }
-                              }
-                              accessibilityValue={
-                                {
-                                  "max": undefined,
-                                  "min": undefined,
-                                  "now": undefined,
-                                  "text": undefined,
-                                }
-                              }
-                              accessible={true}
-                              collapsable={false}
-                              focusable={true}
-                              onBlur={[Function]}
-                              onClick={[Function]}
-                              onFocus={[Function]}
-                              onResponderGrant={[Function]}
-                              onResponderMove={[Function]}
-                              onResponderRelease={[Function]}
-                              onResponderTerminate={[Function]}
-                              onResponderTerminationRequest={[Function]}
-                              onStartShouldSetResponder={[Function]}
                               style={
-                                {
-                                  "opacity": 1,
-                                }
+                                [
+                                  {
+                                    "position": "absolute",
+                                  },
+                                  {
+                                    "opacity": undefined,
+                                    "transform": [
+                                      {
+                                        "translateX": undefined,
+                                      },
+                                    ],
+                                  },
+                                  {},
+                                ]
                               }
                             >
                               <View
-                                onLayout={[Function]}
-                                style={{}}
+                                style={
+                                  [
+                                    {
+                                      "justifyContent": "center",
+                                      "paddingRight": 16,
+                                    },
+                                    {},
+                                  ]
+                                }
                               >
-                                <View
+                                <RNSVGSvgView
+                                  align="xMidYMid"
+                                  bbHeight={24}
+                                  bbWidth={24}
+                                  focusable={false}
+                                  height={24}
+                                  meetOrSlice={0}
+                                  minX={0}
+                                  minY={0}
+                                  pathFill="#7A7A7A"
                                   style={
                                     [
                                       {
-                                        "borderTopLeftRadius": 16,
-                                        "borderTopRightRadius": 16,
-                                        "borderWidth": 1,
+                                        "backgroundColor": "transparent",
+                                        "borderWidth": 0,
                                       },
                                       {
-                                        "backgroundColor": "#E9EAED",
-                                        "borderBottomLeftRadius": 0,
-                                        "borderBottomRightRadius": 16,
-                                        "borderColor": "#ECEBEB",
+                                        "flex": 0,
+                                        "height": 24,
+                                        "width": 24,
                                       },
-                                      {},
-                                      {},
                                     ]
                                   }
-                                  testID="message-content-wrapper"
+                                  vbHeight={24}
+                                  vbWidth={24}
+                                  width={24}
                                 >
-                                  <View
-                                    style={
-                                      [
+                                  <RNSVGGroup
+                                    fill={
+                                      {
+                                        "payload": 4278190080,
+                                        "type": 0,
+                                      }
+                                    }
+                                  >
+                                    <RNSVGPath
+                                      clipRule={0}
+                                      d="M4 8a1 1 0 011-1c3.992 0 6.34.122 7.954.459 1.704.355 2.592.95 3.646 1.741a1 1 0 01.058.047c1.036.906 2.14 2 2.974 3.564C20.47 14.38 21 16.36 21 19a1 1 0 11-2 0c0-2.36-.47-4.006-1.132-5.248-.66-1.237-1.544-2.138-2.498-2.975-.929-.695-1.542-1.094-2.824-1.36C11.16 9.126 9.008 9 5 9a1 1 0 01-1-1z"
+                                      fill={
                                         {
-                                          "maxWidth": 250,
-                                          "paddingHorizontal": 16,
-                                        },
-                                        {},
-                                        undefined,
-                                      ]
+                                          "payload": 4286216826,
+                                          "type": 0,
+                                        }
+                                      }
+                                      fillRule={0}
+                                      propList={
+                                        [
+                                          "fill",
+                                          "fillRule",
+                                        ]
+                                      }
+                                    />
+                                    <RNSVGPath
+                                      clipRule={0}
+                                      d="M4.293 8.707a1 1 0 010-1.414l3-3a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0z"
+                                      fill={
+                                        {
+                                          "payload": 4286216826,
+                                          "type": 0,
+                                        }
+                                      }
+                                      fillRule={0}
+                                      propList={
+                                        [
+                                          "fill",
+                                          "fillRule",
+                                        ]
+                                      }
+                                    />
+                                    <RNSVGPath
+                                      clipRule={0}
+                                      d="M4.293 7.293a1 1 0 011.414 0l3 3a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414z"
+                                      fill={
+                                        {
+                                          "payload": 4286216826,
+                                          "type": 0,
+                                        }
+                                      }
+                                      fillRule={0}
+                                      propList={
+                                        [
+                                          "fill",
+                                          "fillRule",
+                                        ]
+                                      }
+                                    />
+                                  </RNSVGGroup>
+                                </RNSVGSvgView>
+                              </View>
+                            </View>
+                            <View
+                              style={
+                                {
+                                  "transform": [
+                                    {
+                                      "translateX": 0,
+                                    },
+                                  ],
+                                }
+                              }
+                            >
+                              <View
+                                style={
+                                  [
+                                    {
+                                      "alignItems": "center",
+                                      "flexDirection": "row",
+                                    },
+                                    {},
+                                  ]
+                                }
+                              >
+                                <View
+                                  accessibilityState={
+                                    {
+                                      "busy": undefined,
+                                      "checked": undefined,
+                                      "disabled": true,
+                                      "expanded": undefined,
+                                      "selected": undefined,
+                                    }
+                                  }
+                                  accessibilityValue={
+                                    {
+                                      "max": undefined,
+                                      "min": undefined,
+                                      "now": undefined,
+                                      "text": undefined,
                                     }
-                                    testID="message-text-container"
+                                  }
+                                  accessible={true}
+                                  collapsable={false}
+                                  focusable={true}
+                                  onBlur={[Function]}
+                                  onClick={[Function]}
+                                  onFocus={[Function]}
+                                  onResponderGrant={[Function]}
+                                  onResponderMove={[Function]}
+                                  onResponderRelease={[Function]}
+                                  onResponderTerminate={[Function]}
+                                  onResponderTerminationRequest={[Function]}
+                                  onStartShouldSetResponder={[Function]}
+                                  style={
+                                    {
+                                      "opacity": 1,
+                                    }
+                                  }
+                                >
+                                  <View
+                                    onLayout={[Function]}
+                                    style={{}}
                                   >
                                     <View
                                       style={
                                         [
                                           {
-                                            "alignSelf": "stretch",
+                                            "borderTopLeftRadius": 16,
+                                            "borderTopRightRadius": 16,
+                                            "borderWidth": 1,
                                           },
-                                          undefined,
+                                          {
+                                            "backgroundColor": "#E9EAED",
+                                            "borderBottomLeftRadius": 0,
+                                            "borderBottomRightRadius": 16,
+                                            "borderColor": "#ECEBEB",
+                                          },
+                                          {},
+                                          {},
                                         ]
                                       }
+                                      testID="message-content-wrapper"
                                     >
-                                      <Text
+                                      <View
                                         style={
-                                          {
-                                            "alignItems": "flex-start",
-                                            "flexDirection": "row",
-                                            "flexWrap": "wrap",
-                                            "justifyContent": "flex-start",
-                                            "marginBottom": 8,
-                                            "marginTop": 8,
-                                          }
+                                          [
+                                            {
+                                              "maxWidth": 250,
+                                              "paddingHorizontal": 16,
+                                            },
+                                            {},
+                                            undefined,
+                                          ]
                                         }
+                                        testID="message-text-container"
                                       >
-                                        <Text
+                                        <View
                                           style={
-                                            {
-                                              "color": "#000000",
-                                            }
+                                            [
+                                              {
+                                                "alignSelf": "stretch",
+                                              },
+                                              undefined,
+                                            ]
                                           }
                                         >
-                                          Message3
-                                        </Text>
-                                      </Text>
+                                          <Text
+                                            style={
+                                              {
+                                                "alignItems": "flex-start",
+                                                "flexDirection": "row",
+                                                "flexWrap": "wrap",
+                                                "justifyContent": "flex-start",
+                                                "marginBottom": 8,
+                                                "marginTop": 8,
+                                              }
+                                            }
+                                          >
+                                            <Text
+                                              style={
+                                                {
+                                                  "color": "#000000",
+                                                }
+                                              }
+                                            >
+                                              Message3
+                                            </Text>
+                                          </Text>
+                                        </View>
+                                      </View>
                                     </View>
                                   </View>
                                 </View>