stream-chat-react-native-core 9.3.1-beta.5 → 9.3.1-beta.7

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

@@ -588,6 +588,8 @@ exports[`Thread should match thread snapshot 1`] = `
                             </View>
                           </View>
                           <View
+                            accessibilityRole="text"
+                            accessible={true}
                             style={
                               [
                                 {
@@ -920,6 +922,8 @@ exports[`Thread should match thread snapshot 1`] = `
                             </View>
                           </View>
                           <View
+                            accessibilityRole="text"
+                            accessible={true}
                             style={
                               [
                                 {
@@ -1285,6 +1289,8 @@ exports[`Thread should match thread snapshot 1`] = `
                             </View>
                           </View>
                           <View
+                            accessibilityRole="text"
+                            accessible={true}
                             style={
                               [
                                 {
@@ -1611,6 +1617,8 @@ exports[`Thread should match thread snapshot 1`] = `
                             </View>
                           </View>
                           <View
+                            accessibilityRole="text"
+                            accessible={true}
                             style={
                               [
                                 {
@@ -1798,114 +1806,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={
@@ -1914,12 +1910,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>
@@ -2163,126 +2184,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>
@@ -2347,126 +2381,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={
-              [
+          >
+            <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-photo-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-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
@@ -2487,121 +2528,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={
@@ -2610,32 +2634,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
@@ -2656,122 +2704,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
@@ -2792,120 +2847,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={
@@ -2914,12 +2951,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>