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/MessageInput/__tests__/__snapshots__/SendButton.test.tsx.snap CHANGED Viewed

@@ -36,126 +36,139 @@ exports[`SendButton should render a SendButton 1`] = `
         }
       >
         <View
-          accessibilityRole="button"
-          accessibilityState={
-            {
-              "busy": undefined,
-              "checked": undefined,
-              "disabled": false,
-              "expanded": undefined,
-              "selected": false,
-            }
+          handlerTags={
+            [
+              3,
+              2,
+              1,
+            ]
           }
-          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="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": 4294967295,
+                      "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": 4294967295,
+                        "type": 0,
+                      }
+                    }
+                    strokeLinecap={1}
+                    strokeLinejoin={1}
+                    strokeWidth={1.5}
+                  />
+                </RNSVGGroup>
               </RNSVGGroup>
-            </RNSVGGroup>
-          </RNSVGSvgView>
+            </RNSVGSvgView>
+          </RNGestureHandlerButton>
         </View>
       </View>
     </View>
@@ -195,126 +208,133 @@ exports[`SendButton should render a SendButton 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={
+                [
+                  6,
+                  5,
+                  4,
+                ]
               }
-              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
@@ -335,121 +355,104 @@ exports[`SendButton should render a SendButton 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={
+                [
+                  9,
+                  8,
+                  7,
+                ]
               }
-              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={
@@ -458,32 +461,56 @@ exports[`SendButton should render a SendButton 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
@@ -504,122 +531,129 @@ exports[`SendButton should render a SendButton 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={
+                [
+                  12,
+                  11,
+                  10,
+                ]
               }
-              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
@@ -640,120 +674,102 @@ exports[`SendButton should render a SendButton 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={
+                [
+                  15,
+                  14,
+                  13,
+                ]
               }
-              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={
@@ -762,12 +778,37 @@ exports[`SendButton should render a SendButton 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>
@@ -775,6 +816,7 @@ exports[`SendButton should render a SendButton 1`] = `
     </View>
   </View>
   <View
+    accessibilityViewIsModal={false}
     collapsable={false}
     pointerEvents="box-none"
     style={
@@ -908,126 +950,139 @@ exports[`SendButton should render a disabled SendButton 1`] = `
         }
       >
         <View
-          accessibilityRole="button"
-          accessibilityState={
-            {
-              "busy": undefined,
-              "checked": undefined,
-              "disabled": true,
-              "expanded": undefined,
-              "selected": false,
-            }
+          handlerTags={
+            [
+              19,
+              18,
+              17,
+            ]
           }
-          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>
@@ -1067,126 +1122,133 @@ exports[`SendButton should render a disabled SendButton 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={
+                [
+                  22,
+                  21,
+                  20,
+                ]
               }
-              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
@@ -1207,121 +1269,104 @@ exports[`SendButton should render a disabled SendButton 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={
+                [
+                  25,
+                  24,
+                  23,
+                ]
               }
-              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={
@@ -1330,32 +1375,56 @@ exports[`SendButton should render a disabled SendButton 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
@@ -1376,122 +1445,129 @@ exports[`SendButton should render a disabled SendButton 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={
+                [
+                  28,
+                  27,
+                  26,
+                ]
               }
-              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
@@ -1512,120 +1588,102 @@ exports[`SendButton should render a disabled SendButton 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={
+                [
+                  31,
+                  30,
+                  29,
+                ]
               }
-              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={
@@ -1634,12 +1692,37 @@ exports[`SendButton should render a disabled SendButton 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>
@@ -1647,6 +1730,7 @@ exports[`SendButton should render a disabled SendButton 1`] = `
     </View>
   </View>
   <View
+    accessibilityViewIsModal={false}
     collapsable={false}
     pointerEvents="box-none"
     style={