npm - stream-chat-react-native-core - Versions diffs - 9.3.0 → 9.3.1-beta.10 - Mend

stream-chat-react-native-core 9.3.0 → 9.3.1-beta.10

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 (3100) hide show

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

@@ -330,325 +330,315 @@ exports[`Thread should match thread snapshot 1`] = `
               testID="message-list-item-38ef6f7c-3090-5759-a37f-ab0053aadb96"
             >
               <View
-                testID="message-list-item-38ef6f7c-3090-5759-a37f-ab0053aadb96"
-              >
-                <View
-                  style={
+                style={
+                  [
                     [
-                      [
-                        {},
-                      ],
-                      {
-                        "paddingHorizontal": 16,
-                      },
-                    ]
-                  }
-                  testID="message-wrapper"
-                >
-                  <View />
-                  <View>
+                      {},
+                    ],
+                    {
+                      "paddingHorizontal": 16,
+                    },
+                  ]
+                }
+                testID="message-wrapper"
+              >
+                <View />
+                <View>
+                  <View
+                    collapsable={false}
+                  >
                     <View
                       collapsable={false}
+                      hitSlop={
+                        {
+                          "left": 750,
+                          "right": 750,
+                        }
+                      }
+                      style={
+                        {
+                          "alignItems": "center",
+                          "flexDirection": "row",
+                          "zIndex": 1,
+                        }
+                      }
                     >
                       <View
-                        collapsable={false}
-                        hitSlop={
-                          {
-                            "left": 750,
-                            "right": 750,
-                          }
-                        }
+                        pointerEvents="box-none"
                         style={
                           {
-                            "alignItems": "center",
+                            "alignItems": "flex-end",
                             "flexDirection": "row",
-                            "zIndex": 1,
+                            "gap": 8,
+                            "paddingVertical": 8,
+                            "width": "100%",
                           }
                         }
+                        testID="message-item-view-wrapper"
                       >
                         <View
-                          pointerEvents="box-none"
-                          style={
-                            {
-                              "alignItems": "flex-end",
-                              "flexDirection": "row",
-                              "gap": 8,
-                              "paddingVertical": 8,
-                              "width": "100%",
-                            }
-                          }
-                          testID="message-item-view-wrapper"
+                          style={{}}
+                          testID="message-author"
                         >
                           <View
-                            style={{}}
-                            testID="message-author"
+                            testID="user-avatar"
                           >
                             <View
-                              testID="user-avatar"
+                              style={
+                                [
+                                  {
+                                    "alignItems": "center",
+                                    "borderRadius": 9999,
+                                    "justifyContent": "center",
+                                    "overflow": "hidden",
+                                  },
+                                  {
+                                    "height": 32,
+                                    "width": 32,
+                                  },
+                                  {
+                                    "backgroundColor": "#fcd579",
+                                  },
+                                  {
+                                    "borderColor": "rgba(26, 27, 37, 0.1)",
+                                    "borderWidth": 1,
+                                  },
+                                  undefined,
+                                ]
+                              }
+                              testID="avatar-image"
                             >
-                              <View
+                              <Image
+                                accessibilityElementsHidden={true}
+                                importantForAccessibility="no"
+                                onError={[Function]}
+                                source={
+                                  {
+                                    "uri": "https://i.imgur.com/LuuGvh0.png",
+                                  }
+                                }
                                 style={
                                   [
-                                    {
-                                      "alignItems": "center",
-                                      "borderRadius": 9999,
-                                      "justifyContent": "center",
-                                      "overflow": "hidden",
-                                    },
+                                    {},
                                     {
                                       "height": 32,
                                       "width": 32,
                                     },
-                                    {
-                                      "backgroundColor": "#fcd579",
-                                    },
-                                    {
-                                      "borderColor": "rgba(26, 27, 37, 0.1)",
-                                      "borderWidth": 1,
-                                    },
-                                    undefined,
                                   ]
                                 }
-                                testID="avatar-image"
-                              >
-                                <Image
-                                  accessibilityElementsHidden={true}
-                                  importantForAccessibility="no"
-                                  onError={[Function]}
-                                  source={
-                                    {
-                                      "uri": "https://i.imgur.com/LuuGvh0.png",
-                                    }
-                                  }
-                                  style={
-                                    [
-                                      {},
-                                      {
-                                        "height": 32,
-                                        "width": 32,
-                                      },
-                                    ]
-                                  }
-                                />
-                              </View>
+                              />
                             </View>
                           </View>
+                        </View>
+                        <View
+                          style={
+                            [
+                              {
+                                "gap": 4,
+                              },
+                              {
+                                "alignItems": "flex-start",
+                              },
+                              {},
+                            ]
+                          }
+                          testID="message-components"
+                        >
                           <View
                             style={
-                              [
-                                {
-                                  "gap": 4,
-                                },
-                                {
-                                  "alignItems": "flex-start",
-                                },
-                                {},
-                              ]
+                              {
+                                "zIndex": 1,
+                              }
                             }
-                            testID="message-components"
                           >
                             <View
                               style={
                                 {
-                                  "zIndex": 1,
+                                  "alignSelf": "flex-end",
+                                }
+                              }
+                            />
+                            <View
+                              style={
+                                {
+                                  "alignSelf": "flex-start",
                                 }
                               }
                             >
                               <View
-                                style={
+                                accessibilityState={
                                   {
-                                    "alignSelf": "flex-end",
+                                    "busy": undefined,
+                                    "checked": undefined,
+                                    "disabled": undefined,
+                                    "expanded": undefined,
+                                    "selected": undefined,
                                   }
                                 }
-                              />
-                              <View
-                                style={
+                                accessibilityValue={
                                   {
-                                    "alignSelf": "flex-start",
+                                    "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={{}}
                               >
                                 <View
-                                  accessibilityState={
-                                    {
-                                      "busy": undefined,
-                                      "checked": undefined,
-                                      "disabled": undefined,
-                                      "expanded": undefined,
-                                      "selected": undefined,
-                                    }
-                                  }
-                                  accessibilityValue={
-                                    {
-                                      "max": undefined,
-                                      "min": undefined,
-                                      "now": undefined,
-                                      "text": undefined,
-                                    }
+                                  style={
+                                    [
+                                      {
+                                        "borderTopLeftRadius": 20,
+                                        "borderTopRightRadius": 20,
+                                        "borderWidth": 0,
+                                        "overflow": "hidden",
+                                      },
+                                      {
+                                        "backgroundColor": "#ebeef1",
+                                        "borderBottomLeftRadius": 0,
+                                        "borderBottomRightRadius": 20,
+                                      },
+                                      null,
+                                      {},
+                                      {},
+                                    ]
                                   }
-                                  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={{}}
+                                  testID="message-content-wrapper"
                                 >
                                   <View
                                     style={
                                       [
                                         {
-                                          "borderTopLeftRadius": 20,
-                                          "borderTopRightRadius": 20,
-                                          "borderWidth": 0,
-                                          "overflow": "hidden",
+                                          "gap": 8,
+                                          "paddingBottom": 0,
+                                          "paddingHorizontal": 8,
+                                          "paddingTop": 0,
                                         },
+                                        {},
+                                      ]
+                                    }
+                                  />
+                                  <View
+                                    style={
+                                      [
                                         {
-                                          "backgroundColor": "#ebeef1",
-                                          "borderBottomLeftRadius": 0,
-                                          "borderBottomRightRadius": 20,
+                                          "maxWidth": 256,
+                                          "paddingHorizontal": 12,
                                         },
                                         {},
-                                        {},
-                                        {},
+                                        undefined,
                                       ]
                                     }
-                                    testID="message-content-wrapper"
+                                    testID="message-text-container"
                                   >
                                     <View
                                       style={
                                         [
                                           {
-                                            "gap": 8,
-                                            "paddingBottom": 0,
-                                            "paddingHorizontal": 8,
-                                            "paddingTop": 0,
-                                          },
-                                          {},
-                                        ]
-                                      }
-                                    />
-                                    <View
-                                      style={
-                                        [
-                                          {
-                                            "maxWidth": 256,
-                                            "paddingHorizontal": 12,
+                                            "alignSelf": "stretch",
                                           },
-                                          {},
                                           undefined,
                                         ]
                                       }
-                                      testID="message-text-container"
                                     >
-                                      <View
+                                      <Text
                                         style={
-                                          [
-                                            {
-                                              "alignSelf": "stretch",
-                                            },
-                                            undefined,
-                                          ]
+                                          {
+                                            "alignItems": "flex-start",
+                                            "flexDirection": "row",
+                                            "flexWrap": "wrap",
+                                            "fontSize": 17,
+                                            "justifyContent": "flex-start",
+                                            "lineHeight": 20,
+                                            "marginBottom": 8,
+                                            "marginTop": 8,
+                                          }
                                         }
                                       >
                                         <Text
                                           style={
                                             {
-                                              "alignItems": "flex-start",
-                                              "flexDirection": "row",
-                                              "flexWrap": "wrap",
+                                              "color": "#1a1b25",
                                               "fontSize": 17,
-                                              "justifyContent": "flex-start",
                                               "lineHeight": 20,
-                                              "marginBottom": 8,
-                                              "marginTop": 8,
+                                              "writingDirection": "ltr",
                                             }
                                           }
                                         >
-                                          <Text
-                                            style={
-                                              {
-                                                "color": "#1a1b25",
-                                                "fontSize": 17,
-                                                "lineHeight": 20,
-                                                "writingDirection": "ltr",
-                                              }
-                                            }
-                                          >
-                                            Message6
-                                          </Text>
+                                          Message6
                                         </Text>
-                                      </View>
+                                      </Text>
                                     </View>
                                   </View>
                                 </View>
                               </View>
                             </View>
-                            <View
+                          </View>
+                          <View
+                            accessibilityRole="text"
+                            accessible={true}
+                            style={
+                              [
+                                {
+                                  "alignItems": "center",
+                                  "flexDirection": "row",
+                                  "gap": 4,
+                                  "justifyContent": "center",
+                                  "maxWidth": "100%",
+                                  "paddingVertical": 4,
+                                },
+                                {},
+                              ]
+                            }
+                            testID="message-status-time"
+                          >
+                            <Text
                               style={
                                 {
-                                  "marginTop": -4,
-                                  "zIndex": 0,
+                                  "color": "#687385",
+                                  "fontSize": 13,
+                                  "fontWeight": 400,
+                                  "lineHeight": 16,
                                 }
                               }
-                            />
-                            <View
+                            >
+                              2:50 PM
+                            </Text>
+                            <Text
                               style={
                                 [
-                                  {
-                                    "alignItems": "center",
-                                    "flexDirection": "row",
-                                    "gap": 4,
-                                    "justifyContent": "center",
-                                    "maxWidth": "100%",
-                                    "paddingVertical": 4,
-                                  },
-                                  {},
-                                ]
-                              }
-                              testID="message-status-time"
-                            >
-                              <Text
-                                style={
                                   {
                                     "color": "#687385",
                                     "fontSize": 13,
                                     "fontWeight": 400,
                                     "lineHeight": 16,
-                                  }
-                                }
-                              >
-                                2:50 PM
-                              </Text>
-                              <Text
-                                style={
-                                  [
-                                    {
-                                      "color": "#687385",
-                                      "fontSize": 13,
-                                      "fontWeight": 400,
-                                      "lineHeight": 16,
-                                    },
-                                    {},
-                                  ]
-                                }
-                              >
-                                Edited
-                              </Text>
-                            </View>
+                                  },
+                                  {},
+                                ]
+                              }
+                            >
+                              Edited
+                            </Text>
                           </View>
                         </View>
                       </View>
                     </View>
                   </View>
-                  <View />
                 </View>
+                <View />
               </View>
             </View>
           </View>
@@ -674,325 +664,315 @@ exports[`Thread should match thread snapshot 1`] = `
               testID="message-list-item-516efa25-5d29-5c9a-ad2d-4cc183e785bd"
             >
               <View
-                testID="message-list-item-516efa25-5d29-5c9a-ad2d-4cc183e785bd"
-              >
-                <View
-                  style={
+                style={
+                  [
                     [
-                      [
-                        {},
-                      ],
-                      {
-                        "paddingHorizontal": 16,
-                      },
-                    ]
-                  }
-                  testID="message-wrapper"
-                >
-                  <View />
-                  <View>
+                      {},
+                    ],
+                    {
+                      "paddingHorizontal": 16,
+                    },
+                  ]
+                }
+                testID="message-wrapper"
+              >
+                <View />
+                <View>
+                  <View
+                    collapsable={false}
+                  >
                     <View
                       collapsable={false}
+                      hitSlop={
+                        {
+                          "left": 750,
+                          "right": 750,
+                        }
+                      }
+                      style={
+                        {
+                          "alignItems": "center",
+                          "flexDirection": "row",
+                          "zIndex": 1,
+                        }
+                      }
                     >
                       <View
-                        collapsable={false}
-                        hitSlop={
-                          {
-                            "left": 750,
-                            "right": 750,
-                          }
-                        }
+                        pointerEvents="box-none"
                         style={
                           {
-                            "alignItems": "center",
+                            "alignItems": "flex-end",
                             "flexDirection": "row",
-                            "zIndex": 1,
+                            "gap": 8,
+                            "paddingVertical": 8,
+                            "width": "100%",
                           }
                         }
+                        testID="message-item-view-wrapper"
                       >
                         <View
-                          pointerEvents="box-none"
-                          style={
-                            {
-                              "alignItems": "flex-end",
-                              "flexDirection": "row",
-                              "gap": 8,
-                              "paddingVertical": 8,
-                              "width": "100%",
-                            }
-                          }
-                          testID="message-item-view-wrapper"
+                          style={{}}
+                          testID="message-author"
                         >
                           <View
-                            style={{}}
-                            testID="message-author"
+                            testID="user-avatar"
                           >
                             <View
-                              testID="user-avatar"
+                              style={
+                                [
+                                  {
+                                    "alignItems": "center",
+                                    "borderRadius": 9999,
+                                    "justifyContent": "center",
+                                    "overflow": "hidden",
+                                  },
+                                  {
+                                    "height": 32,
+                                    "width": 32,
+                                  },
+                                  {
+                                    "backgroundColor": "#8febbd",
+                                  },
+                                  {
+                                    "borderColor": "rgba(26, 27, 37, 0.1)",
+                                    "borderWidth": 1,
+                                  },
+                                  undefined,
+                                ]
+                              }
+                              testID="avatar-image"
                             >
-                              <View
+                              <Image
+                                accessibilityElementsHidden={true}
+                                importantForAccessibility="no"
+                                onError={[Function]}
+                                source={
+                                  {
+                                    "uri": "https://i.imgur.com/spueyAP.png",
+                                  }
+                                }
                                 style={
                                   [
-                                    {
-                                      "alignItems": "center",
-                                      "borderRadius": 9999,
-                                      "justifyContent": "center",
-                                      "overflow": "hidden",
-                                    },
+                                    {},
                                     {
                                       "height": 32,
                                       "width": 32,
                                     },
-                                    {
-                                      "backgroundColor": "#8febbd",
-                                    },
-                                    {
-                                      "borderColor": "rgba(26, 27, 37, 0.1)",
-                                      "borderWidth": 1,
-                                    },
-                                    undefined,
                                   ]
                                 }
-                                testID="avatar-image"
-                              >
-                                <Image
-                                  accessibilityElementsHidden={true}
-                                  importantForAccessibility="no"
-                                  onError={[Function]}
-                                  source={
-                                    {
-                                      "uri": "https://i.imgur.com/spueyAP.png",
-                                    }
-                                  }
-                                  style={
-                                    [
-                                      {},
-                                      {
-                                        "height": 32,
-                                        "width": 32,
-                                      },
-                                    ]
-                                  }
-                                />
-                              </View>
+                              />
                             </View>
                           </View>
+                        </View>
+                        <View
+                          style={
+                            [
+                              {
+                                "gap": 4,
+                              },
+                              {
+                                "alignItems": "flex-start",
+                              },
+                              {},
+                            ]
+                          }
+                          testID="message-components"
+                        >
                           <View
                             style={
-                              [
-                                {
-                                  "gap": 4,
-                                },
-                                {
-                                  "alignItems": "flex-start",
-                                },
-                                {},
-                              ]
+                              {
+                                "zIndex": 1,
+                              }
                             }
-                            testID="message-components"
                           >
                             <View
                               style={
                                 {
-                                  "zIndex": 1,
+                                  "alignSelf": "flex-end",
+                                }
+                              }
+                            />
+                            <View
+                              style={
+                                {
+                                  "alignSelf": "flex-start",
                                 }
                               }
                             >
                               <View
-                                style={
+                                accessibilityState={
                                   {
-                                    "alignSelf": "flex-end",
+                                    "busy": undefined,
+                                    "checked": undefined,
+                                    "disabled": undefined,
+                                    "expanded": undefined,
+                                    "selected": undefined,
                                   }
                                 }
-                              />
-                              <View
-                                style={
+                                accessibilityValue={
                                   {
-                                    "alignSelf": "flex-start",
+                                    "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={{}}
                               >
                                 <View
-                                  accessibilityState={
-                                    {
-                                      "busy": undefined,
-                                      "checked": undefined,
-                                      "disabled": undefined,
-                                      "expanded": undefined,
-                                      "selected": undefined,
-                                    }
-                                  }
-                                  accessibilityValue={
-                                    {
-                                      "max": undefined,
-                                      "min": undefined,
-                                      "now": undefined,
-                                      "text": undefined,
-                                    }
+                                  style={
+                                    [
+                                      {
+                                        "borderTopLeftRadius": 20,
+                                        "borderTopRightRadius": 20,
+                                        "borderWidth": 0,
+                                        "overflow": "hidden",
+                                      },
+                                      {
+                                        "backgroundColor": "#ebeef1",
+                                        "borderBottomLeftRadius": 0,
+                                        "borderBottomRightRadius": 20,
+                                      },
+                                      null,
+                                      {},
+                                      {},
+                                    ]
                                   }
-                                  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={{}}
+                                  testID="message-content-wrapper"
                                 >
                                   <View
                                     style={
                                       [
                                         {
-                                          "borderTopLeftRadius": 20,
-                                          "borderTopRightRadius": 20,
-                                          "borderWidth": 0,
-                                          "overflow": "hidden",
+                                          "gap": 8,
+                                          "paddingBottom": 0,
+                                          "paddingHorizontal": 8,
+                                          "paddingTop": 0,
                                         },
+                                        {},
+                                      ]
+                                    }
+                                  />
+                                  <View
+                                    style={
+                                      [
                                         {
-                                          "backgroundColor": "#ebeef1",
-                                          "borderBottomLeftRadius": 0,
-                                          "borderBottomRightRadius": 20,
+                                          "maxWidth": 256,
+                                          "paddingHorizontal": 12,
                                         },
                                         {},
-                                        {},
-                                        {},
+                                        undefined,
                                       ]
                                     }
-                                    testID="message-content-wrapper"
+                                    testID="message-text-container"
                                   >
                                     <View
                                       style={
                                         [
                                           {
-                                            "gap": 8,
-                                            "paddingBottom": 0,
-                                            "paddingHorizontal": 8,
-                                            "paddingTop": 0,
-                                          },
-                                          {},
-                                        ]
-                                      }
-                                    />
-                                    <View
-                                      style={
-                                        [
-                                          {
-                                            "maxWidth": 256,
-                                            "paddingHorizontal": 12,
+                                            "alignSelf": "stretch",
                                           },
-                                          {},
                                           undefined,
                                         ]
                                       }
-                                      testID="message-text-container"
                                     >
-                                      <View
+                                      <Text
                                         style={
-                                          [
-                                            {
-                                              "alignSelf": "stretch",
-                                            },
-                                            undefined,
-                                          ]
+                                          {
+                                            "alignItems": "flex-start",
+                                            "flexDirection": "row",
+                                            "flexWrap": "wrap",
+                                            "fontSize": 17,
+                                            "justifyContent": "flex-start",
+                                            "lineHeight": 20,
+                                            "marginBottom": 8,
+                                            "marginTop": 8,
+                                          }
                                         }
                                       >
                                         <Text
                                           style={
                                             {
-                                              "alignItems": "flex-start",
-                                              "flexDirection": "row",
-                                              "flexWrap": "wrap",
+                                              "color": "#1a1b25",
                                               "fontSize": 17,
-                                              "justifyContent": "flex-start",
                                               "lineHeight": 20,
-                                              "marginBottom": 8,
-                                              "marginTop": 8,
+                                              "writingDirection": "ltr",
                                             }
                                           }
                                         >
-                                          <Text
-                                            style={
-                                              {
-                                                "color": "#1a1b25",
-                                                "fontSize": 17,
-                                                "lineHeight": 20,
-                                                "writingDirection": "ltr",
-                                              }
-                                            }
-                                          >
-                                            Message5
-                                          </Text>
+                                          Message5
                                         </Text>
-                                      </View>
+                                      </Text>
                                     </View>
                                   </View>
                                 </View>
                               </View>
                             </View>
-                            <View
+                          </View>
+                          <View
+                            accessibilityRole="text"
+                            accessible={true}
+                            style={
+                              [
+                                {
+                                  "alignItems": "center",
+                                  "flexDirection": "row",
+                                  "gap": 4,
+                                  "justifyContent": "center",
+                                  "maxWidth": "100%",
+                                  "paddingVertical": 4,
+                                },
+                                {},
+                              ]
+                            }
+                            testID="message-status-time"
+                          >
+                            <Text
                               style={
                                 {
-                                  "marginTop": -4,
-                                  "zIndex": 0,
+                                  "color": "#687385",
+                                  "fontSize": 13,
+                                  "fontWeight": 400,
+                                  "lineHeight": 16,
                                 }
                               }
-                            />
-                            <View
+                            >
+                              2:50 PM
+                            </Text>
+                            <Text
                               style={
                                 [
                                   {
-                                    "alignItems": "center",
-                                    "flexDirection": "row",
-                                    "gap": 4,
-                                    "justifyContent": "center",
-                                    "maxWidth": "100%",
-                                    "paddingVertical": 4,
+                                    "color": "#687385",
+                                    "fontSize": 13,
+                                    "fontWeight": 400,
+                                    "lineHeight": 16,
                                   },
                                   {},
                                 ]
                               }
-                              testID="message-status-time"
                             >
-                              <Text
-                                style={
-                                  {
-                                    "color": "#687385",
-                                    "fontSize": 13,
-                                    "fontWeight": 400,
-                                    "lineHeight": 16,
-                                  }
-                                }
-                              >
-                                2:50 PM
-                              </Text>
-                              <Text
-                                style={
-                                  [
-                                    {
-                                      "color": "#687385",
-                                      "fontSize": 13,
-                                      "fontWeight": 400,
-                                      "lineHeight": 16,
-                                    },
-                                    {},
-                                  ]
-                                }
-                              >
-                                Edited
-                              </Text>
-                            </View>
+                              Edited
+                            </Text>
                           </View>
                         </View>
                       </View>
                     </View>
                   </View>
-                  <View />
                 </View>
+                <View />
               </View>
             </View>
           </View>
@@ -1018,358 +998,349 @@ exports[`Thread should match thread snapshot 1`] = `
               testID="message-list-item-82a83b16-b611-527c-b3ac-765ef6220490"
             >
               <View
-                testID="message-list-item-82a83b16-b611-527c-b3ac-765ef6220490"
+                style={
+                  {
+                    "paddingVertical": 8,
+                  }
+                }
               >
                 <View
                   style={
                     {
-                      "paddingVertical": 8,
+                      "alignSelf": "center",
+                      "backgroundColor": "#f6f8fa",
+                      "borderRadius": 9999,
+                      "paddingHorizontal": 12,
+                      "paddingVertical": 4,
                     }
                   }
+                  testID="date-separator"
                 >
-                  <View
+                  <Text
+                    accessibilityLabel="May 5, 2020"
                     style={
                       {
-                        "alignSelf": "center",
-                        "backgroundColor": "#f6f8fa",
-                        "borderRadius": 9999,
-                        "paddingHorizontal": 12,
-                        "paddingVertical": 4,
+                        "color": "#414552",
+                        "fontSize": 13,
+                        "fontWeight": 600,
+                        "lineHeight": 16,
                       }
                     }
-                    testID="date-separator"
                   >
-                    <Text
-                      style={
-                        {
-                          "color": "#414552",
-                          "fontSize": 13,
-                          "fontWeight": 600,
-                          "lineHeight": 16,
-                        }
-                      }
-                    >
-                      05/05/2020
-                    </Text>
-                  </View>
+                    05/05/2020
+                  </Text>
                 </View>
-                <View
-                  style={
+              </View>
+              <View
+                style={
+                  [
                     [
-                      [
-                        {},
-                      ],
-                      {
-                        "paddingHorizontal": 16,
-                      },
-                    ]
-                  }
-                  testID="message-wrapper"
-                >
-                  <View />
-                  <View>
+                      {},
+                    ],
+                    {
+                      "paddingHorizontal": 16,
+                    },
+                  ]
+                }
+                testID="message-wrapper"
+              >
+                <View />
+                <View>
+                  <View
+                    collapsable={false}
+                  >
                     <View
                       collapsable={false}
+                      hitSlop={
+                        {
+                          "left": 750,
+                          "right": 750,
+                        }
+                      }
+                      style={
+                        {
+                          "alignItems": "center",
+                          "flexDirection": "row",
+                          "zIndex": 1,
+                        }
+                      }
                     >
                       <View
-                        collapsable={false}
-                        hitSlop={
-                          {
-                            "left": 750,
-                            "right": 750,
-                          }
-                        }
+                        pointerEvents="box-none"
                         style={
                           {
-                            "alignItems": "center",
+                            "alignItems": "flex-end",
                             "flexDirection": "row",
-                            "zIndex": 1,
+                            "gap": 8,
+                            "paddingVertical": 8,
+                            "width": "100%",
                           }
                         }
+                        testID="message-item-view-wrapper"
                       >
                         <View
-                          pointerEvents="box-none"
-                          style={
-                            {
-                              "alignItems": "flex-end",
-                              "flexDirection": "row",
-                              "gap": 8,
-                              "paddingVertical": 8,
-                              "width": "100%",
-                            }
-                          }
-                          testID="message-item-view-wrapper"
+                          style={{}}
+                          testID="message-author"
                         >
                           <View
-                            style={{}}
-                            testID="message-author"
+                            testID="user-avatar"
                           >
                             <View
-                              testID="user-avatar"
+                              style={
+                                [
+                                  {
+                                    "alignItems": "center",
+                                    "borderRadius": 9999,
+                                    "justifyContent": "center",
+                                    "overflow": "hidden",
+                                  },
+                                  {
+                                    "height": 32,
+                                    "width": 32,
+                                  },
+                                  {
+                                    "backgroundColor": "#fcd579",
+                                  },
+                                  {
+                                    "borderColor": "rgba(26, 27, 37, 0.1)",
+                                    "borderWidth": 1,
+                                  },
+                                  undefined,
+                                ]
+                              }
+                              testID="avatar-image"
                             >
-                              <View
+                              <Image
+                                accessibilityElementsHidden={true}
+                                importantForAccessibility="no"
+                                onError={[Function]}
+                                source={
+                                  {
+                                    "uri": "https://i.imgur.com/LuuGvh0.png",
+                                  }
+                                }
                                 style={
                                   [
-                                    {
-                                      "alignItems": "center",
-                                      "borderRadius": 9999,
-                                      "justifyContent": "center",
-                                      "overflow": "hidden",
-                                    },
+                                    {},
                                     {
                                       "height": 32,
                                       "width": 32,
                                     },
-                                    {
-                                      "backgroundColor": "#fcd579",
-                                    },
-                                    {
-                                      "borderColor": "rgba(26, 27, 37, 0.1)",
-                                      "borderWidth": 1,
-                                    },
-                                    undefined,
                                   ]
                                 }
-                                testID="avatar-image"
-                              >
-                                <Image
-                                  accessibilityElementsHidden={true}
-                                  importantForAccessibility="no"
-                                  onError={[Function]}
-                                  source={
-                                    {
-                                      "uri": "https://i.imgur.com/LuuGvh0.png",
-                                    }
-                                  }
-                                  style={
-                                    [
-                                      {},
-                                      {
-                                        "height": 32,
-                                        "width": 32,
-                                      },
-                                    ]
-                                  }
-                                />
-                              </View>
+                              />
                             </View>
                           </View>
+                        </View>
+                        <View
+                          style={
+                            [
+                              {
+                                "gap": 4,
+                              },
+                              {
+                                "alignItems": "flex-start",
+                              },
+                              {},
+                            ]
+                          }
+                          testID="message-components"
+                        >
                           <View
                             style={
-                              [
-                                {
-                                  "gap": 4,
-                                },
-                                {
-                                  "alignItems": "flex-start",
-                                },
-                                {},
-                              ]
+                              {
+                                "zIndex": 1,
+                              }
                             }
-                            testID="message-components"
                           >
                             <View
                               style={
                                 {
-                                  "zIndex": 1,
+                                  "alignSelf": "flex-end",
+                                }
+                              }
+                            />
+                            <View
+                              style={
+                                {
+                                  "alignSelf": "flex-start",
                                 }
                               }
                             >
                               <View
-                                style={
+                                accessibilityState={
                                   {
-                                    "alignSelf": "flex-end",
+                                    "busy": undefined,
+                                    "checked": undefined,
+                                    "disabled": undefined,
+                                    "expanded": undefined,
+                                    "selected": undefined,
                                   }
                                 }
-                              />
-                              <View
-                                style={
+                                accessibilityValue={
                                   {
-                                    "alignSelf": "flex-start",
+                                    "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={{}}
                               >
                                 <View
-                                  accessibilityState={
-                                    {
-                                      "busy": undefined,
-                                      "checked": undefined,
-                                      "disabled": undefined,
-                                      "expanded": undefined,
-                                      "selected": undefined,
-                                    }
+                                  style={
+                                    [
+                                      {
+                                        "borderTopLeftRadius": 20,
+                                        "borderTopRightRadius": 20,
+                                        "borderWidth": 0,
+                                        "overflow": "hidden",
+                                      },
+                                      {
+                                        "backgroundColor": "#ebeef1",
+                                        "borderBottomLeftRadius": 0,
+                                        "borderBottomRightRadius": 20,
+                                      },
+                                      null,
+                                      {},
+                                      {},
+                                    ]
                                   }
-                                  accessibilityValue={
-                                    {
-                                      "max": undefined,
-                                      "min": undefined,
-                                      "now": undefined,
-                                      "text": undefined,
+                                  testID="message-content-wrapper"
+                                >
+                                  <View
+                                    style={
+                                      [
+                                        {
+                                          "gap": 8,
+                                          "paddingBottom": 0,
+                                          "paddingHorizontal": 8,
+                                          "paddingTop": 0,
+                                        },
+                                        {},
+                                      ]
                                     }
-                                  }
-                                  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={{}}
-                                >
+                                  />
                                   <View
                                     style={
                                       [
                                         {
-                                          "borderTopLeftRadius": 20,
-                                          "borderTopRightRadius": 20,
-                                          "borderWidth": 0,
-                                          "overflow": "hidden",
-                                        },
-                                        {
-                                          "backgroundColor": "#ebeef1",
-                                          "borderBottomLeftRadius": 0,
-                                          "borderBottomRightRadius": 20,
+                                          "maxWidth": 256,
+                                          "paddingHorizontal": 12,
                                         },
                                         {},
-                                        {},
-                                        {},
+                                        undefined,
                                       ]
                                     }
-                                    testID="message-content-wrapper"
+                                    testID="message-text-container"
                                   >
                                     <View
                                       style={
                                         [
                                           {
-                                            "gap": 8,
-                                            "paddingBottom": 0,
-                                            "paddingHorizontal": 8,
-                                            "paddingTop": 0,
-                                          },
-                                          {},
-                                        ]
-                                      }
-                                    />
-                                    <View
-                                      style={
-                                        [
-                                          {
-                                            "maxWidth": 256,
-                                            "paddingHorizontal": 12,
+                                            "alignSelf": "stretch",
                                           },
-                                          {},
                                           undefined,
                                         ]
                                       }
-                                      testID="message-text-container"
                                     >
-                                      <View
+                                      <Text
                                         style={
-                                          [
-                                            {
-                                              "alignSelf": "stretch",
-                                            },
-                                            undefined,
-                                          ]
+                                          {
+                                            "alignItems": "flex-start",
+                                            "flexDirection": "row",
+                                            "flexWrap": "wrap",
+                                            "fontSize": 17,
+                                            "justifyContent": "flex-start",
+                                            "lineHeight": 20,
+                                            "marginBottom": 8,
+                                            "marginTop": 8,
+                                          }
                                         }
                                       >
                                         <Text
                                           style={
                                             {
-                                              "alignItems": "flex-start",
-                                              "flexDirection": "row",
-                                              "flexWrap": "wrap",
+                                              "color": "#1a1b25",
                                               "fontSize": 17,
-                                              "justifyContent": "flex-start",
                                               "lineHeight": 20,
-                                              "marginBottom": 8,
-                                              "marginTop": 8,
+                                              "writingDirection": "ltr",
                                             }
                                           }
                                         >
-                                          <Text
-                                            style={
-                                              {
-                                                "color": "#1a1b25",
-                                                "fontSize": 17,
-                                                "lineHeight": 20,
-                                                "writingDirection": "ltr",
-                                              }
-                                            }
-                                          >
-                                            Message4
-                                          </Text>
+                                          Message4
                                         </Text>
-                                      </View>
+                                      </Text>
                                     </View>
                                   </View>
                                 </View>
                               </View>
                             </View>
-                            <View
+                          </View>
+                          <View
+                            accessibilityRole="text"
+                            accessible={true}
+                            style={
+                              [
+                                {
+                                  "alignItems": "center",
+                                  "flexDirection": "row",
+                                  "gap": 4,
+                                  "justifyContent": "center",
+                                  "maxWidth": "100%",
+                                  "paddingVertical": 4,
+                                },
+                                {},
+                              ]
+                            }
+                            testID="message-status-time"
+                          >
+                            <Text
                               style={
                                 {
-                                  "marginTop": -4,
-                                  "zIndex": 0,
+                                  "color": "#687385",
+                                  "fontSize": 13,
+                                  "fontWeight": 400,
+                                  "lineHeight": 16,
                                 }
                               }
-                            />
-                            <View
+                            >
+                              2:50 PM
+                            </Text>
+                            <Text
                               style={
                                 [
                                   {
-                                    "alignItems": "center",
-                                    "flexDirection": "row",
-                                    "gap": 4,
-                                    "justifyContent": "center",
-                                    "maxWidth": "100%",
-                                    "paddingVertical": 4,
+                                    "color": "#687385",
+                                    "fontSize": 13,
+                                    "fontWeight": 400,
+                                    "lineHeight": 16,
                                   },
                                   {},
                                 ]
                               }
-                              testID="message-status-time"
                             >
-                              <Text
-                                style={
-                                  {
-                                    "color": "#687385",
-                                    "fontSize": 13,
-                                    "fontWeight": 400,
-                                    "lineHeight": 16,
-                                  }
-                                }
-                              >
-                                2:50 PM
-                              </Text>
-                              <Text
-                                style={
-                                  [
-                                    {
-                                      "color": "#687385",
-                                      "fontSize": 13,
-                                      "fontWeight": 400,
-                                      "lineHeight": 16,
-                                    },
-                                    {},
-                                  ]
-                                }
-                              >
-                                Edited
-                              </Text>
-                            </View>
+                              Edited
+                            </Text>
                           </View>
                         </View>
                       </View>
                     </View>
                   </View>
-                  <View />
                 </View>
+                <View />
               </View>
             </View>
           </View>
@@ -1570,7 +1541,7 @@ exports[`Thread should match thread snapshot 1`] = `
                                         "borderBottomLeftRadius": 0,
                                         "borderBottomRightRadius": 20,
                                       },
-                                      {},
+                                      null,
                                       {},
                                       {},
                                     ]
@@ -1647,14 +1618,8 @@ exports[`Thread should match thread snapshot 1`] = `
                             </View>
                           </View>
                           <View
-                            style={
-                              {
-                                "marginTop": -4,
-                                "zIndex": 0,
-                              }
-                            }
-                          />
-                          <View
+                            accessibilityRole="text"
+                            accessible={true}
                             style={
                               [
                                 {
@@ -1842,114 +1807,102 @@ exports[`Thread should match thread snapshot 1`] = `
                       }
                     >
                       <View
-                        accessibilityRole="button"
-                        accessibilityState={
-                          {
-                            "busy": undefined,
-                            "checked": undefined,
-                            "disabled": false,
-                            "expanded": undefined,
-                            "selected": false,
-                          }
+                        handlerTags={
+                          [
+                            26,
+                            25,
+                            24,
+                          ]
                         }
-                        accessibilityValue={
+                        onGestureHandlerEvent={[Function]}
+                        onGestureHandlerReanimatedEvent={[Function]}
+                        onGestureHandlerStateChange={[Function]}
+                        onGestureHandlerTouchEvent={[Function]}
+                        pointerEvents="box-none"
+                        style={
                           {
-                            "max": undefined,
-                            "min": undefined,
-                            "now": undefined,
-                            "text": undefined,
+                            "display": "contents",
                           }
                         }
-                        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={
-                          [
+                      >
+                        <RNGestureHandlerButton
+                          accessibilityRole="button"
+                          accessibilityState={
                             {
-                              "backgroundColor": "transparent",
-                              "paddingHorizontal": 0,
-                            },
+                              "disabled": false,
+                              "selected": false,
+                            }
+                          }
+                          accessible={true}
+                          enabled={true}
+                          hitSlop={
                             {
-                              "alignItems": "center",
-                              "borderRadius": 9999,
-                              "flex": 1,
-                              "flexDirection": "row",
-                              "gap": 8,
-                              "justifyContent": "center",
-                            },
-                          ]
-                        }
-                        testID="attach-button"
-                      >
-                        <RNSVGSvgView
-                          align="xMidYMid"
-                          bbHeight={20}
-                          bbWidth={20}
-                          fill="none"
-                          focusable={false}
-                          height={20}
-                          meetOrSlice={0}
-                          minX={0}
-                          minY={0}
-                          stroke="#1a1b25"
-                          strokeWidth={1.5}
+                              "bottom": 0,
+                              "left": 0,
+                              "right": 0,
+                              "top": 0,
+                            }
+                          }
+                          onLayout={[Function]}
+                          rippleColor="transparent"
                           style={
                             [
-                              {
-                                "backgroundColor": "transparent",
-                                "borderWidth": 0,
-                              },
-                              {
-                                "flex": 0,
-                                "height": 20,
-                                "width": 20,
-                              },
+                              {},
+                              [
+                                {
+                                  "backgroundColor": "transparent",
+                                  "paddingHorizontal": 0,
+                                },
+                                {
+                                  "alignItems": "center",
+                                  "borderRadius": 9999,
+                                  "flex": 1,
+                                  "flexDirection": "row",
+                                  "gap": 8,
+                                  "justifyContent": "center",
+                                },
+                              ],
                             ]
                           }
-                          vbHeight={20}
-                          vbWidth={20}
-                          width={20}
+                          testID="attach-button"
+                          testOnly_onPress={[Function]}
                         >
-                          <RNSVGGroup
-                            fill={null}
-                            propList={
+                          <RNSVGSvgView
+                            align="xMidYMid"
+                            bbHeight={20}
+                            bbWidth={20}
+                            fill="none"
+                            focusable={false}
+                            height={20}
+                            meetOrSlice={0}
+                            minX={0}
+                            minY={0}
+                            stroke="#1a1b25"
+                            strokeWidth={1.5}
+                            style={
                               [
-                                "fill",
-                                "stroke",
-                                "strokeWidth",
+                                {
+                                  "backgroundColor": "transparent",
+                                  "borderWidth": 0,
+                                },
+                                {
+                                  "flex": 0,
+                                  "height": 20,
+                                  "width": 20,
+                                },
                               ]
                             }
-                            stroke={
-                              {
-                                "payload": 4279900965,
-                                "type": 0,
-                              }
-                            }
-                            strokeWidth={1.5}
+                            vbHeight={20}
+                            vbWidth={20}
+                            width={20}
                           >
-                            <RNSVGPath
-                              d="M3.125 10H16.875M10 3.125V16.875"
-                              fill={
-                                {
-                                  "payload": 4278190080,
-                                  "type": 0,
-                                }
-                              }
+                            <RNSVGGroup
+                              fill={null}
                               propList={
                                 [
+                                  "fill",
                                   "stroke",
                                   "strokeWidth",
-                                  "strokeLinecap",
-                                  "strokeLinejoin",
                                 ]
                               }
                               stroke={
@@ -1958,12 +1911,37 @@ exports[`Thread should match thread snapshot 1`] = `
                                   "type": 0,
                                 }
                               }
-                              strokeLinecap={1}
-                              strokeLinejoin={1}
                               strokeWidth={1.5}
-                            />
-                          </RNSVGGroup>
-                        </RNSVGSvgView>
+                            >
+                              <RNSVGPath
+                                d="M3.125 10H16.875M10 3.125V16.875"
+                                fill={
+                                  {
+                                    "payload": 4278190080,
+                                    "type": 0,
+                                  }
+                                }
+                                propList={
+                                  [
+                                    "stroke",
+                                    "strokeWidth",
+                                    "strokeLinecap",
+                                    "strokeLinejoin",
+                                  ]
+                                }
+                                stroke={
+                                  {
+                                    "payload": 4279900965,
+                                    "type": 0,
+                                  }
+                                }
+                                strokeLinecap={1}
+                                strokeLinejoin={1}
+                                strokeWidth={1.5}
+                              />
+                            </RNSVGGroup>
+                          </RNSVGSvgView>
+                        </RNGestureHandlerButton>
                       </View>
                     </View>
                   </View>
@@ -2207,126 +2185,139 @@ exports[`Thread should match thread snapshot 1`] = `
                           }
                         >
                           <View
-                            accessibilityRole="button"
-                            accessibilityState={
-                              {
-                                "busy": undefined,
-                                "checked": undefined,
-                                "disabled": true,
-                                "expanded": undefined,
-                                "selected": false,
-                              }
+                            handlerTags={
+                              [
+                                29,
+                                28,
+                                27,
+                              ]
                             }
-                            accessibilityValue={
+                            onGestureHandlerEvent={[Function]}
+                            onGestureHandlerReanimatedEvent={[Function]}
+                            onGestureHandlerStateChange={[Function]}
+                            onGestureHandlerTouchEvent={[Function]}
+                            pointerEvents="box-none"
+                            style={
                               {
-                                "max": undefined,
-                                "min": undefined,
-                                "now": undefined,
-                                "text": undefined,
+                                "display": "contents",
                               }
                             }
-                            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={
-                              [
+                          >
+                            <RNGestureHandlerButton
+                              accessibilityRole="button"
+                              accessibilityState={
                                 {
-                                  "backgroundColor": "transparent",
-                                  "paddingHorizontal": 0,
-                                },
+                                  "disabled": true,
+                                  "selected": false,
+                                }
+                              }
+                              accessible={true}
+                              enabled={false}
+                              hitSlop={
                                 {
-                                  "alignItems": "center",
-                                  "borderRadius": 9999,
-                                  "flex": 1,
-                                  "flexDirection": "row",
-                                  "gap": 8,
-                                  "justifyContent": "center",
-                                },
-                              ]
-                            }
-                            testID="send-button"
-                          >
-                            <RNSVGSvgView
-                              align="xMidYMid"
-                              bbHeight={20}
-                              bbWidth={20}
-                              fill="none"
-                              focusable={false}
-                              height={20}
-                              meetOrSlice={0}
-                              minX={0}
-                              minY={0}
-                              strokeWidth={1.5}
+                                  "bottom": 0,
+                                  "left": 0,
+                                  "right": 0,
+                                  "top": 0,
+                                }
+                              }
+                              onLayout={[Function]}
+                              rippleColor="transparent"
                               style={
                                 [
-                                  {
-                                    "backgroundColor": "transparent",
-                                    "borderWidth": 0,
-                                  },
-                                  {
-                                    "flex": 0,
-                                    "height": 20,
-                                    "width": 20,
-                                  },
+                                  {},
+                                  [
+                                    {
+                                      "backgroundColor": "transparent",
+                                      "paddingHorizontal": 0,
+                                    },
+                                    {
+                                      "alignItems": "center",
+                                      "borderRadius": 9999,
+                                      "flex": 1,
+                                      "flexDirection": "row",
+                                      "gap": 8,
+                                      "justifyContent": "center",
+                                    },
+                                  ],
                                 ]
                               }
-                              testID="send-right"
-                              vbHeight={20}
-                              vbWidth={20}
-                              width={20}
+                              testID="send-button"
+                              testOnly_onPress={[Function]}
                             >
-                              <RNSVGGroup
-                                fill={null}
-                                propList={
+                              <RNSVGSvgView
+                                align="xMidYMid"
+                                bbHeight={20}
+                                bbWidth={20}
+                                fill="none"
+                                focusable={false}
+                                height={20}
+                                meetOrSlice={0}
+                                minX={0}
+                                minY={0}
+                                strokeWidth={1.5}
+                                style={
                                   [
-                                    "fill",
-                                    "strokeWidth",
+                                    {
+                                      "backgroundColor": "transparent",
+                                      "borderWidth": 0,
+                                    },
+                                    {
+                                      "flex": 0,
+                                      "height": 20,
+                                      "width": 20,
+                                    },
                                   ]
                                 }
-                                strokeWidth={1.5}
+                                testID="send-right"
+                                vbHeight={20}
+                                vbWidth={20}
+                                width={20}
                               >
                                 <RNSVGGroup
-                                  fill={
-                                    {
-                                      "payload": 4278190080,
-                                      "type": 0,
-                                    }
+                                  fill={null}
+                                  propList={
+                                    [
+                                      "fill",
+                                      "strokeWidth",
+                                    ]
                                   }
+                                  strokeWidth={1.5}
                                 >
-                                  <RNSVGPath
-                                    d="M11.2498 10H6.24982M6.24982 10L3.7881 2.71328C3.74537 2.59349 3.7402 2.4635 3.7733 2.34069C3.80639 2.21788 3.87616 2.10808 3.9733 2.02597C4.07044 1.94386 4.19032 1.89335 4.31693 1.88117C4.44353 1.86899 4.57084 1.89573 4.68185 1.95781L17.8069 9.4461C17.9045 9.50015 17.986 9.57937 18.0427 9.67555C18.0994 9.77172 18.1293 9.88133 18.1293 9.99297C18.1293 10.1046 18.0994 10.2142 18.0427 10.3104C17.986 10.4066 17.9045 10.4858 17.8069 10.5398L4.68185 18.0469C4.57051 18.1096 4.4426 18.1367 4.31537 18.1245C4.18815 18.1123 4.06772 18.0614 3.97032 17.9787C3.87292 17.8959 3.80323 17.7853 3.77065 17.6617C3.73807 17.5381 3.74416 17.4075 3.7881 17.2875L6.24982 10Z"
-                                    fill={null}
-                                    propList={
-                                      [
-                                        "fill",
-                                        "stroke",
-                                        "strokeWidth",
-                                        "strokeLinecap",
-                                        "strokeLinejoin",
-                                      ]
-                                    }
-                                    stroke={
+                                  <RNSVGGroup
+                                    fill={
                                       {
-                                        "payload": 4288916666,
+                                        "payload": 4278190080,
                                         "type": 0,
                                       }
                                     }
-                                    strokeLinecap={1}
-                                    strokeLinejoin={1}
-                                    strokeWidth={1.5}
-                                  />
+                                  >
+                                    <RNSVGPath
+                                      d="M11.2498 10H6.24982M6.24982 10L3.7881 2.71328C3.74537 2.59349 3.7402 2.4635 3.7733 2.34069C3.80639 2.21788 3.87616 2.10808 3.9733 2.02597C4.07044 1.94386 4.19032 1.89335 4.31693 1.88117C4.44353 1.86899 4.57084 1.89573 4.68185 1.95781L17.8069 9.4461C17.9045 9.50015 17.986 9.57937 18.0427 9.67555C18.0994 9.77172 18.1293 9.88133 18.1293 9.99297C18.1293 10.1046 18.0994 10.2142 18.0427 10.3104C17.986 10.4066 17.9045 10.4858 17.8069 10.5398L4.68185 18.0469C4.57051 18.1096 4.4426 18.1367 4.31537 18.1245C4.18815 18.1123 4.06772 18.0614 3.97032 17.9787C3.87292 17.8959 3.80323 17.7853 3.77065 17.6617C3.73807 17.5381 3.74416 17.4075 3.7881 17.2875L6.24982 10Z"
+                                      fill={null}
+                                      propList={
+                                        [
+                                          "fill",
+                                          "stroke",
+                                          "strokeWidth",
+                                          "strokeLinecap",
+                                          "strokeLinejoin",
+                                        ]
+                                      }
+                                      stroke={
+                                        {
+                                          "payload": 4288916666,
+                                          "type": 0,
+                                        }
+                                      }
+                                      strokeLinecap={1}
+                                      strokeLinejoin={1}
+                                      strokeWidth={1.5}
+                                    />
+                                  </RNSVGGroup>
                                 </RNSVGGroup>
-                              </RNSVGGroup>
-                            </RNSVGSvgView>
+                              </RNSVGSvgView>
+                            </RNGestureHandlerButton>
                           </View>
                         </View>
                       </View>
@@ -2391,126 +2382,133 @@ exports[`Thread should match thread snapshot 1`] = `
           }
         >
           <View
-            accessibilityRole="button"
-            accessibilityState={
-              {
-                "busy": undefined,
-                "checked": undefined,
-                "disabled": false,
-                "expanded": undefined,
-                "selected": false,
-              }
-            }
-            accessibilityValue={
-              {
-                "max": undefined,
-                "min": undefined,
-                "now": undefined,
-                "text": undefined,
-              }
+            handlerTags={
+              [
+                32,
+                31,
+                30,
+              ]
             }
-            accessible={true}
-            collapsable={false}
-            focusable={true}
-            hitSlop={
+            onGestureHandlerEvent={[Function]}
+            onGestureHandlerReanimatedEvent={[Function]}
+            onGestureHandlerStateChange={[Function]}
+            onGestureHandlerTouchEvent={[Function]}
+            pointerEvents="box-none"
+            style={
               {
-                "bottom": 15,
-                "top": 15,
+                "display": "contents",
               }
             }
-            onBlur={[Function]}
-            onClick={[Function]}
-            onFocus={[Function]}
-            onResponderGrant={[Function]}
-            onResponderMove={[Function]}
-            onResponderRelease={[Function]}
-            onResponderTerminate={[Function]}
-            onResponderTerminationRequest={[Function]}
-            onStartShouldSetResponder={[Function]}
-            style={
-              [
-                {
-                  "backgroundColor": "transparent",
-                  "paddingHorizontal": 0,
-                },
-                {
-                  "alignItems": "center",
-                  "borderRadius": 9999,
-                  "flex": 1,
-                  "flexDirection": "row",
-                  "gap": 8,
-                  "justifyContent": "center",
-                },
-              ]
-            }
-            testID="upload-photo-touchable"
           >
-            <RNSVGSvgView
-              align="xMidYMid"
-              bbHeight={20}
-              bbWidth={20}
-              fill="none"
-              focusable={false}
-              height={20}
-              meetOrSlice={0}
-              minX={0}
-              minY={0}
-              strokeWidth={1.5}
+            <RNGestureHandlerButton
+              accessibilityRole="button"
+              accessibilityState={
+                {
+                  "disabled": false,
+                  "selected": false,
+                }
+              }
+              accessible={true}
+              enabled={true}
+              hitSlop={
+                {
+                  "bottom": 15,
+                  "left": 0,
+                  "right": 0,
+                  "top": 15,
+                }
+              }
+              onLayout={[Function]}
+              rippleColor="transparent"
               style={
                 [
-                  {
-                    "backgroundColor": "transparent",
-                    "borderWidth": 0,
-                  },
-                  {
-                    "flex": 0,
-                    "height": 20,
-                    "width": 20,
-                  },
+                  {},
+                  [
+                    {
+                      "backgroundColor": "transparent",
+                      "paddingHorizontal": 0,
+                    },
+                    {
+                      "alignItems": "center",
+                      "borderRadius": 9999,
+                      "flex": 1,
+                      "flexDirection": "row",
+                      "gap": 8,
+                      "justifyContent": "center",
+                    },
+                  ],
                 ]
               }
-              vbHeight={20}
-              vbWidth={20}
-              width={20}
+              testID="upload-photo-touchable"
+              testOnly_onPress={[Function]}
             >
-              <RNSVGGroup
-                fill={null}
-                propList={
+              <RNSVGSvgView
+                align="xMidYMid"
+                bbHeight={20}
+                bbWidth={20}
+                fill="none"
+                focusable={false}
+                height={20}
+                meetOrSlice={0}
+                minX={0}
+                minY={0}
+                strokeWidth={1.5}
+                style={
                   [
-                    "fill",
-                    "strokeWidth",
+                    {
+                      "backgroundColor": "transparent",
+                      "borderWidth": 0,
+                    },
+                    {
+                      "flex": 0,
+                      "height": 20,
+                      "width": 20,
+                    },
                   ]
                 }
-                strokeWidth={1.5}
+                vbHeight={20}
+                vbWidth={20}
+                width={20}
               >
-                <RNSVGPath
-                  d="M4.42891 16.875L12.9953 8.30781C13.0534 8.2497 13.1223 8.2036 13.1982 8.17215C13.274 8.1407 13.3554 8.12451 13.4375 8.12451C13.5196 8.12451 13.601 8.1407 13.6768 8.17215C13.7527 8.2036 13.8216 8.2497 13.8797 8.30781L16.875 11.3039M3.75 3.125H16.25C16.5952 3.125 16.875 3.40482 16.875 3.75V16.25C16.875 16.5952 16.5952 16.875 16.25 16.875H3.75C3.40482 16.875 3.125 16.5952 3.125 16.25V3.75C3.125 3.40482 3.40482 3.125 3.75 3.125ZM8.75 7.5C8.75 8.19036 8.19036 8.75 7.5 8.75C6.80964 8.75 6.25 8.19036 6.25 7.5C6.25 6.80964 6.80964 6.25 7.5 6.25C8.19036 6.25 8.75 6.80964 8.75 7.5Z"
-                  fill={
-                    {
-                      "payload": 4278190080,
-                      "type": 0,
-                    }
-                  }
+                <RNSVGGroup
+                  fill={null}
                   propList={
                     [
-                      "stroke",
+                      "fill",
                       "strokeWidth",
-                      "strokeLinecap",
-                      "strokeLinejoin",
                     ]
                   }
-                  stroke={
-                    {
-                      "payload": 4279900965,
-                      "type": 0,
-                    }
-                  }
-                  strokeLinecap={1}
-                  strokeLinejoin={1}
                   strokeWidth={1.5}
-                />
-              </RNSVGGroup>
-            </RNSVGSvgView>
+                >
+                  <RNSVGPath
+                    d="M4.42891 16.875L12.9953 8.30781C13.0534 8.2497 13.1223 8.2036 13.1982 8.17215C13.274 8.1407 13.3554 8.12451 13.4375 8.12451C13.5196 8.12451 13.601 8.1407 13.6768 8.17215C13.7527 8.2036 13.8216 8.2497 13.8797 8.30781L16.875 11.3039M3.75 3.125H16.25C16.5952 3.125 16.875 3.40482 16.875 3.75V16.25C16.875 16.5952 16.5952 16.875 16.25 16.875H3.75C3.40482 16.875 3.125 16.5952 3.125 16.25V3.75C3.125 3.40482 3.40482 3.125 3.75 3.125ZM8.75 7.5C8.75 8.19036 8.19036 8.75 7.5 8.75C6.80964 8.75 6.25 8.19036 6.25 7.5C6.25 6.80964 6.80964 6.25 7.5 6.25C8.19036 6.25 8.75 6.80964 8.75 7.5Z"
+                    fill={
+                      {
+                        "payload": 4278190080,
+                        "type": 0,
+                      }
+                    }
+                    propList={
+                      [
+                        "stroke",
+                        "strokeWidth",
+                        "strokeLinecap",
+                        "strokeLinejoin",
+                      ]
+                    }
+                    stroke={
+                      {
+                        "payload": 4279900965,
+                        "type": 0,
+                      }
+                    }
+                    strokeLinecap={1}
+                    strokeLinejoin={1}
+                    strokeWidth={1.5}
+                  />
+                </RNSVGGroup>
+              </RNSVGSvgView>
+            </RNGestureHandlerButton>
           </View>
         </View>
         <View
@@ -2531,121 +2529,104 @@ exports[`Thread should match thread snapshot 1`] = `
           }
         >
           <View
-            accessibilityRole="button"
-            accessibilityState={
-              {
-                "busy": undefined,
-                "checked": undefined,
-                "disabled": false,
-                "expanded": undefined,
-                "selected": false,
-              }
-            }
-            accessibilityValue={
-              {
-                "max": undefined,
-                "min": undefined,
-                "now": undefined,
-                "text": undefined,
-              }
+            handlerTags={
+              [
+                35,
+                34,
+                33,
+              ]
             }
-            accessible={true}
-            collapsable={false}
-            focusable={true}
-            hitSlop={
+            onGestureHandlerEvent={[Function]}
+            onGestureHandlerReanimatedEvent={[Function]}
+            onGestureHandlerStateChange={[Function]}
+            onGestureHandlerTouchEvent={[Function]}
+            pointerEvents="box-none"
+            style={
               {
-                "bottom": 15,
-                "top": 15,
+                "display": "contents",
               }
             }
-            onBlur={[Function]}
-            onClick={[Function]}
-            onFocus={[Function]}
-            onResponderGrant={[Function]}
-            onResponderMove={[Function]}
-            onResponderRelease={[Function]}
-            onResponderTerminate={[Function]}
-            onResponderTerminationRequest={[Function]}
-            onStartShouldSetResponder={[Function]}
-            style={
-              [
+          >
+            <RNGestureHandlerButton
+              accessibilityRole="button"
+              accessibilityState={
                 {
-                  "backgroundColor": "transparent",
-                  "paddingHorizontal": 0,
-                },
+                  "disabled": false,
+                  "selected": false,
+                }
+              }
+              accessible={true}
+              enabled={true}
+              hitSlop={
                 {
-                  "alignItems": "center",
-                  "borderRadius": 9999,
-                  "flex": 1,
-                  "flexDirection": "row",
-                  "gap": 8,
-                  "justifyContent": "center",
-                },
-              ]
-            }
-            testID="take-photo-touchable"
-          >
-            <RNSVGSvgView
-              align="xMidYMid"
-              bbHeight={20}
-              bbWidth={20}
-              fill="none"
-              focusable={false}
-              height={20}
-              meetOrSlice={0}
-              minX={0}
-              minY={0}
-              stroke="#1a1b25"
-              strokeLinejoin="round"
-              strokeWidth={1.5}
+                  "bottom": 15,
+                  "left": 0,
+                  "right": 0,
+                  "top": 15,
+                }
+              }
+              onLayout={[Function]}
+              rippleColor="transparent"
               style={
                 [
-                  {
-                    "backgroundColor": "transparent",
-                    "borderWidth": 0,
-                  },
-                  {
-                    "flex": 0,
-                    "height": 20,
-                    "width": 20,
-                  },
+                  {},
+                  [
+                    {
+                      "backgroundColor": "transparent",
+                      "paddingHorizontal": 0,
+                    },
+                    {
+                      "alignItems": "center",
+                      "borderRadius": 9999,
+                      "flex": 1,
+                      "flexDirection": "row",
+                      "gap": 8,
+                      "justifyContent": "center",
+                    },
+                  ],
                 ]
               }
-              vbHeight={20}
-              vbWidth={20}
-              width={20}
+              testID="take-photo-touchable"
+              testOnly_onPress={[Function]}
             >
-              <RNSVGGroup
-                fill={null}
-                propList={
+              <RNSVGSvgView
+                align="xMidYMid"
+                bbHeight={20}
+                bbWidth={20}
+                fill="none"
+                focusable={false}
+                height={20}
+                meetOrSlice={0}
+                minX={0}
+                minY={0}
+                stroke="#1a1b25"
+                strokeLinejoin="round"
+                strokeWidth={1.5}
+                style={
                   [
-                    "fill",
-                    "stroke",
-                    "strokeWidth",
-                    "strokeLinejoin",
+                    {
+                      "backgroundColor": "transparent",
+                      "borderWidth": 0,
+                    },
+                    {
+                      "flex": 0,
+                      "height": 20,
+                      "width": 20,
+                    },
                   ]
                 }
-                stroke={
-                  {
-                    "payload": 4279900965,
-                    "type": 0,
-                  }
-                }
-                strokeLinejoin={1}
-                strokeWidth={1.5}
+                vbHeight={20}
+                vbWidth={20}
+                width={20}
               >
-                <RNSVGPath
-                  d="M16.25 16.25H3.75C3.41848 16.25 3.10054 16.1183 2.86612 15.8839C2.6317 15.6495 2.5 15.3315 2.5 15V6.25C2.5 5.91848 2.6317 5.60054 2.86612 5.36612C3.10054 5.1317 3.41848 5 3.75 5H6.25L7.5 3.125H12.5L13.75 5H16.25C16.5815 5 16.8995 5.1317 17.1339 5.36612C17.3683 5.60054 17.5 5.91848 17.5 6.25V15C17.5 15.3315 17.3683 15.6495 17.1339 15.8839C16.8995 16.1183 16.5815 16.25 16.25 16.25Z"
-                  fill={
-                    {
-                      "payload": 4278190080,
-                      "type": 0,
-                    }
-                  }
+                <RNSVGGroup
+                  fill={null}
                   propList={
                     [
+                      "fill",
                       "stroke",
                       "strokeWidth",
+                      "strokeLinejoin",
                     ]
                   }
                   stroke={
@@ -2654,32 +2635,56 @@ exports[`Thread should match thread snapshot 1`] = `
                       "type": 0,
                     }
                   }
+                  strokeLinejoin={1}
                   strokeWidth={1.5}
-                />
-                <RNSVGPath
-                  d="M10 13.125C11.5533 13.125 12.8125 11.8658 12.8125 10.3125C12.8125 8.7592 11.5533 7.5 10 7.5C8.4467 7.5 7.1875 8.7592 7.1875 10.3125C7.1875 11.8658 8.4467 13.125 10 13.125Z"
-                  fill={
-                    {
-                      "payload": 4278190080,
-                      "type": 0,
+                >
+                  <RNSVGPath
+                    d="M16.25 16.25H3.75C3.41848 16.25 3.10054 16.1183 2.86612 15.8839C2.6317 15.6495 2.5 15.3315 2.5 15V6.25C2.5 5.91848 2.6317 5.60054 2.86612 5.36612C3.10054 5.1317 3.41848 5 3.75 5H6.25L7.5 3.125H12.5L13.75 5H16.25C16.5815 5 16.8995 5.1317 17.1339 5.36612C17.3683 5.60054 17.5 5.91848 17.5 6.25V15C17.5 15.3315 17.3683 15.6495 17.1339 15.8839C16.8995 16.1183 16.5815 16.25 16.25 16.25Z"
+                    fill={
+                      {
+                        "payload": 4278190080,
+                        "type": 0,
+                      }
                     }
-                  }
-                  propList={
-                    [
-                      "stroke",
-                      "strokeWidth",
-                    ]
-                  }
-                  stroke={
-                    {
-                      "payload": 4279900965,
-                      "type": 0,
+                    propList={
+                      [
+                        "stroke",
+                        "strokeWidth",
+                      ]
                     }
-                  }
-                  strokeWidth={1.5}
-                />
-              </RNSVGGroup>
-            </RNSVGSvgView>
+                    stroke={
+                      {
+                        "payload": 4279900965,
+                        "type": 0,
+                      }
+                    }
+                    strokeWidth={1.5}
+                  />
+                  <RNSVGPath
+                    d="M10 13.125C11.5533 13.125 12.8125 11.8658 12.8125 10.3125C12.8125 8.7592 11.5533 7.5 10 7.5C8.4467 7.5 7.1875 8.7592 7.1875 10.3125C7.1875 11.8658 8.4467 13.125 10 13.125Z"
+                    fill={
+                      {
+                        "payload": 4278190080,
+                        "type": 0,
+                      }
+                    }
+                    propList={
+                      [
+                        "stroke",
+                        "strokeWidth",
+                      ]
+                    }
+                    stroke={
+                      {
+                        "payload": 4279900965,
+                        "type": 0,
+                      }
+                    }
+                    strokeWidth={1.5}
+                  />
+                </RNSVGGroup>
+              </RNSVGSvgView>
+            </RNGestureHandlerButton>
           </View>
         </View>
         <View
@@ -2700,122 +2705,129 @@ exports[`Thread should match thread snapshot 1`] = `
           }
         >
           <View
-            accessibilityRole="button"
-            accessibilityState={
-              {
-                "busy": undefined,
-                "checked": undefined,
-                "disabled": false,
-                "expanded": undefined,
-                "selected": false,
-              }
-            }
-            accessibilityValue={
-              {
-                "max": undefined,
-                "min": undefined,
-                "now": undefined,
-                "text": undefined,
-              }
+            handlerTags={
+              [
+                38,
+                37,
+                36,
+              ]
             }
-            accessible={true}
-            collapsable={false}
-            focusable={true}
-            hitSlop={
+            onGestureHandlerEvent={[Function]}
+            onGestureHandlerReanimatedEvent={[Function]}
+            onGestureHandlerStateChange={[Function]}
+            onGestureHandlerTouchEvent={[Function]}
+            pointerEvents="box-none"
+            style={
               {
-                "bottom": 15,
-                "top": 15,
+                "display": "contents",
               }
             }
-            onBlur={[Function]}
-            onClick={[Function]}
-            onFocus={[Function]}
-            onResponderGrant={[Function]}
-            onResponderMove={[Function]}
-            onResponderRelease={[Function]}
-            onResponderTerminate={[Function]}
-            onResponderTerminationRequest={[Function]}
-            onStartShouldSetResponder={[Function]}
-            style={
-              [
+          >
+            <RNGestureHandlerButton
+              accessibilityRole="button"
+              accessibilityState={
                 {
-                  "backgroundColor": "transparent",
-                  "paddingHorizontal": 0,
-                },
+                  "disabled": false,
+                  "selected": false,
+                }
+              }
+              accessible={true}
+              enabled={true}
+              hitSlop={
                 {
-                  "alignItems": "center",
-                  "borderRadius": 9999,
-                  "flex": 1,
-                  "flexDirection": "row",
-                  "gap": 8,
-                  "justifyContent": "center",
-                },
-              ]
-            }
-            testID="upload-file-touchable"
-          >
-            <RNSVGSvgView
-              align="xMidYMid"
-              bbHeight={20}
-              bbWidth={20}
-              fill="none"
-              focusable={false}
-              height={20}
-              meetOrSlice={0}
-              minX={0}
-              minY={0}
-              strokeWidth={1.5}
+                  "bottom": 15,
+                  "left": 0,
+                  "right": 0,
+                  "top": 15,
+                }
+              }
+              onLayout={[Function]}
+              rippleColor="transparent"
               style={
                 [
-                  {
-                    "backgroundColor": "transparent",
-                    "borderWidth": 0,
-                  },
-                  {
-                    "flex": 0,
-                    "height": 20,
-                    "width": 20,
-                  },
+                  {},
+                  [
+                    {
+                      "backgroundColor": "transparent",
+                      "paddingHorizontal": 0,
+                    },
+                    {
+                      "alignItems": "center",
+                      "borderRadius": 9999,
+                      "flex": 1,
+                      "flexDirection": "row",
+                      "gap": 8,
+                      "justifyContent": "center",
+                    },
+                  ],
                 ]
               }
-              vbHeight={20}
-              vbWidth={20}
-              width={20}
+              testID="upload-file-touchable"
+              testOnly_onPress={[Function]}
             >
-              <RNSVGGroup
-                fill={null}
-                propList={
+              <RNSVGSvgView
+                align="xMidYMid"
+                bbHeight={20}
+                bbWidth={20}
+                fill="none"
+                focusable={false}
+                height={20}
+                meetOrSlice={0}
+                minX={0}
+                minY={0}
+                strokeWidth={1.5}
+                style={
                   [
-                    "fill",
-                    "strokeWidth",
+                    {
+                      "backgroundColor": "transparent",
+                      "borderWidth": 0,
+                    },
+                    {
+                      "flex": 0,
+                      "height": 20,
+                      "width": 20,
+                    },
                   ]
                 }
-                strokeWidth={1.5}
+                vbHeight={20}
+                vbWidth={20}
+                width={20}
               >
-                <RNSVGPath
-                  d="M11.875 2.5H4.375C4.20924 2.5 4.05027 2.56585 3.93306 2.68306C3.81585 2.80027 3.75 2.95924 3.75 3.125V16.875C3.75 17.0408 3.81585 17.1997 3.93306 17.3169C4.05027 17.4342 4.20924 17.5 4.375 17.5H15.625C15.7908 17.5 15.9497 17.4342 16.0669 17.3169C16.1842 17.1997 16.25 17.0408 16.25 16.875V6.875M11.875 2.5L16.25 6.875M11.875 2.5V6.875H16.25"
+                <RNSVGGroup
                   fill={null}
                   propList={
                     [
                       "fill",
-                      "stroke",
                       "strokeWidth",
-                      "strokeLinecap",
-                      "strokeLinejoin",
                     ]
                   }
-                  stroke={
-                    {
-                      "payload": 4279900965,
-                      "type": 0,
-                    }
-                  }
-                  strokeLinecap={1}
-                  strokeLinejoin={1}
                   strokeWidth={1.5}
-                />
-              </RNSVGGroup>
-            </RNSVGSvgView>
+                >
+                  <RNSVGPath
+                    d="M11.875 2.5H4.375C4.20924 2.5 4.05027 2.56585 3.93306 2.68306C3.81585 2.80027 3.75 2.95924 3.75 3.125V16.875C3.75 17.0408 3.81585 17.1997 3.93306 17.3169C4.05027 17.4342 4.20924 17.5 4.375 17.5H15.625C15.7908 17.5 15.9497 17.4342 16.0669 17.3169C16.1842 17.1997 16.25 17.0408 16.25 16.875V6.875M11.875 2.5L16.25 6.875M11.875 2.5V6.875H16.25"
+                    fill={null}
+                    propList={
+                      [
+                        "fill",
+                        "stroke",
+                        "strokeWidth",
+                        "strokeLinecap",
+                        "strokeLinejoin",
+                      ]
+                    }
+                    stroke={
+                      {
+                        "payload": 4279900965,
+                        "type": 0,
+                      }
+                    }
+                    strokeLinecap={1}
+                    strokeLinejoin={1}
+                    strokeWidth={1.5}
+                  />
+                </RNSVGGroup>
+              </RNSVGSvgView>
+            </RNGestureHandlerButton>
           </View>
         </View>
         <View
@@ -2836,120 +2848,102 @@ exports[`Thread should match thread snapshot 1`] = `
           }
         >
           <View
-            accessibilityRole="button"
-            accessibilityState={
-              {
-                "busy": undefined,
-                "checked": undefined,
-                "disabled": false,
-                "expanded": undefined,
-                "selected": false,
-              }
-            }
-            accessibilityValue={
-              {
-                "max": undefined,
-                "min": undefined,
-                "now": undefined,
-                "text": undefined,
-              }
+            handlerTags={
+              [
+                41,
+                40,
+                39,
+              ]
             }
-            accessible={true}
-            collapsable={false}
-            focusable={true}
-            hitSlop={
+            onGestureHandlerEvent={[Function]}
+            onGestureHandlerReanimatedEvent={[Function]}
+            onGestureHandlerStateChange={[Function]}
+            onGestureHandlerTouchEvent={[Function]}
+            pointerEvents="box-none"
+            style={
               {
-                "bottom": 15,
-                "top": 15,
+                "display": "contents",
               }
             }
-            onBlur={[Function]}
-            onClick={[Function]}
-            onFocus={[Function]}
-            onResponderGrant={[Function]}
-            onResponderMove={[Function]}
-            onResponderRelease={[Function]}
-            onResponderTerminate={[Function]}
-            onResponderTerminationRequest={[Function]}
-            onStartShouldSetResponder={[Function]}
-            style={
-              [
+          >
+            <RNGestureHandlerButton
+              accessibilityRole="button"
+              accessibilityState={
                 {
-                  "backgroundColor": "transparent",
-                  "paddingHorizontal": 0,
-                },
+                  "disabled": false,
+                  "selected": false,
+                }
+              }
+              accessible={true}
+              enabled={true}
+              hitSlop={
                 {
-                  "alignItems": "center",
-                  "borderRadius": 9999,
-                  "flex": 1,
-                  "flexDirection": "row",
-                  "gap": 8,
-                  "justifyContent": "center",
-                },
-              ]
-            }
-            testID="commands-touchable"
-          >
-            <RNSVGSvgView
-              align="xMidYMid"
-              bbHeight={20}
-              bbWidth={20}
-              fill="none"
-              focusable={false}
-              height={20}
-              meetOrSlice={0}
-              minX={0}
-              minY={0}
-              stroke="#1a1b25"
-              strokeWidth={1.5}
+                  "bottom": 15,
+                  "left": 0,
+                  "right": 0,
+                  "top": 15,
+                }
+              }
+              onLayout={[Function]}
+              rippleColor="transparent"
               style={
                 [
-                  {
-                    "backgroundColor": "transparent",
-                    "borderWidth": 0,
-                  },
-                  {
-                    "flex": 0,
-                    "height": 20,
-                    "width": 20,
-                  },
+                  {},
+                  [
+                    {
+                      "backgroundColor": "transparent",
+                      "paddingHorizontal": 0,
+                    },
+                    {
+                      "alignItems": "center",
+                      "borderRadius": 9999,
+                      "flex": 1,
+                      "flexDirection": "row",
+                      "gap": 8,
+                      "justifyContent": "center",
+                    },
+                  ],
                 ]
               }
-              vbHeight={20}
-              vbWidth={20}
-              width={20}
+              testID="commands-touchable"
+              testOnly_onPress={[Function]}
             >
-              <RNSVGGroup
-                fill={null}
-                propList={
+              <RNSVGSvgView
+                align="xMidYMid"
+                bbHeight={20}
+                bbWidth={20}
+                fill="none"
+                focusable={false}
+                height={20}
+                meetOrSlice={0}
+                minX={0}
+                minY={0}
+                stroke="#1a1b25"
+                strokeWidth={1.5}
+                style={
                   [
-                    "fill",
-                    "stroke",
-                    "strokeWidth",
+                    {
+                      "backgroundColor": "transparent",
+                      "borderWidth": 0,
+                    },
+                    {
+                      "flex": 0,
+                      "height": 20,
+                      "width": 20,
+                    },
                   ]
                 }
-                stroke={
-                  {
-                    "payload": 4279900965,
-                    "type": 0,
-                  }
-                }
-                strokeWidth={1.5}
+                vbHeight={20}
+                vbWidth={20}
+                width={20}
               >
-                <RNSVGPath
-                  d="M6.25 7.5L9.375 10L6.25 12.5M10.625 12.5H13.75M3.125 3.75H16.875C17.2202 3.75 17.5 4.02982 17.5 4.375V15.625C17.5 15.9702 17.2202 16.25 16.875 16.25H3.125C2.77982 16.25 2.5 15.9702 2.5 15.625V4.375C2.5 4.02982 2.77982 3.75 3.125 3.75Z"
-                  fill={
-                    {
-                      "payload": 4278190080,
-                      "type": 0,
-                    }
-                  }
+                <RNSVGGroup
+                  fill={null}
                   propList={
                     [
+                      "fill",
                       "stroke",
                       "strokeWidth",
-                      "strokeLinecap",
-                      "strokeLinejoin",
                     ]
                   }
                   stroke={
@@ -2958,12 +2952,37 @@ exports[`Thread should match thread snapshot 1`] = `
                       "type": 0,
                     }
                   }
-                  strokeLinecap={1}
-                  strokeLinejoin={1}
                   strokeWidth={1.5}
-                />
-              </RNSVGGroup>
-            </RNSVGSvgView>
+                >
+                  <RNSVGPath
+                    d="M6.25 7.5L9.375 10L6.25 12.5M10.625 12.5H13.75M3.125 3.75H16.875C17.2202 3.75 17.5 4.02982 17.5 4.375V15.625C17.5 15.9702 17.2202 16.25 16.875 16.25H3.125C2.77982 16.25 2.5 15.9702 2.5 15.625V4.375C2.5 4.02982 2.77982 3.75 3.125 3.75Z"
+                    fill={
+                      {
+                        "payload": 4278190080,
+                        "type": 0,
+                      }
+                    }
+                    propList={
+                      [
+                        "stroke",
+                        "strokeWidth",
+                        "strokeLinecap",
+                        "strokeLinejoin",
+                      ]
+                    }
+                    stroke={
+                      {
+                        "payload": 4279900965,
+                        "type": 0,
+                      }
+                    }
+                    strokeLinecap={1}
+                    strokeLinejoin={1}
+                    strokeWidth={1.5}
+                  />
+                </RNSVGGroup>
+              </RNSVGSvgView>
+            </RNGestureHandlerButton>
           </View>
         </View>
       </View>