@lookiero/checkout 11.4.0 → 12.0.0

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 (39) hide show
  1. package/dist/index.d.ts +2 -2
  2. package/dist/src/ExpoRoot.d.ts +0 -1
  3. package/dist/src/ExpoRoot.js +7 -4
  4. package/dist/src/infrastructure/ui/routing/CheckoutMiddleware.d.ts +1 -1
  5. package/dist/src/infrastructure/ui/routing/CheckoutMiddleware.js +4 -2
  6. package/dist/src/infrastructure/ui/test/render.js +1 -1
  7. package/dist/src/infrastructure/ui/views/App.d.ts +1 -1
  8. package/dist/src/projection/returnQuestion/returnQuestion.typeguard.d.ts +2 -2
  9. package/dist/src/version.d.ts +1 -1
  10. package/dist/src/version.js +1 -1
  11. package/index.ts +2 -1
  12. package/jest.config.js +0 -3
  13. package/jest.setup.js +9 -1
  14. package/package.json +23 -21
  15. package/src/ExpoRoot.tsx +8 -5
  16. package/src/infrastructure/ui/hooks/useCheckoutFlow.test.tsx +11 -1
  17. package/src/infrastructure/ui/hooks/useQueryBus.test.tsx +1 -1
  18. package/src/infrastructure/ui/hooks/useStaticInfo.test.tsx +1 -1
  19. package/src/infrastructure/ui/routing/CheckoutMiddleware.tsx +5 -3
  20. package/src/infrastructure/ui/test/render.tsx +1 -1
  21. package/src/infrastructure/ui/views/App.tsx +1 -1
  22. package/src/infrastructure/ui/views/checkout/Checkout.test.tsx +9 -2
  23. package/src/infrastructure/ui/views/feedback/Feedback.test.tsx +7 -1
  24. package/src/infrastructure/ui/views/item/Item.test.tsx +7 -1
  25. package/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/__snapshots__/GetOutOfCheckoutModal.test.tsx.snap +34 -43
  26. package/src/infrastructure/ui/views/item/components/itemActions/__snapshots__/ItemActions.test.tsx.snap +34 -43
  27. package/src/infrastructure/ui/views/item/components/productVariantSlider/__snapshots__/ProductVariantSlider.test.tsx.snap +76 -99
  28. package/src/infrastructure/ui/views/item/components/selectModal/__snapshots__/SelecModal.test.tsx.snap +34 -43
  29. package/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/__snapshots__/SizeWithoutStockModal.test.tsx.snap +34 -43
  30. package/src/infrastructure/ui/views/item/views/itemWithCustomerDecission/ItemWithCustomerDecission.test.tsx +7 -1
  31. package/src/infrastructure/ui/views/item/views/itemWithoutCustomerDecission/ItemWithoutCustomerDecission.test.tsx +7 -1
  32. package/src/infrastructure/ui/views/item/views/productVariant/__snapshots__/ProductVariant.test.tsx.snap +228 -297
  33. package/src/infrastructure/ui/views/return/Return.test.tsx +8 -1
  34. package/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.test.tsx +2 -1
  35. package/src/infrastructure/ui/views/shared/components/productVariant/__snapshots__/ProductVariant.test.tsx.snap +26 -32
  36. package/src/infrastructure/ui/views/summary/Summary.test.tsx +7 -1
  37. package/src/infrastructure/ui/views/summary/components/collapsiblePricing/__snapshots__/CollapsiblePricing.test.tsx.snap +16 -24
  38. package/src/infrastructure/ui/views/summaryTabs/SummaryTabs.test.tsx +7 -1
  39. package/src/infrastructure/ui/views/summaryTabs/components/checkoutItemsTabs/__snapshots__/CheckoutItemsTabs.test.tsx.snap +105 -135
@@ -70,44 +70,37 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
70
70
  >
71
71
  <View
72
72
  collapsable={false}
73
- jestAnimatedStyle={
74
- {
75
- "value": {
73
+ style={
74
+ [
75
+ {
76
+ "flex": 1,
77
+ "flexDirection": "row",
78
+ "height": "100%",
79
+ },
80
+ {
81
+ "width": 600,
82
+ },
83
+ {
76
84
  "transform": [
77
85
  {
78
86
  "translateX": 0,
79
87
  },
80
88
  ],
81
89
  },
82
- }
83
- }
84
- style={
85
- {
86
- "flex": 1,
87
- "flexDirection": "row",
88
- "height": "100%",
89
- "transform": [
90
- {
91
- "translateX": 0,
92
- },
93
- ],
94
- "width": 600,
95
- }
90
+ ]
96
91
  }
97
92
  testID="carousel-track"
98
93
  >
99
94
  <View
100
- collapsable={false}
101
- jestAnimatedStyle={
102
- {
103
- "value": {},
104
- }
105
- }
106
95
  style={
107
- {
108
- "flex": 1,
109
- "width": 300,
110
- }
96
+ [
97
+ {
98
+ "flex": 1,
99
+ },
100
+ {
101
+ "width": 300,
102
+ },
103
+ ]
111
104
  }
112
105
  testID="carousel-item"
113
106
  >
@@ -224,14 +217,6 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
224
217
  </View>
225
218
  </View>
226
219
  <Image
227
- collapsable={false}
228
- jestAnimatedStyle={
229
- {
230
- "value": {
231
- "opacity": 0,
232
- },
233
- }
234
- }
235
220
  onLoad={[Function]}
236
221
  resizeMode="stretch"
237
222
  source={
@@ -240,14 +225,19 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
240
225
  }
241
226
  }
242
227
  style={
243
- {
244
- "flex": 1,
245
- "height": "100%",
246
- "opacity": 0,
247
- "position": "absolute",
248
- "width": "100%",
249
- "zIndex": 10,
250
- }
228
+ [
229
+ {
230
+ "flex": 1,
231
+ "height": "100%",
232
+ "position": "absolute",
233
+ "width": "100%",
234
+ "zIndex": 10,
235
+ },
236
+ undefined,
237
+ {
238
+ "opacity": 0,
239
+ },
240
+ ]
251
241
  }
252
242
  testID="lazy-image-main-image"
253
243
  />
@@ -256,17 +246,15 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
256
246
  </View>
257
247
  </View>
258
248
  <View
259
- collapsable={false}
260
- jestAnimatedStyle={
261
- {
262
- "value": {},
263
- }
264
- }
265
249
  style={
266
- {
267
- "flex": 1,
268
- "width": 300,
269
- }
250
+ [
251
+ {
252
+ "flex": 1,
253
+ },
254
+ {
255
+ "width": 300,
256
+ },
257
+ ]
270
258
  }
271
259
  testID="carousel-item"
272
260
  >
@@ -383,14 +371,6 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
383
371
  </View>
384
372
  </View>
385
373
  <Image
386
- collapsable={false}
387
- jestAnimatedStyle={
388
- {
389
- "value": {
390
- "opacity": 0,
391
- },
392
- }
393
- }
394
374
  onLoad={[Function]}
395
375
  resizeMode="stretch"
396
376
  source={
@@ -399,14 +379,19 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
399
379
  }
400
380
  }
401
381
  style={
402
- {
403
- "flex": 1,
404
- "height": "100%",
405
- "opacity": 0,
406
- "position": "absolute",
407
- "width": "100%",
408
- "zIndex": 10,
409
- }
382
+ [
383
+ {
384
+ "flex": 1,
385
+ "height": "100%",
386
+ "position": "absolute",
387
+ "width": "100%",
388
+ "zIndex": 10,
389
+ },
390
+ undefined,
391
+ {
392
+ "opacity": 0,
393
+ },
394
+ ]
410
395
  }
411
396
  testID="lazy-image-main-image"
412
397
  />
@@ -476,25 +461,21 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
476
461
  "selected": true,
477
462
  }
478
463
  }
479
- collapsable={false}
480
- jestAnimatedStyle={
481
- {
482
- "value": {
464
+ style={
465
+ [
466
+ {
467
+ "backgroundColor": "#0C0A0A",
468
+ "marginHorizontal": 3,
469
+ },
470
+ {
483
471
  "height": 8,
484
472
  "opacity": 1,
485
473
  "width": 8,
486
474
  },
487
- }
488
- }
489
- style={
490
- {
491
- "backgroundColor": "#0C0A0A",
492
- "borderRadius": 8,
493
- "height": 8,
494
- "marginHorizontal": 3,
495
- "opacity": 1,
496
- "width": 8,
497
- }
475
+ {
476
+ "borderRadius": 8,
477
+ },
478
+ ]
498
479
  }
499
480
  testID="bullet"
500
481
  />
@@ -536,25 +517,21 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
536
517
  "selected": false,
537
518
  }
538
519
  }
539
- collapsable={false}
540
- jestAnimatedStyle={
541
- {
542
- "value": {
520
+ style={
521
+ [
522
+ {
523
+ "backgroundColor": "#0C0A0A",
524
+ "marginHorizontal": 3,
525
+ },
526
+ {
543
527
  "height": 8,
544
528
  "opacity": 0.3,
545
529
  "width": 8,
546
530
  },
547
- }
548
- }
549
- style={
550
- {
551
- "backgroundColor": "#0C0A0A",
552
- "borderRadius": 8,
553
- "height": 8,
554
- "marginHorizontal": 3,
555
- "opacity": 0.3,
556
- "width": 8,
557
- }
531
+ {
532
+ "borderRadius": 8,
533
+ },
534
+ ]
558
535
  }
559
536
  testID="bullet"
560
537
  />
@@ -773,44 +750,37 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
773
750
  >
774
751
  <View
775
752
  collapsable={false}
776
- jestAnimatedStyle={
777
- {
778
- "value": {
753
+ style={
754
+ [
755
+ {
756
+ "flex": 1,
757
+ "flexDirection": "row",
758
+ "height": "100%",
759
+ },
760
+ {
761
+ "width": 600,
762
+ },
763
+ {
779
764
  "transform": [
780
765
  {
781
766
  "translateX": 0,
782
767
  },
783
768
  ],
784
769
  },
785
- }
786
- }
787
- style={
788
- {
789
- "flex": 1,
790
- "flexDirection": "row",
791
- "height": "100%",
792
- "transform": [
793
- {
794
- "translateX": 0,
795
- },
796
- ],
797
- "width": 600,
798
- }
770
+ ]
799
771
  }
800
772
  testID="carousel-track"
801
773
  >
802
774
  <View
803
- collapsable={false}
804
- jestAnimatedStyle={
805
- {
806
- "value": {},
807
- }
808
- }
809
775
  style={
810
- {
811
- "flex": 1,
812
- "width": 300,
813
- }
776
+ [
777
+ {
778
+ "flex": 1,
779
+ },
780
+ {
781
+ "width": 300,
782
+ },
783
+ ]
814
784
  }
815
785
  testID="carousel-item"
816
786
  >
@@ -927,14 +897,6 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
927
897
  </View>
928
898
  </View>
929
899
  <Image
930
- collapsable={false}
931
- jestAnimatedStyle={
932
- {
933
- "value": {
934
- "opacity": 0,
935
- },
936
- }
937
- }
938
900
  onLoad={[Function]}
939
901
  resizeMode="stretch"
940
902
  source={
@@ -943,14 +905,19 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
943
905
  }
944
906
  }
945
907
  style={
946
- {
947
- "flex": 1,
948
- "height": "100%",
949
- "opacity": 0,
950
- "position": "absolute",
951
- "width": "100%",
952
- "zIndex": 10,
953
- }
908
+ [
909
+ {
910
+ "flex": 1,
911
+ "height": "100%",
912
+ "position": "absolute",
913
+ "width": "100%",
914
+ "zIndex": 10,
915
+ },
916
+ undefined,
917
+ {
918
+ "opacity": 0,
919
+ },
920
+ ]
954
921
  }
955
922
  testID="lazy-image-main-image"
956
923
  />
@@ -959,17 +926,15 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
959
926
  </View>
960
927
  </View>
961
928
  <View
962
- collapsable={false}
963
- jestAnimatedStyle={
964
- {
965
- "value": {},
966
- }
967
- }
968
929
  style={
969
- {
970
- "flex": 1,
971
- "width": 300,
972
- }
930
+ [
931
+ {
932
+ "flex": 1,
933
+ },
934
+ {
935
+ "width": 300,
936
+ },
937
+ ]
973
938
  }
974
939
  testID="carousel-item"
975
940
  >
@@ -1086,14 +1051,6 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
1086
1051
  </View>
1087
1052
  </View>
1088
1053
  <Image
1089
- collapsable={false}
1090
- jestAnimatedStyle={
1091
- {
1092
- "value": {
1093
- "opacity": 0,
1094
- },
1095
- }
1096
- }
1097
1054
  onLoad={[Function]}
1098
1055
  resizeMode="stretch"
1099
1056
  source={
@@ -1102,14 +1059,19 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
1102
1059
  }
1103
1060
  }
1104
1061
  style={
1105
- {
1106
- "flex": 1,
1107
- "height": "100%",
1108
- "opacity": 0,
1109
- "position": "absolute",
1110
- "width": "100%",
1111
- "zIndex": 10,
1112
- }
1062
+ [
1063
+ {
1064
+ "flex": 1,
1065
+ "height": "100%",
1066
+ "position": "absolute",
1067
+ "width": "100%",
1068
+ "zIndex": 10,
1069
+ },
1070
+ undefined,
1071
+ {
1072
+ "opacity": 0,
1073
+ },
1074
+ ]
1113
1075
  }
1114
1076
  testID="lazy-image-main-image"
1115
1077
  />
@@ -1179,25 +1141,21 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
1179
1141
  "selected": true,
1180
1142
  }
1181
1143
  }
1182
- collapsable={false}
1183
- jestAnimatedStyle={
1184
- {
1185
- "value": {
1144
+ style={
1145
+ [
1146
+ {
1147
+ "backgroundColor": "#0C0A0A",
1148
+ "marginHorizontal": 3,
1149
+ },
1150
+ {
1186
1151
  "height": 8,
1187
1152
  "opacity": 1,
1188
1153
  "width": 8,
1189
1154
  },
1190
- }
1191
- }
1192
- style={
1193
- {
1194
- "backgroundColor": "#0C0A0A",
1195
- "borderRadius": 8,
1196
- "height": 8,
1197
- "marginHorizontal": 3,
1198
- "opacity": 1,
1199
- "width": 8,
1200
- }
1155
+ {
1156
+ "borderRadius": 8,
1157
+ },
1158
+ ]
1201
1159
  }
1202
1160
  testID="bullet"
1203
1161
  />
@@ -1239,25 +1197,21 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
1239
1197
  "selected": false,
1240
1198
  }
1241
1199
  }
1242
- collapsable={false}
1243
- jestAnimatedStyle={
1244
- {
1245
- "value": {
1200
+ style={
1201
+ [
1202
+ {
1203
+ "backgroundColor": "#0C0A0A",
1204
+ "marginHorizontal": 3,
1205
+ },
1206
+ {
1246
1207
  "height": 8,
1247
1208
  "opacity": 0.3,
1248
1209
  "width": 8,
1249
1210
  },
1250
- }
1251
- }
1252
- style={
1253
- {
1254
- "backgroundColor": "#0C0A0A",
1255
- "borderRadius": 8,
1256
- "height": 8,
1257
- "marginHorizontal": 3,
1258
- "opacity": 0.3,
1259
- "width": 8,
1260
- }
1211
+ {
1212
+ "borderRadius": 8,
1213
+ },
1214
+ ]
1261
1215
  }
1262
1216
  testID="bullet"
1263
1217
  />
@@ -1476,44 +1430,37 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
1476
1430
  >
1477
1431
  <View
1478
1432
  collapsable={false}
1479
- jestAnimatedStyle={
1480
- {
1481
- "value": {
1433
+ style={
1434
+ [
1435
+ {
1436
+ "flex": 1,
1437
+ "flexDirection": "row",
1438
+ "height": "100%",
1439
+ },
1440
+ {
1441
+ "width": 600,
1442
+ },
1443
+ {
1482
1444
  "transform": [
1483
1445
  {
1484
1446
  "translateX": 0,
1485
1447
  },
1486
1448
  ],
1487
1449
  },
1488
- }
1489
- }
1490
- style={
1491
- {
1492
- "flex": 1,
1493
- "flexDirection": "row",
1494
- "height": "100%",
1495
- "transform": [
1496
- {
1497
- "translateX": 0,
1498
- },
1499
- ],
1500
- "width": 600,
1501
- }
1450
+ ]
1502
1451
  }
1503
1452
  testID="carousel-track"
1504
1453
  >
1505
1454
  <View
1506
- collapsable={false}
1507
- jestAnimatedStyle={
1508
- {
1509
- "value": {},
1510
- }
1511
- }
1512
1455
  style={
1513
- {
1514
- "flex": 1,
1515
- "width": 300,
1516
- }
1456
+ [
1457
+ {
1458
+ "flex": 1,
1459
+ },
1460
+ {
1461
+ "width": 300,
1462
+ },
1463
+ ]
1517
1464
  }
1518
1465
  testID="carousel-item"
1519
1466
  >
@@ -1630,14 +1577,6 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
1630
1577
  </View>
1631
1578
  </View>
1632
1579
  <Image
1633
- collapsable={false}
1634
- jestAnimatedStyle={
1635
- {
1636
- "value": {
1637
- "opacity": 0,
1638
- },
1639
- }
1640
- }
1641
1580
  onLoad={[Function]}
1642
1581
  resizeMode="stretch"
1643
1582
  source={
@@ -1646,14 +1585,19 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
1646
1585
  }
1647
1586
  }
1648
1587
  style={
1649
- {
1650
- "flex": 1,
1651
- "height": "100%",
1652
- "opacity": 0,
1653
- "position": "absolute",
1654
- "width": "100%",
1655
- "zIndex": 10,
1656
- }
1588
+ [
1589
+ {
1590
+ "flex": 1,
1591
+ "height": "100%",
1592
+ "position": "absolute",
1593
+ "width": "100%",
1594
+ "zIndex": 10,
1595
+ },
1596
+ undefined,
1597
+ {
1598
+ "opacity": 0,
1599
+ },
1600
+ ]
1657
1601
  }
1658
1602
  testID="lazy-image-main-image"
1659
1603
  />
@@ -1662,17 +1606,15 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
1662
1606
  </View>
1663
1607
  </View>
1664
1608
  <View
1665
- collapsable={false}
1666
- jestAnimatedStyle={
1667
- {
1668
- "value": {},
1669
- }
1670
- }
1671
1609
  style={
1672
- {
1673
- "flex": 1,
1674
- "width": 300,
1675
- }
1610
+ [
1611
+ {
1612
+ "flex": 1,
1613
+ },
1614
+ {
1615
+ "width": 300,
1616
+ },
1617
+ ]
1676
1618
  }
1677
1619
  testID="carousel-item"
1678
1620
  >
@@ -1789,14 +1731,6 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
1789
1731
  </View>
1790
1732
  </View>
1791
1733
  <Image
1792
- collapsable={false}
1793
- jestAnimatedStyle={
1794
- {
1795
- "value": {
1796
- "opacity": 0,
1797
- },
1798
- }
1799
- }
1800
1734
  onLoad={[Function]}
1801
1735
  resizeMode="stretch"
1802
1736
  source={
@@ -1805,14 +1739,19 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
1805
1739
  }
1806
1740
  }
1807
1741
  style={
1808
- {
1809
- "flex": 1,
1810
- "height": "100%",
1811
- "opacity": 0,
1812
- "position": "absolute",
1813
- "width": "100%",
1814
- "zIndex": 10,
1815
- }
1742
+ [
1743
+ {
1744
+ "flex": 1,
1745
+ "height": "100%",
1746
+ "position": "absolute",
1747
+ "width": "100%",
1748
+ "zIndex": 10,
1749
+ },
1750
+ undefined,
1751
+ {
1752
+ "opacity": 0,
1753
+ },
1754
+ ]
1816
1755
  }
1817
1756
  testID="lazy-image-main-image"
1818
1757
  />
@@ -1882,25 +1821,21 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
1882
1821
  "selected": true,
1883
1822
  }
1884
1823
  }
1885
- collapsable={false}
1886
- jestAnimatedStyle={
1887
- {
1888
- "value": {
1824
+ style={
1825
+ [
1826
+ {
1827
+ "backgroundColor": "#0C0A0A",
1828
+ "marginHorizontal": 3,
1829
+ },
1830
+ {
1889
1831
  "height": 8,
1890
1832
  "opacity": 1,
1891
1833
  "width": 8,
1892
1834
  },
1893
- }
1894
- }
1895
- style={
1896
- {
1897
- "backgroundColor": "#0C0A0A",
1898
- "borderRadius": 8,
1899
- "height": 8,
1900
- "marginHorizontal": 3,
1901
- "opacity": 1,
1902
- "width": 8,
1903
- }
1835
+ {
1836
+ "borderRadius": 8,
1837
+ },
1838
+ ]
1904
1839
  }
1905
1840
  testID="bullet"
1906
1841
  />
@@ -1942,25 +1877,21 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
1942
1877
  "selected": false,
1943
1878
  }
1944
1879
  }
1945
- collapsable={false}
1946
- jestAnimatedStyle={
1947
- {
1948
- "value": {
1880
+ style={
1881
+ [
1882
+ {
1883
+ "backgroundColor": "#0C0A0A",
1884
+ "marginHorizontal": 3,
1885
+ },
1886
+ {
1949
1887
  "height": 8,
1950
1888
  "opacity": 0.3,
1951
1889
  "width": 8,
1952
1890
  },
1953
- }
1954
- }
1955
- style={
1956
- {
1957
- "backgroundColor": "#0C0A0A",
1958
- "borderRadius": 8,
1959
- "height": 8,
1960
- "marginHorizontal": 3,
1961
- "opacity": 0.3,
1962
- "width": 8,
1963
- }
1891
+ {
1892
+ "borderRadius": 8,
1893
+ },
1894
+ ]
1964
1895
  }
1965
1896
  testID="bullet"
1966
1897
  />