@lookiero/checkout 8.9.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.
Files changed (77) hide show
  1. package/dist/public/public/assets/adaptive-icon.png +0 -0
  2. package/dist/public/public/assets/favicon.png +0 -0
  3. package/dist/public/public/assets/icon.png +0 -0
  4. package/dist/public/public/assets/splash.png +0 -0
  5. package/dist/public/public/images/not-found.png +0 -0
  6. package/dist/src/ExpoRoot.js +1 -1
  7. package/dist/src/infrastructure/projection/checkout/react/useViewIsCheckoutAccessibleByCustomerId.d.ts +10 -0
  8. package/dist/src/infrastructure/projection/checkout/react/useViewIsCheckoutAccessibleByCustomerId.js +17 -0
  9. package/dist/src/infrastructure/ui/Root.js +1 -1
  10. package/dist/src/infrastructure/ui/components/layouts/layout/Layout.d.ts +21 -0
  11. package/dist/src/infrastructure/ui/components/layouts/layout/Layout.js +1 -0
  12. package/dist/src/infrastructure/ui/components/layouts/layout/components/footer/Footer.d.ts +6 -0
  13. package/dist/src/infrastructure/ui/components/layouts/layout/components/footer/Footer.js +4 -0
  14. package/dist/src/infrastructure/ui/components/layouts/layout/components/header/Header.d.ts +6 -0
  15. package/dist/src/infrastructure/ui/components/layouts/layout/components/header/Header.js +5 -0
  16. package/dist/src/infrastructure/ui/components/layouts/layout/components/header/Header.style.d.ts +4 -0
  17. package/dist/src/infrastructure/ui/components/layouts/layout/components/header/Header.style.js +19 -0
  18. package/dist/src/infrastructure/ui/components/layouts/layout/dummyLayout/DummyLayout.d.ts +3 -0
  19. package/dist/src/infrastructure/ui/components/layouts/layout/dummyLayout/DummyLayout.js +18 -0
  20. package/dist/src/infrastructure/ui/components/layouts/layout/dummyLayout/DummyLayout.style.d.ts +12 -0
  21. package/dist/src/infrastructure/ui/components/layouts/layout/dummyLayout/DummyLayout.style.js +13 -0
  22. package/dist/src/infrastructure/ui/components/templates/header/defaultHeader/DefaultHeader.d.ts +6 -0
  23. package/dist/src/infrastructure/ui/components/templates/header/defaultHeader/DefaultHeader.js +11 -0
  24. package/dist/src/infrastructure/ui/components/templates/header/defaultHeader/DefaultHeader.style.d.ts +8 -0
  25. package/dist/src/infrastructure/ui/components/templates/header/defaultHeader/DefaultHeader.style.js +11 -0
  26. package/dist/src/infrastructure/ui/hooks/useNewFeedbackExperiment.d.ts +11 -0
  27. package/dist/src/infrastructure/ui/hooks/useNewFeedbackExperiment.js +49 -0
  28. package/dist/src/infrastructure/ui/i18n/fetchTranslations.d.ts +9 -0
  29. package/dist/src/infrastructure/ui/i18n/fetchTranslations.js +9 -0
  30. package/dist/src/infrastructure/ui/i18n/translationEndpoint.d.ts +19 -0
  31. package/dist/src/infrastructure/ui/i18n/translationEndpoint.js +21 -0
  32. package/dist/src/infrastructure/ui/routing/CheckoutAccessibilityMiddleware.d.ts +9 -0
  33. package/dist/src/infrastructure/ui/routing/CheckoutAccessibilityMiddleware.js +21 -0
  34. package/dist/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.style.d.ts +7 -0
  35. package/dist/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.style.js +10 -0
  36. package/dist/src/infrastructure/ui/views/item/components/productVariantSlider/ProductVariantSlider.js +2 -8
  37. package/dist/src/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.d.ts +11 -0
  38. package/dist/src/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.js +40 -0
  39. package/dist/src/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.style.d.ts +12 -0
  40. package/dist/src/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.style.js +15 -0
  41. package/dist/src/infrastructure/ui/views/return/Return.style.d.ts +40 -0
  42. package/dist/src/infrastructure/ui/views/return/Return.style.js +43 -0
  43. package/dist/src/infrastructure/ui/views/shared/components/productVariant/ProductVariant.js +3 -7
  44. package/dist/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.d.ts +13 -0
  45. package/dist/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.js +9 -0
  46. package/dist/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.style.d.ts +7 -0
  47. package/dist/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.style.js +10 -0
  48. package/dist/src/projection/checkout/viewIsCheckoutAccessibleByCustomerId.d.ts +17 -0
  49. package/dist/src/projection/checkout/viewIsCheckoutAccessibleByCustomerId.js +13 -0
  50. package/dist/src/projection/shared/country.d.ts +14 -0
  51. package/dist/src/projection/shared/country.js +15 -0
  52. package/dist/src/projection/shared/customer.d.ts +8 -0
  53. package/dist/src/projection/shared/customer.js +1 -0
  54. package/dist/src/projection/shared/locale.d.ts +12 -0
  55. package/dist/src/projection/shared/locale.js +13 -0
  56. package/dist/src/projection/shared/order.d.ts +6 -0
  57. package/dist/src/projection/shared/order.js +1 -0
  58. package/dist/src/projection/shared/price.d.ts +10 -0
  59. package/dist/src/projection/shared/price.js +1 -0
  60. package/dist/src/projection/shared/size.d.ts +20 -0
  61. package/dist/src/projection/shared/size.js +3 -0
  62. package/dist/src/projection/shared/subscription.d.ts +2 -0
  63. package/dist/src/projection/shared/subscription.js +1 -0
  64. package/dist/src/shared/ui/components/atoms/error/Error.d.ts +10 -0
  65. package/dist/src/shared/ui/components/atoms/error/Error.js +4 -0
  66. package/dist/src/version.d.ts +1 -1
  67. package/dist/src/version.js +1 -1
  68. package/package.json +16 -16
  69. package/src/ExpoRoot.tsx +1 -1
  70. package/src/infrastructure/ui/Root.tsx +1 -1
  71. package/src/infrastructure/ui/views/item/components/productVariantSlider/ProductVariantSlider.tsx +5 -9
  72. package/src/infrastructure/ui/views/item/components/productVariantSlider/__snapshots__/ProductVariantSlider.test.tsx.snap +234 -20
  73. package/src/infrastructure/ui/views/item/views/productVariant/__snapshots__/ProductVariant.test.tsx.snap +702 -60
  74. package/src/infrastructure/ui/views/shared/components/productVariant/ProductVariant.tsx +6 -9
  75. package/src/infrastructure/ui/views/shared/components/productVariant/__snapshots__/ProductVariant.test.tsx.snap +242 -28
  76. package/src/infrastructure/ui/views/summaryTabs/components/checkoutItemsTabs/__snapshots__/CheckoutItemsTabs.test.tsx.snap +484 -56
  77. package/webpack.config.js +1 -1
package/src/infrastructure/ui/views/item/views/productVariant/__snapshots__/ProductVariant.test.tsx.snap CHANGED
@@ -146,23 +146,130 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
146
146
  ]
147
147
  }
148
148
  >
149
- <Image
150
- resizeMode="stretch"
151
- source={
152
- {
153
- "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=1200&f=auto",
154
- }
155
- }
149
+ <View
156
150
  style={
157
151
  [
158
152
  {
159
- "flex": 1,
153
+ "position": "relative",
160
154
  },
161
- null,
155
+ [
156
+ {
157
+ "flex": 1,
158
+ },
159
+ null,
160
+ ],
162
161
  ]
163
162
  }
164
163
  testID="product-variant-image"
165
- />
164
+ >
165
+ <View
166
+ style={
167
+ [
168
+ {
169
+ "flex": 1,
170
+ },
171
+ ]
172
+ }
173
+ testID="lazy-image-skeleton"
174
+ >
175
+ <View
176
+ onLayout={[Function]}
177
+ style={
178
+ [
179
+ {
180
+ "backgroundColor": "#F8F7F7",
181
+ "flex": 1,
182
+ "height": undefined,
183
+ "overflow": "hidden",
184
+ "width": undefined,
185
+ },
186
+ ]
187
+ }
188
+ >
189
+ <View
190
+ collapsable={false}
191
+ duration={1200}
192
+ style={
193
+ {
194
+ "height": "100%",
195
+ "left": 0,
196
+ "transform": [
197
+ {
198
+ "translateX": -375,
199
+ },
200
+ ],
201
+ "width": "100%",
202
+ }
203
+ }
204
+ >
205
+ <View
206
+ colors={
207
+ [
208
+ "rgba(255, 255, 255, 0)",
209
+ "#DAD8D8",
210
+ "#DAD8D8",
211
+ "rgba(255, 255, 255, 0)",
212
+ ]
213
+ }
214
+ end={
215
+ {
216
+ "x": 1,
217
+ "y": 0,
218
+ }
219
+ }
220
+ locations={
221
+ [
222
+ 0,
223
+ 0.25,
224
+ 0.75,
225
+ 1,
226
+ ]
227
+ }
228
+ start={
229
+ {
230
+ "x": 0,
231
+ "y": 0,
232
+ }
233
+ }
234
+ style={
235
+ {
236
+ "height": "100%",
237
+ "width": "100%",
238
+ }
239
+ }
240
+ />
241
+ </View>
242
+ </View>
243
+ </View>
244
+ <Image
245
+ animatedStyle={
246
+ {
247
+ "value": {
248
+ "opacity": 0,
249
+ },
250
+ }
251
+ }
252
+ collapsable={false}
253
+ onLoad={[Function]}
254
+ resizeMode="stretch"
255
+ source={
256
+ {
257
+ "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=600&f=auto",
258
+ }
259
+ }
260
+ style={
261
+ {
262
+ "flex": 1,
263
+ "height": "100%",
264
+ "opacity": 0,
265
+ "position": "absolute",
266
+ "width": "100%",
267
+ "zIndex": 10,
268
+ }
269
+ }
270
+ testID="lazy-image-main-image"
271
+ />
272
+ </View>
166
273
  </View>
167
274
  </View>
168
275
  </View>
@@ -197,23 +304,130 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
197
304
  ]
198
305
  }
199
306
  >
200
- <Image
201
- resizeMode="stretch"
202
- source={
203
- {
204
- "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/15/ac/15aca112-4e71-4646-8db5-7f9723bc0130.jpg?w=1200&f=auto",
205
- }
206
- }
307
+ <View
207
308
  style={
208
309
  [
209
310
  {
210
- "flex": 1,
311
+ "position": "relative",
211
312
  },
212
- null,
313
+ [
314
+ {
315
+ "flex": 1,
316
+ },
317
+ null,
318
+ ],
213
319
  ]
214
320
  }
215
321
  testID="product-variant-image"
216
- />
322
+ >
323
+ <View
324
+ style={
325
+ [
326
+ {
327
+ "flex": 1,
328
+ },
329
+ ]
330
+ }
331
+ testID="lazy-image-skeleton"
332
+ >
333
+ <View
334
+ onLayout={[Function]}
335
+ style={
336
+ [
337
+ {
338
+ "backgroundColor": "#F8F7F7",
339
+ "flex": 1,
340
+ "height": undefined,
341
+ "overflow": "hidden",
342
+ "width": undefined,
343
+ },
344
+ ]
345
+ }
346
+ >
347
+ <View
348
+ collapsable={false}
349
+ duration={1200}
350
+ style={
351
+ {
352
+ "height": "100%",
353
+ "left": 0,
354
+ "transform": [
355
+ {
356
+ "translateX": -375,
357
+ },
358
+ ],
359
+ "width": "100%",
360
+ }
361
+ }
362
+ >
363
+ <View
364
+ colors={
365
+ [
366
+ "rgba(255, 255, 255, 0)",
367
+ "#DAD8D8",
368
+ "#DAD8D8",
369
+ "rgba(255, 255, 255, 0)",
370
+ ]
371
+ }
372
+ end={
373
+ {
374
+ "x": 1,
375
+ "y": 0,
376
+ }
377
+ }
378
+ locations={
379
+ [
380
+ 0,
381
+ 0.25,
382
+ 0.75,
383
+ 1,
384
+ ]
385
+ }
386
+ start={
387
+ {
388
+ "x": 0,
389
+ "y": 0,
390
+ }
391
+ }
392
+ style={
393
+ {
394
+ "height": "100%",
395
+ "width": "100%",
396
+ }
397
+ }
398
+ />
399
+ </View>
400
+ </View>
401
+ </View>
402
+ <Image
403
+ animatedStyle={
404
+ {
405
+ "value": {
406
+ "opacity": 0,
407
+ },
408
+ }
409
+ }
410
+ collapsable={false}
411
+ onLoad={[Function]}
412
+ resizeMode="stretch"
413
+ source={
414
+ {
415
+ "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/15/ac/15aca112-4e71-4646-8db5-7f9723bc0130.jpg?w=600&f=auto",
416
+ }
417
+ }
418
+ style={
419
+ {
420
+ "flex": 1,
421
+ "height": "100%",
422
+ "opacity": 0,
423
+ "position": "absolute",
424
+ "width": "100%",
425
+ "zIndex": 10,
426
+ }
427
+ }
428
+ testID="lazy-image-main-image"
429
+ />
430
+ </View>
217
431
  </View>
218
432
  </View>
219
433
  </View>
@@ -633,23 +847,130 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
633
847
  ]
634
848
  }
635
849
  >
636
- <Image
637
- resizeMode="stretch"
638
- source={
639
- {
640
- "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=1200&f=auto",
641
- }
642
- }
850
+ <View
643
851
  style={
644
852
  [
645
853
  {
646
- "flex": 1,
854
+ "position": "relative",
647
855
  },
648
- null,
856
+ [
857
+ {
858
+ "flex": 1,
859
+ },
860
+ null,
861
+ ],
649
862
  ]
650
863
  }
651
864
  testID="product-variant-image"
652
- />
865
+ >
866
+ <View
867
+ style={
868
+ [
869
+ {
870
+ "flex": 1,
871
+ },
872
+ ]
873
+ }
874
+ testID="lazy-image-skeleton"
875
+ >
876
+ <View
877
+ onLayout={[Function]}
878
+ style={
879
+ [
880
+ {
881
+ "backgroundColor": "#F8F7F7",
882
+ "flex": 1,
883
+ "height": undefined,
884
+ "overflow": "hidden",
885
+ "width": undefined,
886
+ },
887
+ ]
888
+ }
889
+ >
890
+ <View
891
+ collapsable={false}
892
+ duration={1200}
893
+ style={
894
+ {
895
+ "height": "100%",
896
+ "left": 0,
897
+ "transform": [
898
+ {
899
+ "translateX": -375,
900
+ },
901
+ ],
902
+ "width": "100%",
903
+ }
904
+ }
905
+ >
906
+ <View
907
+ colors={
908
+ [
909
+ "rgba(255, 255, 255, 0)",
910
+ "#DAD8D8",
911
+ "#DAD8D8",
912
+ "rgba(255, 255, 255, 0)",
913
+ ]
914
+ }
915
+ end={
916
+ {
917
+ "x": 1,
918
+ "y": 0,
919
+ }
920
+ }
921
+ locations={
922
+ [
923
+ 0,
924
+ 0.25,
925
+ 0.75,
926
+ 1,
927
+ ]
928
+ }
929
+ start={
930
+ {
931
+ "x": 0,
932
+ "y": 0,
933
+ }
934
+ }
935
+ style={
936
+ {
937
+ "height": "100%",
938
+ "width": "100%",
939
+ }
940
+ }
941
+ />
942
+ </View>
943
+ </View>
944
+ </View>
945
+ <Image
946
+ animatedStyle={
947
+ {
948
+ "value": {
949
+ "opacity": 0,
950
+ },
951
+ }
952
+ }
953
+ collapsable={false}
954
+ onLoad={[Function]}
955
+ resizeMode="stretch"
956
+ source={
957
+ {
958
+ "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=600&f=auto",
959
+ }
960
+ }
961
+ style={
962
+ {
963
+ "flex": 1,
964
+ "height": "100%",
965
+ "opacity": 0,
966
+ "position": "absolute",
967
+ "width": "100%",
968
+ "zIndex": 10,
969
+ }
970
+ }
971
+ testID="lazy-image-main-image"
972
+ />
973
+ </View>
653
974
  </View>
654
975
  </View>
655
976
  </View>
@@ -684,23 +1005,130 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
684
1005
  ]
685
1006
  }
686
1007
  >
687
- <Image
688
- resizeMode="stretch"
689
- source={
690
- {
691
- "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/15/ac/15aca112-4e71-4646-8db5-7f9723bc0130.jpg?w=1200&f=auto",
692
- }
693
- }
1008
+ <View
694
1009
  style={
695
1010
  [
696
1011
  {
697
- "flex": 1,
1012
+ "position": "relative",
698
1013
  },
699
- null,
1014
+ [
1015
+ {
1016
+ "flex": 1,
1017
+ },
1018
+ null,
1019
+ ],
700
1020
  ]
701
1021
  }
702
1022
  testID="product-variant-image"
703
- />
1023
+ >
1024
+ <View
1025
+ style={
1026
+ [
1027
+ {
1028
+ "flex": 1,
1029
+ },
1030
+ ]
1031
+ }
1032
+ testID="lazy-image-skeleton"
1033
+ >
1034
+ <View
1035
+ onLayout={[Function]}
1036
+ style={
1037
+ [
1038
+ {
1039
+ "backgroundColor": "#F8F7F7",
1040
+ "flex": 1,
1041
+ "height": undefined,
1042
+ "overflow": "hidden",
1043
+ "width": undefined,
1044
+ },
1045
+ ]
1046
+ }
1047
+ >
1048
+ <View
1049
+ collapsable={false}
1050
+ duration={1200}
1051
+ style={
1052
+ {
1053
+ "height": "100%",
1054
+ "left": 0,
1055
+ "transform": [
1056
+ {
1057
+ "translateX": -375,
1058
+ },
1059
+ ],
1060
+ "width": "100%",
1061
+ }
1062
+ }
1063
+ >
1064
+ <View
1065
+ colors={
1066
+ [
1067
+ "rgba(255, 255, 255, 0)",
1068
+ "#DAD8D8",
1069
+ "#DAD8D8",
1070
+ "rgba(255, 255, 255, 0)",
1071
+ ]
1072
+ }
1073
+ end={
1074
+ {
1075
+ "x": 1,
1076
+ "y": 0,
1077
+ }
1078
+ }
1079
+ locations={
1080
+ [
1081
+ 0,
1082
+ 0.25,
1083
+ 0.75,
1084
+ 1,
1085
+ ]
1086
+ }
1087
+ start={
1088
+ {
1089
+ "x": 0,
1090
+ "y": 0,
1091
+ }
1092
+ }
1093
+ style={
1094
+ {
1095
+ "height": "100%",
1096
+ "width": "100%",
1097
+ }
1098
+ }
1099
+ />
1100
+ </View>
1101
+ </View>
1102
+ </View>
1103
+ <Image
1104
+ animatedStyle={
1105
+ {
1106
+ "value": {
1107
+ "opacity": 0,
1108
+ },
1109
+ }
1110
+ }
1111
+ collapsable={false}
1112
+ onLoad={[Function]}
1113
+ resizeMode="stretch"
1114
+ source={
1115
+ {
1116
+ "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/15/ac/15aca112-4e71-4646-8db5-7f9723bc0130.jpg?w=600&f=auto",
1117
+ }
1118
+ }
1119
+ style={
1120
+ {
1121
+ "flex": 1,
1122
+ "height": "100%",
1123
+ "opacity": 0,
1124
+ "position": "absolute",
1125
+ "width": "100%",
1126
+ "zIndex": 10,
1127
+ }
1128
+ }
1129
+ testID="lazy-image-main-image"
1130
+ />
1131
+ </View>
704
1132
  </View>
705
1133
  </View>
706
1134
  </View>
@@ -1120,23 +1548,130 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
1120
1548
  ]
1121
1549
  }
1122
1550
  >
1123
- <Image
1124
- resizeMode="stretch"
1125
- source={
1126
- {
1127
- "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=1200&f=auto",
1128
- }
1129
- }
1551
+ <View
1130
1552
  style={
1131
1553
  [
1132
1554
  {
1133
- "flex": 1,
1555
+ "position": "relative",
1134
1556
  },
1135
- null,
1557
+ [
1558
+ {
1559
+ "flex": 1,
1560
+ },
1561
+ null,
1562
+ ],
1136
1563
  ]
1137
1564
  }
1138
1565
  testID="product-variant-image"
1139
- />
1566
+ >
1567
+ <View
1568
+ style={
1569
+ [
1570
+ {
1571
+ "flex": 1,
1572
+ },
1573
+ ]
1574
+ }
1575
+ testID="lazy-image-skeleton"
1576
+ >
1577
+ <View
1578
+ onLayout={[Function]}
1579
+ style={
1580
+ [
1581
+ {
1582
+ "backgroundColor": "#F8F7F7",
1583
+ "flex": 1,
1584
+ "height": undefined,
1585
+ "overflow": "hidden",
1586
+ "width": undefined,
1587
+ },
1588
+ ]
1589
+ }
1590
+ >
1591
+ <View
1592
+ collapsable={false}
1593
+ duration={1200}
1594
+ style={
1595
+ {
1596
+ "height": "100%",
1597
+ "left": 0,
1598
+ "transform": [
1599
+ {
1600
+ "translateX": -375,
1601
+ },
1602
+ ],
1603
+ "width": "100%",
1604
+ }
1605
+ }
1606
+ >
1607
+ <View
1608
+ colors={
1609
+ [
1610
+ "rgba(255, 255, 255, 0)",
1611
+ "#DAD8D8",
1612
+ "#DAD8D8",
1613
+ "rgba(255, 255, 255, 0)",
1614
+ ]
1615
+ }
1616
+ end={
1617
+ {
1618
+ "x": 1,
1619
+ "y": 0,
1620
+ }
1621
+ }
1622
+ locations={
1623
+ [
1624
+ 0,
1625
+ 0.25,
1626
+ 0.75,
1627
+ 1,
1628
+ ]
1629
+ }
1630
+ start={
1631
+ {
1632
+ "x": 0,
1633
+ "y": 0,
1634
+ }
1635
+ }
1636
+ style={
1637
+ {
1638
+ "height": "100%",
1639
+ "width": "100%",
1640
+ }
1641
+ }
1642
+ />
1643
+ </View>
1644
+ </View>
1645
+ </View>
1646
+ <Image
1647
+ animatedStyle={
1648
+ {
1649
+ "value": {
1650
+ "opacity": 0,
1651
+ },
1652
+ }
1653
+ }
1654
+ collapsable={false}
1655
+ onLoad={[Function]}
1656
+ resizeMode="stretch"
1657
+ source={
1658
+ {
1659
+ "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=600&f=auto",
1660
+ }
1661
+ }
1662
+ style={
1663
+ {
1664
+ "flex": 1,
1665
+ "height": "100%",
1666
+ "opacity": 0,
1667
+ "position": "absolute",
1668
+ "width": "100%",
1669
+ "zIndex": 10,
1670
+ }
1671
+ }
1672
+ testID="lazy-image-main-image"
1673
+ />
1674
+ </View>
1140
1675
  </View>
1141
1676
  </View>
1142
1677
  </View>
@@ -1171,23 +1706,130 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
1171
1706
  ]
1172
1707
  }
1173
1708
  >
1174
- <Image
1175
- resizeMode="stretch"
1176
- source={
1177
- {
1178
- "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/15/ac/15aca112-4e71-4646-8db5-7f9723bc0130.jpg?w=1200&f=auto",
1179
- }
1180
- }
1709
+ <View
1181
1710
  style={
1182
1711
  [
1183
1712
  {
1184
- "flex": 1,
1713
+ "position": "relative",
1185
1714
  },
1186
- null,
1715
+ [
1716
+ {
1717
+ "flex": 1,
1718
+ },
1719
+ null,
1720
+ ],
1187
1721
  ]
1188
1722
  }
1189
1723
  testID="product-variant-image"
1190
- />
1724
+ >
1725
+ <View
1726
+ style={
1727
+ [
1728
+ {
1729
+ "flex": 1,
1730
+ },
1731
+ ]
1732
+ }
1733
+ testID="lazy-image-skeleton"
1734
+ >
1735
+ <View
1736
+ onLayout={[Function]}
1737
+ style={
1738
+ [
1739
+ {
1740
+ "backgroundColor": "#F8F7F7",
1741
+ "flex": 1,
1742
+ "height": undefined,
1743
+ "overflow": "hidden",
1744
+ "width": undefined,
1745
+ },
1746
+ ]
1747
+ }
1748
+ >
1749
+ <View
1750
+ collapsable={false}
1751
+ duration={1200}
1752
+ style={
1753
+ {
1754
+ "height": "100%",
1755
+ "left": 0,
1756
+ "transform": [
1757
+ {
1758
+ "translateX": -375,
1759
+ },
1760
+ ],
1761
+ "width": "100%",
1762
+ }
1763
+ }
1764
+ >
1765
+ <View
1766
+ colors={
1767
+ [
1768
+ "rgba(255, 255, 255, 0)",
1769
+ "#DAD8D8",
1770
+ "#DAD8D8",
1771
+ "rgba(255, 255, 255, 0)",
1772
+ ]
1773
+ }
1774
+ end={
1775
+ {
1776
+ "x": 1,
1777
+ "y": 0,
1778
+ }
1779
+ }
1780
+ locations={
1781
+ [
1782
+ 0,
1783
+ 0.25,
1784
+ 0.75,
1785
+ 1,
1786
+ ]
1787
+ }
1788
+ start={
1789
+ {
1790
+ "x": 0,
1791
+ "y": 0,
1792
+ }
1793
+ }
1794
+ style={
1795
+ {
1796
+ "height": "100%",
1797
+ "width": "100%",
1798
+ }
1799
+ }
1800
+ />
1801
+ </View>
1802
+ </View>
1803
+ </View>
1804
+ <Image
1805
+ animatedStyle={
1806
+ {
1807
+ "value": {
1808
+ "opacity": 0,
1809
+ },
1810
+ }
1811
+ }
1812
+ collapsable={false}
1813
+ onLoad={[Function]}
1814
+ resizeMode="stretch"
1815
+ source={
1816
+ {
1817
+ "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/15/ac/15aca112-4e71-4646-8db5-7f9723bc0130.jpg?w=600&f=auto",
1818
+ }
1819
+ }
1820
+ style={
1821
+ {
1822
+ "flex": 1,
1823
+ "height": "100%",
1824
+ "opacity": 0,
1825
+ "position": "absolute",
1826
+ "width": "100%",
1827
+ "zIndex": 10,
1828
+ }
1829
+ }
1830
+ testID="lazy-image-main-image"
1831
+ />
1832
+ </View>
1191
1833
  </View>
1192
1834
  </View>
1193
1835
  </View>