@lookiero/checkout 14.3.1 → 14.4.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 (26) hide show
  1. package/dist/fake-dependencies/@lookiero/payments-front/index.js +1 -1
  2. package/dist/src/ExpoRoot.js +2 -2
  3. package/dist/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.js +1 -1
  4. package/dist/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.js +3 -4
  5. package/dist/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.style.d.ts +0 -3
  6. package/dist/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.style.js +0 -3
  7. package/dist/src/infrastructure/ui/views/item/components/itemActions/ItemActions.js +4 -5
  8. package/dist/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.js +1 -2
  9. package/dist/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.js +2 -3
  10. package/dist/src/infrastructure/ui/views/summary/components/collapsiblePricing/CollapsiblePricing.js +2 -3
  11. package/dist/src/version.d.ts +2 -2
  12. package/dist/src/version.js +2 -2
  13. package/fake-dependencies/@lookiero/payments-front/index.tsx +1 -1
  14. package/package.json +3 -3
  15. package/src/ExpoRoot.tsx +2 -2
  16. package/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.tsx +1 -1
  17. package/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.style.ts +0 -3
  18. package/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.tsx +3 -4
  19. package/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/__snapshots__/GetOutOfCheckoutModal.test.tsx.snap +102 -144
  20. package/src/infrastructure/ui/views/item/components/itemActions/ItemActions.tsx +8 -9
  21. package/src/infrastructure/ui/views/item/components/itemActions/__snapshots__/ItemActions.test.tsx.snap +102 -233
  22. package/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.tsx +1 -2
  23. package/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/__snapshots__/SizeWithoutStockModal.test.tsx.snap +30 -69
  24. package/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.tsx +2 -3
  25. package/src/infrastructure/ui/views/summary/components/collapsiblePricing/CollapsiblePricing.tsx +2 -3
  26. package/src/infrastructure/ui/views/summary/components/collapsiblePricing/__snapshots__/CollapsiblePricing.test.tsx.snap +62 -144
package/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/__snapshots__/SizeWithoutStockModal.test.tsx.snap CHANGED
@@ -304,7 +304,6 @@ exports[`SizeWithoutStockModal component matches the snapshot 1`] = `
304
304
  size_without_stock_modal.description
305
305
  </Text>
306
306
  <View
307
- accessibilityRole="button"
308
307
  accessibilityState={
309
308
  {
310
309
  "busy": undefined,
@@ -325,9 +324,7 @@ exports[`SizeWithoutStockModal component matches the snapshot 1`] = `
325
324
  accessible={true}
326
325
  collapsable={false}
327
326
  focusable={true}
328
- onBlur={[Function]}
329
327
  onClick={[Function]}
330
- onFocus={[Function]}
331
328
  onLayout={[Function]}
332
329
  onResponderGrant={[Function]}
333
330
  onResponderMove={[Function]}
@@ -336,37 +333,10 @@ exports[`SizeWithoutStockModal component matches the snapshot 1`] = `
336
333
  onResponderTerminationRequest={[Function]}
337
334
  onStartShouldSetResponder={[Function]}
338
335
  style={
339
- [
340
- [
341
- {
342
- "_container": {
343
- "overflow": "hidden",
344
- },
345
- "_pressed": {
346
- "bottom": 0,
347
- "left": 0,
348
- "right": 0,
349
- "top": 0,
350
- },
351
- "alignSelf": "flex-start",
352
- "container": {
353
- "overflow": "hidden",
354
- },
355
- "height": 64,
356
- "overflow": "hidden",
357
- "pressed": {
358
- "bottom": 0,
359
- "left": 0,
360
- "right": 0,
361
- "top": 0,
362
- },
363
- "width": "100%",
364
- },
365
- ],
366
- {
367
- "opacity": 1,
368
- },
369
- ]
336
+ {
337
+ "height": 64,
338
+ "opacity": 1,
339
+ }
370
340
  }
371
341
  >
372
342
  <ViewManagerAdapter_ExpoLinearGradient
@@ -389,28 +359,19 @@ exports[`SizeWithoutStockModal component matches the snapshot 1`] = `
389
359
  ]
390
360
  }
391
361
  style={
392
- [
393
- {
394
- "alignContent": "center",
395
- "height": 64,
396
- "justifyContent": "center",
397
- "overflow": "hidden",
398
- "paddingLeft": 24,
399
- "paddingRight": 24,
400
- "position": "relative",
401
- },
402
- {},
403
- undefined,
404
- undefined,
405
- false,
406
- {
407
- "borderRadius": 9999,
408
- },
409
- ]
362
+ {
363
+ "alignContent": "center",
364
+ "borderRadius": 9999,
365
+ "height": 64,
366
+ "justifyContent": "center",
367
+ "overflow": "hidden",
368
+ "paddingLeft": 24,
369
+ "paddingRight": 24,
370
+ "position": "relative",
371
+ }
410
372
  }
411
373
  >
412
374
  <View
413
- collapsable={false}
414
375
  pointerEvents="none"
415
376
  style={
416
377
  [
@@ -423,39 +384,39 @@ exports[`SizeWithoutStockModal component matches the snapshot 1`] = `
423
384
  "top": 0,
424
385
  },
425
386
  {
426
- "width": "0%",
387
+ "width": 0,
427
388
  },
428
389
  ]
429
390
  }
430
391
  />
431
392
  <View
432
393
  style={
433
- [
434
- {
435
- "alignItems": "center",
436
- "flexDirection": "row",
437
- "justifyContent": "center",
438
- },
439
- ]
394
+ {
395
+ "alignItems": "center",
396
+ "flexDirection": "row",
397
+ "justifyContent": "center",
398
+ }
440
399
  }
441
400
  >
442
401
  <Text
443
- allowFontScaling={false}
444
- selectable={false}
445
402
  style={
446
403
  [
447
404
  {
448
- "color": "#FFFFFF",
405
+ "color": "#0C0A0A",
449
406
  "fontFamily": "AreaNormal-Extrabold",
450
407
  "fontSize": 15,
408
+ "fontStyle": "normal",
409
+ "fontWeight": "normal",
451
410
  "letterSpacing": -0.2,
452
411
  "lineHeight": 20,
453
- "paddingBottom": 0,
454
- "paddingLeft": 0,
455
- "paddingRight": 0,
456
- "paddingTop": 0,
457
- "textAlign": "center",
458
412
  },
413
+ [
414
+ {
415
+ "color": "#FFFFFF",
416
+ "textAlign": "center",
417
+ },
418
+ undefined,
419
+ ],
459
420
  ]
460
421
  }
461
422
  >
package/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.tsx CHANGED
@@ -3,14 +3,13 @@ import React, { FC, useCallback, useMemo } from "react";
3
3
  import { Platform, View } from "react-native";
4
4
  import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
5
5
  import { generatePath, useNavigate } from "react-router-native";
6
- import { Box, Button, Layout as AuroraLayout, Spinner } from "@lookiero/aurora";
6
+ import { Box, Layout as AuroraLayout, Spinner } from "@lookiero/aurora";
7
7
  import { useI18nMessage } from "@lookiero/i18n-react";
8
8
  import { CommandStatus } from "@lookiero/messaging-react";
9
9
  import { Country } from "@lookiero/sty-psp-locale";
10
10
  import { useLogger } from "@lookiero/sty-psp-logging";
11
11
  import { Segment } from "@lookiero/sty-psp-segment";
12
- import { Text } from "@lookiero/sty-psp-ui";
13
- import { Layout as UiLayout, useScreenSize } from "@lookiero/sty-psp-ui";
12
+ import { Button, Layout as UiLayout, Text, useScreenSize } from "@lookiero/sty-psp-ui";
14
13
  import { Tradename } from "@lookiero/sty-sp-tradename";
15
14
  import { CheckoutProjection } from "../../../../../../projection/checkout/checkout";
16
15
  import { CheckoutItemProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
package/src/infrastructure/ui/views/summary/components/collapsiblePricing/CollapsiblePricing.tsx CHANGED
@@ -1,9 +1,8 @@
1
1
  import React, { FC, useMemo } from "react";
2
2
  import { Pressable, View } from "react-native";
3
3
  import Animated, { useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
4
- import { Button } from "@lookiero/aurora";
5
4
  import { useI18nMessage } from "@lookiero/i18n-react";
6
- import { Icon, Text } from "@lookiero/sty-psp-ui";
5
+ import { Button, Icon, Text } from "@lookiero/sty-psp-ui";
7
6
  import { Tradename } from "@lookiero/sty-sp-tradename";
8
7
  import { PricingProjection } from "../../../../../../projection/pricing/pricing";
9
8
  import { Price } from "../../../../components/atoms/price/Price";
@@ -79,7 +78,7 @@ const CollapsiblePricing: FC<CollapsiblePricingProps> = ({
79
78
  </View>
80
79
 
81
80
  <View style={style.collapsedContent}>
82
- <Button testID="submit-checkout-collpased-button" small onPress={onSubmit}>
81
+ <Button size="small" testID="submit-checkout-collpased-button" onPress={onSubmit}>
83
82
  {submitButtonText}
84
83
  </Button>
85
84
  </View>
package/src/infrastructure/ui/views/summary/components/collapsiblePricing/__snapshots__/CollapsiblePricing.test.tsx.snap CHANGED
@@ -185,7 +185,6 @@ exports[`Pricing component matches the snapshot for collaped pricing: collapsed
185
185
  }
186
186
  >
187
187
  <View
188
- accessibilityRole="button"
189
188
  accessibilityState={
190
189
  {
191
190
  "busy": undefined,
@@ -206,9 +205,7 @@ exports[`Pricing component matches the snapshot for collaped pricing: collapsed
206
205
  accessible={true}
207
206
  collapsable={false}
208
207
  focusable={true}
209
- onBlur={[Function]}
210
208
  onClick={[Function]}
211
- onFocus={[Function]}
212
209
  onLayout={[Function]}
213
210
  onResponderGrant={[Function]}
214
211
  onResponderMove={[Function]}
@@ -217,37 +214,10 @@ exports[`Pricing component matches the snapshot for collaped pricing: collapsed
217
214
  onResponderTerminationRequest={[Function]}
218
215
  onStartShouldSetResponder={[Function]}
219
216
  style={
220
- [
221
- [
222
- {
223
- "_container": {
224
- "overflow": "hidden",
225
- },
226
- "_pressed": {
227
- "bottom": 0,
228
- "left": 0,
229
- "right": 0,
230
- "top": 0,
231
- },
232
- "alignSelf": "flex-start",
233
- "container": {
234
- "overflow": "hidden",
235
- },
236
- "height": 48,
237
- "overflow": "hidden",
238
- "pressed": {
239
- "bottom": 0,
240
- "left": 0,
241
- "right": 0,
242
- "top": 0,
243
- },
244
- "width": "100%",
245
- },
246
- ],
247
- {
248
- "opacity": 1,
249
- },
250
- ]
217
+ {
218
+ "height": 48,
219
+ "opacity": 1,
220
+ }
251
221
  }
252
222
  testID="submit-checkout-collpased-button"
253
223
  >
@@ -271,75 +241,64 @@ exports[`Pricing component matches the snapshot for collaped pricing: collapsed
271
241
  ]
272
242
  }
273
243
  style={
274
- [
275
- {
276
- "alignContent": "center",
277
- "height": 64,
278
- "justifyContent": "center",
279
- "overflow": "hidden",
280
- "paddingLeft": 24,
281
- "paddingRight": 24,
282
- "position": "relative",
283
- },
284
- {},
285
- undefined,
286
- {
287
- "height": 48,
288
- },
289
- false,
290
- {
291
- "borderRadius": 9999,
292
- },
293
- ]
244
+ {
245
+ "alignContent": "center",
246
+ "borderRadius": 9999,
247
+ "height": 48,
248
+ "justifyContent": "center",
249
+ "overflow": "hidden",
250
+ "paddingLeft": 24,
251
+ "paddingRight": 24,
252
+ "position": "relative",
253
+ }
294
254
  }
295
255
  >
296
256
  <View
297
- collapsable={false}
298
257
  pointerEvents="none"
299
258
  style={
300
259
  [
301
260
  {
302
261
  "backgroundColor": "#716A6B",
303
- "height": 48,
262
+ "height": "300%",
304
263
  "left": 0,
305
264
  "opacity": 0.7,
306
265
  "position": "absolute",
307
266
  "top": 0,
308
267
  },
309
268
  {
310
- "width": "0%",
269
+ "width": 0,
311
270
  },
312
271
  ]
313
272
  }
314
273
  />
315
274
  <View
316
275
  style={
317
- [
318
- {
319
- "alignItems": "center",
320
- "flexDirection": "row",
321
- "justifyContent": "center",
322
- },
323
- ]
276
+ {
277
+ "alignItems": "center",
278
+ "flexDirection": "row",
279
+ "justifyContent": "center",
280
+ }
324
281
  }
325
282
  >
326
283
  <Text
327
- allowFontScaling={false}
328
- selectable={false}
329
284
  style={
330
285
  [
331
286
  {
332
- "color": "#FFFFFF",
287
+ "color": "#0C0A0A",
333
288
  "fontFamily": "AreaNormal-Extrabold",
334
289
  "fontSize": 15,
290
+ "fontStyle": "normal",
291
+ "fontWeight": "normal",
335
292
  "letterSpacing": -0.2,
336
293
  "lineHeight": 20,
337
- "paddingBottom": 0,
338
- "paddingLeft": 0,
339
- "paddingRight": 0,
340
- "paddingTop": 0,
341
- "textAlign": "center",
342
294
  },
295
+ [
296
+ {
297
+ "color": "#FFFFFF",
298
+ "textAlign": "center",
299
+ },
300
+ undefined,
301
+ ],
343
302
  ]
344
303
  }
345
304
  >
@@ -538,7 +497,6 @@ exports[`Pricing component matches the snapshot for non-collaped pricing: non-co
538
497
  }
539
498
  >
540
499
  <View
541
- accessibilityRole="button"
542
500
  accessibilityState={
543
501
  {
544
502
  "busy": undefined,
@@ -559,9 +517,7 @@ exports[`Pricing component matches the snapshot for non-collaped pricing: non-co
559
517
  accessible={true}
560
518
  collapsable={false}
561
519
  focusable={true}
562
- onBlur={[Function]}
563
520
  onClick={[Function]}
564
- onFocus={[Function]}
565
521
  onLayout={[Function]}
566
522
  onResponderGrant={[Function]}
567
523
  onResponderMove={[Function]}
@@ -570,37 +526,10 @@ exports[`Pricing component matches the snapshot for non-collaped pricing: non-co
570
526
  onResponderTerminationRequest={[Function]}
571
527
  onStartShouldSetResponder={[Function]}
572
528
  style={
573
- [
574
- [
575
- {
576
- "_container": {
577
- "overflow": "hidden",
578
- },
579
- "_pressed": {
580
- "bottom": 0,
581
- "left": 0,
582
- "right": 0,
583
- "top": 0,
584
- },
585
- "alignSelf": "flex-start",
586
- "container": {
587
- "overflow": "hidden",
588
- },
589
- "height": 48,
590
- "overflow": "hidden",
591
- "pressed": {
592
- "bottom": 0,
593
- "left": 0,
594
- "right": 0,
595
- "top": 0,
596
- },
597
- "width": "100%",
598
- },
599
- ],
600
- {
601
- "opacity": 1,
602
- },
603
- ]
529
+ {
530
+ "height": 48,
531
+ "opacity": 1,
532
+ }
604
533
  }
605
534
  testID="submit-checkout-collpased-button"
606
535
  >
@@ -624,75 +553,64 @@ exports[`Pricing component matches the snapshot for non-collaped pricing: non-co
624
553
  ]
625
554
  }
626
555
  style={
627
- [
628
- {
629
- "alignContent": "center",
630
- "height": 64,
631
- "justifyContent": "center",
632
- "overflow": "hidden",
633
- "paddingLeft": 24,
634
- "paddingRight": 24,
635
- "position": "relative",
636
- },
637
- {},
638
- undefined,
639
- {
640
- "height": 48,
641
- },
642
- false,
643
- {
644
- "borderRadius": 9999,
645
- },
646
- ]
556
+ {
557
+ "alignContent": "center",
558
+ "borderRadius": 9999,
559
+ "height": 48,
560
+ "justifyContent": "center",
561
+ "overflow": "hidden",
562
+ "paddingLeft": 24,
563
+ "paddingRight": 24,
564
+ "position": "relative",
565
+ }
647
566
  }
648
567
  >
649
568
  <View
650
- collapsable={false}
651
569
  pointerEvents="none"
652
570
  style={
653
571
  [
654
572
  {
655
573
  "backgroundColor": "#716A6B",
656
- "height": 48,
574
+ "height": "300%",
657
575
  "left": 0,
658
576
  "opacity": 0.7,
659
577
  "position": "absolute",
660
578
  "top": 0,
661
579
  },
662
580
  {
663
- "width": "0%",
581
+ "width": 0,
664
582
  },
665
583
  ]
666
584
  }
667
585
  />
668
586
  <View
669
587
  style={
670
- [
671
- {
672
- "alignItems": "center",
673
- "flexDirection": "row",
674
- "justifyContent": "center",
675
- },
676
- ]
588
+ {
589
+ "alignItems": "center",
590
+ "flexDirection": "row",
591
+ "justifyContent": "center",
592
+ }
677
593
  }
678
594
  >
679
595
  <Text
680
- allowFontScaling={false}
681
- selectable={false}
682
596
  style={
683
597
  [
684
598
  {
685
- "color": "#FFFFFF",
599
+ "color": "#0C0A0A",
686
600
  "fontFamily": "AreaNormal-Extrabold",
687
601
  "fontSize": 15,
602
+ "fontStyle": "normal",
603
+ "fontWeight": "normal",
688
604
  "letterSpacing": -0.2,
689
605
  "lineHeight": 20,
690
- "paddingBottom": 0,
691
- "paddingLeft": 0,
692
- "paddingRight": 0,
693
- "paddingTop": 0,
694
- "textAlign": "center",
695
606
  },
607
+ [
608
+ {
609
+ "color": "#FFFFFF",
610
+ "textAlign": "center",
611
+ },
612
+ undefined,
613
+ ],
696
614
  ]
697
615
  }
698
616
  >