@tactics/toddle-styleguide 1.3.0 → 1.3.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 (60) hide show
  1. package/App.tsx +3 -1
  2. package/package.json +1 -1
  3. package/src/components/atoms/calendar/__snapshots__/calendar.test.js.snap +18 -18
  4. package/src/components/molecules/failed-to-send/__snapshots__/failed-bubble.test.js.snap +27 -36
  5. package/src/components/molecules/failed-to-send/failed-bubble.component.tsx +3 -3
  6. package/src/components/molecules/failed-to-send/failed-bubble.styles.d.ts +9 -10
  7. package/src/components/molecules/failed-to-send/failed-bubble.styles.js +9 -6
  8. package/src/components/molecules/message-input/__snapshots__/message-input.test.js.snap +64 -388
  9. package/src/components/molecules/message-input/message-input.component.d.ts +0 -1
  10. package/src/components/molecules/message-input/message-input.component.tsx +9 -9
  11. package/src/components/molecules/message-input/message-input.preview.tsx +2 -2
  12. package/src/components/molecules/message-input/message-input.styles.d.ts +13 -6
  13. package/src/components/molecules/message-input/message-input.styles.js +14 -6
  14. package/src/components/molecules/message-input/message-input.test.js +0 -4
  15. package/src/components/molecules/search-input/search.styles.js +0 -3
  16. package/src/components/molecules/send-bubble/__snapshots__/send-text-bubble.test.js.snap +228 -210
  17. package/src/components/molecules/send-bubble/send-text-bubble.component.d.ts +0 -3
  18. package/src/components/molecules/send-bubble/send-text-bubble.component.tsx +3 -12
  19. package/src/components/molecules/send-bubble/send-text-bubble.styles.d.ts +7 -19
  20. package/src/components/molecules/send-bubble/send-text-bubble.styles.js +5 -11
  21. package/src/components/molecules/send-bubble/send-text-bubble.test.js +6 -17
  22. package/src/components/molecules/time-picker/time-picker.preview.tsx +0 -1
  23. package/src/components/organisms/journal-entry/components/entry-type-indicator/{entry-type-indicator.tsx → entry-type-indicator.component.tsx} +3 -5
  24. package/src/components/organisms/journal-entry/components/entry-type-indicator/entry-type-indicator.test.js +8 -4
  25. package/src/components/organisms/journal-entry/components/index.d.ts +1 -1
  26. package/src/components/organisms/journal-entry/components/index.ts +1 -1
  27. package/src/components/organisms/journal-entry/components/journal-entry-type/__snapshots__/journal-entry-type.test.js.snap +3 -3
  28. package/src/components/organisms/journal-entry/components/journal-entry-type/journal-entry-type.component.tsx +1 -1
  29. package/src/components/organisms/journal-entry/components/journal-entry-type/journal-entry-type.test.js +3 -0
  30. package/src/components/organisms/journal-entry/journal-entry.component.d.ts +0 -5
  31. package/src/components/organisms/journal-entry/journal-entry.component.tsx +2 -9
  32. package/src/components/organisms/journal-entry/journal-entry.preview.tsx +12 -11
  33. package/src/components/organisms/journal-entry/journal-entry.styles.d.ts +23 -39
  34. package/src/components/organisms/journal-entry/journal-entry.styles.js +10 -18
  35. package/src/components/organisms/my-child-list-item/my-child-list-item.component.tsx +1 -2
  36. package/src/components/organisms/text-bubble/__snapshots__/text-bubble.test.js.snap +849 -642
  37. package/src/components/organisms/text-bubble/text-bubble.component.d.ts +0 -5
  38. package/src/components/organisms/text-bubble/text-bubble.component.tsx +10 -18
  39. package/src/components/organisms/text-bubble/text-bubble.preview.tsx +66 -64
  40. package/src/components/organisms/text-bubble/text-bubble.styles.d.ts +16 -56
  41. package/src/components/organisms/text-bubble/text-bubble.styles.js +15 -38
  42. package/src/components/templates/modal/components/fade-panel.component.d.ts +0 -2
  43. package/src/components/templates/modal/components/fade-panel.component.tsx +2 -8
  44. package/src/components/templates/modal/components/fade-panel.styles.d.ts +2 -0
  45. package/src/components/templates/modal/components/fade-panel.styles.js +2 -0
  46. package/src/components/templates/modal/modal.component.d.ts +0 -2
  47. package/src/components/templates/modal/modal.component.tsx +0 -3
  48. package/src/components/templates/modal/modal.preview.tsx +13 -38
  49. package/src/components/templates/modal/modal.styles.d.ts +5 -0
  50. package/src/components/templates/modal/modal.styles.js +5 -0
  51. package/src/components/templates/popover/components/foreground/foreground.component.tsx +1 -5
  52. package/src/components/templates/popover/components/foreground/foreground.styles.d.ts +2 -2
  53. package/src/components/templates/popover/components/foreground/foreground.styles.js +4 -4
  54. package/src/components/templates/popover/popover.component.tsx +1 -2
  55. package/src/components/templates/popover/popover.styles.d.ts +3 -0
  56. package/src/components/templates/popover/popover.styles.js +1 -0
  57. package/src/components/templates/popover-action/popover-action.component.tsx +6 -1
  58. package/src/components/templates/popover-action/popover-action.styles.d.ts +4 -2
  59. package/src/components/templates/popover-action/popover-action.styles.js +4 -2
  60. /package/src/components/organisms/journal-entry/components/entry-type-indicator/{entry-type-indicator.d.ts → entry-type-indicator.component.d.ts} +0 -0
@@ -3,52 +3,108 @@
3
3
  exports[`test text-bubble given the bubbleAlignment is SENT return a text-bubble with right-bottom tip 1`] = `
4
4
  <View
5
5
  style={
6
- [
7
- {
8
- "gap": 4,
9
- "width": "100%",
10
- },
11
- false,
12
- ]
6
+ {
7
+ "gap": 4,
8
+ "width": "100%",
9
+ }
13
10
  }
14
11
  >
15
12
  <View
16
13
  style={
17
- [
18
- {
19
- "maxWidth": "80%",
20
- "minWidth": "50%",
21
- },
22
- {
23
- "alignSelf": "flex-end",
24
- },
25
- ]
14
+ {
15
+ "minWidth": "50%",
16
+ }
26
17
  }
27
18
  >
28
- <View>
19
+ <View
20
+ style={
21
+ {
22
+ "flexDirection": "row",
23
+ "gap": 12,
24
+ }
25
+ }
26
+ >
29
27
  <View
30
28
  style={
31
- [
32
- {
33
- "borderRadius": 24,
34
- "justifyContent": "center",
35
- "overflow": "hidden",
36
- "paddingBottom": 16,
37
- "paddingLeft": 24,
38
- "paddingRight": 24,
39
- "paddingTop": 16,
40
- "width": "100%",
41
- },
42
- {
43
- "backgroundColor": "#E0E8F9",
44
- },
45
- false,
46
- false,
47
- {
48
- "borderBottomLeftRadius": 32,
49
- "borderBottomRightRadius": 8,
50
- },
51
- ]
29
+ {
30
+ "justifyContent": "center",
31
+ "padding": 2,
32
+ }
33
+ }
34
+ >
35
+ <RNSVGSvgView
36
+ align="xMidYMid"
37
+ bbHeight="26"
38
+ bbWidth="26"
39
+ fill="none"
40
+ focusable={false}
41
+ height={26}
42
+ meetOrSlice={0}
43
+ minX={0}
44
+ minY={0}
45
+ style={
46
+ [
47
+ {
48
+ "backgroundColor": "transparent",
49
+ "borderWidth": 0,
50
+ },
51
+ {
52
+ "flex": 0,
53
+ "height": 26,
54
+ "width": 26,
55
+ },
56
+ ]
57
+ }
58
+ vbHeight={23}
59
+ vbWidth={22}
60
+ width={26}
61
+ >
62
+ <RNSVGGroup
63
+ fill={null}
64
+ propList={
65
+ [
66
+ "fill",
67
+ ]
68
+ }
69
+ >
70
+ <RNSVGPath
71
+ d="M11 7V11.5M11 16H11.0108M20.75 11.5C20.75 17.0919 16.3848 21.625 11 21.625C5.61522 21.625 1.25 17.0919 1.25 11.5C1.25 5.90812 5.61522 1.375 11 1.375C16.3848 1.375 20.75 5.90812 20.75 11.5Z"
72
+ propList={
73
+ [
74
+ "stroke",
75
+ "strokeWidth",
76
+ "strokeLinecap",
77
+ "strokeLinejoin",
78
+ ]
79
+ }
80
+ stroke={
81
+ {
82
+ "payload": 4294010984,
83
+ "type": 0,
84
+ }
85
+ }
86
+ strokeLinecap={1}
87
+ strokeLinejoin={1}
88
+ strokeWidth="2"
89
+ />
90
+ </RNSVGGroup>
91
+ </RNSVGSvgView>
92
+ </View>
93
+ <View
94
+ style={
95
+ {
96
+ "backgroundColor": "#F16868",
97
+ "borderBottomLeftRadius": 8,
98
+ "borderBottomRightRadius": 32,
99
+ "borderTopLeftRadius": 24,
100
+ "borderTopRightRadius": 24,
101
+ "flex": 1,
102
+ "justifyContent": "center",
103
+ "paddingBottom": 16,
104
+ "paddingLeft": 24,
105
+ "paddingRight": 24,
106
+ "paddingTop": 16,
107
+ }
52
108
  }
53
109
  >
54
110
  <View
@@ -133,7 +189,7 @@ exports[`test text-bubble given the bubbleAlignment is SENT return a text-bubble
133
189
  onResponderTerminate={[Function]}
134
190
  onResponderTerminationRequest={[Function]}
135
191
  onStartShouldSetResponder={[Function]}
136
- testID="edit-button"
192
+ testID="refresh-button"
137
193
  >
138
194
  <RNSVGSvgView
139
195
  align="xMidYMid"
@@ -158,8 +214,8 @@ exports[`test text-bubble given the bubbleAlignment is SENT return a text-bubble
158
214
  },
159
215
  ]
160
216
  }
161
- vbHeight={23}
162
- vbWidth={23}
217
+ vbHeight={18}
218
+ vbWidth={16}
163
219
  width={24}
164
220
  >
165
221
  <RNSVGGroup
@@ -171,24 +227,18 @@ exports[`test text-bubble given the bubbleAlignment is SENT return a text-bubble
171
227
  }
172
228
  >
173
229
  <RNSVGPath
174
- d="M15.1363 3.88626L19.1137 7.86374M16.8238 2.19876C17.9221 1.10041 19.7029 1.10041 20.8012 2.19876C21.8996 3.29711 21.8996 5.07789 20.8012 6.17624L5.31256 21.6649H1.37506V17.6475L16.8238 2.19876Z"
175
- propList={
176
- [
177
- "stroke",
178
- "strokeWidth",
179
- "strokeLinecap",
180
- "strokeLinejoin",
181
- ]
182
- }
183
- stroke={
230
+ d="M1.40005 0.200012C2.00756 0.200012 2.50005 0.692499 2.50005 1.30001V3.61139C3.89715 2.18539 5.84462 1.30001 8.00005 1.30001C11.3544 1.30001 14.2051 3.44426 15.2616 6.43344C15.4641 7.00623 15.1639 7.63468 14.5911 7.83714C14.0183 8.03959 13.3898 7.73937 13.1874 7.16658C12.4318 5.02891 10.3931 3.50001 8.00005 3.50001C6.20162 3.50001 4.60329 4.36353 3.59934 5.70001H6.90005C7.50756 5.70001 8.00005 6.1925 8.00005 6.80001C8.00005 7.40752 7.50756 7.90001 6.90005 7.90001H1.40005C0.792536 7.90001 0.300049 7.40752 0.300049 6.80001V1.30001C0.300049 0.692499 0.792536 0.200012 1.40005 0.200012ZM1.40903 10.1629C1.98182 9.96044 2.61027 10.2607 2.81273 10.8334C3.56828 12.9711 5.60703 14.5 8.00005 14.5C9.79847 14.5 11.3968 13.6365 12.4008 12.3L9.10005 12.3C8.49254 12.3 8.00005 11.8075 8.00005 11.2C8.00005 10.5925 8.49254 10.1 9.10005 10.1H14.6C14.8918 10.1 15.1716 10.2159 15.3779 10.4222C15.5842 10.6285 15.7 10.9083 15.7 11.2V16.7C15.7 17.3075 15.2076 17.8 14.6 17.8C13.9925 17.8 13.5 17.3075 13.5 16.7V14.3886C12.1029 15.8146 10.1555 16.7 8.00005 16.7C4.6457 16.7 1.795 14.5558 0.738478 11.5666C0.536026 10.9938 0.836243 10.3653 1.40903 10.1629Z"
231
+ fill={
184
232
  {
185
- "payload": 4279837036,
233
+ "payload": 4294695385,
186
234
  "type": 0,
187
235
  }
188
236
  }
189
- strokeLinecap={1}
190
- strokeLinejoin={1}
191
- strokeWidth="2"
237
+ propList={
238
+ [
239
+ "fill",
240
+ ]
241
+ }
192
242
  />
193
243
  </RNSVGGroup>
194
244
  </RNSVGSvgView>
@@ -259,8 +309,8 @@ exports[`test text-bubble given the bubbleAlignment is SENT return a text-bubble
259
309
  },
260
310
  ]
261
311
  }
262
- vbHeight={22}
263
- vbWidth={21}
312
+ vbHeight={18}
313
+ vbWidth={17}
264
314
  width={24}
265
315
  >
266
316
  <RNSVGGroup
@@ -272,24 +322,21 @@ exports[`test text-bubble given the bubbleAlignment is SENT return a text-bubble
272
322
  }
273
323
  >
274
324
  <RNSVGPath
275
- d="M18.375 5.58333L17.3993 18.7377C17.3152 19.8715 16.3354 20.75 15.155 20.75H5.84502C4.66458 20.75 3.68484 19.8715 3.60074 18.7377L2.625 5.58333M8.25 9.91667V16.4167M12.75 9.91667V16.4167M13.875 5.58333V2.33333C13.875 1.73502 13.3713 1.25 12.75 1.25H8.25C7.62868 1.25 7.125 1.73502 7.125 2.33333V5.58333M1.5 5.58333H19.5"
276
- propList={
277
- [
278
- "stroke",
279
- "strokeWidth",
280
- "strokeLinecap",
281
- "strokeLinejoin",
282
- ]
283
- }
284
- stroke={
325
+ clipRule={0}
326
+ d="M7.34995 0.200012C6.91436 0.200012 6.51616 0.435415 6.32136 0.808077L5.48921 2.40001H1.59995C0.964824 2.40001 0.449951 2.8925 0.449951 3.50001C0.449951 4.10753 0.964824 4.60001 1.59995 4.60001L1.59995 15.6C1.59995 16.815 2.6297 17.8 3.89995 17.8H13.1C14.3702 17.8 15.4 16.815 15.4 15.6V4.60001C16.0351 4.60001 16.55 4.10753 16.55 3.50001C16.55 2.8925 16.0351 2.40001 15.4 2.40001H11.5107L10.6785 0.808077C10.4837 0.435415 10.0855 0.200012 9.64995 0.200012H7.34995ZM5.04995 6.80001C5.04995 6.1925 5.56482 5.70001 6.19995 5.70001C6.83508 5.70001 7.34995 6.1925 7.34995 6.80001V13.4C7.34995 14.0075 6.83508 14.5 6.19995 14.5C5.56482 14.5 5.04995 14.0075 5.04995 13.4V6.80001ZM10.8 5.70001C10.1648 5.70001 9.64995 6.1925 9.64995 6.80001V13.4C9.64995 14.0075 10.1648 14.5 10.8 14.5C11.4351 14.5 11.95 14.0075 11.95 13.4V6.80001C11.95 6.1925 11.4351 5.70001 10.8 5.70001Z"
327
+ fill={
285
328
  {
286
- "payload": 4279837036,
329
+ "payload": 4294695385,
287
330
  "type": 0,
288
331
  }
289
332
  }
290
- strokeLinecap={1}
291
- strokeLinejoin={1}
292
- strokeWidth="2"
333
+ fillRule={0}
334
+ propList={
335
+ [
336
+ "fill",
337
+ "fillRule",
338
+ ]
339
+ }
293
340
  />
294
341
  </RNSVGGroup>
295
342
  </RNSVGSvgView>
@@ -329,20 +376,15 @@ exports[`test text-bubble given the bubbleAlignment is SENT return a text-bubble
329
376
  },
330
377
  ],
331
378
  {
332
- "color": "#19216C",
379
+ "color": "#FFFFFF",
333
380
  "textAlign": undefined,
334
381
  "width": "100%",
335
382
  },
336
- [
337
- {
338
- "minHeight": 30,
339
- "textAlignVertical": "center",
340
- },
341
- {
342
- "backgroundColor": "#E0E8F9",
343
- },
344
- false,
345
- ],
383
+ {
384
+ "backgroundColor": "#F16868",
385
+ "minHeight": 30,
386
+ "textAlignVertical": "center",
387
+ },
346
388
  ]
347
389
  }
348
390
  >
@@ -355,15 +397,10 @@ exports[`test text-bubble given the bubbleAlignment is SENT return a text-bubble
355
397
  </View>
356
398
  <View
357
399
  style={
358
- [
359
- {
360
- "marginBottom": 2,
361
- "maxWidth": "80%",
362
- },
363
- {
364
- "alignSelf": "flex-end",
365
- },
366
- ]
400
+ {
401
+ "alignSelf": "flex-end",
402
+ "marginBottom": 2,
403
+ }
367
404
  }
368
405
  >
369
406
  <Text
@@ -397,52 +434,108 @@ exports[`test text-bubble given the bubbleAlignment is SENT return a text-bubble
397
434
  exports[`test text-bubble given the visualState is DEFAULT return a light-blue colored text-bubble AND dark green text 1`] = `
398
435
  <View
399
436
  style={
400
- [
401
- {
402
- "gap": 4,
403
- "width": "100%",
404
- },
405
- false,
406
- ]
437
+ {
438
+ "gap": 4,
439
+ "width": "100%",
440
+ }
407
441
  }
408
442
  >
409
443
  <View
410
444
  style={
411
- [
412
- {
413
- "maxWidth": "80%",
414
- "minWidth": "50%",
415
- },
416
- {
417
- "alignSelf": "flex-end",
418
- },
419
- ]
445
+ {
446
+ "minWidth": "50%",
447
+ }
420
448
  }
421
449
  >
422
- <View>
450
+ <View
451
+ style={
452
+ {
453
+ "flexDirection": "row",
454
+ "gap": 12,
455
+ }
456
+ }
457
+ >
423
458
  <View
424
459
  style={
425
- [
426
- {
427
- "borderRadius": 24,
428
- "justifyContent": "center",
429
- "overflow": "hidden",
430
- "paddingBottom": 16,
431
- "paddingLeft": 24,
432
- "paddingRight": 24,
433
- "paddingTop": 16,
434
- "width": "100%",
435
- },
436
- {
437
- "backgroundColor": "#E0E8F9",
438
- },
439
- false,
440
- false,
441
- {
442
- "borderBottomLeftRadius": 32,
443
- "borderBottomRightRadius": 8,
444
- },
445
- ]
460
+ {
461
+ "justifyContent": "center",
462
+ "padding": 2,
463
+ }
464
+ }
465
+ >
466
+ <RNSVGSvgView
467
+ align="xMidYMid"
468
+ bbHeight="26"
469
+ bbWidth="26"
470
+ fill="none"
471
+ focusable={false}
472
+ height={26}
473
+ meetOrSlice={0}
474
+ minX={0}
475
+ minY={0}
476
+ style={
477
+ [
478
+ {
479
+ "backgroundColor": "transparent",
480
+ "borderWidth": 0,
481
+ },
482
+ {
483
+ "flex": 0,
484
+ "height": 26,
485
+ "width": 26,
486
+ },
487
+ ]
488
+ }
489
+ vbHeight={23}
490
+ vbWidth={22}
491
+ width={26}
492
+ >
493
+ <RNSVGGroup
494
+ fill={null}
495
+ propList={
496
+ [
497
+ "fill",
498
+ ]
499
+ }
500
+ >
501
+ <RNSVGPath
502
+ d="M11 7V11.5M11 16H11.0108M20.75 11.5C20.75 17.0919 16.3848 21.625 11 21.625C5.61522 21.625 1.25 17.0919 1.25 11.5C1.25 5.90812 5.61522 1.375 11 1.375C16.3848 1.375 20.75 5.90812 20.75 11.5Z"
503
+ propList={
504
+ [
505
+ "stroke",
506
+ "strokeWidth",
507
+ "strokeLinecap",
508
+ "strokeLinejoin",
509
+ ]
510
+ }
511
+ stroke={
512
+ {
513
+ "payload": 4294010984,
514
+ "type": 0,
515
+ }
516
+ }
517
+ strokeLinecap={1}
518
+ strokeLinejoin={1}
519
+ strokeWidth="2"
520
+ />
521
+ </RNSVGGroup>
522
+ </RNSVGSvgView>
523
+ </View>
524
+ <View
525
+ style={
526
+ {
527
+ "backgroundColor": "#F16868",
528
+ "borderBottomLeftRadius": 8,
529
+ "borderBottomRightRadius": 32,
530
+ "borderTopLeftRadius": 24,
531
+ "borderTopRightRadius": 24,
532
+ "flex": 1,
533
+ "justifyContent": "center",
534
+ "paddingBottom": 16,
535
+ "paddingLeft": 24,
536
+ "paddingRight": 24,
537
+ "paddingTop": 16,
538
+ }
446
539
  }
447
540
  >
448
541
  <View
@@ -527,7 +620,7 @@ exports[`test text-bubble given the visualState is DEFAULT return a light-blue c
527
620
  onResponderTerminate={[Function]}
528
621
  onResponderTerminationRequest={[Function]}
529
622
  onStartShouldSetResponder={[Function]}
530
- testID="edit-button"
623
+ testID="refresh-button"
531
624
  >
532
625
  <RNSVGSvgView
533
626
  align="xMidYMid"
@@ -552,8 +645,8 @@ exports[`test text-bubble given the visualState is DEFAULT return a light-blue c
552
645
  },
553
646
  ]
554
647
  }
555
- vbHeight={23}
556
- vbWidth={23}
648
+ vbHeight={18}
649
+ vbWidth={16}
557
650
  width={24}
558
651
  >
559
652
  <RNSVGGroup
@@ -565,24 +658,18 @@ exports[`test text-bubble given the visualState is DEFAULT return a light-blue c
565
658
  }
566
659
  >
567
660
  <RNSVGPath
568
- d="M15.1363 3.88626L19.1137 7.86374M16.8238 2.19876C17.9221 1.10041 19.7029 1.10041 20.8012 2.19876C21.8996 3.29711 21.8996 5.07789 20.8012 6.17624L5.31256 21.6649H1.37506V17.6475L16.8238 2.19876Z"
569
- propList={
570
- [
571
- "stroke",
572
- "strokeWidth",
573
- "strokeLinecap",
574
- "strokeLinejoin",
575
- ]
576
- }
577
- stroke={
661
+ d="M1.40005 0.200012C2.00756 0.200012 2.50005 0.692499 2.50005 1.30001V3.61139C3.89715 2.18539 5.84462 1.30001 8.00005 1.30001C11.3544 1.30001 14.2051 3.44426 15.2616 6.43344C15.4641 7.00623 15.1639 7.63468 14.5911 7.83714C14.0183 8.03959 13.3898 7.73937 13.1874 7.16658C12.4318 5.02891 10.3931 3.50001 8.00005 3.50001C6.20162 3.50001 4.60329 4.36353 3.59934 5.70001H6.90005C7.50756 5.70001 8.00005 6.1925 8.00005 6.80001C8.00005 7.40752 7.50756 7.90001 6.90005 7.90001H1.40005C0.792536 7.90001 0.300049 7.40752 0.300049 6.80001V1.30001C0.300049 0.692499 0.792536 0.200012 1.40005 0.200012ZM1.40903 10.1629C1.98182 9.96044 2.61027 10.2607 2.81273 10.8334C3.56828 12.9711 5.60703 14.5 8.00005 14.5C9.79847 14.5 11.3968 13.6365 12.4008 12.3L9.10005 12.3C8.49254 12.3 8.00005 11.8075 8.00005 11.2C8.00005 10.5925 8.49254 10.1 9.10005 10.1H14.6C14.8918 10.1 15.1716 10.2159 15.3779 10.4222C15.5842 10.6285 15.7 10.9083 15.7 11.2V16.7C15.7 17.3075 15.2076 17.8 14.6 17.8C13.9925 17.8 13.5 17.3075 13.5 16.7V14.3886C12.1029 15.8146 10.1555 16.7 8.00005 16.7C4.6457 16.7 1.795 14.5558 0.738478 11.5666C0.536026 10.9938 0.836243 10.3653 1.40903 10.1629Z"
662
+ fill={
578
663
  {
579
- "payload": 4279837036,
664
+ "payload": 4294695385,
580
665
  "type": 0,
581
666
  }
582
667
  }
583
- strokeLinecap={1}
584
- strokeLinejoin={1}
585
- strokeWidth="2"
668
+ propList={
669
+ [
670
+ "fill",
671
+ ]
672
+ }
586
673
  />
587
674
  </RNSVGGroup>
588
675
  </RNSVGSvgView>
@@ -653,8 +740,8 @@ exports[`test text-bubble given the visualState is DEFAULT return a light-blue c
653
740
  },
654
741
  ]
655
742
  }
656
- vbHeight={22}
657
- vbWidth={21}
743
+ vbHeight={18}
744
+ vbWidth={17}
658
745
  width={24}
659
746
  >
660
747
  <RNSVGGroup
@@ -666,24 +753,21 @@ exports[`test text-bubble given the visualState is DEFAULT return a light-blue c
666
753
  }
667
754
  >
668
755
  <RNSVGPath
669
- d="M18.375 5.58333L17.3993 18.7377C17.3152 19.8715 16.3354 20.75 15.155 20.75H5.84502C4.66458 20.75 3.68484 19.8715 3.60074 18.7377L2.625 5.58333M8.25 9.91667V16.4167M12.75 9.91667V16.4167M13.875 5.58333V2.33333C13.875 1.73502 13.3713 1.25 12.75 1.25H8.25C7.62868 1.25 7.125 1.73502 7.125 2.33333V5.58333M1.5 5.58333H19.5"
670
- propList={
671
- [
672
- "stroke",
673
- "strokeWidth",
674
- "strokeLinecap",
675
- "strokeLinejoin",
676
- ]
677
- }
678
- stroke={
756
+ clipRule={0}
757
+ d="M7.34995 0.200012C6.91436 0.200012 6.51616 0.435415 6.32136 0.808077L5.48921 2.40001H1.59995C0.964824 2.40001 0.449951 2.8925 0.449951 3.50001C0.449951 4.10753 0.964824 4.60001 1.59995 4.60001L1.59995 15.6C1.59995 16.815 2.6297 17.8 3.89995 17.8H13.1C14.3702 17.8 15.4 16.815 15.4 15.6V4.60001C16.0351 4.60001 16.55 4.10753 16.55 3.50001C16.55 2.8925 16.0351 2.40001 15.4 2.40001H11.5107L10.6785 0.808077C10.4837 0.435415 10.0855 0.200012 9.64995 0.200012H7.34995ZM5.04995 6.80001C5.04995 6.1925 5.56482 5.70001 6.19995 5.70001C6.83508 5.70001 7.34995 6.1925 7.34995 6.80001V13.4C7.34995 14.0075 6.83508 14.5 6.19995 14.5C5.56482 14.5 5.04995 14.0075 5.04995 13.4V6.80001ZM10.8 5.70001C10.1648 5.70001 9.64995 6.1925 9.64995 6.80001V13.4C9.64995 14.0075 10.1648 14.5 10.8 14.5C11.4351 14.5 11.95 14.0075 11.95 13.4V6.80001C11.95 6.1925 11.4351 5.70001 10.8 5.70001Z"
758
+ fill={
679
759
  {
680
- "payload": 4279837036,
760
+ "payload": 4294695385,
681
761
  "type": 0,
682
762
  }
683
763
  }
684
- strokeLinecap={1}
685
- strokeLinejoin={1}
686
- strokeWidth="2"
764
+ fillRule={0}
765
+ propList={
766
+ [
767
+ "fill",
768
+ "fillRule",
769
+ ]
770
+ }
687
771
  />
688
772
  </RNSVGGroup>
689
773
  </RNSVGSvgView>
@@ -723,20 +807,15 @@ exports[`test text-bubble given the visualState is DEFAULT return a light-blue c
723
807
  },
724
808
  ],
725
809
  {
726
- "color": "#19216C",
810
+ "color": "#FFFFFF",
727
811
  "textAlign": undefined,
728
812
  "width": "100%",
729
813
  },
730
- [
731
- {
732
- "minHeight": 30,
733
- "textAlignVertical": "center",
734
- },
735
- {
736
- "backgroundColor": "#E0E8F9",
737
- },
738
- false,
739
- ],
814
+ {
815
+ "backgroundColor": "#F16868",
816
+ "minHeight": 30,
817
+ "textAlignVertical": "center",
818
+ },
740
819
  ]
741
820
  }
742
821
  >
@@ -749,15 +828,10 @@ exports[`test text-bubble given the visualState is DEFAULT return a light-blue c
749
828
  </View>
750
829
  <View
751
830
  style={
752
- [
753
- {
754
- "marginBottom": 2,
755
- "maxWidth": "80%",
756
- },
757
- {
758
- "alignSelf": "flex-end",
759
- },
760
- ]
831
+ {
832
+ "alignSelf": "flex-end",
833
+ "marginBottom": 2,
834
+ }
761
835
  }
762
836
  >
763
837
  <Text
@@ -791,50 +865,108 @@ exports[`test text-bubble given the visualState is DEFAULT return a light-blue c
791
865
  exports[`test text-bubble given the visualState is ERROR return a red colored text-bubble AND white text 1`] = `
792
866
  <View
793
867
  style={
794
- [
795
- {
796
- "gap": 4,
797
- "width": "100%",
798
- },
799
- false,
800
- ]
868
+ {
869
+ "gap": 4,
870
+ "width": "100%",
871
+ }
801
872
  }
802
873
  >
803
874
  <View
804
875
  style={
805
- [
806
- {
807
- "maxWidth": "80%",
808
- "minWidth": "50%",
809
- },
810
- {
811
- "alignSelf": "flex-end",
812
- },
813
- ]
876
+ {
877
+ "minWidth": "50%",
878
+ }
814
879
  }
815
880
  >
816
- <View>
881
+ <View
882
+ style={
883
+ {
884
+ "flexDirection": "row",
885
+ "gap": 12,
886
+ }
887
+ }
888
+ >
817
889
  <View
818
890
  style={
819
- [
820
- {
821
- "borderRadius": 24,
822
- "justifyContent": "center",
823
- "overflow": "hidden",
824
- "paddingBottom": 16,
825
- "paddingLeft": 24,
826
- "paddingRight": 24,
827
- "paddingTop": 16,
828
- "width": "100%",
829
- },
830
- false,
831
- false,
832
- false,
833
- {
834
- "borderBottomLeftRadius": 32,
835
- "borderBottomRightRadius": 8,
836
- },
837
- ]
891
+ {
892
+ "justifyContent": "center",
893
+ "padding": 2,
894
+ }
895
+ }
896
+ >
897
+ <RNSVGSvgView
898
+ align="xMidYMid"
899
+ bbHeight="26"
900
+ bbWidth="26"
901
+ fill="none"
902
+ focusable={false}
903
+ height={26}
904
+ meetOrSlice={0}
905
+ minX={0}
906
+ minY={0}
907
+ style={
908
+ [
909
+ {
910
+ "backgroundColor": "transparent",
911
+ "borderWidth": 0,
912
+ },
913
+ {
914
+ "flex": 0,
915
+ "height": 26,
916
+ "width": 26,
917
+ },
918
+ ]
919
+ }
920
+ vbHeight={23}
921
+ vbWidth={22}
922
+ width={26}
923
+ >
924
+ <RNSVGGroup
925
+ fill={null}
926
+ propList={
927
+ [
928
+ "fill",
929
+ ]
930
+ }
931
+ >
932
+ <RNSVGPath
933
+ d="M11 7V11.5M11 16H11.0108M20.75 11.5C20.75 17.0919 16.3848 21.625 11 21.625C5.61522 21.625 1.25 17.0919 1.25 11.5C1.25 5.90812 5.61522 1.375 11 1.375C16.3848 1.375 20.75 5.90812 20.75 11.5Z"
934
+ propList={
935
+ [
936
+ "stroke",
937
+ "strokeWidth",
938
+ "strokeLinecap",
939
+ "strokeLinejoin",
940
+ ]
941
+ }
942
+ stroke={
943
+ {
944
+ "payload": 4294010984,
945
+ "type": 0,
946
+ }
947
+ }
948
+ strokeLinecap={1}
949
+ strokeLinejoin={1}
950
+ strokeWidth="2"
951
+ />
952
+ </RNSVGGroup>
953
+ </RNSVGSvgView>
954
+ </View>
955
+ <View
956
+ style={
957
+ {
958
+ "backgroundColor": "#F16868",
959
+ "borderBottomLeftRadius": 8,
960
+ "borderBottomRightRadius": 32,
961
+ "borderTopLeftRadius": 24,
962
+ "borderTopRightRadius": 24,
963
+ "flex": 1,
964
+ "justifyContent": "center",
965
+ "paddingBottom": 16,
966
+ "paddingLeft": 24,
967
+ "paddingRight": 24,
968
+ "paddingTop": 16,
969
+ }
838
970
  }
839
971
  >
840
972
  <View
@@ -919,7 +1051,7 @@ exports[`test text-bubble given the visualState is ERROR return a red colored te
919
1051
  onResponderTerminate={[Function]}
920
1052
  onResponderTerminationRequest={[Function]}
921
1053
  onStartShouldSetResponder={[Function]}
922
- testID="edit-button"
1054
+ testID="refresh-button"
923
1055
  >
924
1056
  <RNSVGSvgView
925
1057
  align="xMidYMid"
@@ -944,8 +1076,8 @@ exports[`test text-bubble given the visualState is ERROR return a red colored te
944
1076
  },
945
1077
  ]
946
1078
  }
947
- vbHeight={23}
948
- vbWidth={23}
1079
+ vbHeight={18}
1080
+ vbWidth={16}
949
1081
  width={24}
950
1082
  >
951
1083
  <RNSVGGroup
@@ -957,24 +1089,18 @@ exports[`test text-bubble given the visualState is ERROR return a red colored te
957
1089
  }
958
1090
  >
959
1091
  <RNSVGPath
960
- d="M15.1363 3.88626L19.1137 7.86374M16.8238 2.19876C17.9221 1.10041 19.7029 1.10041 20.8012 2.19876C21.8996 3.29711 21.8996 5.07789 20.8012 6.17624L5.31256 21.6649H1.37506V17.6475L16.8238 2.19876Z"
961
- propList={
962
- [
963
- "stroke",
964
- "strokeWidth",
965
- "strokeLinecap",
966
- "strokeLinejoin",
967
- ]
968
- }
969
- stroke={
1092
+ d="M1.40005 0.200012C2.00756 0.200012 2.50005 0.692499 2.50005 1.30001V3.61139C3.89715 2.18539 5.84462 1.30001 8.00005 1.30001C11.3544 1.30001 14.2051 3.44426 15.2616 6.43344C15.4641 7.00623 15.1639 7.63468 14.5911 7.83714C14.0183 8.03959 13.3898 7.73937 13.1874 7.16658C12.4318 5.02891 10.3931 3.50001 8.00005 3.50001C6.20162 3.50001 4.60329 4.36353 3.59934 5.70001H6.90005C7.50756 5.70001 8.00005 6.1925 8.00005 6.80001C8.00005 7.40752 7.50756 7.90001 6.90005 7.90001H1.40005C0.792536 7.90001 0.300049 7.40752 0.300049 6.80001V1.30001C0.300049 0.692499 0.792536 0.200012 1.40005 0.200012ZM1.40903 10.1629C1.98182 9.96044 2.61027 10.2607 2.81273 10.8334C3.56828 12.9711 5.60703 14.5 8.00005 14.5C9.79847 14.5 11.3968 13.6365 12.4008 12.3L9.10005 12.3C8.49254 12.3 8.00005 11.8075 8.00005 11.2C8.00005 10.5925 8.49254 10.1 9.10005 10.1H14.6C14.8918 10.1 15.1716 10.2159 15.3779 10.4222C15.5842 10.6285 15.7 10.9083 15.7 11.2V16.7C15.7 17.3075 15.2076 17.8 14.6 17.8C13.9925 17.8 13.5 17.3075 13.5 16.7V14.3886C12.1029 15.8146 10.1555 16.7 8.00005 16.7C4.6457 16.7 1.795 14.5558 0.738478 11.5666C0.536026 10.9938 0.836243 10.3653 1.40903 10.1629Z"
1093
+ fill={
970
1094
  {
971
- "payload": 4279837036,
1095
+ "payload": 4294695385,
972
1096
  "type": 0,
973
1097
  }
974
1098
  }
975
- strokeLinecap={1}
976
- strokeLinejoin={1}
977
- strokeWidth="2"
1099
+ propList={
1100
+ [
1101
+ "fill",
1102
+ ]
1103
+ }
978
1104
  />
979
1105
  </RNSVGGroup>
980
1106
  </RNSVGSvgView>
@@ -1045,8 +1171,8 @@ exports[`test text-bubble given the visualState is ERROR return a red colored te
1045
1171
  },
1046
1172
  ]
1047
1173
  }
1048
- vbHeight={22}
1049
- vbWidth={21}
1174
+ vbHeight={18}
1175
+ vbWidth={17}
1050
1176
  width={24}
1051
1177
  >
1052
1178
  <RNSVGGroup
@@ -1058,24 +1184,21 @@ exports[`test text-bubble given the visualState is ERROR return a red colored te
1058
1184
  }
1059
1185
  >
1060
1186
  <RNSVGPath
1061
- d="M18.375 5.58333L17.3993 18.7377C17.3152 19.8715 16.3354 20.75 15.155 20.75H5.84502C4.66458 20.75 3.68484 19.8715 3.60074 18.7377L2.625 5.58333M8.25 9.91667V16.4167M12.75 9.91667V16.4167M13.875 5.58333V2.33333C13.875 1.73502 13.3713 1.25 12.75 1.25H8.25C7.62868 1.25 7.125 1.73502 7.125 2.33333V5.58333M1.5 5.58333H19.5"
1062
- propList={
1063
- [
1064
- "stroke",
1065
- "strokeWidth",
1066
- "strokeLinecap",
1067
- "strokeLinejoin",
1068
- ]
1069
- }
1070
- stroke={
1187
+ clipRule={0}
1188
+ d="M7.34995 0.200012C6.91436 0.200012 6.51616 0.435415 6.32136 0.808077L5.48921 2.40001H1.59995C0.964824 2.40001 0.449951 2.8925 0.449951 3.50001C0.449951 4.10753 0.964824 4.60001 1.59995 4.60001L1.59995 15.6C1.59995 16.815 2.6297 17.8 3.89995 17.8H13.1C14.3702 17.8 15.4 16.815 15.4 15.6V4.60001C16.0351 4.60001 16.55 4.10753 16.55 3.50001C16.55 2.8925 16.0351 2.40001 15.4 2.40001H11.5107L10.6785 0.808077C10.4837 0.435415 10.0855 0.200012 9.64995 0.200012H7.34995ZM5.04995 6.80001C5.04995 6.1925 5.56482 5.70001 6.19995 5.70001C6.83508 5.70001 7.34995 6.1925 7.34995 6.80001V13.4C7.34995 14.0075 6.83508 14.5 6.19995 14.5C5.56482 14.5 5.04995 14.0075 5.04995 13.4V6.80001ZM10.8 5.70001C10.1648 5.70001 9.64995 6.1925 9.64995 6.80001V13.4C9.64995 14.0075 10.1648 14.5 10.8 14.5C11.4351 14.5 11.95 14.0075 11.95 13.4V6.80001C11.95 6.1925 11.4351 5.70001 10.8 5.70001Z"
1189
+ fill={
1071
1190
  {
1072
- "payload": 4279837036,
1191
+ "payload": 4294695385,
1073
1192
  "type": 0,
1074
1193
  }
1075
1194
  }
1076
- strokeLinecap={1}
1077
- strokeLinejoin={1}
1078
- strokeWidth="2"
1195
+ fillRule={0}
1196
+ propList={
1197
+ [
1198
+ "fill",
1199
+ "fillRule",
1200
+ ]
1201
+ }
1079
1202
  />
1080
1203
  </RNSVGGroup>
1081
1204
  </RNSVGSvgView>
@@ -1115,18 +1238,15 @@ exports[`test text-bubble given the visualState is ERROR return a red colored te
1115
1238
  },
1116
1239
  ],
1117
1240
  {
1118
- "color": "#1F2933",
1241
+ "color": "#FFFFFF",
1119
1242
  "textAlign": undefined,
1120
1243
  "width": "100%",
1121
1244
  },
1122
- [
1123
- {
1124
- "minHeight": 30,
1125
- "textAlignVertical": "center",
1126
- },
1127
- false,
1128
- false,
1129
- ],
1245
+ {
1246
+ "backgroundColor": "#F16868",
1247
+ "minHeight": 30,
1248
+ "textAlignVertical": "center",
1249
+ },
1130
1250
  ]
1131
1251
  }
1132
1252
  >
@@ -1139,15 +1259,10 @@ exports[`test text-bubble given the visualState is ERROR return a red colored te
1139
1259
  </View>
1140
1260
  <View
1141
1261
  style={
1142
- [
1143
- {
1144
- "marginBottom": 2,
1145
- "maxWidth": "80%",
1146
- },
1147
- {
1148
- "alignSelf": "flex-end",
1149
- },
1150
- ]
1262
+ {
1263
+ "alignSelf": "flex-end",
1264
+ "marginBottom": 2,
1265
+ }
1151
1266
  }
1152
1267
  >
1153
1268
  <Text
@@ -1181,52 +1296,108 @@ exports[`test text-bubble given the visualState is ERROR return a red colored te
1181
1296
  exports[`test text-bubble given the visualState is RECEIVE return a text-bubble with left-bottom tip 1`] = `
1182
1297
  <View
1183
1298
  style={
1184
- [
1185
- {
1186
- "gap": 4,
1187
- "width": "100%",
1188
- },
1189
- {
1190
- "marginLeft": 24,
1191
- },
1192
- ]
1299
+ {
1300
+ "gap": 4,
1301
+ "width": "100%",
1302
+ }
1193
1303
  }
1194
1304
  >
1195
1305
  <View
1196
1306
  style={
1197
- [
1198
- {
1199
- "maxWidth": "80%",
1200
- "minWidth": "50%",
1201
- },
1202
- false,
1203
- ]
1307
+ {
1308
+ "minWidth": "50%",
1309
+ }
1204
1310
  }
1205
1311
  >
1206
- <View>
1312
+ <View
1313
+ style={
1314
+ {
1315
+ "flexDirection": "row",
1316
+ "gap": 12,
1317
+ }
1318
+ }
1319
+ >
1207
1320
  <View
1208
1321
  style={
1209
- [
1210
- {
1211
- "borderRadius": 24,
1212
- "justifyContent": "center",
1213
- "overflow": "hidden",
1214
- "paddingBottom": 16,
1215
- "paddingLeft": 24,
1216
- "paddingRight": 24,
1217
- "paddingTop": 16,
1218
- "width": "100%",
1219
- },
1220
- {
1221
- "backgroundColor": "#E0E8F9",
1222
- },
1223
- false,
1224
- {
1225
- "borderBottomLeftRadius": 8,
1226
- "borderBottomRightRadius": 32,
1227
- },
1228
- false,
1229
- ]
1322
+ {
1323
+ "justifyContent": "center",
1324
+ "padding": 2,
1325
+ }
1326
+ }
1327
+ >
1328
+ <RNSVGSvgView
1329
+ align="xMidYMid"
1330
+ bbHeight="26"
1331
+ bbWidth="26"
1332
+ fill="none"
1333
+ focusable={false}
1334
+ height={26}
1335
+ meetOrSlice={0}
1336
+ minX={0}
1337
+ minY={0}
1338
+ style={
1339
+ [
1340
+ {
1341
+ "backgroundColor": "transparent",
1342
+ "borderWidth": 0,
1343
+ },
1344
+ {
1345
+ "flex": 0,
1346
+ "height": 26,
1347
+ "width": 26,
1348
+ },
1349
+ ]
1350
+ }
1351
+ vbHeight={23}
1352
+ vbWidth={22}
1353
+ width={26}
1354
+ >
1355
+ <RNSVGGroup
1356
+ fill={null}
1357
+ propList={
1358
+ [
1359
+ "fill",
1360
+ ]
1361
+ }
1362
+ >
1363
+ <RNSVGPath
1364
+ d="M11 7V11.5M11 16H11.0108M20.75 11.5C20.75 17.0919 16.3848 21.625 11 21.625C5.61522 21.625 1.25 17.0919 1.25 11.5C1.25 5.90812 5.61522 1.375 11 1.375C16.3848 1.375 20.75 5.90812 20.75 11.5Z"
1365
+ propList={
1366
+ [
1367
+ "stroke",
1368
+ "strokeWidth",
1369
+ "strokeLinecap",
1370
+ "strokeLinejoin",
1371
+ ]
1372
+ }
1373
+ stroke={
1374
+ {
1375
+ "payload": 4294010984,
1376
+ "type": 0,
1377
+ }
1378
+ }
1379
+ strokeLinecap={1}
1380
+ strokeLinejoin={1}
1381
+ strokeWidth="2"
1382
+ />
1383
+ </RNSVGGroup>
1384
+ </RNSVGSvgView>
1385
+ </View>
1386
+ <View
1387
+ style={
1388
+ {
1389
+ "backgroundColor": "#F16868",
1390
+ "borderBottomLeftRadius": 8,
1391
+ "borderBottomRightRadius": 32,
1392
+ "borderTopLeftRadius": 24,
1393
+ "borderTopRightRadius": 24,
1394
+ "flex": 1,
1395
+ "justifyContent": "center",
1396
+ "paddingBottom": 16,
1397
+ "paddingLeft": 24,
1398
+ "paddingRight": 24,
1399
+ "paddingTop": 16,
1400
+ }
1230
1401
  }
1231
1402
  >
1232
1403
  <View
@@ -1311,7 +1482,7 @@ exports[`test text-bubble given the visualState is RECEIVE return a text-bubble
1311
1482
  onResponderTerminate={[Function]}
1312
1483
  onResponderTerminationRequest={[Function]}
1313
1484
  onStartShouldSetResponder={[Function]}
1314
- testID="edit-button"
1485
+ testID="refresh-button"
1315
1486
  >
1316
1487
  <RNSVGSvgView
1317
1488
  align="xMidYMid"
@@ -1336,8 +1507,8 @@ exports[`test text-bubble given the visualState is RECEIVE return a text-bubble
1336
1507
  },
1337
1508
  ]
1338
1509
  }
1339
- vbHeight={23}
1340
- vbWidth={23}
1510
+ vbHeight={18}
1511
+ vbWidth={16}
1341
1512
  width={24}
1342
1513
  >
1343
1514
  <RNSVGGroup
@@ -1349,24 +1520,18 @@ exports[`test text-bubble given the visualState is RECEIVE return a text-bubble
1349
1520
  }
1350
1521
  >
1351
1522
  <RNSVGPath
1352
- d="M15.1363 3.88626L19.1137 7.86374M16.8238 2.19876C17.9221 1.10041 19.7029 1.10041 20.8012 2.19876C21.8996 3.29711 21.8996 5.07789 20.8012 6.17624L5.31256 21.6649H1.37506V17.6475L16.8238 2.19876Z"
1353
- propList={
1354
- [
1355
- "stroke",
1356
- "strokeWidth",
1357
- "strokeLinecap",
1358
- "strokeLinejoin",
1359
- ]
1360
- }
1361
- stroke={
1523
+ d="M1.40005 0.200012C2.00756 0.200012 2.50005 0.692499 2.50005 1.30001V3.61139C3.89715 2.18539 5.84462 1.30001 8.00005 1.30001C11.3544 1.30001 14.2051 3.44426 15.2616 6.43344C15.4641 7.00623 15.1639 7.63468 14.5911 7.83714C14.0183 8.03959 13.3898 7.73937 13.1874 7.16658C12.4318 5.02891 10.3931 3.50001 8.00005 3.50001C6.20162 3.50001 4.60329 4.36353 3.59934 5.70001H6.90005C7.50756 5.70001 8.00005 6.1925 8.00005 6.80001C8.00005 7.40752 7.50756 7.90001 6.90005 7.90001H1.40005C0.792536 7.90001 0.300049 7.40752 0.300049 6.80001V1.30001C0.300049 0.692499 0.792536 0.200012 1.40005 0.200012ZM1.40903 10.1629C1.98182 9.96044 2.61027 10.2607 2.81273 10.8334C3.56828 12.9711 5.60703 14.5 8.00005 14.5C9.79847 14.5 11.3968 13.6365 12.4008 12.3L9.10005 12.3C8.49254 12.3 8.00005 11.8075 8.00005 11.2C8.00005 10.5925 8.49254 10.1 9.10005 10.1H14.6C14.8918 10.1 15.1716 10.2159 15.3779 10.4222C15.5842 10.6285 15.7 10.9083 15.7 11.2V16.7C15.7 17.3075 15.2076 17.8 14.6 17.8C13.9925 17.8 13.5 17.3075 13.5 16.7V14.3886C12.1029 15.8146 10.1555 16.7 8.00005 16.7C4.6457 16.7 1.795 14.5558 0.738478 11.5666C0.536026 10.9938 0.836243 10.3653 1.40903 10.1629Z"
1524
+ fill={
1362
1525
  {
1363
- "payload": 4279837036,
1526
+ "payload": 4294695385,
1364
1527
  "type": 0,
1365
1528
  }
1366
1529
  }
1367
- strokeLinecap={1}
1368
- strokeLinejoin={1}
1369
- strokeWidth="2"
1530
+ propList={
1531
+ [
1532
+ "fill",
1533
+ ]
1534
+ }
1370
1535
  />
1371
1536
  </RNSVGGroup>
1372
1537
  </RNSVGSvgView>
@@ -1437,8 +1602,8 @@ exports[`test text-bubble given the visualState is RECEIVE return a text-bubble
1437
1602
  },
1438
1603
  ]
1439
1604
  }
1440
- vbHeight={22}
1441
- vbWidth={21}
1605
+ vbHeight={18}
1606
+ vbWidth={17}
1442
1607
  width={24}
1443
1608
  >
1444
1609
  <RNSVGGroup
@@ -1450,24 +1615,21 @@ exports[`test text-bubble given the visualState is RECEIVE return a text-bubble
1450
1615
  }
1451
1616
  >
1452
1617
  <RNSVGPath
1453
- d="M18.375 5.58333L17.3993 18.7377C17.3152 19.8715 16.3354 20.75 15.155 20.75H5.84502C4.66458 20.75 3.68484 19.8715 3.60074 18.7377L2.625 5.58333M8.25 9.91667V16.4167M12.75 9.91667V16.4167M13.875 5.58333V2.33333C13.875 1.73502 13.3713 1.25 12.75 1.25H8.25C7.62868 1.25 7.125 1.73502 7.125 2.33333V5.58333M1.5 5.58333H19.5"
1454
- propList={
1455
- [
1456
- "stroke",
1457
- "strokeWidth",
1458
- "strokeLinecap",
1459
- "strokeLinejoin",
1460
- ]
1461
- }
1462
- stroke={
1618
+ clipRule={0}
1619
+ d="M7.34995 0.200012C6.91436 0.200012 6.51616 0.435415 6.32136 0.808077L5.48921 2.40001H1.59995C0.964824 2.40001 0.449951 2.8925 0.449951 3.50001C0.449951 4.10753 0.964824 4.60001 1.59995 4.60001L1.59995 15.6C1.59995 16.815 2.6297 17.8 3.89995 17.8H13.1C14.3702 17.8 15.4 16.815 15.4 15.6V4.60001C16.0351 4.60001 16.55 4.10753 16.55 3.50001C16.55 2.8925 16.0351 2.40001 15.4 2.40001H11.5107L10.6785 0.808077C10.4837 0.435415 10.0855 0.200012 9.64995 0.200012H7.34995ZM5.04995 6.80001C5.04995 6.1925 5.56482 5.70001 6.19995 5.70001C6.83508 5.70001 7.34995 6.1925 7.34995 6.80001V13.4C7.34995 14.0075 6.83508 14.5 6.19995 14.5C5.56482 14.5 5.04995 14.0075 5.04995 13.4V6.80001ZM10.8 5.70001C10.1648 5.70001 9.64995 6.1925 9.64995 6.80001V13.4C9.64995 14.0075 10.1648 14.5 10.8 14.5C11.4351 14.5 11.95 14.0075 11.95 13.4V6.80001C11.95 6.1925 11.4351 5.70001 10.8 5.70001Z"
1620
+ fill={
1463
1621
  {
1464
- "payload": 4279837036,
1622
+ "payload": 4294695385,
1465
1623
  "type": 0,
1466
1624
  }
1467
1625
  }
1468
- strokeLinecap={1}
1469
- strokeLinejoin={1}
1470
- strokeWidth="2"
1626
+ fillRule={0}
1627
+ propList={
1628
+ [
1629
+ "fill",
1630
+ "fillRule",
1631
+ ]
1632
+ }
1471
1633
  />
1472
1634
  </RNSVGGroup>
1473
1635
  </RNSVGSvgView>
@@ -1507,20 +1669,15 @@ exports[`test text-bubble given the visualState is RECEIVE return a text-bubble
1507
1669
  },
1508
1670
  ],
1509
1671
  {
1510
- "color": "#19216C",
1672
+ "color": "#FFFFFF",
1511
1673
  "textAlign": undefined,
1512
1674
  "width": "100%",
1513
1675
  },
1514
- [
1515
- {
1516
- "minHeight": 30,
1517
- "textAlignVertical": "center",
1518
- },
1519
- {
1520
- "backgroundColor": "#E0E8F9",
1521
- },
1522
- false,
1523
- ],
1676
+ {
1677
+ "backgroundColor": "#F16868",
1678
+ "minHeight": 30,
1679
+ "textAlignVertical": "center",
1680
+ },
1524
1681
  ]
1525
1682
  }
1526
1683
  >
@@ -1529,96 +1686,149 @@ exports[`test text-bubble given the visualState is RECEIVE return a text-bubble
1529
1686
  </View>
1530
1687
  </View>
1531
1688
  </View>
1532
- </View>
1533
- </View>
1534
- <View
1535
- style={
1536
- [
1537
- {
1538
- "marginBottom": 2,
1539
- "maxWidth": "80%",
1540
- },
1541
- false,
1542
- ]
1543
- }
1544
- >
1545
- <Text
1546
- style={
1547
- [
1548
- [
1549
- {
1550
- "fontFamily": "Montserrat",
1551
- "fontSize": 13,
1552
- "lineHeight": 20.4,
1553
- },
1554
- ],
1555
- {
1556
- "color": "#9AA5B1",
1557
- "textAlign": "right",
1558
- "width": "100%",
1559
- },
1560
- {
1561
- "textAlignVertical": "center",
1562
- },
1563
- ]
1564
- }
1565
- >
1566
-
1567
- 25 May, 9:08
1568
- </Text>
1569
- </View>
1570
- </View>
1571
- `;
1572
-
1573
- exports[`test text-bubble given the visualState is RECEIVE return a textBubble with left-bottom tip 1`] = `
1574
- <View
1575
- style={
1576
- [
1577
- {
1578
- "gap": 4,
1579
- "width": "100%",
1580
- },
1581
- {
1582
- "marginLeft": 24,
1583
- },
1584
- ]
1585
- }
1586
- >
1587
- <View
1588
- style={
1589
- [
1590
- {
1591
- "maxWidth": "80%",
1592
- "minWidth": "50%",
1593
- },
1594
- false,
1595
- ]
1596
- }
1597
- >
1598
- <View>
1689
+ </View>
1690
+ </View>
1691
+ <View
1692
+ style={
1693
+ {
1694
+ "alignSelf": "flex-end",
1695
+ "marginBottom": 2,
1696
+ }
1697
+ }
1698
+ >
1699
+ <Text
1700
+ style={
1701
+ [
1702
+ [
1703
+ {
1704
+ "fontFamily": "Montserrat",
1705
+ "fontSize": 13,
1706
+ "lineHeight": 20.4,
1707
+ },
1708
+ ],
1709
+ {
1710
+ "color": "#9AA5B1",
1711
+ "textAlign": "right",
1712
+ "width": "100%",
1713
+ },
1714
+ {
1715
+ "textAlignVertical": "center",
1716
+ },
1717
+ ]
1718
+ }
1719
+ >
1720
+
1721
+ 25 May, 9:08
1722
+ </Text>
1723
+ </View>
1724
+ </View>
1725
+ `;
1726
+
1727
+ exports[`test text-bubble given the visualState is RECEIVE return a textBubble with left-bottom tip 1`] = `
1728
+ <View
1729
+ style={
1730
+ {
1731
+ "gap": 4,
1732
+ "width": "100%",
1733
+ }
1734
+ }
1735
+ >
1736
+ <View
1737
+ style={
1738
+ {
1739
+ "minWidth": "50%",
1740
+ }
1741
+ }
1742
+ >
1743
+ <View
1744
+ style={
1745
+ {
1746
+ "flexDirection": "row",
1747
+ "gap": 12,
1748
+ }
1749
+ }
1750
+ >
1751
+ <View
1752
+ style={
1753
+ {
1754
+ "justifyContent": "center",
1755
+ "padding": 2,
1756
+ }
1757
+ }
1758
+ >
1759
+ <RNSVGSvgView
1760
+ align="xMidYMid"
1761
+ bbHeight="26"
1762
+ bbWidth="26"
1763
+ fill="none"
1764
+ focusable={false}
1765
+ height={26}
1766
+ meetOrSlice={0}
1767
+ minX={0}
1768
+ minY={0}
1769
+ style={
1770
+ [
1771
+ {
1772
+ "backgroundColor": "transparent",
1773
+ "borderWidth": 0,
1774
+ },
1775
+ {
1776
+ "flex": 0,
1777
+ "height": 26,
1778
+ "width": 26,
1779
+ },
1780
+ ]
1781
+ }
1782
+ vbHeight={23}
1783
+ vbWidth={22}
1784
+ width={26}
1785
+ >
1786
+ <RNSVGGroup
1787
+ fill={null}
1788
+ propList={
1789
+ [
1790
+ "fill",
1791
+ ]
1792
+ }
1793
+ >
1794
+ <RNSVGPath
1795
+ d="M11 7V11.5M11 16H11.0108M20.75 11.5C20.75 17.0919 16.3848 21.625 11 21.625C5.61522 21.625 1.25 17.0919 1.25 11.5C1.25 5.90812 5.61522 1.375 11 1.375C16.3848 1.375 20.75 5.90812 20.75 11.5Z"
1796
+ propList={
1797
+ [
1798
+ "stroke",
1799
+ "strokeWidth",
1800
+ "strokeLinecap",
1801
+ "strokeLinejoin",
1802
+ ]
1803
+ }
1804
+ stroke={
1805
+ {
1806
+ "payload": 4294010984,
1807
+ "type": 0,
1808
+ }
1809
+ }
1810
+ strokeLinecap={1}
1811
+ strokeLinejoin={1}
1812
+ strokeWidth="2"
1813
+ />
1814
+ </RNSVGGroup>
1815
+ </RNSVGSvgView>
1816
+ </View>
1599
1817
  <View
1600
1818
  style={
1601
- [
1602
- {
1603
- "borderRadius": 24,
1604
- "justifyContent": "center",
1605
- "overflow": "hidden",
1606
- "paddingBottom": 16,
1607
- "paddingLeft": 24,
1608
- "paddingRight": 24,
1609
- "paddingTop": 16,
1610
- "width": "100%",
1611
- },
1612
- {
1613
- "backgroundColor": "#E0E8F9",
1614
- },
1615
- false,
1616
- {
1617
- "borderBottomLeftRadius": 8,
1618
- "borderBottomRightRadius": 32,
1619
- },
1620
- false,
1621
- ]
1819
+ {
1820
+ "backgroundColor": "#F16868",
1821
+ "borderBottomLeftRadius": 8,
1822
+ "borderBottomRightRadius": 32,
1823
+ "borderTopLeftRadius": 24,
1824
+ "borderTopRightRadius": 24,
1825
+ "flex": 1,
1826
+ "justifyContent": "center",
1827
+ "paddingBottom": 16,
1828
+ "paddingLeft": 24,
1829
+ "paddingRight": 24,
1830
+ "paddingTop": 16,
1831
+ }
1622
1832
  }
1623
1833
  >
1624
1834
  <View
@@ -1703,7 +1913,7 @@ exports[`test text-bubble given the visualState is RECEIVE return a textBubble w
1703
1913
  onResponderTerminate={[Function]}
1704
1914
  onResponderTerminationRequest={[Function]}
1705
1915
  onStartShouldSetResponder={[Function]}
1706
- testID="edit-button"
1916
+ testID="refresh-button"
1707
1917
  >
1708
1918
  <RNSVGSvgView
1709
1919
  align="xMidYMid"
@@ -1728,8 +1938,8 @@ exports[`test text-bubble given the visualState is RECEIVE return a textBubble w
1728
1938
  },
1729
1939
  ]
1730
1940
  }
1731
- vbHeight={23}
1732
- vbWidth={23}
1941
+ vbHeight={18}
1942
+ vbWidth={16}
1733
1943
  width={24}
1734
1944
  >
1735
1945
  <RNSVGGroup
@@ -1741,24 +1951,18 @@ exports[`test text-bubble given the visualState is RECEIVE return a textBubble w
1741
1951
  }
1742
1952
  >
1743
1953
  <RNSVGPath
1744
- d="M15.1363 3.88626L19.1137 7.86374M16.8238 2.19876C17.9221 1.10041 19.7029 1.10041 20.8012 2.19876C21.8996 3.29711 21.8996 5.07789 20.8012 6.17624L5.31256 21.6649H1.37506V17.6475L16.8238 2.19876Z"
1745
- propList={
1746
- [
1747
- "stroke",
1748
- "strokeWidth",
1749
- "strokeLinecap",
1750
- "strokeLinejoin",
1751
- ]
1752
- }
1753
- stroke={
1954
+ d="M1.40005 0.200012C2.00756 0.200012 2.50005 0.692499 2.50005 1.30001V3.61139C3.89715 2.18539 5.84462 1.30001 8.00005 1.30001C11.3544 1.30001 14.2051 3.44426 15.2616 6.43344C15.4641 7.00623 15.1639 7.63468 14.5911 7.83714C14.0183 8.03959 13.3898 7.73937 13.1874 7.16658C12.4318 5.02891 10.3931 3.50001 8.00005 3.50001C6.20162 3.50001 4.60329 4.36353 3.59934 5.70001H6.90005C7.50756 5.70001 8.00005 6.1925 8.00005 6.80001C8.00005 7.40752 7.50756 7.90001 6.90005 7.90001H1.40005C0.792536 7.90001 0.300049 7.40752 0.300049 6.80001V1.30001C0.300049 0.692499 0.792536 0.200012 1.40005 0.200012ZM1.40903 10.1629C1.98182 9.96044 2.61027 10.2607 2.81273 10.8334C3.56828 12.9711 5.60703 14.5 8.00005 14.5C9.79847 14.5 11.3968 13.6365 12.4008 12.3L9.10005 12.3C8.49254 12.3 8.00005 11.8075 8.00005 11.2C8.00005 10.5925 8.49254 10.1 9.10005 10.1H14.6C14.8918 10.1 15.1716 10.2159 15.3779 10.4222C15.5842 10.6285 15.7 10.9083 15.7 11.2V16.7C15.7 17.3075 15.2076 17.8 14.6 17.8C13.9925 17.8 13.5 17.3075 13.5 16.7V14.3886C12.1029 15.8146 10.1555 16.7 8.00005 16.7C4.6457 16.7 1.795 14.5558 0.738478 11.5666C0.536026 10.9938 0.836243 10.3653 1.40903 10.1629Z"
1955
+ fill={
1754
1956
  {
1755
- "payload": 4279837036,
1957
+ "payload": 4294695385,
1756
1958
  "type": 0,
1757
1959
  }
1758
1960
  }
1759
- strokeLinecap={1}
1760
- strokeLinejoin={1}
1761
- strokeWidth="2"
1961
+ propList={
1962
+ [
1963
+ "fill",
1964
+ ]
1965
+ }
1762
1966
  />
1763
1967
  </RNSVGGroup>
1764
1968
  </RNSVGSvgView>
@@ -1829,8 +2033,8 @@ exports[`test text-bubble given the visualState is RECEIVE return a textBubble w
1829
2033
  },
1830
2034
  ]
1831
2035
  }
1832
- vbHeight={22}
1833
- vbWidth={21}
2036
+ vbHeight={18}
2037
+ vbWidth={17}
1834
2038
  width={24}
1835
2039
  >
1836
2040
  <RNSVGGroup
@@ -1842,24 +2046,21 @@ exports[`test text-bubble given the visualState is RECEIVE return a textBubble w
1842
2046
  }
1843
2047
  >
1844
2048
  <RNSVGPath
1845
- d="M18.375 5.58333L17.3993 18.7377C17.3152 19.8715 16.3354 20.75 15.155 20.75H5.84502C4.66458 20.75 3.68484 19.8715 3.60074 18.7377L2.625 5.58333M8.25 9.91667V16.4167M12.75 9.91667V16.4167M13.875 5.58333V2.33333C13.875 1.73502 13.3713 1.25 12.75 1.25H8.25C7.62868 1.25 7.125 1.73502 7.125 2.33333V5.58333M1.5 5.58333H19.5"
1846
- propList={
1847
- [
1848
- "stroke",
1849
- "strokeWidth",
1850
- "strokeLinecap",
1851
- "strokeLinejoin",
1852
- ]
1853
- }
1854
- stroke={
2049
+ clipRule={0}
2050
+ d="M7.34995 0.200012C6.91436 0.200012 6.51616 0.435415 6.32136 0.808077L5.48921 2.40001H1.59995C0.964824 2.40001 0.449951 2.8925 0.449951 3.50001C0.449951 4.10753 0.964824 4.60001 1.59995 4.60001L1.59995 15.6C1.59995 16.815 2.6297 17.8 3.89995 17.8H13.1C14.3702 17.8 15.4 16.815 15.4 15.6V4.60001C16.0351 4.60001 16.55 4.10753 16.55 3.50001C16.55 2.8925 16.0351 2.40001 15.4 2.40001H11.5107L10.6785 0.808077C10.4837 0.435415 10.0855 0.200012 9.64995 0.200012H7.34995ZM5.04995 6.80001C5.04995 6.1925 5.56482 5.70001 6.19995 5.70001C6.83508 5.70001 7.34995 6.1925 7.34995 6.80001V13.4C7.34995 14.0075 6.83508 14.5 6.19995 14.5C5.56482 14.5 5.04995 14.0075 5.04995 13.4V6.80001ZM10.8 5.70001C10.1648 5.70001 9.64995 6.1925 9.64995 6.80001V13.4C9.64995 14.0075 10.1648 14.5 10.8 14.5C11.4351 14.5 11.95 14.0075 11.95 13.4V6.80001C11.95 6.1925 11.4351 5.70001 10.8 5.70001Z"
2051
+ fill={
1855
2052
  {
1856
- "payload": 4279837036,
2053
+ "payload": 4294695385,
1857
2054
  "type": 0,
1858
2055
  }
1859
2056
  }
1860
- strokeLinecap={1}
1861
- strokeLinejoin={1}
1862
- strokeWidth="2"
2057
+ fillRule={0}
2058
+ propList={
2059
+ [
2060
+ "fill",
2061
+ "fillRule",
2062
+ ]
2063
+ }
1863
2064
  />
1864
2065
  </RNSVGGroup>
1865
2066
  </RNSVGSvgView>
@@ -1899,20 +2100,15 @@ exports[`test text-bubble given the visualState is RECEIVE return a textBubble w
1899
2100
  },
1900
2101
  ],
1901
2102
  {
1902
- "color": "#19216C",
2103
+ "color": "#FFFFFF",
1903
2104
  "textAlign": undefined,
1904
2105
  "width": "100%",
1905
2106
  },
1906
- [
1907
- {
1908
- "minHeight": 30,
1909
- "textAlignVertical": "center",
1910
- },
1911
- {
1912
- "backgroundColor": "#E0E8F9",
1913
- },
1914
- false,
1915
- ],
2107
+ {
2108
+ "backgroundColor": "#F16868",
2109
+ "minHeight": 30,
2110
+ "textAlignVertical": "center",
2111
+ },
1916
2112
  ]
1917
2113
  }
1918
2114
  >
@@ -1925,13 +2121,10 @@ exports[`test text-bubble given the visualState is RECEIVE return a textBubble w
1925
2121
  </View>
1926
2122
  <View
1927
2123
  style={
1928
- [
1929
- {
1930
- "marginBottom": 2,
1931
- "maxWidth": "80%",
1932
- },
1933
- false,
1934
- ]
2124
+ {
2125
+ "alignSelf": "flex-end",
2126
+ "marginBottom": 2,
2127
+ }
1935
2128
  }
1936
2129
  >
1937
2130
  <Text
@@ -1965,52 +2158,108 @@ exports[`test text-bubble given the visualState is RECEIVE return a textBubble w
1965
2158
  exports[`test text-bubble given the visualState is WARNING return an orange colored text-bubble AND white text 1`] = `
1966
2159
  <View
1967
2160
  style={
1968
- [
1969
- {
1970
- "gap": 4,
1971
- "width": "100%",
1972
- },
1973
- false,
1974
- ]
2161
+ {
2162
+ "gap": 4,
2163
+ "width": "100%",
2164
+ }
1975
2165
  }
1976
2166
  >
1977
2167
  <View
1978
2168
  style={
1979
- [
1980
- {
1981
- "maxWidth": "80%",
1982
- "minWidth": "50%",
1983
- },
1984
- {
1985
- "alignSelf": "flex-end",
1986
- },
1987
- ]
2169
+ {
2170
+ "minWidth": "50%",
2171
+ }
1988
2172
  }
1989
2173
  >
1990
- <View>
2174
+ <View
2175
+ style={
2176
+ {
2177
+ "flexDirection": "row",
2178
+ "gap": 12,
2179
+ }
2180
+ }
2181
+ >
1991
2182
  <View
1992
2183
  style={
1993
- [
1994
- {
1995
- "borderRadius": 24,
1996
- "justifyContent": "center",
1997
- "overflow": "hidden",
1998
- "paddingBottom": 16,
1999
- "paddingLeft": 24,
2000
- "paddingRight": 24,
2001
- "paddingTop": 16,
2002
- "width": "100%",
2003
- },
2004
- false,
2005
- {
2006
- "backgroundColor": "#FFD398",
2007
- },
2008
- false,
2009
- {
2010
- "borderBottomLeftRadius": 32,
2011
- "borderBottomRightRadius": 8,
2012
- },
2013
- ]
2184
+ {
2185
+ "justifyContent": "center",
2186
+ "padding": 2,
2187
+ }
2188
+ }
2189
+ >
2190
+ <RNSVGSvgView
2191
+ align="xMidYMid"
2192
+ bbHeight="26"
2193
+ bbWidth="26"
2194
+ fill="none"
2195
+ focusable={false}
2196
+ height={26}
2197
+ meetOrSlice={0}
2198
+ minX={0}
2199
+ minY={0}
2200
+ style={
2201
+ [
2202
+ {
2203
+ "backgroundColor": "transparent",
2204
+ "borderWidth": 0,
2205
+ },
2206
+ {
2207
+ "flex": 0,
2208
+ "height": 26,
2209
+ "width": 26,
2210
+ },
2211
+ ]
2212
+ }
2213
+ vbHeight={23}
2214
+ vbWidth={22}
2215
+ width={26}
2216
+ >
2217
+ <RNSVGGroup
2218
+ fill={null}
2219
+ propList={
2220
+ [
2221
+ "fill",
2222
+ ]
2223
+ }
2224
+ >
2225
+ <RNSVGPath
2226
+ d="M11 7V11.5M11 16H11.0108M20.75 11.5C20.75 17.0919 16.3848 21.625 11 21.625C5.61522 21.625 1.25 17.0919 1.25 11.5C1.25 5.90812 5.61522 1.375 11 1.375C16.3848 1.375 20.75 5.90812 20.75 11.5Z"
2227
+ propList={
2228
+ [
2229
+ "stroke",
2230
+ "strokeWidth",
2231
+ "strokeLinecap",
2232
+ "strokeLinejoin",
2233
+ ]
2234
+ }
2235
+ stroke={
2236
+ {
2237
+ "payload": 4294010984,
2238
+ "type": 0,
2239
+ }
2240
+ }
2241
+ strokeLinecap={1}
2242
+ strokeLinejoin={1}
2243
+ strokeWidth="2"
2244
+ />
2245
+ </RNSVGGroup>
2246
+ </RNSVGSvgView>
2247
+ </View>
2248
+ <View
2249
+ style={
2250
+ {
2251
+ "backgroundColor": "#F16868",
2252
+ "borderBottomLeftRadius": 8,
2253
+ "borderBottomRightRadius": 32,
2254
+ "borderTopLeftRadius": 24,
2255
+ "borderTopRightRadius": 24,
2256
+ "flex": 1,
2257
+ "justifyContent": "center",
2258
+ "paddingBottom": 16,
2259
+ "paddingLeft": 24,
2260
+ "paddingRight": 24,
2261
+ "paddingTop": 16,
2262
+ }
2014
2263
  }
2015
2264
  >
2016
2265
  <View
@@ -2095,7 +2344,7 @@ exports[`test text-bubble given the visualState is WARNING return an orange colo
2095
2344
  onResponderTerminate={[Function]}
2096
2345
  onResponderTerminationRequest={[Function]}
2097
2346
  onStartShouldSetResponder={[Function]}
2098
- testID="edit-button"
2347
+ testID="refresh-button"
2099
2348
  >
2100
2349
  <RNSVGSvgView
2101
2350
  align="xMidYMid"
@@ -2120,8 +2369,8 @@ exports[`test text-bubble given the visualState is WARNING return an orange colo
2120
2369
  },
2121
2370
  ]
2122
2371
  }
2123
- vbHeight={23}
2124
- vbWidth={23}
2372
+ vbHeight={18}
2373
+ vbWidth={16}
2125
2374
  width={24}
2126
2375
  >
2127
2376
  <RNSVGGroup
@@ -2133,24 +2382,18 @@ exports[`test text-bubble given the visualState is WARNING return an orange colo
2133
2382
  }
2134
2383
  >
2135
2384
  <RNSVGPath
2136
- d="M15.1363 3.88626L19.1137 7.86374M16.8238 2.19876C17.9221 1.10041 19.7029 1.10041 20.8012 2.19876C21.8996 3.29711 21.8996 5.07789 20.8012 6.17624L5.31256 21.6649H1.37506V17.6475L16.8238 2.19876Z"
2137
- propList={
2138
- [
2139
- "stroke",
2140
- "strokeWidth",
2141
- "strokeLinecap",
2142
- "strokeLinejoin",
2143
- ]
2144
- }
2145
- stroke={
2385
+ d="M1.40005 0.200012C2.00756 0.200012 2.50005 0.692499 2.50005 1.30001V3.61139C3.89715 2.18539 5.84462 1.30001 8.00005 1.30001C11.3544 1.30001 14.2051 3.44426 15.2616 6.43344C15.4641 7.00623 15.1639 7.63468 14.5911 7.83714C14.0183 8.03959 13.3898 7.73937 13.1874 7.16658C12.4318 5.02891 10.3931 3.50001 8.00005 3.50001C6.20162 3.50001 4.60329 4.36353 3.59934 5.70001H6.90005C7.50756 5.70001 8.00005 6.1925 8.00005 6.80001C8.00005 7.40752 7.50756 7.90001 6.90005 7.90001H1.40005C0.792536 7.90001 0.300049 7.40752 0.300049 6.80001V1.30001C0.300049 0.692499 0.792536 0.200012 1.40005 0.200012ZM1.40903 10.1629C1.98182 9.96044 2.61027 10.2607 2.81273 10.8334C3.56828 12.9711 5.60703 14.5 8.00005 14.5C9.79847 14.5 11.3968 13.6365 12.4008 12.3L9.10005 12.3C8.49254 12.3 8.00005 11.8075 8.00005 11.2C8.00005 10.5925 8.49254 10.1 9.10005 10.1H14.6C14.8918 10.1 15.1716 10.2159 15.3779 10.4222C15.5842 10.6285 15.7 10.9083 15.7 11.2V16.7C15.7 17.3075 15.2076 17.8 14.6 17.8C13.9925 17.8 13.5 17.3075 13.5 16.7V14.3886C12.1029 15.8146 10.1555 16.7 8.00005 16.7C4.6457 16.7 1.795 14.5558 0.738478 11.5666C0.536026 10.9938 0.836243 10.3653 1.40903 10.1629Z"
2386
+ fill={
2146
2387
  {
2147
- "payload": 4294618180,
2388
+ "payload": 4294695385,
2148
2389
  "type": 0,
2149
2390
  }
2150
2391
  }
2151
- strokeLinecap={1}
2152
- strokeLinejoin={1}
2153
- strokeWidth="2"
2392
+ propList={
2393
+ [
2394
+ "fill",
2395
+ ]
2396
+ }
2154
2397
  />
2155
2398
  </RNSVGGroup>
2156
2399
  </RNSVGSvgView>
@@ -2221,8 +2464,8 @@ exports[`test text-bubble given the visualState is WARNING return an orange colo
2221
2464
  },
2222
2465
  ]
2223
2466
  }
2224
- vbHeight={22}
2225
- vbWidth={21}
2467
+ vbHeight={18}
2468
+ vbWidth={17}
2226
2469
  width={24}
2227
2470
  >
2228
2471
  <RNSVGGroup
@@ -2234,24 +2477,21 @@ exports[`test text-bubble given the visualState is WARNING return an orange colo
2234
2477
  }
2235
2478
  >
2236
2479
  <RNSVGPath
2237
- d="M18.375 5.58333L17.3993 18.7377C17.3152 19.8715 16.3354 20.75 15.155 20.75H5.84502C4.66458 20.75 3.68484 19.8715 3.60074 18.7377L2.625 5.58333M8.25 9.91667V16.4167M12.75 9.91667V16.4167M13.875 5.58333V2.33333C13.875 1.73502 13.3713 1.25 12.75 1.25H8.25C7.62868 1.25 7.125 1.73502 7.125 2.33333V5.58333M1.5 5.58333H19.5"
2238
- propList={
2239
- [
2240
- "stroke",
2241
- "strokeWidth",
2242
- "strokeLinecap",
2243
- "strokeLinejoin",
2244
- ]
2245
- }
2246
- stroke={
2480
+ clipRule={0}
2481
+ d="M7.34995 0.200012C6.91436 0.200012 6.51616 0.435415 6.32136 0.808077L5.48921 2.40001H1.59995C0.964824 2.40001 0.449951 2.8925 0.449951 3.50001C0.449951 4.10753 0.964824 4.60001 1.59995 4.60001L1.59995 15.6C1.59995 16.815 2.6297 17.8 3.89995 17.8H13.1C14.3702 17.8 15.4 16.815 15.4 15.6V4.60001C16.0351 4.60001 16.55 4.10753 16.55 3.50001C16.55 2.8925 16.0351 2.40001 15.4 2.40001H11.5107L10.6785 0.808077C10.4837 0.435415 10.0855 0.200012 9.64995 0.200012H7.34995ZM5.04995 6.80001C5.04995 6.1925 5.56482 5.70001 6.19995 5.70001C6.83508 5.70001 7.34995 6.1925 7.34995 6.80001V13.4C7.34995 14.0075 6.83508 14.5 6.19995 14.5C5.56482 14.5 5.04995 14.0075 5.04995 13.4V6.80001ZM10.8 5.70001C10.1648 5.70001 9.64995 6.1925 9.64995 6.80001V13.4C9.64995 14.0075 10.1648 14.5 10.8 14.5C11.4351 14.5 11.95 14.0075 11.95 13.4V6.80001C11.95 6.1925 11.4351 5.70001 10.8 5.70001Z"
2482
+ fill={
2247
2483
  {
2248
- "payload": 4294618180,
2484
+ "payload": 4294695385,
2249
2485
  "type": 0,
2250
2486
  }
2251
2487
  }
2252
- strokeLinecap={1}
2253
- strokeLinejoin={1}
2254
- strokeWidth="2"
2488
+ fillRule={0}
2489
+ propList={
2490
+ [
2491
+ "fill",
2492
+ "fillRule",
2493
+ ]
2494
+ }
2255
2495
  />
2256
2496
  </RNSVGGroup>
2257
2497
  </RNSVGSvgView>
@@ -2291,20 +2531,15 @@ exports[`test text-bubble given the visualState is WARNING return an orange colo
2291
2531
  },
2292
2532
  ],
2293
2533
  {
2294
- "color": "#1F2933",
2534
+ "color": "#FFFFFF",
2295
2535
  "textAlign": undefined,
2296
2536
  "width": "100%",
2297
2537
  },
2298
- [
2299
- {
2300
- "minHeight": 30,
2301
- "textAlignVertical": "center",
2302
- },
2303
- false,
2304
- {
2305
- "backgroundColor": "#FFD398",
2306
- },
2307
- ],
2538
+ {
2539
+ "backgroundColor": "#F16868",
2540
+ "minHeight": 30,
2541
+ "textAlignVertical": "center",
2542
+ },
2308
2543
  ]
2309
2544
  }
2310
2545
  >
@@ -2317,15 +2552,10 @@ exports[`test text-bubble given the visualState is WARNING return an orange colo
2317
2552
  </View>
2318
2553
  <View
2319
2554
  style={
2320
- [
2321
- {
2322
- "marginBottom": 2,
2323
- "maxWidth": "80%",
2324
- },
2325
- {
2326
- "alignSelf": "flex-end",
2327
- },
2328
- ]
2555
+ {
2556
+ "alignSelf": "flex-end",
2557
+ "marginBottom": 2,
2558
+ }
2329
2559
  }
2330
2560
  >
2331
2561
  <Text
@@ -2359,32 +2589,24 @@ exports[`test text-bubble given the visualState is WARNING return an orange colo
2359
2589
  exports[`test text-bubble return a text bubble, that will be send, but does not get send due to an error. It will show the failed text bubble 1`] = `
2360
2590
  <View
2361
2591
  style={
2362
- [
2363
- {
2364
- "gap": 4,
2365
- "width": "100%",
2366
- },
2367
- false,
2368
- ]
2592
+ {
2593
+ "gap": 4,
2594
+ "width": "100%",
2595
+ }
2369
2596
  }
2370
2597
  >
2371
2598
  <View
2372
2599
  style={
2373
- [
2374
- {
2375
- "maxWidth": "80%",
2376
- "minWidth": "50%",
2377
- },
2378
- {
2379
- "alignSelf": "flex-end",
2380
- },
2381
- ]
2600
+ {
2601
+ "minWidth": "50%",
2602
+ }
2382
2603
  }
2383
2604
  >
2384
2605
  <View
2385
2606
  style={
2386
2607
  {
2387
2608
  "flexDirection": "row",
2609
+ "gap": 12,
2388
2610
  }
2389
2611
  }
2390
2612
  >
@@ -2393,7 +2615,6 @@ exports[`test text-bubble return a text bubble, that will be send, but does not
2393
2615
  {
2394
2616
  "justifyContent": "center",
2395
2617
  "padding": 2,
2396
- "width": "14%",
2397
2618
  }
2398
2619
  }
2399
2620
  >
@@ -2459,16 +2680,16 @@ exports[`test text-bubble return a text bubble, that will be send, but does not
2459
2680
  style={
2460
2681
  {
2461
2682
  "backgroundColor": "#F16868",
2462
- "borderBottomLeftRadius": 32,
2463
- "borderBottomRightRadius": 8,
2464
- "borderRadius": 24,
2683
+ "borderBottomLeftRadius": 8,
2684
+ "borderBottomRightRadius": 32,
2685
+ "borderTopLeftRadius": 24,
2686
+ "borderTopRightRadius": 24,
2687
+ "flex": 1,
2465
2688
  "justifyContent": "center",
2466
- "overflow": "hidden",
2467
2689
  "paddingBottom": 16,
2468
2690
  "paddingLeft": 24,
2469
2691
  "paddingRight": 24,
2470
2692
  "paddingTop": 16,
2471
- "width": "86%",
2472
2693
  }
2473
2694
  }
2474
2695
  >
@@ -2579,8 +2800,8 @@ exports[`test text-bubble return a text bubble, that will be send, but does not
2579
2800
  },
2580
2801
  ]
2581
2802
  }
2582
- vbHeight={21}
2583
- vbWidth={20}
2803
+ vbHeight={18}
2804
+ vbWidth={16}
2584
2805
  width={24}
2585
2806
  >
2586
2807
  <RNSVGGroup
@@ -2592,24 +2813,18 @@ exports[`test text-bubble return a text bubble, that will be send, but does not
2592
2813
  }
2593
2814
  >
2594
2815
  <RNSVGPath
2595
- d="M1.33337 1.5V7.125H1.96335M18.5997 9.375C18.0665 4.9354 14.4196 1.5 10 1.5C6.36288 1.5 3.24902 3.82669 1.96335 7.125M1.96335 7.125H6.75004M18.6667 19.5V13.875H18.0367M18.0367 13.875C16.7511 17.1733 13.6372 19.5 10 19.5C5.58045 19.5 1.93353 16.0646 1.40043 11.625M18.0367 13.875H13.25"
2596
- propList={
2597
- [
2598
- "stroke",
2599
- "strokeWidth",
2600
- "strokeLinecap",
2601
- "strokeLinejoin",
2602
- ]
2603
- }
2604
- stroke={
2816
+ d="M1.40005 0.200012C2.00756 0.200012 2.50005 0.692499 2.50005 1.30001V3.61139C3.89715 2.18539 5.84462 1.30001 8.00005 1.30001C11.3544 1.30001 14.2051 3.44426 15.2616 6.43344C15.4641 7.00623 15.1639 7.63468 14.5911 7.83714C14.0183 8.03959 13.3898 7.73937 13.1874 7.16658C12.4318 5.02891 10.3931 3.50001 8.00005 3.50001C6.20162 3.50001 4.60329 4.36353 3.59934 5.70001H6.90005C7.50756 5.70001 8.00005 6.1925 8.00005 6.80001C8.00005 7.40752 7.50756 7.90001 6.90005 7.90001H1.40005C0.792536 7.90001 0.300049 7.40752 0.300049 6.80001V1.30001C0.300049 0.692499 0.792536 0.200012 1.40005 0.200012ZM1.40903 10.1629C1.98182 9.96044 2.61027 10.2607 2.81273 10.8334C3.56828 12.9711 5.60703 14.5 8.00005 14.5C9.79847 14.5 11.3968 13.6365 12.4008 12.3L9.10005 12.3C8.49254 12.3 8.00005 11.8075 8.00005 11.2C8.00005 10.5925 8.49254 10.1 9.10005 10.1H14.6C14.8918 10.1 15.1716 10.2159 15.3779 10.4222C15.5842 10.6285 15.7 10.9083 15.7 11.2V16.7C15.7 17.3075 15.2076 17.8 14.6 17.8C13.9925 17.8 13.5 17.3075 13.5 16.7V14.3886C12.1029 15.8146 10.1555 16.7 8.00005 16.7C4.6457 16.7 1.795 14.5558 0.738478 11.5666C0.536026 10.9938 0.836243 10.3653 1.40903 10.1629Z"
2817
+ fill={
2605
2818
  {
2606
2819
  "payload": 4294695385,
2607
2820
  "type": 0,
2608
2821
  }
2609
2822
  }
2610
- strokeLinecap={1}
2611
- strokeLinejoin={1}
2612
- strokeWidth="2"
2823
+ propList={
2824
+ [
2825
+ "fill",
2826
+ ]
2827
+ }
2613
2828
  />
2614
2829
  </RNSVGGroup>
2615
2830
  </RNSVGSvgView>
@@ -2680,8 +2895,8 @@ exports[`test text-bubble return a text bubble, that will be send, but does not
2680
2895
  },
2681
2896
  ]
2682
2897
  }
2683
- vbHeight={22}
2684
- vbWidth={21}
2898
+ vbHeight={18}
2899
+ vbWidth={17}
2685
2900
  width={24}
2686
2901
  >
2687
2902
  <RNSVGGroup
@@ -2693,24 +2908,21 @@ exports[`test text-bubble return a text bubble, that will be send, but does not
2693
2908
  }
2694
2909
  >
2695
2910
  <RNSVGPath
2696
- d="M18.375 5.58333L17.3993 18.7377C17.3152 19.8715 16.3354 20.75 15.155 20.75H5.84502C4.66458 20.75 3.68484 19.8715 3.60074 18.7377L2.625 5.58333M8.25 9.91667V16.4167M12.75 9.91667V16.4167M13.875 5.58333V2.33333C13.875 1.73502 13.3713 1.25 12.75 1.25H8.25C7.62868 1.25 7.125 1.73502 7.125 2.33333V5.58333M1.5 5.58333H19.5"
2697
- propList={
2698
- [
2699
- "stroke",
2700
- "strokeWidth",
2701
- "strokeLinecap",
2702
- "strokeLinejoin",
2703
- ]
2704
- }
2705
- stroke={
2911
+ clipRule={0}
2912
+ d="M7.34995 0.200012C6.91436 0.200012 6.51616 0.435415 6.32136 0.808077L5.48921 2.40001H1.59995C0.964824 2.40001 0.449951 2.8925 0.449951 3.50001C0.449951 4.10753 0.964824 4.60001 1.59995 4.60001L1.59995 15.6C1.59995 16.815 2.6297 17.8 3.89995 17.8H13.1C14.3702 17.8 15.4 16.815 15.4 15.6V4.60001C16.0351 4.60001 16.55 4.10753 16.55 3.50001C16.55 2.8925 16.0351 2.40001 15.4 2.40001H11.5107L10.6785 0.808077C10.4837 0.435415 10.0855 0.200012 9.64995 0.200012H7.34995ZM5.04995 6.80001C5.04995 6.1925 5.56482 5.70001 6.19995 5.70001C6.83508 5.70001 7.34995 6.1925 7.34995 6.80001V13.4C7.34995 14.0075 6.83508 14.5 6.19995 14.5C5.56482 14.5 5.04995 14.0075 5.04995 13.4V6.80001ZM10.8 5.70001C10.1648 5.70001 9.64995 6.1925 9.64995 6.80001V13.4C9.64995 14.0075 10.1648 14.5 10.8 14.5C11.4351 14.5 11.95 14.0075 11.95 13.4V6.80001C11.95 6.1925 11.4351 5.70001 10.8 5.70001Z"
2913
+ fill={
2706
2914
  {
2707
2915
  "payload": 4294695385,
2708
2916
  "type": 0,
2709
2917
  }
2710
2918
  }
2711
- strokeLinecap={1}
2712
- strokeLinejoin={1}
2713
- strokeWidth="2"
2919
+ fillRule={0}
2920
+ propList={
2921
+ [
2922
+ "fill",
2923
+ "fillRule",
2924
+ ]
2925
+ }
2714
2926
  />
2715
2927
  </RNSVGGroup>
2716
2928
  </RNSVGSvgView>
@@ -2771,15 +2983,10 @@ exports[`test text-bubble return a text bubble, that will be send, but does not
2771
2983
  </View>
2772
2984
  <View
2773
2985
  style={
2774
- [
2775
- {
2776
- "marginBottom": 2,
2777
- "maxWidth": "80%",
2778
- },
2779
- {
2780
- "alignSelf": "flex-end",
2781
- },
2782
- ]
2986
+ {
2987
+ "alignSelf": "flex-end",
2988
+ "marginBottom": 2,
2989
+ }
2783
2990
  }
2784
2991
  >
2785
2992
  <Text