@lookiero/checkout 8.10.0 → 8.11.0-beta.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.
- package/dist/public/public/assets/adaptive-icon.png +0 -0
- package/dist/public/public/assets/favicon.png +0 -0
- package/dist/public/public/assets/icon.png +0 -0
- package/dist/public/public/assets/splash.png +0 -0
- package/dist/public/public/images/not-found.png +0 -0
- package/dist/src/ExpoRoot.js +1 -1
- package/dist/src/infrastructure/projection/checkout/react/useViewIsCheckoutAccessibleByCustomerId.d.ts +10 -0
- package/dist/src/infrastructure/projection/checkout/react/useViewIsCheckoutAccessibleByCustomerId.js +17 -0
- package/dist/src/infrastructure/ui/components/layouts/layout/Layout.d.ts +21 -0
- package/dist/src/infrastructure/ui/components/layouts/layout/Layout.js +1 -0
- package/dist/src/infrastructure/ui/components/layouts/layout/components/footer/Footer.d.ts +6 -0
- package/dist/src/infrastructure/ui/components/layouts/layout/components/footer/Footer.js +4 -0
- package/dist/src/infrastructure/ui/components/layouts/layout/components/header/Header.d.ts +6 -0
- package/dist/src/infrastructure/ui/components/layouts/layout/components/header/Header.js +5 -0
- package/dist/src/infrastructure/ui/components/layouts/layout/components/header/Header.style.d.ts +4 -0
- package/dist/src/infrastructure/ui/components/layouts/layout/components/header/Header.style.js +19 -0
- package/dist/src/infrastructure/ui/components/layouts/layout/dummyLayout/DummyLayout.d.ts +3 -0
- package/dist/src/infrastructure/ui/components/layouts/layout/dummyLayout/DummyLayout.js +18 -0
- package/dist/src/infrastructure/ui/components/layouts/layout/dummyLayout/DummyLayout.style.d.ts +12 -0
- package/dist/src/infrastructure/ui/components/layouts/layout/dummyLayout/DummyLayout.style.js +13 -0
- package/dist/src/infrastructure/ui/components/templates/header/defaultHeader/DefaultHeader.d.ts +6 -0
- package/dist/src/infrastructure/ui/components/templates/header/defaultHeader/DefaultHeader.js +11 -0
- package/dist/src/infrastructure/ui/components/templates/header/defaultHeader/DefaultHeader.style.d.ts +8 -0
- package/dist/src/infrastructure/ui/components/templates/header/defaultHeader/DefaultHeader.style.js +11 -0
- package/dist/src/infrastructure/ui/hooks/useNewFeedbackExperiment.d.ts +11 -0
- package/dist/src/infrastructure/ui/hooks/useNewFeedbackExperiment.js +49 -0
- package/dist/src/infrastructure/ui/i18n/fetchTranslations.d.ts +9 -0
- package/dist/src/infrastructure/ui/i18n/fetchTranslations.js +9 -0
- package/dist/src/infrastructure/ui/i18n/translationEndpoint.d.ts +19 -0
- package/dist/src/infrastructure/ui/i18n/translationEndpoint.js +21 -0
- package/dist/src/infrastructure/ui/routing/CheckoutAccessibilityMiddleware.d.ts +9 -0
- package/dist/src/infrastructure/ui/routing/CheckoutAccessibilityMiddleware.js +21 -0
- package/dist/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.style.d.ts +7 -0
- package/dist/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.style.js +10 -0
- package/dist/src/infrastructure/ui/views/item/components/productVariantSlider/ProductVariantSlider.js +2 -8
- package/dist/src/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.d.ts +11 -0
- package/dist/src/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.js +40 -0
- package/dist/src/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.style.d.ts +12 -0
- package/dist/src/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.style.js +15 -0
- package/dist/src/infrastructure/ui/views/return/Return.style.d.ts +40 -0
- package/dist/src/infrastructure/ui/views/return/Return.style.js +43 -0
- package/dist/src/infrastructure/ui/views/shared/components/productVariant/ProductVariant.js +3 -7
- package/dist/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.d.ts +13 -0
- package/dist/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.js +9 -0
- package/dist/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.style.d.ts +7 -0
- package/dist/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.style.js +10 -0
- package/dist/src/projection/checkout/viewIsCheckoutAccessibleByCustomerId.d.ts +17 -0
- package/dist/src/projection/checkout/viewIsCheckoutAccessibleByCustomerId.js +13 -0
- package/dist/src/projection/shared/country.d.ts +14 -0
- package/dist/src/projection/shared/country.js +15 -0
- package/dist/src/projection/shared/customer.d.ts +8 -0
- package/dist/src/projection/shared/customer.js +1 -0
- package/dist/src/projection/shared/locale.d.ts +12 -0
- package/dist/src/projection/shared/locale.js +13 -0
- package/dist/src/projection/shared/order.d.ts +6 -0
- package/dist/src/projection/shared/order.js +1 -0
- package/dist/src/projection/shared/price.d.ts +10 -0
- package/dist/src/projection/shared/price.js +1 -0
- package/dist/src/projection/shared/size.d.ts +20 -0
- package/dist/src/projection/shared/size.js +3 -0
- package/dist/src/projection/shared/subscription.d.ts +2 -0
- package/dist/src/projection/shared/subscription.js +1 -0
- package/dist/src/shared/ui/components/atoms/error/Error.d.ts +10 -0
- package/dist/src/shared/ui/components/atoms/error/Error.js +4 -0
- package/dist/src/version.d.ts +1 -1
- package/dist/src/version.js +1 -1
- package/package.json +2 -2
- package/src/ExpoRoot.tsx +1 -1
- package/src/infrastructure/ui/views/item/components/productVariantSlider/ProductVariantSlider.tsx +5 -9
- package/src/infrastructure/ui/views/item/components/productVariantSlider/__snapshots__/ProductVariantSlider.test.tsx.snap +234 -20
- package/src/infrastructure/ui/views/item/views/productVariant/__snapshots__/ProductVariant.test.tsx.snap +702 -60
- package/src/infrastructure/ui/views/shared/components/productVariant/ProductVariant.tsx +6 -9
- package/src/infrastructure/ui/views/shared/components/productVariant/__snapshots__/ProductVariant.test.tsx.snap +242 -28
- package/src/infrastructure/ui/views/summaryTabs/components/checkoutItemsTabs/__snapshots__/CheckoutItemsTabs.test.tsx.snap +484 -56
- package/webpack.config.js +1 -1
|
@@ -366,27 +366,134 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
|
|
|
366
366
|
}
|
|
367
367
|
>
|
|
368
368
|
<View>
|
|
369
|
-
<
|
|
370
|
-
resizeMode="contain"
|
|
371
|
-
source={
|
|
372
|
-
{
|
|
373
|
-
"uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=208&f=auto",
|
|
374
|
-
}
|
|
375
|
-
}
|
|
369
|
+
<View
|
|
376
370
|
style={
|
|
377
371
|
[
|
|
378
372
|
{
|
|
379
|
-
"
|
|
380
|
-
"borderRadius": 8,
|
|
381
|
-
"borderWidth": 2,
|
|
382
|
-
"height": 132,
|
|
383
|
-
"width": 104,
|
|
373
|
+
"position": "relative",
|
|
384
374
|
},
|
|
385
|
-
|
|
375
|
+
[
|
|
376
|
+
{
|
|
377
|
+
"borderColor": "#DAD8D8",
|
|
378
|
+
"borderRadius": 8,
|
|
379
|
+
"borderWidth": 2,
|
|
380
|
+
"height": 132,
|
|
381
|
+
"width": 104,
|
|
382
|
+
},
|
|
383
|
+
undefined,
|
|
384
|
+
],
|
|
386
385
|
]
|
|
387
386
|
}
|
|
388
387
|
testID="product-variant-media"
|
|
389
|
-
|
|
388
|
+
>
|
|
389
|
+
<View
|
|
390
|
+
style={
|
|
391
|
+
[
|
|
392
|
+
{
|
|
393
|
+
"flex": 1,
|
|
394
|
+
},
|
|
395
|
+
]
|
|
396
|
+
}
|
|
397
|
+
testID="lazy-image-skeleton"
|
|
398
|
+
>
|
|
399
|
+
<View
|
|
400
|
+
onLayout={[Function]}
|
|
401
|
+
style={
|
|
402
|
+
[
|
|
403
|
+
{
|
|
404
|
+
"backgroundColor": "#F8F7F7",
|
|
405
|
+
"flex": 1,
|
|
406
|
+
"height": undefined,
|
|
407
|
+
"overflow": "hidden",
|
|
408
|
+
"width": undefined,
|
|
409
|
+
},
|
|
410
|
+
]
|
|
411
|
+
}
|
|
412
|
+
>
|
|
413
|
+
<View
|
|
414
|
+
collapsable={false}
|
|
415
|
+
duration={1200}
|
|
416
|
+
style={
|
|
417
|
+
{
|
|
418
|
+
"height": "100%",
|
|
419
|
+
"left": 0,
|
|
420
|
+
"transform": [
|
|
421
|
+
{
|
|
422
|
+
"translateX": -375,
|
|
423
|
+
},
|
|
424
|
+
],
|
|
425
|
+
"width": "100%",
|
|
426
|
+
}
|
|
427
|
+
}
|
|
428
|
+
>
|
|
429
|
+
<View
|
|
430
|
+
colors={
|
|
431
|
+
[
|
|
432
|
+
"rgba(255, 255, 255, 0)",
|
|
433
|
+
"#DAD8D8",
|
|
434
|
+
"#DAD8D8",
|
|
435
|
+
"rgba(255, 255, 255, 0)",
|
|
436
|
+
]
|
|
437
|
+
}
|
|
438
|
+
end={
|
|
439
|
+
{
|
|
440
|
+
"x": 1,
|
|
441
|
+
"y": 0,
|
|
442
|
+
}
|
|
443
|
+
}
|
|
444
|
+
locations={
|
|
445
|
+
[
|
|
446
|
+
0,
|
|
447
|
+
0.25,
|
|
448
|
+
0.75,
|
|
449
|
+
1,
|
|
450
|
+
]
|
|
451
|
+
}
|
|
452
|
+
start={
|
|
453
|
+
{
|
|
454
|
+
"x": 0,
|
|
455
|
+
"y": 0,
|
|
456
|
+
}
|
|
457
|
+
}
|
|
458
|
+
style={
|
|
459
|
+
{
|
|
460
|
+
"height": "100%",
|
|
461
|
+
"width": "100%",
|
|
462
|
+
}
|
|
463
|
+
}
|
|
464
|
+
/>
|
|
465
|
+
</View>
|
|
466
|
+
</View>
|
|
467
|
+
</View>
|
|
468
|
+
<Image
|
|
469
|
+
animatedStyle={
|
|
470
|
+
{
|
|
471
|
+
"value": {
|
|
472
|
+
"opacity": 0,
|
|
473
|
+
},
|
|
474
|
+
}
|
|
475
|
+
}
|
|
476
|
+
collapsable={false}
|
|
477
|
+
onLoad={[Function]}
|
|
478
|
+
resizeMode="contain"
|
|
479
|
+
source={
|
|
480
|
+
{
|
|
481
|
+
"uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=104&f=auto",
|
|
482
|
+
}
|
|
483
|
+
}
|
|
484
|
+
style={
|
|
485
|
+
{
|
|
486
|
+
"flex": 1,
|
|
487
|
+
"height": "100%",
|
|
488
|
+
"opacity": 0,
|
|
489
|
+
"position": "absolute",
|
|
490
|
+
"width": "100%",
|
|
491
|
+
"zIndex": 10,
|
|
492
|
+
}
|
|
493
|
+
}
|
|
494
|
+
testID="lazy-image-main-image"
|
|
495
|
+
/>
|
|
496
|
+
</View>
|
|
390
497
|
</View>
|
|
391
498
|
<View
|
|
392
499
|
style={
|
|
@@ -581,27 +688,134 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
|
|
|
581
688
|
}
|
|
582
689
|
>
|
|
583
690
|
<View>
|
|
584
|
-
<
|
|
585
|
-
resizeMode="contain"
|
|
586
|
-
source={
|
|
587
|
-
{
|
|
588
|
-
"uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=208&f=auto",
|
|
589
|
-
}
|
|
590
|
-
}
|
|
691
|
+
<View
|
|
591
692
|
style={
|
|
592
693
|
[
|
|
593
694
|
{
|
|
594
|
-
"
|
|
595
|
-
"borderRadius": 8,
|
|
596
|
-
"borderWidth": 2,
|
|
597
|
-
"height": 132,
|
|
598
|
-
"width": 104,
|
|
695
|
+
"position": "relative",
|
|
599
696
|
},
|
|
600
|
-
|
|
697
|
+
[
|
|
698
|
+
{
|
|
699
|
+
"borderColor": "#DAD8D8",
|
|
700
|
+
"borderRadius": 8,
|
|
701
|
+
"borderWidth": 2,
|
|
702
|
+
"height": 132,
|
|
703
|
+
"width": 104,
|
|
704
|
+
},
|
|
705
|
+
undefined,
|
|
706
|
+
],
|
|
601
707
|
]
|
|
602
708
|
}
|
|
603
709
|
testID="product-variant-media"
|
|
604
|
-
|
|
710
|
+
>
|
|
711
|
+
<View
|
|
712
|
+
style={
|
|
713
|
+
[
|
|
714
|
+
{
|
|
715
|
+
"flex": 1,
|
|
716
|
+
},
|
|
717
|
+
]
|
|
718
|
+
}
|
|
719
|
+
testID="lazy-image-skeleton"
|
|
720
|
+
>
|
|
721
|
+
<View
|
|
722
|
+
onLayout={[Function]}
|
|
723
|
+
style={
|
|
724
|
+
[
|
|
725
|
+
{
|
|
726
|
+
"backgroundColor": "#F8F7F7",
|
|
727
|
+
"flex": 1,
|
|
728
|
+
"height": undefined,
|
|
729
|
+
"overflow": "hidden",
|
|
730
|
+
"width": undefined,
|
|
731
|
+
},
|
|
732
|
+
]
|
|
733
|
+
}
|
|
734
|
+
>
|
|
735
|
+
<View
|
|
736
|
+
collapsable={false}
|
|
737
|
+
duration={1200}
|
|
738
|
+
style={
|
|
739
|
+
{
|
|
740
|
+
"height": "100%",
|
|
741
|
+
"left": 0,
|
|
742
|
+
"transform": [
|
|
743
|
+
{
|
|
744
|
+
"translateX": -375,
|
|
745
|
+
},
|
|
746
|
+
],
|
|
747
|
+
"width": "100%",
|
|
748
|
+
}
|
|
749
|
+
}
|
|
750
|
+
>
|
|
751
|
+
<View
|
|
752
|
+
colors={
|
|
753
|
+
[
|
|
754
|
+
"rgba(255, 255, 255, 0)",
|
|
755
|
+
"#DAD8D8",
|
|
756
|
+
"#DAD8D8",
|
|
757
|
+
"rgba(255, 255, 255, 0)",
|
|
758
|
+
]
|
|
759
|
+
}
|
|
760
|
+
end={
|
|
761
|
+
{
|
|
762
|
+
"x": 1,
|
|
763
|
+
"y": 0,
|
|
764
|
+
}
|
|
765
|
+
}
|
|
766
|
+
locations={
|
|
767
|
+
[
|
|
768
|
+
0,
|
|
769
|
+
0.25,
|
|
770
|
+
0.75,
|
|
771
|
+
1,
|
|
772
|
+
]
|
|
773
|
+
}
|
|
774
|
+
start={
|
|
775
|
+
{
|
|
776
|
+
"x": 0,
|
|
777
|
+
"y": 0,
|
|
778
|
+
}
|
|
779
|
+
}
|
|
780
|
+
style={
|
|
781
|
+
{
|
|
782
|
+
"height": "100%",
|
|
783
|
+
"width": "100%",
|
|
784
|
+
}
|
|
785
|
+
}
|
|
786
|
+
/>
|
|
787
|
+
</View>
|
|
788
|
+
</View>
|
|
789
|
+
</View>
|
|
790
|
+
<Image
|
|
791
|
+
animatedStyle={
|
|
792
|
+
{
|
|
793
|
+
"value": {
|
|
794
|
+
"opacity": 0,
|
|
795
|
+
},
|
|
796
|
+
}
|
|
797
|
+
}
|
|
798
|
+
collapsable={false}
|
|
799
|
+
onLoad={[Function]}
|
|
800
|
+
resizeMode="contain"
|
|
801
|
+
source={
|
|
802
|
+
{
|
|
803
|
+
"uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=104&f=auto",
|
|
804
|
+
}
|
|
805
|
+
}
|
|
806
|
+
style={
|
|
807
|
+
{
|
|
808
|
+
"flex": 1,
|
|
809
|
+
"height": "100%",
|
|
810
|
+
"opacity": 0,
|
|
811
|
+
"position": "absolute",
|
|
812
|
+
"width": "100%",
|
|
813
|
+
"zIndex": 10,
|
|
814
|
+
}
|
|
815
|
+
}
|
|
816
|
+
testID="lazy-image-main-image"
|
|
817
|
+
/>
|
|
818
|
+
</View>
|
|
605
819
|
</View>
|
|
606
820
|
<View
|
|
607
821
|
style={
|
|
@@ -845,27 +1059,134 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
|
|
|
845
1059
|
}
|
|
846
1060
|
>
|
|
847
1061
|
<View>
|
|
848
|
-
<
|
|
849
|
-
resizeMode="contain"
|
|
850
|
-
source={
|
|
851
|
-
{
|
|
852
|
-
"uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=208&f=auto",
|
|
853
|
-
}
|
|
854
|
-
}
|
|
1062
|
+
<View
|
|
855
1063
|
style={
|
|
856
1064
|
[
|
|
857
1065
|
{
|
|
858
|
-
"
|
|
859
|
-
"borderRadius": 8,
|
|
860
|
-
"borderWidth": 2,
|
|
861
|
-
"height": 132,
|
|
862
|
-
"width": 104,
|
|
1066
|
+
"position": "relative",
|
|
863
1067
|
},
|
|
864
|
-
|
|
1068
|
+
[
|
|
1069
|
+
{
|
|
1070
|
+
"borderColor": "#DAD8D8",
|
|
1071
|
+
"borderRadius": 8,
|
|
1072
|
+
"borderWidth": 2,
|
|
1073
|
+
"height": 132,
|
|
1074
|
+
"width": 104,
|
|
1075
|
+
},
|
|
1076
|
+
undefined,
|
|
1077
|
+
],
|
|
865
1078
|
]
|
|
866
1079
|
}
|
|
867
1080
|
testID="product-variant-media"
|
|
868
|
-
|
|
1081
|
+
>
|
|
1082
|
+
<View
|
|
1083
|
+
style={
|
|
1084
|
+
[
|
|
1085
|
+
{
|
|
1086
|
+
"flex": 1,
|
|
1087
|
+
},
|
|
1088
|
+
]
|
|
1089
|
+
}
|
|
1090
|
+
testID="lazy-image-skeleton"
|
|
1091
|
+
>
|
|
1092
|
+
<View
|
|
1093
|
+
onLayout={[Function]}
|
|
1094
|
+
style={
|
|
1095
|
+
[
|
|
1096
|
+
{
|
|
1097
|
+
"backgroundColor": "#F8F7F7",
|
|
1098
|
+
"flex": 1,
|
|
1099
|
+
"height": undefined,
|
|
1100
|
+
"overflow": "hidden",
|
|
1101
|
+
"width": undefined,
|
|
1102
|
+
},
|
|
1103
|
+
]
|
|
1104
|
+
}
|
|
1105
|
+
>
|
|
1106
|
+
<View
|
|
1107
|
+
collapsable={false}
|
|
1108
|
+
duration={1200}
|
|
1109
|
+
style={
|
|
1110
|
+
{
|
|
1111
|
+
"height": "100%",
|
|
1112
|
+
"left": 0,
|
|
1113
|
+
"transform": [
|
|
1114
|
+
{
|
|
1115
|
+
"translateX": -375,
|
|
1116
|
+
},
|
|
1117
|
+
],
|
|
1118
|
+
"width": "100%",
|
|
1119
|
+
}
|
|
1120
|
+
}
|
|
1121
|
+
>
|
|
1122
|
+
<View
|
|
1123
|
+
colors={
|
|
1124
|
+
[
|
|
1125
|
+
"rgba(255, 255, 255, 0)",
|
|
1126
|
+
"#DAD8D8",
|
|
1127
|
+
"#DAD8D8",
|
|
1128
|
+
"rgba(255, 255, 255, 0)",
|
|
1129
|
+
]
|
|
1130
|
+
}
|
|
1131
|
+
end={
|
|
1132
|
+
{
|
|
1133
|
+
"x": 1,
|
|
1134
|
+
"y": 0,
|
|
1135
|
+
}
|
|
1136
|
+
}
|
|
1137
|
+
locations={
|
|
1138
|
+
[
|
|
1139
|
+
0,
|
|
1140
|
+
0.25,
|
|
1141
|
+
0.75,
|
|
1142
|
+
1,
|
|
1143
|
+
]
|
|
1144
|
+
}
|
|
1145
|
+
start={
|
|
1146
|
+
{
|
|
1147
|
+
"x": 0,
|
|
1148
|
+
"y": 0,
|
|
1149
|
+
}
|
|
1150
|
+
}
|
|
1151
|
+
style={
|
|
1152
|
+
{
|
|
1153
|
+
"height": "100%",
|
|
1154
|
+
"width": "100%",
|
|
1155
|
+
}
|
|
1156
|
+
}
|
|
1157
|
+
/>
|
|
1158
|
+
</View>
|
|
1159
|
+
</View>
|
|
1160
|
+
</View>
|
|
1161
|
+
<Image
|
|
1162
|
+
animatedStyle={
|
|
1163
|
+
{
|
|
1164
|
+
"value": {
|
|
1165
|
+
"opacity": 0,
|
|
1166
|
+
},
|
|
1167
|
+
}
|
|
1168
|
+
}
|
|
1169
|
+
collapsable={false}
|
|
1170
|
+
onLoad={[Function]}
|
|
1171
|
+
resizeMode="contain"
|
|
1172
|
+
source={
|
|
1173
|
+
{
|
|
1174
|
+
"uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=104&f=auto",
|
|
1175
|
+
}
|
|
1176
|
+
}
|
|
1177
|
+
style={
|
|
1178
|
+
{
|
|
1179
|
+
"flex": 1,
|
|
1180
|
+
"height": "100%",
|
|
1181
|
+
"opacity": 0,
|
|
1182
|
+
"position": "absolute",
|
|
1183
|
+
"width": "100%",
|
|
1184
|
+
"zIndex": 10,
|
|
1185
|
+
}
|
|
1186
|
+
}
|
|
1187
|
+
testID="lazy-image-main-image"
|
|
1188
|
+
/>
|
|
1189
|
+
</View>
|
|
869
1190
|
</View>
|
|
870
1191
|
<View
|
|
871
1192
|
style={
|
|
@@ -1060,27 +1381,134 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
|
|
|
1060
1381
|
}
|
|
1061
1382
|
>
|
|
1062
1383
|
<View>
|
|
1063
|
-
<
|
|
1064
|
-
resizeMode="contain"
|
|
1065
|
-
source={
|
|
1066
|
-
{
|
|
1067
|
-
"uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=208&f=auto",
|
|
1068
|
-
}
|
|
1069
|
-
}
|
|
1384
|
+
<View
|
|
1070
1385
|
style={
|
|
1071
1386
|
[
|
|
1072
1387
|
{
|
|
1073
|
-
"
|
|
1074
|
-
"borderRadius": 8,
|
|
1075
|
-
"borderWidth": 2,
|
|
1076
|
-
"height": 132,
|
|
1077
|
-
"width": 104,
|
|
1388
|
+
"position": "relative",
|
|
1078
1389
|
},
|
|
1079
|
-
|
|
1390
|
+
[
|
|
1391
|
+
{
|
|
1392
|
+
"borderColor": "#DAD8D8",
|
|
1393
|
+
"borderRadius": 8,
|
|
1394
|
+
"borderWidth": 2,
|
|
1395
|
+
"height": 132,
|
|
1396
|
+
"width": 104,
|
|
1397
|
+
},
|
|
1398
|
+
undefined,
|
|
1399
|
+
],
|
|
1080
1400
|
]
|
|
1081
1401
|
}
|
|
1082
1402
|
testID="product-variant-media"
|
|
1083
|
-
|
|
1403
|
+
>
|
|
1404
|
+
<View
|
|
1405
|
+
style={
|
|
1406
|
+
[
|
|
1407
|
+
{
|
|
1408
|
+
"flex": 1,
|
|
1409
|
+
},
|
|
1410
|
+
]
|
|
1411
|
+
}
|
|
1412
|
+
testID="lazy-image-skeleton"
|
|
1413
|
+
>
|
|
1414
|
+
<View
|
|
1415
|
+
onLayout={[Function]}
|
|
1416
|
+
style={
|
|
1417
|
+
[
|
|
1418
|
+
{
|
|
1419
|
+
"backgroundColor": "#F8F7F7",
|
|
1420
|
+
"flex": 1,
|
|
1421
|
+
"height": undefined,
|
|
1422
|
+
"overflow": "hidden",
|
|
1423
|
+
"width": undefined,
|
|
1424
|
+
},
|
|
1425
|
+
]
|
|
1426
|
+
}
|
|
1427
|
+
>
|
|
1428
|
+
<View
|
|
1429
|
+
collapsable={false}
|
|
1430
|
+
duration={1200}
|
|
1431
|
+
style={
|
|
1432
|
+
{
|
|
1433
|
+
"height": "100%",
|
|
1434
|
+
"left": 0,
|
|
1435
|
+
"transform": [
|
|
1436
|
+
{
|
|
1437
|
+
"translateX": -375,
|
|
1438
|
+
},
|
|
1439
|
+
],
|
|
1440
|
+
"width": "100%",
|
|
1441
|
+
}
|
|
1442
|
+
}
|
|
1443
|
+
>
|
|
1444
|
+
<View
|
|
1445
|
+
colors={
|
|
1446
|
+
[
|
|
1447
|
+
"rgba(255, 255, 255, 0)",
|
|
1448
|
+
"#DAD8D8",
|
|
1449
|
+
"#DAD8D8",
|
|
1450
|
+
"rgba(255, 255, 255, 0)",
|
|
1451
|
+
]
|
|
1452
|
+
}
|
|
1453
|
+
end={
|
|
1454
|
+
{
|
|
1455
|
+
"x": 1,
|
|
1456
|
+
"y": 0,
|
|
1457
|
+
}
|
|
1458
|
+
}
|
|
1459
|
+
locations={
|
|
1460
|
+
[
|
|
1461
|
+
0,
|
|
1462
|
+
0.25,
|
|
1463
|
+
0.75,
|
|
1464
|
+
1,
|
|
1465
|
+
]
|
|
1466
|
+
}
|
|
1467
|
+
start={
|
|
1468
|
+
{
|
|
1469
|
+
"x": 0,
|
|
1470
|
+
"y": 0,
|
|
1471
|
+
}
|
|
1472
|
+
}
|
|
1473
|
+
style={
|
|
1474
|
+
{
|
|
1475
|
+
"height": "100%",
|
|
1476
|
+
"width": "100%",
|
|
1477
|
+
}
|
|
1478
|
+
}
|
|
1479
|
+
/>
|
|
1480
|
+
</View>
|
|
1481
|
+
</View>
|
|
1482
|
+
</View>
|
|
1483
|
+
<Image
|
|
1484
|
+
animatedStyle={
|
|
1485
|
+
{
|
|
1486
|
+
"value": {
|
|
1487
|
+
"opacity": 0,
|
|
1488
|
+
},
|
|
1489
|
+
}
|
|
1490
|
+
}
|
|
1491
|
+
collapsable={false}
|
|
1492
|
+
onLoad={[Function]}
|
|
1493
|
+
resizeMode="contain"
|
|
1494
|
+
source={
|
|
1495
|
+
{
|
|
1496
|
+
"uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=104&f=auto",
|
|
1497
|
+
}
|
|
1498
|
+
}
|
|
1499
|
+
style={
|
|
1500
|
+
{
|
|
1501
|
+
"flex": 1,
|
|
1502
|
+
"height": "100%",
|
|
1503
|
+
"opacity": 0,
|
|
1504
|
+
"position": "absolute",
|
|
1505
|
+
"width": "100%",
|
|
1506
|
+
"zIndex": 10,
|
|
1507
|
+
}
|
|
1508
|
+
}
|
|
1509
|
+
testID="lazy-image-main-image"
|
|
1510
|
+
/>
|
|
1511
|
+
</View>
|
|
1084
1512
|
</View>
|
|
1085
1513
|
<View
|
|
1086
1514
|
style={
|