@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
package/src/infrastructure/ui/views/return/Return.test.tsx CHANGED
@@ -5,6 +5,7 @@ import { Segment } from "@lookiero/sty-psp-segment";
5
5
  import { DummyLayout } from "@lookiero/sty-psp-ui";
6
6
  import { Tradename } from "@lookiero/sty-sp-tradename";
7
7
  import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
8
+ import { Customer } from "../../../../projection/customer/customer";
8
9
  import { useReturnCheckoutItem } from "../../../domain/checkoutItem/react/useReturnCheckoutItem";
9
10
  import { checkout } from "../../../projection/checkout/checkout.mock";
10
11
  import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
@@ -24,9 +25,15 @@ const mockCheckout = checkout({
24
25
  ],
25
26
  });
26
27
  const mockFirstCheckoutItemId = mockCheckout.items[0]?.id;
28
+ const mockCustomer: Customer = {
29
+ customerId,
30
+ country,
31
+ segment,
32
+ } as Customer;
33
+ const mockTradename = Tradename.LOOKIERO;
27
34
 
28
35
  jest.mock("../../hooks/useStaticInfo", () => ({
29
- useStaticInfo: () => ({ customer: { customerId, country, segment }, tradename: Tradename.LOOKIERO }),
36
+ useStaticInfo: () => ({ customer: mockCustomer, tradename: mockTradename }),
30
37
  }));
31
38
 
32
39
  jest.mock("react-router-native", () => ({
package/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.test.tsx CHANGED
@@ -18,6 +18,7 @@ import { Routes } from "../../../../routing/routes";
18
18
  import { render } from "../../../../test/render";
19
19
  import { ReturnQuestionsForm } from "./ReturnQuestionsForm";
20
20
 
21
+ const mockTradename = Tradename.LOOKIERO;
21
22
  const country = Country.ES;
22
23
  const segment = Segment.WOMEN;
23
24
  const mockCheckout = checkout({
@@ -56,7 +57,7 @@ jest.mock("../../../../../tracking/useTrackReturnItem", () => ({
56
57
  jest.mock("../../../../hooks/useStaticInfo", () => ({
57
58
  useStaticInfo: () => ({
58
59
  basePath: "",
59
- tradename: Tradename.LOOKIERO,
60
+ tradename: mockTradename,
60
61
  }),
61
62
  }));
62
63
 
package/src/infrastructure/ui/views/shared/components/productVariant/__snapshots__/ProductVariant.test.tsx.snap CHANGED
@@ -181,14 +181,6 @@ exports[`ProductVariant component matches the snapshot for a non-unique size: no
181
181
  </View>
182
182
  </View>
183
183
  <Image
184
- collapsable={false}
185
- jestAnimatedStyle={
186
- {
187
- "value": {
188
- "opacity": 0,
189
- },
190
- }
191
- }
192
184
  onLoad={[Function]}
193
185
  resizeMode="contain"
194
186
  source={
@@ -197,14 +189,19 @@ exports[`ProductVariant component matches the snapshot for a non-unique size: no
197
189
  }
198
190
  }
199
191
  style={
200
- {
201
- "flex": 1,
202
- "height": "100%",
203
- "opacity": 0,
204
- "position": "absolute",
205
- "width": "100%",
206
- "zIndex": 10,
207
- }
192
+ [
193
+ {
194
+ "flex": 1,
195
+ "height": "100%",
196
+ "position": "absolute",
197
+ "width": "100%",
198
+ "zIndex": 10,
199
+ },
200
+ undefined,
201
+ {
202
+ "opacity": 0,
203
+ },
204
+ ]
208
205
  }
209
206
  testID="lazy-image-main-image"
210
207
  />
@@ -540,14 +537,6 @@ exports[`ProductVariant component matches the snapshot for an unique size: uniqu
540
537
  </View>
541
538
  </View>
542
539
  <Image
543
- collapsable={false}
544
- jestAnimatedStyle={
545
- {
546
- "value": {
547
- "opacity": 0,
548
- },
549
- }
550
- }
551
540
  onLoad={[Function]}
552
541
  resizeMode="contain"
553
542
  source={
@@ -556,14 +545,19 @@ exports[`ProductVariant component matches the snapshot for an unique size: uniqu
556
545
  }
557
546
  }
558
547
  style={
559
- {
560
- "flex": 1,
561
- "height": "100%",
562
- "opacity": 0,
563
- "position": "absolute",
564
- "width": "100%",
565
- "zIndex": 10,
566
- }
548
+ [
549
+ {
550
+ "flex": 1,
551
+ "height": "100%",
552
+ "position": "absolute",
553
+ "width": "100%",
554
+ "zIndex": 10,
555
+ },
556
+ undefined,
557
+ {
558
+ "opacity": 0,
559
+ },
560
+ ]
567
561
  }
568
562
  testID="lazy-image-main-image"
569
563
  />
package/src/infrastructure/ui/views/summary/Summary.test.tsx CHANGED
@@ -6,6 +6,7 @@ import { Country } from "@lookiero/sty-psp-locale";
6
6
  import { Segment } from "@lookiero/sty-psp-segment";
7
7
  import { DummyLayout } from "@lookiero/sty-psp-ui";
8
8
  import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
9
+ import { Customer } from "../../../../projection/customer/customer";
9
10
  import { checkout } from "../../../projection/checkout/checkout.mock";
10
11
  import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
11
12
  import { useViewFiveItemsDiscountByCustomerId } from "../../../projection/checkout/react/useViewFiveItemsDiscountByCustomerId";
@@ -27,9 +28,14 @@ const checkoutMock = checkout({
27
28
  });
28
29
  const fiveItemsDiscountMock = 25;
29
30
  const mockUseNavigate = jest.fn();
31
+ const mockCustomer: Customer = {
32
+ customerId,
33
+ country,
34
+ segment,
35
+ } as Customer;
30
36
 
31
37
  jest.mock("../../hooks/useStaticInfo", () => ({
32
- useStaticInfo: () => ({ customer: { customerId, country, segment } }),
38
+ useStaticInfo: () => ({ customer: mockCustomer }),
33
39
  }));
34
40
 
35
41
  jest.mock("../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId");
package/src/infrastructure/ui/views/summary/components/collapsiblePricing/__snapshots__/CollapsiblePricing.test.tsx.snap CHANGED
@@ -99,20 +99,16 @@ exports[`Pricing component matches the snapshot for collaped pricing: collapsed
99
99
  </Text>
100
100
  </View>
101
101
  <View
102
- collapsable={false}
103
- jestAnimatedStyle={
104
- {
105
- "value": {
102
+ style={
103
+ [
104
+ {
105
+ "flexDirection": "row",
106
+ "justifyContent": "space-between",
107
+ },
108
+ {
106
109
  "opacity": 1,
107
110
  },
108
- }
109
- }
110
- style={
111
- {
112
- "flexDirection": "row",
113
- "justifyContent": "space-between",
114
- "opacity": 1,
115
- }
111
+ ]
116
112
  }
117
113
  >
118
114
  <View
@@ -451,20 +447,16 @@ exports[`Pricing component matches the snapshot for non-collaped pricing: non-co
451
447
  </Text>
452
448
  </View>
453
449
  <View
454
- collapsable={false}
455
- jestAnimatedStyle={
456
- {
457
- "value": {
450
+ style={
451
+ [
452
+ {
453
+ "flexDirection": "row",
454
+ "justifyContent": "space-between",
455
+ },
456
+ {
458
457
  "opacity": 1,
459
458
  },
460
- }
461
- }
462
- style={
463
- {
464
- "flexDirection": "row",
465
- "justifyContent": "space-between",
466
- "opacity": 1,
467
- }
459
+ ]
468
460
  }
469
461
  >
470
462
  <View
package/src/infrastructure/ui/views/summaryTabs/SummaryTabs.test.tsx CHANGED
@@ -4,6 +4,7 @@ import { QueryStatus } from "@lookiero/messaging-react";
4
4
  import { Country } from "@lookiero/sty-psp-locale";
5
5
  import { Segment } from "@lookiero/sty-psp-segment";
6
6
  import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
7
+ import { Customer } from "../../../../projection/customer/customer";
7
8
  import { checkout } from "../../../projection/checkout/checkout.mock";
8
9
  import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
9
10
  import { render } from "../../test/render";
@@ -19,10 +20,15 @@ const checkoutMock = checkout({
19
20
  { status: CheckoutItemStatus.REPLACED },
20
21
  ],
21
22
  });
23
+ const mockCustomer: Customer = {
24
+ customerId,
25
+ country,
26
+ segment,
27
+ } as Customer;
22
28
 
23
29
  jest.mock("../../hooks/useStaticInfo", () => ({
24
30
  useStaticInfo: () => ({
25
- customer: { customerId, country, segment },
31
+ customer: mockCustomer,
26
32
  basePath: "",
27
33
  }),
28
34
  }));
package/src/infrastructure/ui/views/summaryTabs/components/checkoutItemsTabs/__snapshots__/CheckoutItemsTabs.test.tsx.snap CHANGED
@@ -193,10 +193,18 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
193
193
  </Text>
194
194
  </View>
195
195
  <View
196
- collapsable={false}
197
- jestAnimatedStyle={
198
- {
199
- "value": {
196
+ style={
197
+ [
198
+ {
199
+ "backgroundColor": "#0C0A0A",
200
+ "bottom": 0,
201
+ "display": "flex",
202
+ "height": 2,
203
+ "left": 0,
204
+ "position": "absolute",
205
+ },
206
+ undefined,
207
+ {
200
208
  "transform": [
201
209
  {
202
210
  "translateX": 0,
@@ -204,42 +212,25 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
204
212
  ],
205
213
  "width": 0,
206
214
  },
207
- }
208
- }
209
- style={
210
- {
211
- "backgroundColor": "#0C0A0A",
212
- "bottom": 0,
213
- "display": "flex",
214
- "height": 2,
215
- "left": 0,
216
- "position": "absolute",
217
- "transform": [
218
- {
219
- "translateX": 0,
220
- },
221
- ],
222
- "width": 0,
223
- }
215
+ ]
224
216
  }
225
217
  />
226
218
  </View>
227
219
  <View
228
- collapsable={false}
229
- jestAnimatedStyle={
230
- {
231
- "value": {
220
+ style={
221
+ [
222
+ [
223
+ {
224
+ "paddingBottom": 24,
225
+ "paddingHorizontal": 24,
226
+ "paddingTop": 8,
227
+ },
228
+ false,
229
+ ],
230
+ {
232
231
  "opacity": 1,
233
232
  },
234
- }
235
- }
236
- style={
237
- {
238
- "opacity": 1,
239
- "paddingBottom": 24,
240
- "paddingHorizontal": 24,
241
- "paddingTop": 8,
242
- }
233
+ ]
243
234
  }
244
235
  >
245
236
  <View
@@ -272,44 +263,37 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
272
263
  >
273
264
  <View
274
265
  collapsable={false}
275
- jestAnimatedStyle={
276
- {
277
- "value": {
266
+ style={
267
+ [
268
+ {
269
+ "flex": 1,
270
+ "flexDirection": "row",
271
+ "height": "100%",
272
+ },
273
+ {
274
+ "width": 600,
275
+ },
276
+ {
278
277
  "transform": [
279
278
  {
280
279
  "translateX": 0,
281
280
  },
282
281
  ],
283
282
  },
284
- }
285
- }
286
- style={
287
- {
288
- "flex": 1,
289
- "flexDirection": "row",
290
- "height": "100%",
291
- "transform": [
292
- {
293
- "translateX": 0,
294
- },
295
- ],
296
- "width": 600,
297
- }
283
+ ]
298
284
  }
299
285
  testID="carousel-track"
300
286
  >
301
287
  <View
302
- collapsable={false}
303
- jestAnimatedStyle={
304
- {
305
- "value": {},
306
- }
307
- }
308
288
  style={
309
- {
310
- "flex": 1,
311
- "width": 300,
312
- }
289
+ [
290
+ {
291
+ "flex": 1,
292
+ },
293
+ {
294
+ "width": 300,
295
+ },
296
+ ]
313
297
  }
314
298
  testID="carousel-item"
315
299
  >
@@ -468,14 +452,6 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
468
452
  </View>
469
453
  </View>
470
454
  <Image
471
- collapsable={false}
472
- jestAnimatedStyle={
473
- {
474
- "value": {
475
- "opacity": 0,
476
- },
477
- }
478
- }
479
455
  onLoad={[Function]}
480
456
  resizeMode="contain"
481
457
  source={
@@ -484,14 +460,19 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
484
460
  }
485
461
  }
486
462
  style={
487
- {
488
- "flex": 1,
489
- "height": "100%",
490
- "opacity": 0,
491
- "position": "absolute",
492
- "width": "100%",
493
- "zIndex": 10,
494
- }
463
+ [
464
+ {
465
+ "flex": 1,
466
+ "height": "100%",
467
+ "position": "absolute",
468
+ "width": "100%",
469
+ "zIndex": 10,
470
+ },
471
+ undefined,
472
+ {
473
+ "opacity": 0,
474
+ },
475
+ ]
495
476
  }
496
477
  testID="lazy-image-main-image"
497
478
  />
@@ -799,14 +780,6 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
799
780
  </View>
800
781
  </View>
801
782
  <Image
802
- collapsable={false}
803
- jestAnimatedStyle={
804
- {
805
- "value": {
806
- "opacity": 0,
807
- },
808
- }
809
- }
810
783
  onLoad={[Function]}
811
784
  resizeMode="contain"
812
785
  source={
@@ -815,14 +788,19 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
815
788
  }
816
789
  }
817
790
  style={
818
- {
819
- "flex": 1,
820
- "height": "100%",
821
- "opacity": 0,
822
- "position": "absolute",
823
- "width": "100%",
824
- "zIndex": 10,
825
- }
791
+ [
792
+ {
793
+ "flex": 1,
794
+ "height": "100%",
795
+ "position": "absolute",
796
+ "width": "100%",
797
+ "zIndex": 10,
798
+ },
799
+ undefined,
800
+ {
801
+ "opacity": 0,
802
+ },
803
+ ]
826
804
  }
827
805
  testID="lazy-image-main-image"
828
806
  />
@@ -1011,17 +989,15 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
1011
989
  </View>
1012
990
  </View>
1013
991
  <View
1014
- collapsable={false}
1015
- jestAnimatedStyle={
1016
- {
1017
- "value": {},
1018
- }
1019
- }
1020
992
  style={
1021
- {
1022
- "flex": 1,
1023
- "width": 300,
1024
- }
993
+ [
994
+ {
995
+ "flex": 1,
996
+ },
997
+ {
998
+ "width": 300,
999
+ },
1000
+ ]
1025
1001
  }
1026
1002
  testID="carousel-item"
1027
1003
  >
@@ -1180,14 +1156,6 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
1180
1156
  </View>
1181
1157
  </View>
1182
1158
  <Image
1183
- collapsable={false}
1184
- jestAnimatedStyle={
1185
- {
1186
- "value": {
1187
- "opacity": 0,
1188
- },
1189
- }
1190
- }
1191
1159
  onLoad={[Function]}
1192
1160
  resizeMode="contain"
1193
1161
  source={
@@ -1196,14 +1164,19 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
1196
1164
  }
1197
1165
  }
1198
1166
  style={
1199
- {
1200
- "flex": 1,
1201
- "height": "100%",
1202
- "opacity": 0,
1203
- "position": "absolute",
1204
- "width": "100%",
1205
- "zIndex": 10,
1206
- }
1167
+ [
1168
+ {
1169
+ "flex": 1,
1170
+ "height": "100%",
1171
+ "position": "absolute",
1172
+ "width": "100%",
1173
+ "zIndex": 10,
1174
+ },
1175
+ undefined,
1176
+ {
1177
+ "opacity": 0,
1178
+ },
1179
+ ]
1207
1180
  }
1208
1181
  testID="lazy-image-main-image"
1209
1182
  />
@@ -1511,14 +1484,6 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
1511
1484
  </View>
1512
1485
  </View>
1513
1486
  <Image
1514
- collapsable={false}
1515
- jestAnimatedStyle={
1516
- {
1517
- "value": {
1518
- "opacity": 0,
1519
- },
1520
- }
1521
- }
1522
1487
  onLoad={[Function]}
1523
1488
  resizeMode="contain"
1524
1489
  source={
@@ -1527,14 +1492,19 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
1527
1492
  }
1528
1493
  }
1529
1494
  style={
1530
- {
1531
- "flex": 1,
1532
- "height": "100%",
1533
- "opacity": 0,
1534
- "position": "absolute",
1535
- "width": "100%",
1536
- "zIndex": 10,
1537
- }
1495
+ [
1496
+ {
1497
+ "flex": 1,
1498
+ "height": "100%",
1499
+ "position": "absolute",
1500
+ "width": "100%",
1501
+ "zIndex": 10,
1502
+ },
1503
+ undefined,
1504
+ {
1505
+ "opacity": 0,
1506
+ },
1507
+ ]
1538
1508
  }
1539
1509
  testID="lazy-image-main-image"
1540
1510
  />