stream-chat-react-native-core 9.10.0 → 9.10.1-beta.2

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 (52) hide show
  1. package/lib/commonjs/components/UIComponents/PortalWhileClosingView.js +8 -5
  2. package/lib/commonjs/components/UIComponents/PortalWhileClosingView.js.map +1 -1
  3. package/lib/commonjs/contexts/overlayContext/ClosingPortalHostsLayer.js +8 -4
  4. package/lib/commonjs/contexts/overlayContext/ClosingPortalHostsLayer.js.map +1 -1
  5. package/lib/commonjs/contexts/overlayContext/MessageOverlayHostLayer.js +25 -11
  6. package/lib/commonjs/contexts/overlayContext/MessageOverlayHostLayer.js.map +1 -1
  7. package/lib/commonjs/contexts/overlayContext/OverlayHostLayerContext.js +10 -0
  8. package/lib/commonjs/contexts/overlayContext/OverlayHostLayerContext.js.map +1 -0
  9. package/lib/commonjs/contexts/overlayContext/OverlayProvider.js +16 -6
  10. package/lib/commonjs/contexts/overlayContext/OverlayProvider.js.map +1 -1
  11. package/lib/commonjs/state-store/message-overlay-store.js +47 -18
  12. package/lib/commonjs/state-store/message-overlay-store.js.map +1 -1
  13. package/lib/commonjs/version.json +1 -1
  14. package/lib/module/components/UIComponents/PortalWhileClosingView.js +8 -5
  15. package/lib/module/components/UIComponents/PortalWhileClosingView.js.map +1 -1
  16. package/lib/module/contexts/overlayContext/ClosingPortalHostsLayer.js +8 -4
  17. package/lib/module/contexts/overlayContext/ClosingPortalHostsLayer.js.map +1 -1
  18. package/lib/module/contexts/overlayContext/MessageOverlayHostLayer.js +25 -11
  19. package/lib/module/contexts/overlayContext/MessageOverlayHostLayer.js.map +1 -1
  20. package/lib/module/contexts/overlayContext/OverlayHostLayerContext.js +10 -0
  21. package/lib/module/contexts/overlayContext/OverlayHostLayerContext.js.map +1 -0
  22. package/lib/module/contexts/overlayContext/OverlayProvider.js +16 -6
  23. package/lib/module/contexts/overlayContext/OverlayProvider.js.map +1 -1
  24. package/lib/module/state-store/message-overlay-store.js +47 -18
  25. package/lib/module/state-store/message-overlay-store.js.map +1 -1
  26. package/lib/module/version.json +1 -1
  27. package/lib/typescript/components/UIComponents/PortalWhileClosingView.d.ts.map +1 -1
  28. package/lib/typescript/contexts/overlayContext/ClosingPortalHostsLayer.d.ts +10 -1
  29. package/lib/typescript/contexts/overlayContext/ClosingPortalHostsLayer.d.ts.map +1 -1
  30. package/lib/typescript/contexts/overlayContext/MessageOverlayHostLayer.d.ts +9 -1
  31. package/lib/typescript/contexts/overlayContext/MessageOverlayHostLayer.d.ts.map +1 -1
  32. package/lib/typescript/contexts/overlayContext/OverlayHostLayerContext.d.ts +8 -0
  33. package/lib/typescript/contexts/overlayContext/OverlayHostLayerContext.d.ts.map +1 -0
  34. package/lib/typescript/contexts/overlayContext/OverlayProvider.d.ts.map +1 -1
  35. package/lib/typescript/state-store/message-overlay-store.d.ts +16 -0
  36. package/lib/typescript/state-store/message-overlay-store.d.ts.map +1 -1
  37. package/package.json +14 -14
  38. package/src/components/MessageInput/__tests__/__snapshots__/AttachButton.test.tsx.snap +1809 -1704
  39. package/src/components/MessageInput/__tests__/__snapshots__/SendButton.test.tsx.snap +1208 -1138
  40. package/src/components/MessageList/__tests__/__snapshots__/ScrollToBottomButton.test.tsx.snap +128 -121
  41. package/src/components/Thread/__tests__/__snapshots__/Thread.test.tsx.snap +722 -680
  42. package/src/components/UIComponents/PortalWhileClosingView.tsx +15 -4
  43. package/src/components/UIComponents/__tests__/PortalWhileClosingView.test.tsx +38 -0
  44. package/src/contexts/overlayContext/ClosingPortalHostsLayer.tsx +18 -2
  45. package/src/contexts/overlayContext/MessageOverlayHostLayer.tsx +47 -16
  46. package/src/contexts/overlayContext/OverlayHostLayerContext.ts +9 -0
  47. package/src/contexts/overlayContext/OverlayProvider.tsx +12 -7
  48. package/src/contexts/overlayContext/__tests__/ClosingPortalHostsLayer.test.tsx +27 -0
  49. package/src/contexts/overlayContext/__tests__/MessageOverlayHostLayer.test.tsx +84 -6
  50. package/src/state-store/__tests__/message-overlay-store.test.tsx +97 -0
  51. package/src/state-store/message-overlay-store.ts +70 -11
  52. package/src/version.json +1 -1
package/src/components/MessageInput/__tests__/__snapshots__/SendButton.test.tsx.snap CHANGED
@@ -35,142 +35,149 @@ exports[`SendButton should render a SendButton 1`] = `
35
35
  ]
36
36
  }
37
37
  >
38
- <View
39
- handlerTags={
40
- [
41
- 3,
42
- 2,
43
- 1,
44
- ]
45
- }
46
- onGestureHandlerEvent={[Function]}
47
- onGestureHandlerReanimatedEvent={[Function]}
48
- onGestureHandlerStateChange={[Function]}
49
- onGestureHandlerTouchEvent={[Function]}
50
- onStartShouldSetResponder={[Function]}
51
- pointerEvents="box-none"
52
- style={
38
+ <RNGestureHandlerButton
39
+ accessibilityRole="button"
40
+ accessibilityState={
53
41
  {
54
- "display": "contents",
42
+ "disabled": false,
43
+ "selected": false,
55
44
  }
56
45
  }
57
- >
58
- <RNGestureHandlerButton
59
- accessibilityRole="button"
60
- accessibilityState={
61
- {
62
- "disabled": false,
63
- "selected": false,
64
- }
46
+ accessible={true}
47
+ activeUnderlayOpacity={0.105}
48
+ cancelOnLeave={true}
49
+ defaultOpacity={1}
50
+ defaultUnderlayOpacity={0}
51
+ enabled={true}
52
+ gestureHitSlop={
53
+ {
54
+ "bottom": 0,
55
+ "left": 0,
56
+ "right": 0,
57
+ "top": 0,
65
58
  }
66
- accessible={true}
67
- enabled={true}
68
- hitSlop={
69
- {
70
- "bottom": 0,
71
- "left": 0,
72
- "right": 0,
73
- "top": 0,
74
- }
59
+ }
60
+ gestureTestID="send-button"
61
+ handlerTag={1}
62
+ hasLongPressHandler={false}
63
+ hitSlop={
64
+ {
65
+ "bottom": 0,
66
+ "left": 0,
67
+ "right": 0,
68
+ "top": 0,
75
69
  }
76
- onLayout={[Function]}
77
- rippleColor="transparent"
70
+ }
71
+ hoverAnimationInDuration={50}
72
+ hoverAnimationOutDuration={100}
73
+ longPressAnimationOutDuration={100}
74
+ longPressDuration={500}
75
+ onButtonInteractionFinished={[Function]}
76
+ onButtonLongPress={[Function]}
77
+ onButtonPress={[Function]}
78
+ onButtonPressIn={[Function]}
79
+ onButtonPressOut={[Function]}
80
+ onLayout={[Function]}
81
+ onStartShouldSetResponderCapture={[Function]}
82
+ rippleColor="transparent"
83
+ style={
84
+ [
85
+ {},
86
+ [
87
+ {
88
+ "backgroundColor": "transparent",
89
+ "paddingHorizontal": 0,
90
+ },
91
+ {
92
+ "alignItems": "center",
93
+ "borderRadius": 9999,
94
+ "flex": 1,
95
+ "flexDirection": "row",
96
+ "gap": 8,
97
+ "justifyContent": "center",
98
+ },
99
+ ],
100
+ ]
101
+ }
102
+ tapAnimationInDuration={50}
103
+ tapAnimationOutDuration={100}
104
+ testID="send-button"
105
+ testOnly_onPress={[Function]}
106
+ underlayColor="transparent"
107
+ >
108
+ <RNSVGSvgView
109
+ align="xMidYMid"
110
+ bbHeight={20}
111
+ bbWidth={20}
112
+ fill="none"
113
+ focusable={false}
114
+ height={20}
115
+ meetOrSlice={0}
116
+ minX={0}
117
+ minY={0}
118
+ strokeWidth={1.5}
78
119
  style={
79
120
  [
80
- {},
81
- [
82
- {
83
- "backgroundColor": "transparent",
84
- "paddingHorizontal": 0,
85
- },
86
- {
87
- "alignItems": "center",
88
- "borderRadius": 9999,
89
- "flex": 1,
90
- "flexDirection": "row",
91
- "gap": 8,
92
- "justifyContent": "center",
93
- },
94
- ],
121
+ {
122
+ "backgroundColor": "transparent",
123
+ "borderWidth": 0,
124
+ },
125
+ {
126
+ "flex": 0,
127
+ "height": 20,
128
+ "width": 20,
129
+ },
95
130
  ]
96
131
  }
97
- testID="send-button"
98
- testOnly_onPress={[Function]}
132
+ testID="send-right"
133
+ vbHeight={20}
134
+ vbWidth={20}
135
+ width={20}
99
136
  >
100
- <RNSVGSvgView
101
- align="xMidYMid"
102
- bbHeight={20}
103
- bbWidth={20}
104
- fill="none"
105
- focusable={false}
106
- height={20}
107
- meetOrSlice={0}
108
- minX={0}
109
- minY={0}
110
- strokeWidth={1.5}
111
- style={
137
+ <RNSVGGroup
138
+ fill={null}
139
+ propList={
112
140
  [
113
- {
114
- "backgroundColor": "transparent",
115
- "borderWidth": 0,
116
- },
117
- {
118
- "flex": 0,
119
- "height": 20,
120
- "width": 20,
121
- },
141
+ "fill",
142
+ "strokeWidth",
122
143
  ]
123
144
  }
124
- testID="send-right"
125
- vbHeight={20}
126
- vbWidth={20}
127
- width={20}
145
+ strokeWidth={1.5}
128
146
  >
129
147
  <RNSVGGroup
130
- fill={null}
131
- propList={
132
- [
133
- "fill",
134
- "strokeWidth",
135
- ]
148
+ fill={
149
+ {
150
+ "payload": 4278190080,
151
+ "type": 0,
152
+ }
136
153
  }
137
- strokeWidth={1.5}
138
154
  >
139
- <RNSVGGroup
140
- fill={
155
+ <RNSVGPath
156
+ 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"
157
+ fill={null}
158
+ propList={
159
+ [
160
+ "fill",
161
+ "stroke",
162
+ "strokeWidth",
163
+ "strokeLinecap",
164
+ "strokeLinejoin",
165
+ ]
166
+ }
167
+ stroke={
141
168
  {
142
- "payload": 4278190080,
169
+ "payload": 4294967295,
143
170
  "type": 0,
144
171
  }
145
172
  }
146
- >
147
- <RNSVGPath
148
- 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"
149
- fill={null}
150
- propList={
151
- [
152
- "fill",
153
- "stroke",
154
- "strokeWidth",
155
- "strokeLinecap",
156
- "strokeLinejoin",
157
- ]
158
- }
159
- stroke={
160
- {
161
- "payload": 4294967295,
162
- "type": 0,
163
- }
164
- }
165
- strokeLinecap={1}
166
- strokeLinejoin={1}
167
- strokeWidth={1.5}
168
- />
169
- </RNSVGGroup>
173
+ strokeLinecap={1}
174
+ strokeLinejoin={1}
175
+ strokeWidth={1.5}
176
+ />
170
177
  </RNSVGGroup>
171
- </RNSVGSvgView>
172
- </RNGestureHandlerButton>
173
- </View>
178
+ </RNSVGGroup>
179
+ </RNSVGSvgView>
180
+ </RNGestureHandlerButton>
174
181
  </View>
175
182
  </View>
176
183
  <View>
@@ -208,136 +215,143 @@ exports[`SendButton should render a SendButton 1`] = `
208
215
  ]
209
216
  }
210
217
  >
211
- <View
212
- handlerTags={
213
- [
214
- 6,
215
- 5,
216
- 4,
217
- ]
218
- }
219
- onGestureHandlerEvent={[Function]}
220
- onGestureHandlerReanimatedEvent={[Function]}
221
- onGestureHandlerStateChange={[Function]}
222
- onGestureHandlerTouchEvent={[Function]}
223
- onStartShouldSetResponder={[Function]}
224
- pointerEvents="box-none"
225
- style={
218
+ <RNGestureHandlerButton
219
+ accessibilityRole="button"
220
+ accessibilityState={
226
221
  {
227
- "display": "contents",
222
+ "disabled": false,
223
+ "selected": false,
228
224
  }
229
225
  }
230
- >
231
- <RNGestureHandlerButton
232
- accessibilityRole="button"
233
- accessibilityState={
234
- {
235
- "disabled": false,
236
- "selected": false,
237
- }
226
+ accessible={true}
227
+ activeUnderlayOpacity={0.105}
228
+ cancelOnLeave={true}
229
+ defaultOpacity={1}
230
+ defaultUnderlayOpacity={0}
231
+ enabled={true}
232
+ gestureHitSlop={
233
+ {
234
+ "bottom": 15,
235
+ "left": 0,
236
+ "right": 0,
237
+ "top": 15,
238
238
  }
239
- accessible={true}
240
- enabled={true}
241
- hitSlop={
242
- {
243
- "bottom": 15,
244
- "left": 0,
245
- "right": 0,
246
- "top": 15,
247
- }
239
+ }
240
+ gestureTestID="upload-photo-touchable"
241
+ handlerTag={2}
242
+ hasLongPressHandler={false}
243
+ hitSlop={
244
+ {
245
+ "bottom": 15,
246
+ "left": 0,
247
+ "right": 0,
248
+ "top": 15,
248
249
  }
249
- onLayout={[Function]}
250
- rippleColor="transparent"
250
+ }
251
+ hoverAnimationInDuration={50}
252
+ hoverAnimationOutDuration={100}
253
+ longPressAnimationOutDuration={100}
254
+ longPressDuration={500}
255
+ onButtonInteractionFinished={[Function]}
256
+ onButtonLongPress={[Function]}
257
+ onButtonPress={[Function]}
258
+ onButtonPressIn={[Function]}
259
+ onButtonPressOut={[Function]}
260
+ onLayout={[Function]}
261
+ onStartShouldSetResponderCapture={[Function]}
262
+ rippleColor="transparent"
263
+ style={
264
+ [
265
+ {},
266
+ [
267
+ {
268
+ "backgroundColor": "transparent",
269
+ "paddingHorizontal": 0,
270
+ },
271
+ {
272
+ "alignItems": "center",
273
+ "borderRadius": 9999,
274
+ "flex": 1,
275
+ "flexDirection": "row",
276
+ "gap": 8,
277
+ "justifyContent": "center",
278
+ },
279
+ ],
280
+ ]
281
+ }
282
+ tapAnimationInDuration={50}
283
+ tapAnimationOutDuration={100}
284
+ testID="upload-photo-touchable"
285
+ testOnly_onPress={[Function]}
286
+ underlayColor="transparent"
287
+ >
288
+ <RNSVGSvgView
289
+ align="xMidYMid"
290
+ bbHeight={20}
291
+ bbWidth={20}
292
+ fill="none"
293
+ focusable={false}
294
+ height={20}
295
+ meetOrSlice={0}
296
+ minX={0}
297
+ minY={0}
298
+ strokeWidth={1.5}
251
299
  style={
252
300
  [
253
- {},
254
- [
255
- {
256
- "backgroundColor": "transparent",
257
- "paddingHorizontal": 0,
258
- },
259
- {
260
- "alignItems": "center",
261
- "borderRadius": 9999,
262
- "flex": 1,
263
- "flexDirection": "row",
264
- "gap": 8,
265
- "justifyContent": "center",
266
- },
267
- ],
301
+ {
302
+ "backgroundColor": "transparent",
303
+ "borderWidth": 0,
304
+ },
305
+ {
306
+ "flex": 0,
307
+ "height": 20,
308
+ "width": 20,
309
+ },
268
310
  ]
269
311
  }
270
- testID="upload-photo-touchable"
271
- testOnly_onPress={[Function]}
312
+ vbHeight={20}
313
+ vbWidth={20}
314
+ width={20}
272
315
  >
273
- <RNSVGSvgView
274
- align="xMidYMid"
275
- bbHeight={20}
276
- bbWidth={20}
277
- fill="none"
278
- focusable={false}
279
- height={20}
280
- meetOrSlice={0}
281
- minX={0}
282
- minY={0}
283
- strokeWidth={1.5}
284
- style={
316
+ <RNSVGGroup
317
+ fill={null}
318
+ propList={
285
319
  [
286
- {
287
- "backgroundColor": "transparent",
288
- "borderWidth": 0,
289
- },
290
- {
291
- "flex": 0,
292
- "height": 20,
293
- "width": 20,
294
- },
320
+ "fill",
321
+ "strokeWidth",
295
322
  ]
296
323
  }
297
- vbHeight={20}
298
- vbWidth={20}
299
- width={20}
324
+ strokeWidth={1.5}
300
325
  >
301
- <RNSVGGroup
302
- fill={null}
326
+ <RNSVGPath
327
+ 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"
328
+ fill={
329
+ {
330
+ "payload": 4278190080,
331
+ "type": 0,
332
+ }
333
+ }
303
334
  propList={
304
335
  [
305
- "fill",
336
+ "stroke",
306
337
  "strokeWidth",
338
+ "strokeLinecap",
339
+ "strokeLinejoin",
307
340
  ]
308
341
  }
309
- strokeWidth={1.5}
310
- >
311
- <RNSVGPath
312
- 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"
313
- fill={
314
- {
315
- "payload": 4278190080,
316
- "type": 0,
317
- }
318
- }
319
- propList={
320
- [
321
- "stroke",
322
- "strokeWidth",
323
- "strokeLinecap",
324
- "strokeLinejoin",
325
- ]
326
- }
327
- stroke={
328
- {
329
- "payload": 4279900965,
330
- "type": 0,
331
- }
342
+ stroke={
343
+ {
344
+ "payload": 4279900965,
345
+ "type": 0,
332
346
  }
333
- strokeLinecap={1}
334
- strokeLinejoin={1}
335
- strokeWidth={1.5}
336
- />
337
- </RNSVGGroup>
338
- </RNSVGSvgView>
339
- </RNGestureHandlerButton>
340
- </View>
347
+ }
348
+ strokeLinecap={1}
349
+ strokeLinejoin={1}
350
+ strokeWidth={1.5}
351
+ />
352
+ </RNSVGGroup>
353
+ </RNSVGSvgView>
354
+ </RNGestureHandlerButton>
341
355
  </View>
342
356
  <View
343
357
  style={
@@ -356,106 +370,137 @@ exports[`SendButton should render a SendButton 1`] = `
356
370
  ]
357
371
  }
358
372
  >
359
- <View
360
- handlerTags={
361
- [
362
- 9,
363
- 8,
364
- 7,
365
- ]
366
- }
367
- onGestureHandlerEvent={[Function]}
368
- onGestureHandlerReanimatedEvent={[Function]}
369
- onGestureHandlerStateChange={[Function]}
370
- onGestureHandlerTouchEvent={[Function]}
371
- onStartShouldSetResponder={[Function]}
372
- pointerEvents="box-none"
373
- style={
373
+ <RNGestureHandlerButton
374
+ accessibilityRole="button"
375
+ accessibilityState={
374
376
  {
375
- "display": "contents",
377
+ "disabled": false,
378
+ "selected": false,
376
379
  }
377
380
  }
378
- >
379
- <RNGestureHandlerButton
380
- accessibilityRole="button"
381
- accessibilityState={
382
- {
383
- "disabled": false,
384
- "selected": false,
385
- }
381
+ accessible={true}
382
+ activeUnderlayOpacity={0.105}
383
+ cancelOnLeave={true}
384
+ defaultOpacity={1}
385
+ defaultUnderlayOpacity={0}
386
+ enabled={true}
387
+ gestureHitSlop={
388
+ {
389
+ "bottom": 15,
390
+ "left": 0,
391
+ "right": 0,
392
+ "top": 15,
386
393
  }
387
- accessible={true}
388
- enabled={true}
389
- hitSlop={
390
- {
391
- "bottom": 15,
392
- "left": 0,
393
- "right": 0,
394
- "top": 15,
395
- }
394
+ }
395
+ gestureTestID="take-photo-touchable"
396
+ handlerTag={3}
397
+ hasLongPressHandler={false}
398
+ hitSlop={
399
+ {
400
+ "bottom": 15,
401
+ "left": 0,
402
+ "right": 0,
403
+ "top": 15,
396
404
  }
397
- onLayout={[Function]}
398
- rippleColor="transparent"
405
+ }
406
+ hoverAnimationInDuration={50}
407
+ hoverAnimationOutDuration={100}
408
+ longPressAnimationOutDuration={100}
409
+ longPressDuration={500}
410
+ onButtonInteractionFinished={[Function]}
411
+ onButtonLongPress={[Function]}
412
+ onButtonPress={[Function]}
413
+ onButtonPressIn={[Function]}
414
+ onButtonPressOut={[Function]}
415
+ onLayout={[Function]}
416
+ onStartShouldSetResponderCapture={[Function]}
417
+ rippleColor="transparent"
418
+ style={
419
+ [
420
+ {},
421
+ [
422
+ {
423
+ "backgroundColor": "transparent",
424
+ "paddingHorizontal": 0,
425
+ },
426
+ {
427
+ "alignItems": "center",
428
+ "borderRadius": 9999,
429
+ "flex": 1,
430
+ "flexDirection": "row",
431
+ "gap": 8,
432
+ "justifyContent": "center",
433
+ },
434
+ ],
435
+ ]
436
+ }
437
+ tapAnimationInDuration={50}
438
+ tapAnimationOutDuration={100}
439
+ testID="take-photo-touchable"
440
+ testOnly_onPress={[Function]}
441
+ underlayColor="transparent"
442
+ >
443
+ <RNSVGSvgView
444
+ align="xMidYMid"
445
+ bbHeight={20}
446
+ bbWidth={20}
447
+ fill="none"
448
+ focusable={false}
449
+ height={20}
450
+ meetOrSlice={0}
451
+ minX={0}
452
+ minY={0}
453
+ stroke="#1a1b25"
454
+ strokeLinejoin="round"
455
+ strokeWidth={1.5}
399
456
  style={
400
457
  [
401
- {},
402
- [
403
- {
404
- "backgroundColor": "transparent",
405
- "paddingHorizontal": 0,
406
- },
407
- {
408
- "alignItems": "center",
409
- "borderRadius": 9999,
410
- "flex": 1,
411
- "flexDirection": "row",
412
- "gap": 8,
413
- "justifyContent": "center",
414
- },
415
- ],
458
+ {
459
+ "backgroundColor": "transparent",
460
+ "borderWidth": 0,
461
+ },
462
+ {
463
+ "flex": 0,
464
+ "height": 20,
465
+ "width": 20,
466
+ },
416
467
  ]
417
468
  }
418
- testID="take-photo-touchable"
419
- testOnly_onPress={[Function]}
469
+ vbHeight={20}
470
+ vbWidth={20}
471
+ width={20}
420
472
  >
421
- <RNSVGSvgView
422
- align="xMidYMid"
423
- bbHeight={20}
424
- bbWidth={20}
425
- fill="none"
426
- focusable={false}
427
- height={20}
428
- meetOrSlice={0}
429
- minX={0}
430
- minY={0}
431
- stroke="#1a1b25"
432
- strokeLinejoin="round"
433
- strokeWidth={1.5}
434
- style={
473
+ <RNSVGGroup
474
+ fill={null}
475
+ propList={
435
476
  [
436
- {
437
- "backgroundColor": "transparent",
438
- "borderWidth": 0,
439
- },
440
- {
441
- "flex": 0,
442
- "height": 20,
443
- "width": 20,
444
- },
477
+ "fill",
478
+ "stroke",
479
+ "strokeWidth",
480
+ "strokeLinejoin",
445
481
  ]
446
482
  }
447
- vbHeight={20}
448
- vbWidth={20}
449
- width={20}
483
+ stroke={
484
+ {
485
+ "payload": 4279900965,
486
+ "type": 0,
487
+ }
488
+ }
489
+ strokeLinejoin={1}
490
+ strokeWidth={1.5}
450
491
  >
451
- <RNSVGGroup
452
- fill={null}
492
+ <RNSVGPath
493
+ 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"
494
+ fill={
495
+ {
496
+ "payload": 4278190080,
497
+ "type": 0,
498
+ }
499
+ }
453
500
  propList={
454
501
  [
455
- "fill",
456
502
  "stroke",
457
503
  "strokeWidth",
458
- "strokeLinejoin",
459
504
  ]
460
505
  }
461
506
  stroke={
@@ -464,57 +509,33 @@ exports[`SendButton should render a SendButton 1`] = `
464
509
  "type": 0,
465
510
  }
466
511
  }
467
- strokeLinejoin={1}
468
512
  strokeWidth={1.5}
469
- >
470
- <RNSVGPath
471
- 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"
472
- fill={
473
- {
474
- "payload": 4278190080,
475
- "type": 0,
476
- }
477
- }
478
- propList={
479
- [
480
- "stroke",
481
- "strokeWidth",
482
- ]
483
- }
484
- stroke={
485
- {
486
- "payload": 4279900965,
487
- "type": 0,
488
- }
489
- }
490
- strokeWidth={1.5}
491
- />
492
- <RNSVGPath
493
- 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"
494
- fill={
495
- {
496
- "payload": 4278190080,
497
- "type": 0,
498
- }
499
- }
500
- propList={
501
- [
502
- "stroke",
503
- "strokeWidth",
504
- ]
513
+ />
514
+ <RNSVGPath
515
+ 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"
516
+ fill={
517
+ {
518
+ "payload": 4278190080,
519
+ "type": 0,
505
520
  }
506
- stroke={
507
- {
508
- "payload": 4279900965,
509
- "type": 0,
510
- }
521
+ }
522
+ propList={
523
+ [
524
+ "stroke",
525
+ "strokeWidth",
526
+ ]
527
+ }
528
+ stroke={
529
+ {
530
+ "payload": 4279900965,
531
+ "type": 0,
511
532
  }
512
- strokeWidth={1.5}
513
- />
514
- </RNSVGGroup>
515
- </RNSVGSvgView>
516
- </RNGestureHandlerButton>
517
- </View>
533
+ }
534
+ strokeWidth={1.5}
535
+ />
536
+ </RNSVGGroup>
537
+ </RNSVGSvgView>
538
+ </RNGestureHandlerButton>
518
539
  </View>
519
540
  <View
520
541
  style={
@@ -533,132 +554,139 @@ exports[`SendButton should render a SendButton 1`] = `
533
554
  ]
534
555
  }
535
556
  >
536
- <View
537
- handlerTags={
538
- [
539
- 12,
540
- 11,
541
- 10,
542
- ]
543
- }
544
- onGestureHandlerEvent={[Function]}
545
- onGestureHandlerReanimatedEvent={[Function]}
546
- onGestureHandlerStateChange={[Function]}
547
- onGestureHandlerTouchEvent={[Function]}
548
- onStartShouldSetResponder={[Function]}
549
- pointerEvents="box-none"
550
- style={
557
+ <RNGestureHandlerButton
558
+ accessibilityRole="button"
559
+ accessibilityState={
551
560
  {
552
- "display": "contents",
561
+ "disabled": false,
562
+ "selected": false,
553
563
  }
554
564
  }
555
- >
556
- <RNGestureHandlerButton
557
- accessibilityRole="button"
558
- accessibilityState={
559
- {
560
- "disabled": false,
561
- "selected": false,
562
- }
565
+ accessible={true}
566
+ activeUnderlayOpacity={0.105}
567
+ cancelOnLeave={true}
568
+ defaultOpacity={1}
569
+ defaultUnderlayOpacity={0}
570
+ enabled={true}
571
+ gestureHitSlop={
572
+ {
573
+ "bottom": 15,
574
+ "left": 0,
575
+ "right": 0,
576
+ "top": 15,
563
577
  }
564
- accessible={true}
565
- enabled={true}
566
- hitSlop={
567
- {
568
- "bottom": 15,
569
- "left": 0,
570
- "right": 0,
571
- "top": 15,
572
- }
578
+ }
579
+ gestureTestID="upload-file-touchable"
580
+ handlerTag={4}
581
+ hasLongPressHandler={false}
582
+ hitSlop={
583
+ {
584
+ "bottom": 15,
585
+ "left": 0,
586
+ "right": 0,
587
+ "top": 15,
573
588
  }
574
- onLayout={[Function]}
575
- rippleColor="transparent"
589
+ }
590
+ hoverAnimationInDuration={50}
591
+ hoverAnimationOutDuration={100}
592
+ longPressAnimationOutDuration={100}
593
+ longPressDuration={500}
594
+ onButtonInteractionFinished={[Function]}
595
+ onButtonLongPress={[Function]}
596
+ onButtonPress={[Function]}
597
+ onButtonPressIn={[Function]}
598
+ onButtonPressOut={[Function]}
599
+ onLayout={[Function]}
600
+ onStartShouldSetResponderCapture={[Function]}
601
+ rippleColor="transparent"
602
+ style={
603
+ [
604
+ {},
605
+ [
606
+ {
607
+ "backgroundColor": "transparent",
608
+ "paddingHorizontal": 0,
609
+ },
610
+ {
611
+ "alignItems": "center",
612
+ "borderRadius": 9999,
613
+ "flex": 1,
614
+ "flexDirection": "row",
615
+ "gap": 8,
616
+ "justifyContent": "center",
617
+ },
618
+ ],
619
+ ]
620
+ }
621
+ tapAnimationInDuration={50}
622
+ tapAnimationOutDuration={100}
623
+ testID="upload-file-touchable"
624
+ testOnly_onPress={[Function]}
625
+ underlayColor="transparent"
626
+ >
627
+ <RNSVGSvgView
628
+ align="xMidYMid"
629
+ bbHeight={20}
630
+ bbWidth={20}
631
+ fill="none"
632
+ focusable={false}
633
+ height={20}
634
+ meetOrSlice={0}
635
+ minX={0}
636
+ minY={0}
637
+ strokeWidth={1.5}
576
638
  style={
577
639
  [
578
- {},
579
- [
580
- {
581
- "backgroundColor": "transparent",
582
- "paddingHorizontal": 0,
583
- },
584
- {
585
- "alignItems": "center",
586
- "borderRadius": 9999,
587
- "flex": 1,
588
- "flexDirection": "row",
589
- "gap": 8,
590
- "justifyContent": "center",
591
- },
592
- ],
640
+ {
641
+ "backgroundColor": "transparent",
642
+ "borderWidth": 0,
643
+ },
644
+ {
645
+ "flex": 0,
646
+ "height": 20,
647
+ "width": 20,
648
+ },
593
649
  ]
594
650
  }
595
- testID="upload-file-touchable"
596
- testOnly_onPress={[Function]}
651
+ vbHeight={20}
652
+ vbWidth={20}
653
+ width={20}
597
654
  >
598
- <RNSVGSvgView
599
- align="xMidYMid"
600
- bbHeight={20}
601
- bbWidth={20}
602
- fill="none"
603
- focusable={false}
604
- height={20}
605
- meetOrSlice={0}
606
- minX={0}
607
- minY={0}
608
- strokeWidth={1.5}
609
- style={
655
+ <RNSVGGroup
656
+ fill={null}
657
+ propList={
610
658
  [
611
- {
612
- "backgroundColor": "transparent",
613
- "borderWidth": 0,
614
- },
615
- {
616
- "flex": 0,
617
- "height": 20,
618
- "width": 20,
619
- },
659
+ "fill",
660
+ "strokeWidth",
620
661
  ]
621
662
  }
622
- vbHeight={20}
623
- vbWidth={20}
624
- width={20}
663
+ strokeWidth={1.5}
625
664
  >
626
- <RNSVGGroup
665
+ <RNSVGPath
666
+ 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"
627
667
  fill={null}
628
668
  propList={
629
669
  [
630
670
  "fill",
671
+ "stroke",
631
672
  "strokeWidth",
673
+ "strokeLinecap",
674
+ "strokeLinejoin",
632
675
  ]
633
676
  }
634
- strokeWidth={1.5}
635
- >
636
- <RNSVGPath
637
- 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"
638
- fill={null}
639
- propList={
640
- [
641
- "fill",
642
- "stroke",
643
- "strokeWidth",
644
- "strokeLinecap",
645
- "strokeLinejoin",
646
- ]
647
- }
648
- stroke={
649
- {
650
- "payload": 4279900965,
651
- "type": 0,
652
- }
677
+ stroke={
678
+ {
679
+ "payload": 4279900965,
680
+ "type": 0,
653
681
  }
654
- strokeLinecap={1}
655
- strokeLinejoin={1}
656
- strokeWidth={1.5}
657
- />
658
- </RNSVGGroup>
659
- </RNSVGSvgView>
660
- </RNGestureHandlerButton>
661
- </View>
682
+ }
683
+ strokeLinecap={1}
684
+ strokeLinejoin={1}
685
+ strokeWidth={1.5}
686
+ />
687
+ </RNSVGGroup>
688
+ </RNSVGSvgView>
689
+ </RNGestureHandlerButton>
662
690
  </View>
663
691
  <View
664
692
  style={
@@ -677,104 +705,136 @@ exports[`SendButton should render a SendButton 1`] = `
677
705
  ]
678
706
  }
679
707
  >
680
- <View
681
- handlerTags={
682
- [
683
- 15,
684
- 14,
685
- 13,
686
- ]
687
- }
688
- onGestureHandlerEvent={[Function]}
689
- onGestureHandlerReanimatedEvent={[Function]}
690
- onGestureHandlerStateChange={[Function]}
691
- onGestureHandlerTouchEvent={[Function]}
692
- onStartShouldSetResponder={[Function]}
693
- pointerEvents="box-none"
694
- style={
708
+ <RNGestureHandlerButton
709
+ accessibilityRole="button"
710
+ accessibilityState={
695
711
  {
696
- "display": "contents",
712
+ "disabled": false,
713
+ "selected": false,
697
714
  }
698
715
  }
699
- >
700
- <RNGestureHandlerButton
701
- accessibilityRole="button"
702
- accessibilityState={
703
- {
704
- "disabled": false,
705
- "selected": false,
706
- }
716
+ accessible={true}
717
+ activeUnderlayOpacity={0.105}
718
+ cancelOnLeave={true}
719
+ defaultOpacity={1}
720
+ defaultUnderlayOpacity={0}
721
+ enabled={true}
722
+ gestureHitSlop={
723
+ {
724
+ "bottom": 15,
725
+ "left": 0,
726
+ "right": 0,
727
+ "top": 15,
707
728
  }
708
- accessible={true}
709
- enabled={true}
710
- hitSlop={
711
- {
712
- "bottom": 15,
713
- "left": 0,
714
- "right": 0,
715
- "top": 15,
716
- }
729
+ }
730
+ gestureTestID="commands-touchable"
731
+ handlerTag={5}
732
+ hasLongPressHandler={false}
733
+ hitSlop={
734
+ {
735
+ "bottom": 15,
736
+ "left": 0,
737
+ "right": 0,
738
+ "top": 15,
717
739
  }
718
- onLayout={[Function]}
719
- rippleColor="transparent"
740
+ }
741
+ hoverAnimationInDuration={50}
742
+ hoverAnimationOutDuration={100}
743
+ longPressAnimationOutDuration={100}
744
+ longPressDuration={500}
745
+ onButtonInteractionFinished={[Function]}
746
+ onButtonLongPress={[Function]}
747
+ onButtonPress={[Function]}
748
+ onButtonPressIn={[Function]}
749
+ onButtonPressOut={[Function]}
750
+ onLayout={[Function]}
751
+ onStartShouldSetResponderCapture={[Function]}
752
+ rippleColor="transparent"
753
+ style={
754
+ [
755
+ {},
756
+ [
757
+ {
758
+ "backgroundColor": "transparent",
759
+ "paddingHorizontal": 0,
760
+ },
761
+ {
762
+ "alignItems": "center",
763
+ "borderRadius": 9999,
764
+ "flex": 1,
765
+ "flexDirection": "row",
766
+ "gap": 8,
767
+ "justifyContent": "center",
768
+ },
769
+ ],
770
+ ]
771
+ }
772
+ tapAnimationInDuration={50}
773
+ tapAnimationOutDuration={100}
774
+ testID="commands-touchable"
775
+ testOnly_onPress={[Function]}
776
+ underlayColor="transparent"
777
+ >
778
+ <RNSVGSvgView
779
+ align="xMidYMid"
780
+ bbHeight={20}
781
+ bbWidth={20}
782
+ fill="none"
783
+ focusable={false}
784
+ height={20}
785
+ meetOrSlice={0}
786
+ minX={0}
787
+ minY={0}
788
+ stroke="#1a1b25"
789
+ strokeWidth={1.5}
720
790
  style={
721
791
  [
722
- {},
723
- [
724
- {
725
- "backgroundColor": "transparent",
726
- "paddingHorizontal": 0,
727
- },
728
- {
729
- "alignItems": "center",
730
- "borderRadius": 9999,
731
- "flex": 1,
732
- "flexDirection": "row",
733
- "gap": 8,
734
- "justifyContent": "center",
735
- },
736
- ],
792
+ {
793
+ "backgroundColor": "transparent",
794
+ "borderWidth": 0,
795
+ },
796
+ {
797
+ "flex": 0,
798
+ "height": 20,
799
+ "width": 20,
800
+ },
737
801
  ]
738
802
  }
739
- testID="commands-touchable"
740
- testOnly_onPress={[Function]}
803
+ vbHeight={20}
804
+ vbWidth={20}
805
+ width={20}
741
806
  >
742
- <RNSVGSvgView
743
- align="xMidYMid"
744
- bbHeight={20}
745
- bbWidth={20}
746
- fill="none"
747
- focusable={false}
748
- height={20}
749
- meetOrSlice={0}
750
- minX={0}
751
- minY={0}
752
- stroke="#1a1b25"
753
- strokeWidth={1.5}
754
- style={
807
+ <RNSVGGroup
808
+ fill={null}
809
+ propList={
755
810
  [
756
- {
757
- "backgroundColor": "transparent",
758
- "borderWidth": 0,
759
- },
760
- {
761
- "flex": 0,
762
- "height": 20,
763
- "width": 20,
764
- },
811
+ "fill",
812
+ "stroke",
813
+ "strokeWidth",
765
814
  ]
766
815
  }
767
- vbHeight={20}
768
- vbWidth={20}
769
- width={20}
816
+ stroke={
817
+ {
818
+ "payload": 4279900965,
819
+ "type": 0,
820
+ }
821
+ }
822
+ strokeWidth={1.5}
770
823
  >
771
- <RNSVGGroup
772
- fill={null}
824
+ <RNSVGPath
825
+ 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"
826
+ fill={
827
+ {
828
+ "payload": 4278190080,
829
+ "type": 0,
830
+ }
831
+ }
773
832
  propList={
774
833
  [
775
- "fill",
776
834
  "stroke",
777
835
  "strokeWidth",
836
+ "strokeLinecap",
837
+ "strokeLinejoin",
778
838
  ]
779
839
  }
780
840
  stroke={
@@ -783,38 +843,13 @@ exports[`SendButton should render a SendButton 1`] = `
783
843
  "type": 0,
784
844
  }
785
845
  }
846
+ strokeLinecap={1}
847
+ strokeLinejoin={1}
786
848
  strokeWidth={1.5}
787
- >
788
- <RNSVGPath
789
- 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"
790
- fill={
791
- {
792
- "payload": 4278190080,
793
- "type": 0,
794
- }
795
- }
796
- propList={
797
- [
798
- "stroke",
799
- "strokeWidth",
800
- "strokeLinecap",
801
- "strokeLinejoin",
802
- ]
803
- }
804
- stroke={
805
- {
806
- "payload": 4279900965,
807
- "type": 0,
808
- }
809
- }
810
- strokeLinecap={1}
811
- strokeLinejoin={1}
812
- strokeWidth={1.5}
813
- />
814
- </RNSVGGroup>
815
- </RNSVGSvgView>
816
- </RNGestureHandlerButton>
817
- </View>
849
+ />
850
+ </RNSVGGroup>
851
+ </RNSVGSvgView>
852
+ </RNGestureHandlerButton>
818
853
  </View>
819
854
  </View>
820
855
  </View>
@@ -954,142 +989,149 @@ exports[`SendButton should render a disabled SendButton 1`] = `
954
989
  ]
955
990
  }
956
991
  >
957
- <View
958
- handlerTags={
959
- [
960
- 20,
961
- 19,
962
- 18,
963
- ]
964
- }
965
- onGestureHandlerEvent={[Function]}
966
- onGestureHandlerReanimatedEvent={[Function]}
967
- onGestureHandlerStateChange={[Function]}
968
- onGestureHandlerTouchEvent={[Function]}
969
- onStartShouldSetResponder={[Function]}
970
- pointerEvents="box-none"
971
- style={
992
+ <RNGestureHandlerButton
993
+ accessibilityRole="button"
994
+ accessibilityState={
972
995
  {
973
- "display": "contents",
996
+ "disabled": true,
997
+ "selected": false,
974
998
  }
975
999
  }
976
- >
977
- <RNGestureHandlerButton
978
- accessibilityRole="button"
979
- accessibilityState={
980
- {
981
- "disabled": true,
982
- "selected": false,
983
- }
1000
+ accessible={true}
1001
+ activeUnderlayOpacity={0.105}
1002
+ cancelOnLeave={true}
1003
+ defaultOpacity={1}
1004
+ defaultUnderlayOpacity={0}
1005
+ enabled={false}
1006
+ gestureHitSlop={
1007
+ {
1008
+ "bottom": 0,
1009
+ "left": 0,
1010
+ "right": 0,
1011
+ "top": 0,
984
1012
  }
985
- accessible={true}
986
- enabled={false}
987
- hitSlop={
988
- {
989
- "bottom": 0,
990
- "left": 0,
991
- "right": 0,
992
- "top": 0,
993
- }
1013
+ }
1014
+ gestureTestID="send-button"
1015
+ handlerTag={8}
1016
+ hasLongPressHandler={false}
1017
+ hitSlop={
1018
+ {
1019
+ "bottom": 0,
1020
+ "left": 0,
1021
+ "right": 0,
1022
+ "top": 0,
994
1023
  }
995
- onLayout={[Function]}
996
- rippleColor="transparent"
1024
+ }
1025
+ hoverAnimationInDuration={50}
1026
+ hoverAnimationOutDuration={100}
1027
+ longPressAnimationOutDuration={100}
1028
+ longPressDuration={500}
1029
+ onButtonInteractionFinished={[Function]}
1030
+ onButtonLongPress={[Function]}
1031
+ onButtonPress={[Function]}
1032
+ onButtonPressIn={[Function]}
1033
+ onButtonPressOut={[Function]}
1034
+ onLayout={[Function]}
1035
+ onStartShouldSetResponderCapture={[Function]}
1036
+ rippleColor="transparent"
1037
+ style={
1038
+ [
1039
+ {},
1040
+ [
1041
+ {
1042
+ "backgroundColor": "transparent",
1043
+ "paddingHorizontal": 0,
1044
+ },
1045
+ {
1046
+ "alignItems": "center",
1047
+ "borderRadius": 9999,
1048
+ "flex": 1,
1049
+ "flexDirection": "row",
1050
+ "gap": 8,
1051
+ "justifyContent": "center",
1052
+ },
1053
+ ],
1054
+ ]
1055
+ }
1056
+ tapAnimationInDuration={50}
1057
+ tapAnimationOutDuration={100}
1058
+ testID="send-button"
1059
+ testOnly_onPress={[Function]}
1060
+ underlayColor="transparent"
1061
+ >
1062
+ <RNSVGSvgView
1063
+ align="xMidYMid"
1064
+ bbHeight={20}
1065
+ bbWidth={20}
1066
+ fill="none"
1067
+ focusable={false}
1068
+ height={20}
1069
+ meetOrSlice={0}
1070
+ minX={0}
1071
+ minY={0}
1072
+ strokeWidth={1.5}
997
1073
  style={
998
1074
  [
999
- {},
1000
- [
1001
- {
1002
- "backgroundColor": "transparent",
1003
- "paddingHorizontal": 0,
1004
- },
1005
- {
1006
- "alignItems": "center",
1007
- "borderRadius": 9999,
1008
- "flex": 1,
1009
- "flexDirection": "row",
1010
- "gap": 8,
1011
- "justifyContent": "center",
1012
- },
1013
- ],
1075
+ {
1076
+ "backgroundColor": "transparent",
1077
+ "borderWidth": 0,
1078
+ },
1079
+ {
1080
+ "flex": 0,
1081
+ "height": 20,
1082
+ "width": 20,
1083
+ },
1014
1084
  ]
1015
1085
  }
1016
- testID="send-button"
1017
- testOnly_onPress={[Function]}
1086
+ testID="send-right"
1087
+ vbHeight={20}
1088
+ vbWidth={20}
1089
+ width={20}
1018
1090
  >
1019
- <RNSVGSvgView
1020
- align="xMidYMid"
1021
- bbHeight={20}
1022
- bbWidth={20}
1023
- fill="none"
1024
- focusable={false}
1025
- height={20}
1026
- meetOrSlice={0}
1027
- minX={0}
1028
- minY={0}
1029
- strokeWidth={1.5}
1030
- style={
1091
+ <RNSVGGroup
1092
+ fill={null}
1093
+ propList={
1031
1094
  [
1032
- {
1033
- "backgroundColor": "transparent",
1034
- "borderWidth": 0,
1035
- },
1036
- {
1037
- "flex": 0,
1038
- "height": 20,
1039
- "width": 20,
1040
- },
1095
+ "fill",
1096
+ "strokeWidth",
1041
1097
  ]
1042
1098
  }
1043
- testID="send-right"
1044
- vbHeight={20}
1045
- vbWidth={20}
1046
- width={20}
1099
+ strokeWidth={1.5}
1047
1100
  >
1048
1101
  <RNSVGGroup
1049
- fill={null}
1050
- propList={
1051
- [
1052
- "fill",
1053
- "strokeWidth",
1054
- ]
1102
+ fill={
1103
+ {
1104
+ "payload": 4278190080,
1105
+ "type": 0,
1106
+ }
1055
1107
  }
1056
- strokeWidth={1.5}
1057
1108
  >
1058
- <RNSVGGroup
1059
- fill={
1109
+ <RNSVGPath
1110
+ 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"
1111
+ fill={null}
1112
+ propList={
1113
+ [
1114
+ "fill",
1115
+ "stroke",
1116
+ "strokeWidth",
1117
+ "strokeLinecap",
1118
+ "strokeLinejoin",
1119
+ ]
1120
+ }
1121
+ stroke={
1060
1122
  {
1061
- "payload": 4278190080,
1123
+ "payload": 4288916666,
1062
1124
  "type": 0,
1063
1125
  }
1064
1126
  }
1065
- >
1066
- <RNSVGPath
1067
- 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"
1068
- fill={null}
1069
- propList={
1070
- [
1071
- "fill",
1072
- "stroke",
1073
- "strokeWidth",
1074
- "strokeLinecap",
1075
- "strokeLinejoin",
1076
- ]
1077
- }
1078
- stroke={
1079
- {
1080
- "payload": 4288916666,
1081
- "type": 0,
1082
- }
1083
- }
1084
- strokeLinecap={1}
1085
- strokeLinejoin={1}
1086
- strokeWidth={1.5}
1087
- />
1088
- </RNSVGGroup>
1127
+ strokeLinecap={1}
1128
+ strokeLinejoin={1}
1129
+ strokeWidth={1.5}
1130
+ />
1089
1131
  </RNSVGGroup>
1090
- </RNSVGSvgView>
1091
- </RNGestureHandlerButton>
1092
- </View>
1132
+ </RNSVGGroup>
1133
+ </RNSVGSvgView>
1134
+ </RNGestureHandlerButton>
1093
1135
  </View>
1094
1136
  </View>
1095
1137
  <View>
@@ -1127,136 +1169,143 @@ exports[`SendButton should render a disabled SendButton 1`] = `
1127
1169
  ]
1128
1170
  }
1129
1171
  >
1130
- <View
1131
- handlerTags={
1132
- [
1133
- 23,
1134
- 22,
1135
- 21,
1136
- ]
1137
- }
1138
- onGestureHandlerEvent={[Function]}
1139
- onGestureHandlerReanimatedEvent={[Function]}
1140
- onGestureHandlerStateChange={[Function]}
1141
- onGestureHandlerTouchEvent={[Function]}
1142
- onStartShouldSetResponder={[Function]}
1143
- pointerEvents="box-none"
1144
- style={
1172
+ <RNGestureHandlerButton
1173
+ accessibilityRole="button"
1174
+ accessibilityState={
1145
1175
  {
1146
- "display": "contents",
1176
+ "disabled": false,
1177
+ "selected": false,
1147
1178
  }
1148
1179
  }
1149
- >
1150
- <RNGestureHandlerButton
1151
- accessibilityRole="button"
1152
- accessibilityState={
1153
- {
1154
- "disabled": false,
1155
- "selected": false,
1156
- }
1180
+ accessible={true}
1181
+ activeUnderlayOpacity={0.105}
1182
+ cancelOnLeave={true}
1183
+ defaultOpacity={1}
1184
+ defaultUnderlayOpacity={0}
1185
+ enabled={true}
1186
+ gestureHitSlop={
1187
+ {
1188
+ "bottom": 15,
1189
+ "left": 0,
1190
+ "right": 0,
1191
+ "top": 15,
1157
1192
  }
1158
- accessible={true}
1159
- enabled={true}
1160
- hitSlop={
1161
- {
1162
- "bottom": 15,
1163
- "left": 0,
1164
- "right": 0,
1165
- "top": 15,
1166
- }
1193
+ }
1194
+ gestureTestID="upload-photo-touchable"
1195
+ handlerTag={9}
1196
+ hasLongPressHandler={false}
1197
+ hitSlop={
1198
+ {
1199
+ "bottom": 15,
1200
+ "left": 0,
1201
+ "right": 0,
1202
+ "top": 15,
1167
1203
  }
1168
- onLayout={[Function]}
1169
- rippleColor="transparent"
1204
+ }
1205
+ hoverAnimationInDuration={50}
1206
+ hoverAnimationOutDuration={100}
1207
+ longPressAnimationOutDuration={100}
1208
+ longPressDuration={500}
1209
+ onButtonInteractionFinished={[Function]}
1210
+ onButtonLongPress={[Function]}
1211
+ onButtonPress={[Function]}
1212
+ onButtonPressIn={[Function]}
1213
+ onButtonPressOut={[Function]}
1214
+ onLayout={[Function]}
1215
+ onStartShouldSetResponderCapture={[Function]}
1216
+ rippleColor="transparent"
1217
+ style={
1218
+ [
1219
+ {},
1220
+ [
1221
+ {
1222
+ "backgroundColor": "transparent",
1223
+ "paddingHorizontal": 0,
1224
+ },
1225
+ {
1226
+ "alignItems": "center",
1227
+ "borderRadius": 9999,
1228
+ "flex": 1,
1229
+ "flexDirection": "row",
1230
+ "gap": 8,
1231
+ "justifyContent": "center",
1232
+ },
1233
+ ],
1234
+ ]
1235
+ }
1236
+ tapAnimationInDuration={50}
1237
+ tapAnimationOutDuration={100}
1238
+ testID="upload-photo-touchable"
1239
+ testOnly_onPress={[Function]}
1240
+ underlayColor="transparent"
1241
+ >
1242
+ <RNSVGSvgView
1243
+ align="xMidYMid"
1244
+ bbHeight={20}
1245
+ bbWidth={20}
1246
+ fill="none"
1247
+ focusable={false}
1248
+ height={20}
1249
+ meetOrSlice={0}
1250
+ minX={0}
1251
+ minY={0}
1252
+ strokeWidth={1.5}
1170
1253
  style={
1171
1254
  [
1172
- {},
1173
- [
1174
- {
1175
- "backgroundColor": "transparent",
1176
- "paddingHorizontal": 0,
1177
- },
1178
- {
1179
- "alignItems": "center",
1180
- "borderRadius": 9999,
1181
- "flex": 1,
1182
- "flexDirection": "row",
1183
- "gap": 8,
1184
- "justifyContent": "center",
1185
- },
1186
- ],
1255
+ {
1256
+ "backgroundColor": "transparent",
1257
+ "borderWidth": 0,
1258
+ },
1259
+ {
1260
+ "flex": 0,
1261
+ "height": 20,
1262
+ "width": 20,
1263
+ },
1187
1264
  ]
1188
1265
  }
1189
- testID="upload-photo-touchable"
1190
- testOnly_onPress={[Function]}
1266
+ vbHeight={20}
1267
+ vbWidth={20}
1268
+ width={20}
1191
1269
  >
1192
- <RNSVGSvgView
1193
- align="xMidYMid"
1194
- bbHeight={20}
1195
- bbWidth={20}
1196
- fill="none"
1197
- focusable={false}
1198
- height={20}
1199
- meetOrSlice={0}
1200
- minX={0}
1201
- minY={0}
1202
- strokeWidth={1.5}
1203
- style={
1270
+ <RNSVGGroup
1271
+ fill={null}
1272
+ propList={
1204
1273
  [
1205
- {
1206
- "backgroundColor": "transparent",
1207
- "borderWidth": 0,
1208
- },
1209
- {
1210
- "flex": 0,
1211
- "height": 20,
1212
- "width": 20,
1213
- },
1274
+ "fill",
1275
+ "strokeWidth",
1214
1276
  ]
1215
1277
  }
1216
- vbHeight={20}
1217
- vbWidth={20}
1218
- width={20}
1278
+ strokeWidth={1.5}
1219
1279
  >
1220
- <RNSVGGroup
1221
- fill={null}
1280
+ <RNSVGPath
1281
+ 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"
1282
+ fill={
1283
+ {
1284
+ "payload": 4278190080,
1285
+ "type": 0,
1286
+ }
1287
+ }
1222
1288
  propList={
1223
1289
  [
1224
- "fill",
1290
+ "stroke",
1225
1291
  "strokeWidth",
1292
+ "strokeLinecap",
1293
+ "strokeLinejoin",
1226
1294
  ]
1227
1295
  }
1228
- strokeWidth={1.5}
1229
- >
1230
- <RNSVGPath
1231
- 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"
1232
- fill={
1233
- {
1234
- "payload": 4278190080,
1235
- "type": 0,
1236
- }
1237
- }
1238
- propList={
1239
- [
1240
- "stroke",
1241
- "strokeWidth",
1242
- "strokeLinecap",
1243
- "strokeLinejoin",
1244
- ]
1245
- }
1246
- stroke={
1247
- {
1248
- "payload": 4279900965,
1249
- "type": 0,
1250
- }
1296
+ stroke={
1297
+ {
1298
+ "payload": 4279900965,
1299
+ "type": 0,
1251
1300
  }
1252
- strokeLinecap={1}
1253
- strokeLinejoin={1}
1254
- strokeWidth={1.5}
1255
- />
1256
- </RNSVGGroup>
1257
- </RNSVGSvgView>
1258
- </RNGestureHandlerButton>
1259
- </View>
1301
+ }
1302
+ strokeLinecap={1}
1303
+ strokeLinejoin={1}
1304
+ strokeWidth={1.5}
1305
+ />
1306
+ </RNSVGGroup>
1307
+ </RNSVGSvgView>
1308
+ </RNGestureHandlerButton>
1260
1309
  </View>
1261
1310
  <View
1262
1311
  style={
@@ -1275,106 +1324,137 @@ exports[`SendButton should render a disabled SendButton 1`] = `
1275
1324
  ]
1276
1325
  }
1277
1326
  >
1278
- <View
1279
- handlerTags={
1280
- [
1281
- 26,
1282
- 25,
1283
- 24,
1284
- ]
1285
- }
1286
- onGestureHandlerEvent={[Function]}
1287
- onGestureHandlerReanimatedEvent={[Function]}
1288
- onGestureHandlerStateChange={[Function]}
1289
- onGestureHandlerTouchEvent={[Function]}
1290
- onStartShouldSetResponder={[Function]}
1291
- pointerEvents="box-none"
1292
- style={
1327
+ <RNGestureHandlerButton
1328
+ accessibilityRole="button"
1329
+ accessibilityState={
1293
1330
  {
1294
- "display": "contents",
1331
+ "disabled": false,
1332
+ "selected": false,
1295
1333
  }
1296
1334
  }
1297
- >
1298
- <RNGestureHandlerButton
1299
- accessibilityRole="button"
1300
- accessibilityState={
1301
- {
1302
- "disabled": false,
1303
- "selected": false,
1304
- }
1335
+ accessible={true}
1336
+ activeUnderlayOpacity={0.105}
1337
+ cancelOnLeave={true}
1338
+ defaultOpacity={1}
1339
+ defaultUnderlayOpacity={0}
1340
+ enabled={true}
1341
+ gestureHitSlop={
1342
+ {
1343
+ "bottom": 15,
1344
+ "left": 0,
1345
+ "right": 0,
1346
+ "top": 15,
1305
1347
  }
1306
- accessible={true}
1307
- enabled={true}
1308
- hitSlop={
1309
- {
1310
- "bottom": 15,
1311
- "left": 0,
1312
- "right": 0,
1313
- "top": 15,
1314
- }
1348
+ }
1349
+ gestureTestID="take-photo-touchable"
1350
+ handlerTag={10}
1351
+ hasLongPressHandler={false}
1352
+ hitSlop={
1353
+ {
1354
+ "bottom": 15,
1355
+ "left": 0,
1356
+ "right": 0,
1357
+ "top": 15,
1315
1358
  }
1316
- onLayout={[Function]}
1317
- rippleColor="transparent"
1359
+ }
1360
+ hoverAnimationInDuration={50}
1361
+ hoverAnimationOutDuration={100}
1362
+ longPressAnimationOutDuration={100}
1363
+ longPressDuration={500}
1364
+ onButtonInteractionFinished={[Function]}
1365
+ onButtonLongPress={[Function]}
1366
+ onButtonPress={[Function]}
1367
+ onButtonPressIn={[Function]}
1368
+ onButtonPressOut={[Function]}
1369
+ onLayout={[Function]}
1370
+ onStartShouldSetResponderCapture={[Function]}
1371
+ rippleColor="transparent"
1372
+ style={
1373
+ [
1374
+ {},
1375
+ [
1376
+ {
1377
+ "backgroundColor": "transparent",
1378
+ "paddingHorizontal": 0,
1379
+ },
1380
+ {
1381
+ "alignItems": "center",
1382
+ "borderRadius": 9999,
1383
+ "flex": 1,
1384
+ "flexDirection": "row",
1385
+ "gap": 8,
1386
+ "justifyContent": "center",
1387
+ },
1388
+ ],
1389
+ ]
1390
+ }
1391
+ tapAnimationInDuration={50}
1392
+ tapAnimationOutDuration={100}
1393
+ testID="take-photo-touchable"
1394
+ testOnly_onPress={[Function]}
1395
+ underlayColor="transparent"
1396
+ >
1397
+ <RNSVGSvgView
1398
+ align="xMidYMid"
1399
+ bbHeight={20}
1400
+ bbWidth={20}
1401
+ fill="none"
1402
+ focusable={false}
1403
+ height={20}
1404
+ meetOrSlice={0}
1405
+ minX={0}
1406
+ minY={0}
1407
+ stroke="#1a1b25"
1408
+ strokeLinejoin="round"
1409
+ strokeWidth={1.5}
1318
1410
  style={
1319
1411
  [
1320
- {},
1321
- [
1322
- {
1323
- "backgroundColor": "transparent",
1324
- "paddingHorizontal": 0,
1325
- },
1326
- {
1327
- "alignItems": "center",
1328
- "borderRadius": 9999,
1329
- "flex": 1,
1330
- "flexDirection": "row",
1331
- "gap": 8,
1332
- "justifyContent": "center",
1333
- },
1334
- ],
1412
+ {
1413
+ "backgroundColor": "transparent",
1414
+ "borderWidth": 0,
1415
+ },
1416
+ {
1417
+ "flex": 0,
1418
+ "height": 20,
1419
+ "width": 20,
1420
+ },
1335
1421
  ]
1336
1422
  }
1337
- testID="take-photo-touchable"
1338
- testOnly_onPress={[Function]}
1423
+ vbHeight={20}
1424
+ vbWidth={20}
1425
+ width={20}
1339
1426
  >
1340
- <RNSVGSvgView
1341
- align="xMidYMid"
1342
- bbHeight={20}
1343
- bbWidth={20}
1344
- fill="none"
1345
- focusable={false}
1346
- height={20}
1347
- meetOrSlice={0}
1348
- minX={0}
1349
- minY={0}
1350
- stroke="#1a1b25"
1351
- strokeLinejoin="round"
1352
- strokeWidth={1.5}
1353
- style={
1427
+ <RNSVGGroup
1428
+ fill={null}
1429
+ propList={
1354
1430
  [
1355
- {
1356
- "backgroundColor": "transparent",
1357
- "borderWidth": 0,
1358
- },
1359
- {
1360
- "flex": 0,
1361
- "height": 20,
1362
- "width": 20,
1363
- },
1431
+ "fill",
1432
+ "stroke",
1433
+ "strokeWidth",
1434
+ "strokeLinejoin",
1364
1435
  ]
1365
1436
  }
1366
- vbHeight={20}
1367
- vbWidth={20}
1368
- width={20}
1437
+ stroke={
1438
+ {
1439
+ "payload": 4279900965,
1440
+ "type": 0,
1441
+ }
1442
+ }
1443
+ strokeLinejoin={1}
1444
+ strokeWidth={1.5}
1369
1445
  >
1370
- <RNSVGGroup
1371
- fill={null}
1446
+ <RNSVGPath
1447
+ 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"
1448
+ fill={
1449
+ {
1450
+ "payload": 4278190080,
1451
+ "type": 0,
1452
+ }
1453
+ }
1372
1454
  propList={
1373
1455
  [
1374
- "fill",
1375
1456
  "stroke",
1376
1457
  "strokeWidth",
1377
- "strokeLinejoin",
1378
1458
  ]
1379
1459
  }
1380
1460
  stroke={
@@ -1383,57 +1463,33 @@ exports[`SendButton should render a disabled SendButton 1`] = `
1383
1463
  "type": 0,
1384
1464
  }
1385
1465
  }
1386
- strokeLinejoin={1}
1387
1466
  strokeWidth={1.5}
1388
- >
1389
- <RNSVGPath
1390
- 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"
1391
- fill={
1392
- {
1393
- "payload": 4278190080,
1394
- "type": 0,
1395
- }
1396
- }
1397
- propList={
1398
- [
1399
- "stroke",
1400
- "strokeWidth",
1401
- ]
1402
- }
1403
- stroke={
1404
- {
1405
- "payload": 4279900965,
1406
- "type": 0,
1407
- }
1408
- }
1409
- strokeWidth={1.5}
1410
- />
1411
- <RNSVGPath
1412
- 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"
1413
- fill={
1414
- {
1415
- "payload": 4278190080,
1416
- "type": 0,
1417
- }
1418
- }
1419
- propList={
1420
- [
1421
- "stroke",
1422
- "strokeWidth",
1423
- ]
1467
+ />
1468
+ <RNSVGPath
1469
+ 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"
1470
+ fill={
1471
+ {
1472
+ "payload": 4278190080,
1473
+ "type": 0,
1424
1474
  }
1425
- stroke={
1426
- {
1427
- "payload": 4279900965,
1428
- "type": 0,
1429
- }
1475
+ }
1476
+ propList={
1477
+ [
1478
+ "stroke",
1479
+ "strokeWidth",
1480
+ ]
1481
+ }
1482
+ stroke={
1483
+ {
1484
+ "payload": 4279900965,
1485
+ "type": 0,
1430
1486
  }
1431
- strokeWidth={1.5}
1432
- />
1433
- </RNSVGGroup>
1434
- </RNSVGSvgView>
1435
- </RNGestureHandlerButton>
1436
- </View>
1487
+ }
1488
+ strokeWidth={1.5}
1489
+ />
1490
+ </RNSVGGroup>
1491
+ </RNSVGSvgView>
1492
+ </RNGestureHandlerButton>
1437
1493
  </View>
1438
1494
  <View
1439
1495
  style={
@@ -1452,132 +1508,139 @@ exports[`SendButton should render a disabled SendButton 1`] = `
1452
1508
  ]
1453
1509
  }
1454
1510
  >
1455
- <View
1456
- handlerTags={
1457
- [
1458
- 29,
1459
- 28,
1460
- 27,
1461
- ]
1462
- }
1463
- onGestureHandlerEvent={[Function]}
1464
- onGestureHandlerReanimatedEvent={[Function]}
1465
- onGestureHandlerStateChange={[Function]}
1466
- onGestureHandlerTouchEvent={[Function]}
1467
- onStartShouldSetResponder={[Function]}
1468
- pointerEvents="box-none"
1469
- style={
1511
+ <RNGestureHandlerButton
1512
+ accessibilityRole="button"
1513
+ accessibilityState={
1470
1514
  {
1471
- "display": "contents",
1515
+ "disabled": false,
1516
+ "selected": false,
1472
1517
  }
1473
1518
  }
1474
- >
1475
- <RNGestureHandlerButton
1476
- accessibilityRole="button"
1477
- accessibilityState={
1478
- {
1479
- "disabled": false,
1480
- "selected": false,
1481
- }
1519
+ accessible={true}
1520
+ activeUnderlayOpacity={0.105}
1521
+ cancelOnLeave={true}
1522
+ defaultOpacity={1}
1523
+ defaultUnderlayOpacity={0}
1524
+ enabled={true}
1525
+ gestureHitSlop={
1526
+ {
1527
+ "bottom": 15,
1528
+ "left": 0,
1529
+ "right": 0,
1530
+ "top": 15,
1482
1531
  }
1483
- accessible={true}
1484
- enabled={true}
1485
- hitSlop={
1486
- {
1487
- "bottom": 15,
1488
- "left": 0,
1489
- "right": 0,
1490
- "top": 15,
1491
- }
1532
+ }
1533
+ gestureTestID="upload-file-touchable"
1534
+ handlerTag={11}
1535
+ hasLongPressHandler={false}
1536
+ hitSlop={
1537
+ {
1538
+ "bottom": 15,
1539
+ "left": 0,
1540
+ "right": 0,
1541
+ "top": 15,
1492
1542
  }
1493
- onLayout={[Function]}
1494
- rippleColor="transparent"
1543
+ }
1544
+ hoverAnimationInDuration={50}
1545
+ hoverAnimationOutDuration={100}
1546
+ longPressAnimationOutDuration={100}
1547
+ longPressDuration={500}
1548
+ onButtonInteractionFinished={[Function]}
1549
+ onButtonLongPress={[Function]}
1550
+ onButtonPress={[Function]}
1551
+ onButtonPressIn={[Function]}
1552
+ onButtonPressOut={[Function]}
1553
+ onLayout={[Function]}
1554
+ onStartShouldSetResponderCapture={[Function]}
1555
+ rippleColor="transparent"
1556
+ style={
1557
+ [
1558
+ {},
1559
+ [
1560
+ {
1561
+ "backgroundColor": "transparent",
1562
+ "paddingHorizontal": 0,
1563
+ },
1564
+ {
1565
+ "alignItems": "center",
1566
+ "borderRadius": 9999,
1567
+ "flex": 1,
1568
+ "flexDirection": "row",
1569
+ "gap": 8,
1570
+ "justifyContent": "center",
1571
+ },
1572
+ ],
1573
+ ]
1574
+ }
1575
+ tapAnimationInDuration={50}
1576
+ tapAnimationOutDuration={100}
1577
+ testID="upload-file-touchable"
1578
+ testOnly_onPress={[Function]}
1579
+ underlayColor="transparent"
1580
+ >
1581
+ <RNSVGSvgView
1582
+ align="xMidYMid"
1583
+ bbHeight={20}
1584
+ bbWidth={20}
1585
+ fill="none"
1586
+ focusable={false}
1587
+ height={20}
1588
+ meetOrSlice={0}
1589
+ minX={0}
1590
+ minY={0}
1591
+ strokeWidth={1.5}
1495
1592
  style={
1496
1593
  [
1497
- {},
1498
- [
1499
- {
1500
- "backgroundColor": "transparent",
1501
- "paddingHorizontal": 0,
1502
- },
1503
- {
1504
- "alignItems": "center",
1505
- "borderRadius": 9999,
1506
- "flex": 1,
1507
- "flexDirection": "row",
1508
- "gap": 8,
1509
- "justifyContent": "center",
1510
- },
1511
- ],
1594
+ {
1595
+ "backgroundColor": "transparent",
1596
+ "borderWidth": 0,
1597
+ },
1598
+ {
1599
+ "flex": 0,
1600
+ "height": 20,
1601
+ "width": 20,
1602
+ },
1512
1603
  ]
1513
1604
  }
1514
- testID="upload-file-touchable"
1515
- testOnly_onPress={[Function]}
1605
+ vbHeight={20}
1606
+ vbWidth={20}
1607
+ width={20}
1516
1608
  >
1517
- <RNSVGSvgView
1518
- align="xMidYMid"
1519
- bbHeight={20}
1520
- bbWidth={20}
1521
- fill="none"
1522
- focusable={false}
1523
- height={20}
1524
- meetOrSlice={0}
1525
- minX={0}
1526
- minY={0}
1527
- strokeWidth={1.5}
1528
- style={
1609
+ <RNSVGGroup
1610
+ fill={null}
1611
+ propList={
1529
1612
  [
1530
- {
1531
- "backgroundColor": "transparent",
1532
- "borderWidth": 0,
1533
- },
1534
- {
1535
- "flex": 0,
1536
- "height": 20,
1537
- "width": 20,
1538
- },
1613
+ "fill",
1614
+ "strokeWidth",
1539
1615
  ]
1540
1616
  }
1541
- vbHeight={20}
1542
- vbWidth={20}
1543
- width={20}
1617
+ strokeWidth={1.5}
1544
1618
  >
1545
- <RNSVGGroup
1619
+ <RNSVGPath
1620
+ 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"
1546
1621
  fill={null}
1547
1622
  propList={
1548
1623
  [
1549
1624
  "fill",
1625
+ "stroke",
1550
1626
  "strokeWidth",
1627
+ "strokeLinecap",
1628
+ "strokeLinejoin",
1551
1629
  ]
1552
1630
  }
1553
- strokeWidth={1.5}
1554
- >
1555
- <RNSVGPath
1556
- 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"
1557
- fill={null}
1558
- propList={
1559
- [
1560
- "fill",
1561
- "stroke",
1562
- "strokeWidth",
1563
- "strokeLinecap",
1564
- "strokeLinejoin",
1565
- ]
1566
- }
1567
- stroke={
1568
- {
1569
- "payload": 4279900965,
1570
- "type": 0,
1571
- }
1631
+ stroke={
1632
+ {
1633
+ "payload": 4279900965,
1634
+ "type": 0,
1572
1635
  }
1573
- strokeLinecap={1}
1574
- strokeLinejoin={1}
1575
- strokeWidth={1.5}
1576
- />
1577
- </RNSVGGroup>
1578
- </RNSVGSvgView>
1579
- </RNGestureHandlerButton>
1580
- </View>
1636
+ }
1637
+ strokeLinecap={1}
1638
+ strokeLinejoin={1}
1639
+ strokeWidth={1.5}
1640
+ />
1641
+ </RNSVGGroup>
1642
+ </RNSVGSvgView>
1643
+ </RNGestureHandlerButton>
1581
1644
  </View>
1582
1645
  <View
1583
1646
  style={
@@ -1596,104 +1659,136 @@ exports[`SendButton should render a disabled SendButton 1`] = `
1596
1659
  ]
1597
1660
  }
1598
1661
  >
1599
- <View
1600
- handlerTags={
1601
- [
1602
- 32,
1603
- 31,
1604
- 30,
1605
- ]
1606
- }
1607
- onGestureHandlerEvent={[Function]}
1608
- onGestureHandlerReanimatedEvent={[Function]}
1609
- onGestureHandlerStateChange={[Function]}
1610
- onGestureHandlerTouchEvent={[Function]}
1611
- onStartShouldSetResponder={[Function]}
1612
- pointerEvents="box-none"
1613
- style={
1662
+ <RNGestureHandlerButton
1663
+ accessibilityRole="button"
1664
+ accessibilityState={
1614
1665
  {
1615
- "display": "contents",
1666
+ "disabled": false,
1667
+ "selected": false,
1616
1668
  }
1617
1669
  }
1618
- >
1619
- <RNGestureHandlerButton
1620
- accessibilityRole="button"
1621
- accessibilityState={
1622
- {
1623
- "disabled": false,
1624
- "selected": false,
1625
- }
1670
+ accessible={true}
1671
+ activeUnderlayOpacity={0.105}
1672
+ cancelOnLeave={true}
1673
+ defaultOpacity={1}
1674
+ defaultUnderlayOpacity={0}
1675
+ enabled={true}
1676
+ gestureHitSlop={
1677
+ {
1678
+ "bottom": 15,
1679
+ "left": 0,
1680
+ "right": 0,
1681
+ "top": 15,
1626
1682
  }
1627
- accessible={true}
1628
- enabled={true}
1629
- hitSlop={
1630
- {
1631
- "bottom": 15,
1632
- "left": 0,
1633
- "right": 0,
1634
- "top": 15,
1635
- }
1683
+ }
1684
+ gestureTestID="commands-touchable"
1685
+ handlerTag={12}
1686
+ hasLongPressHandler={false}
1687
+ hitSlop={
1688
+ {
1689
+ "bottom": 15,
1690
+ "left": 0,
1691
+ "right": 0,
1692
+ "top": 15,
1636
1693
  }
1637
- onLayout={[Function]}
1638
- rippleColor="transparent"
1694
+ }
1695
+ hoverAnimationInDuration={50}
1696
+ hoverAnimationOutDuration={100}
1697
+ longPressAnimationOutDuration={100}
1698
+ longPressDuration={500}
1699
+ onButtonInteractionFinished={[Function]}
1700
+ onButtonLongPress={[Function]}
1701
+ onButtonPress={[Function]}
1702
+ onButtonPressIn={[Function]}
1703
+ onButtonPressOut={[Function]}
1704
+ onLayout={[Function]}
1705
+ onStartShouldSetResponderCapture={[Function]}
1706
+ rippleColor="transparent"
1707
+ style={
1708
+ [
1709
+ {},
1710
+ [
1711
+ {
1712
+ "backgroundColor": "transparent",
1713
+ "paddingHorizontal": 0,
1714
+ },
1715
+ {
1716
+ "alignItems": "center",
1717
+ "borderRadius": 9999,
1718
+ "flex": 1,
1719
+ "flexDirection": "row",
1720
+ "gap": 8,
1721
+ "justifyContent": "center",
1722
+ },
1723
+ ],
1724
+ ]
1725
+ }
1726
+ tapAnimationInDuration={50}
1727
+ tapAnimationOutDuration={100}
1728
+ testID="commands-touchable"
1729
+ testOnly_onPress={[Function]}
1730
+ underlayColor="transparent"
1731
+ >
1732
+ <RNSVGSvgView
1733
+ align="xMidYMid"
1734
+ bbHeight={20}
1735
+ bbWidth={20}
1736
+ fill="none"
1737
+ focusable={false}
1738
+ height={20}
1739
+ meetOrSlice={0}
1740
+ minX={0}
1741
+ minY={0}
1742
+ stroke="#1a1b25"
1743
+ strokeWidth={1.5}
1639
1744
  style={
1640
1745
  [
1641
- {},
1642
- [
1643
- {
1644
- "backgroundColor": "transparent",
1645
- "paddingHorizontal": 0,
1646
- },
1647
- {
1648
- "alignItems": "center",
1649
- "borderRadius": 9999,
1650
- "flex": 1,
1651
- "flexDirection": "row",
1652
- "gap": 8,
1653
- "justifyContent": "center",
1654
- },
1655
- ],
1746
+ {
1747
+ "backgroundColor": "transparent",
1748
+ "borderWidth": 0,
1749
+ },
1750
+ {
1751
+ "flex": 0,
1752
+ "height": 20,
1753
+ "width": 20,
1754
+ },
1656
1755
  ]
1657
1756
  }
1658
- testID="commands-touchable"
1659
- testOnly_onPress={[Function]}
1757
+ vbHeight={20}
1758
+ vbWidth={20}
1759
+ width={20}
1660
1760
  >
1661
- <RNSVGSvgView
1662
- align="xMidYMid"
1663
- bbHeight={20}
1664
- bbWidth={20}
1665
- fill="none"
1666
- focusable={false}
1667
- height={20}
1668
- meetOrSlice={0}
1669
- minX={0}
1670
- minY={0}
1671
- stroke="#1a1b25"
1672
- strokeWidth={1.5}
1673
- style={
1761
+ <RNSVGGroup
1762
+ fill={null}
1763
+ propList={
1674
1764
  [
1675
- {
1676
- "backgroundColor": "transparent",
1677
- "borderWidth": 0,
1678
- },
1679
- {
1680
- "flex": 0,
1681
- "height": 20,
1682
- "width": 20,
1683
- },
1765
+ "fill",
1766
+ "stroke",
1767
+ "strokeWidth",
1684
1768
  ]
1685
1769
  }
1686
- vbHeight={20}
1687
- vbWidth={20}
1688
- width={20}
1770
+ stroke={
1771
+ {
1772
+ "payload": 4279900965,
1773
+ "type": 0,
1774
+ }
1775
+ }
1776
+ strokeWidth={1.5}
1689
1777
  >
1690
- <RNSVGGroup
1691
- fill={null}
1778
+ <RNSVGPath
1779
+ 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"
1780
+ fill={
1781
+ {
1782
+ "payload": 4278190080,
1783
+ "type": 0,
1784
+ }
1785
+ }
1692
1786
  propList={
1693
1787
  [
1694
- "fill",
1695
1788
  "stroke",
1696
1789
  "strokeWidth",
1790
+ "strokeLinecap",
1791
+ "strokeLinejoin",
1697
1792
  ]
1698
1793
  }
1699
1794
  stroke={
@@ -1702,38 +1797,13 @@ exports[`SendButton should render a disabled SendButton 1`] = `
1702
1797
  "type": 0,
1703
1798
  }
1704
1799
  }
1800
+ strokeLinecap={1}
1801
+ strokeLinejoin={1}
1705
1802
  strokeWidth={1.5}
1706
- >
1707
- <RNSVGPath
1708
- 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"
1709
- fill={
1710
- {
1711
- "payload": 4278190080,
1712
- "type": 0,
1713
- }
1714
- }
1715
- propList={
1716
- [
1717
- "stroke",
1718
- "strokeWidth",
1719
- "strokeLinecap",
1720
- "strokeLinejoin",
1721
- ]
1722
- }
1723
- stroke={
1724
- {
1725
- "payload": 4279900965,
1726
- "type": 0,
1727
- }
1728
- }
1729
- strokeLinecap={1}
1730
- strokeLinejoin={1}
1731
- strokeWidth={1.5}
1732
- />
1733
- </RNSVGGroup>
1734
- </RNSVGSvgView>
1735
- </RNGestureHandlerButton>
1736
- </View>
1803
+ />
1804
+ </RNSVGGroup>
1805
+ </RNSVGSvgView>
1806
+ </RNGestureHandlerButton>
1737
1807
  </View>
1738
1808
  </View>
1739
1809
  </View>