@lookiero/checkout 12.18.0 → 12.20.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 (33) hide show
  1. package/dist/src/ExpoRoot.js +4 -4
  2. package/dist/src/infrastructure/ui/views/item/Item.js +4 -3
  3. package/dist/src/infrastructure/ui/views/item/Item.style.d.ts +13 -15
  4. package/dist/src/infrastructure/ui/views/item/Item.style.js +6 -7
  5. package/dist/src/infrastructure/ui/views/item/components/productVariantSlider/ProductVariantSlider.d.ts +1 -0
  6. package/dist/src/infrastructure/ui/views/item/components/productVariantSlider/ProductVariantSlider.js +13 -7
  7. package/dist/src/infrastructure/ui/views/item/components/productVariantSlider/ProductVariantSlider.style.d.ts +0 -1
  8. package/dist/src/infrastructure/ui/views/item/components/productVariantSlider/ProductVariantSlider.style.js +2 -6
  9. package/dist/src/infrastructure/ui/views/item/views/itemWithCustomerDecission/ItemWithCustomerDecission.d.ts +1 -0
  10. package/dist/src/infrastructure/ui/views/item/views/itemWithCustomerDecission/ItemWithCustomerDecission.js +5 -3
  11. package/dist/src/infrastructure/ui/views/item/views/itemWithoutCustomerDecission/ItemWithoutCustomerDecission.d.ts +1 -0
  12. package/dist/src/infrastructure/ui/views/item/views/itemWithoutCustomerDecission/ItemWithoutCustomerDecission.js +6 -4
  13. package/dist/src/infrastructure/ui/views/item/views/itemWithoutCustomerDecission/ItemWithoutCustomerDecission.style.d.ts +0 -1
  14. package/dist/src/infrastructure/ui/views/item/views/itemWithoutCustomerDecission/ItemWithoutCustomerDecission.style.js +2 -6
  15. package/dist/src/infrastructure/ui/views/item/views/productVariant/ProductVariant.d.ts +1 -0
  16. package/dist/src/infrastructure/ui/views/item/views/productVariant/ProductVariant.js +2 -2
  17. package/dist/src/infrastructure/ui/views/item/views/productVariant/ProductVariant.style.d.ts +1 -2
  18. package/dist/src/infrastructure/ui/views/item/views/productVariant/ProductVariant.style.js +4 -5
  19. package/dist/src/version.d.ts +1 -1
  20. package/dist/src/version.js +1 -1
  21. package/package.json +4 -4
  22. package/src/ExpoRoot.tsx +4 -4
  23. package/src/infrastructure/ui/views/item/Item.style.ts +7 -7
  24. package/src/infrastructure/ui/views/item/Item.tsx +6 -2
  25. package/src/infrastructure/ui/views/item/components/productVariantSlider/ProductVariantSlider.style.ts +2 -8
  26. package/src/infrastructure/ui/views/item/components/productVariantSlider/ProductVariantSlider.tsx +37 -18
  27. package/src/infrastructure/ui/views/item/components/productVariantSlider/__snapshots__/ProductVariantSlider.test.tsx.snap +194 -188
  28. package/src/infrastructure/ui/views/item/views/itemWithCustomerDecission/ItemWithCustomerDecission.tsx +7 -1
  29. package/src/infrastructure/ui/views/item/views/itemWithoutCustomerDecission/ItemWithoutCustomerDecission.style.ts +2 -7
  30. package/src/infrastructure/ui/views/item/views/itemWithoutCustomerDecission/ItemWithoutCustomerDecission.tsx +8 -2
  31. package/src/infrastructure/ui/views/item/views/productVariant/ProductVariant.style.ts +4 -5
  32. package/src/infrastructure/ui/views/item/views/productVariant/ProductVariant.tsx +4 -1
  33. package/src/infrastructure/ui/views/item/views/productVariant/__snapshots__/ProductVariant.test.tsx.snap +585 -567
package/src/infrastructure/ui/views/item/views/productVariant/__snapshots__/ProductVariant.test.tsx.snap CHANGED
@@ -108,139 +108,142 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
108
108
  onLayout={[Function]}
109
109
  >
110
110
  <View
111
- style={
112
- [
113
- {
114
- "height": undefined,
115
- "width": undefined,
116
- },
117
- {
118
- "alignSelf": undefined,
119
- "marginTop": 0,
120
- },
121
- ]
122
- }
111
+ onLayout={[Function]}
123
112
  >
124
113
  <View
125
114
  style={
126
115
  [
127
116
  {
128
- "position": "relative",
117
+ "height": undefined,
118
+ "width": undefined,
119
+ },
120
+ {
121
+ "alignSelf": undefined,
129
122
  },
130
- [
131
- {
132
- "flex": 1,
133
- },
134
- null,
135
- ],
136
123
  ]
137
124
  }
138
- testID="product-variant-image"
139
125
  >
140
126
  <View
141
127
  style={
142
128
  [
143
129
  {
144
- "flex": 1,
130
+ "position": "relative",
145
131
  },
132
+ [
133
+ {
134
+ "flex": 1,
135
+ },
136
+ null,
137
+ ],
146
138
  ]
147
139
  }
148
- testID="lazy-image-skeleton"
140
+ testID="product-variant-image"
149
141
  >
150
142
  <View
151
- onLayout={[Function]}
152
143
  style={
153
144
  [
154
145
  {
155
- "backgroundColor": "#F8F7F7",
156
146
  "flex": 1,
157
- "height": undefined,
158
- "overflow": "hidden",
159
- "width": undefined,
160
147
  },
161
148
  ]
162
149
  }
150
+ testID="lazy-image-skeleton"
163
151
  >
164
152
  <View
165
- collapsable={false}
166
- duration={1200}
153
+ onLayout={[Function]}
167
154
  style={
168
- {
169
- "height": "100%",
170
- "left": 0,
171
- "transform": [
172
- {
173
- "translateX": -375,
174
- },
175
- ],
176
- "width": "100%",
177
- }
155
+ [
156
+ {
157
+ "backgroundColor": "#F8F7F7",
158
+ "flex": 1,
159
+ "height": undefined,
160
+ "overflow": "hidden",
161
+ "width": undefined,
162
+ },
163
+ ]
178
164
  }
179
165
  >
180
- <ViewManagerAdapter_ExpoLinearGradient
181
- colors={
182
- [
183
- 16777215,
184
- 4292532440,
185
- 4292532440,
186
- 16777215,
187
- ]
188
- }
189
- endPoint={
190
- [
191
- 1,
192
- 0,
193
- ]
194
- }
195
- locations={
196
- [
197
- 0,
198
- 0.25,
199
- 0.75,
200
- 1,
201
- ]
202
- }
203
- startPoint={
204
- [
205
- 0,
206
- 0,
207
- ]
208
- }
166
+ <View
167
+ collapsable={false}
168
+ duration={1200}
209
169
  style={
210
170
  {
211
171
  "height": "100%",
172
+ "left": 0,
173
+ "transform": [
174
+ {
175
+ "translateX": -375,
176
+ },
177
+ ],
212
178
  "width": "100%",
213
179
  }
214
180
  }
215
- />
181
+ >
182
+ <ViewManagerAdapter_ExpoLinearGradient
183
+ colors={
184
+ [
185
+ 16777215,
186
+ 4292532440,
187
+ 4292532440,
188
+ 16777215,
189
+ ]
190
+ }
191
+ endPoint={
192
+ [
193
+ 1,
194
+ 0,
195
+ ]
196
+ }
197
+ locations={
198
+ [
199
+ 0,
200
+ 0.25,
201
+ 0.75,
202
+ 1,
203
+ ]
204
+ }
205
+ startPoint={
206
+ [
207
+ 0,
208
+ 0,
209
+ ]
210
+ }
211
+ style={
212
+ {
213
+ "height": "100%",
214
+ "width": "100%",
215
+ }
216
+ }
217
+ />
218
+ </View>
216
219
  </View>
217
220
  </View>
218
- </View>
219
- <Image
220
- onLoad={[Function]}
221
- resizeMode="stretch"
222
- source={
223
- {
224
- "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=600&f=auto",
225
- }
226
- }
227
- style={
228
- [
221
+ <Image
222
+ onLoad={[Function]}
223
+ resizeMode="contain"
224
+ source={
229
225
  {
230
- "flex": 1,
231
- "height": "100%",
232
- "position": "absolute",
233
- "width": "100%",
234
- "zIndex": 10,
235
- },
236
- undefined,
237
- {
238
- "opacity": 0,
239
- },
240
- ]
241
- }
242
- testID="lazy-image-main-image"
243
- />
226
+ "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=600&f=auto",
227
+ }
228
+ }
229
+ style={
230
+ [
231
+ {
232
+ "flex": 1,
233
+ "height": "100%",
234
+ "position": "absolute",
235
+ "width": "100%",
236
+ "zIndex": 10,
237
+ },
238
+ undefined,
239
+ {
240
+ "opacity": 0,
241
+ },
242
+ ]
243
+ }
244
+ testID="lazy-image-main-image"
245
+ />
246
+ </View>
244
247
  </View>
245
248
  </View>
246
249
  </View>
@@ -262,139 +265,142 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
262
265
  onLayout={[Function]}
263
266
  >
264
267
  <View
265
- style={
266
- [
267
- {
268
- "height": undefined,
269
- "width": undefined,
270
- },
271
- {
272
- "alignSelf": undefined,
273
- "marginTop": 0,
274
- },
275
- ]
276
- }
268
+ onLayout={[Function]}
277
269
  >
278
270
  <View
279
271
  style={
280
272
  [
281
273
  {
282
- "position": "relative",
274
+ "height": undefined,
275
+ "width": undefined,
276
+ },
277
+ {
278
+ "alignSelf": undefined,
283
279
  },
284
- [
285
- {
286
- "flex": 1,
287
- },
288
- null,
289
- ],
290
280
  ]
291
281
  }
292
- testID="product-variant-image"
293
282
  >
294
283
  <View
295
284
  style={
296
285
  [
297
286
  {
298
- "flex": 1,
287
+ "position": "relative",
299
288
  },
289
+ [
290
+ {
291
+ "flex": 1,
292
+ },
293
+ null,
294
+ ],
300
295
  ]
301
296
  }
302
- testID="lazy-image-skeleton"
297
+ testID="product-variant-image"
303
298
  >
304
299
  <View
305
- onLayout={[Function]}
306
300
  style={
307
301
  [
308
302
  {
309
- "backgroundColor": "#F8F7F7",
310
303
  "flex": 1,
311
- "height": undefined,
312
- "overflow": "hidden",
313
- "width": undefined,
314
304
  },
315
305
  ]
316
306
  }
307
+ testID="lazy-image-skeleton"
317
308
  >
318
309
  <View
319
- collapsable={false}
320
- duration={1200}
310
+ onLayout={[Function]}
321
311
  style={
322
- {
323
- "height": "100%",
324
- "left": 0,
325
- "transform": [
326
- {
327
- "translateX": -375,
328
- },
329
- ],
330
- "width": "100%",
331
- }
312
+ [
313
+ {
314
+ "backgroundColor": "#F8F7F7",
315
+ "flex": 1,
316
+ "height": undefined,
317
+ "overflow": "hidden",
318
+ "width": undefined,
319
+ },
320
+ ]
332
321
  }
333
322
  >
334
- <ViewManagerAdapter_ExpoLinearGradient
335
- colors={
336
- [
337
- 16777215,
338
- 4292532440,
339
- 4292532440,
340
- 16777215,
341
- ]
342
- }
343
- endPoint={
344
- [
345
- 1,
346
- 0,
347
- ]
348
- }
349
- locations={
350
- [
351
- 0,
352
- 0.25,
353
- 0.75,
354
- 1,
355
- ]
356
- }
357
- startPoint={
358
- [
359
- 0,
360
- 0,
361
- ]
362
- }
323
+ <View
324
+ collapsable={false}
325
+ duration={1200}
363
326
  style={
364
327
  {
365
328
  "height": "100%",
329
+ "left": 0,
330
+ "transform": [
331
+ {
332
+ "translateX": -375,
333
+ },
334
+ ],
366
335
  "width": "100%",
367
336
  }
368
337
  }
369
- />
338
+ >
339
+ <ViewManagerAdapter_ExpoLinearGradient
340
+ colors={
341
+ [
342
+ 16777215,
343
+ 4292532440,
344
+ 4292532440,
345
+ 16777215,
346
+ ]
347
+ }
348
+ endPoint={
349
+ [
350
+ 1,
351
+ 0,
352
+ ]
353
+ }
354
+ locations={
355
+ [
356
+ 0,
357
+ 0.25,
358
+ 0.75,
359
+ 1,
360
+ ]
361
+ }
362
+ startPoint={
363
+ [
364
+ 0,
365
+ 0,
366
+ ]
367
+ }
368
+ style={
369
+ {
370
+ "height": "100%",
371
+ "width": "100%",
372
+ }
373
+ }
374
+ />
375
+ </View>
370
376
  </View>
371
377
  </View>
372
- </View>
373
- <Image
374
- onLoad={[Function]}
375
- resizeMode="stretch"
376
- source={
377
- {
378
- "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/15/ac/15aca112-4e71-4646-8db5-7f9723bc0130.jpg?w=600&f=auto",
379
- }
380
- }
381
- style={
382
- [
383
- {
384
- "flex": 1,
385
- "height": "100%",
386
- "position": "absolute",
387
- "width": "100%",
388
- "zIndex": 10,
389
- },
390
- undefined,
378
+ <Image
379
+ onLoad={[Function]}
380
+ resizeMode="contain"
381
+ source={
391
382
  {
392
- "opacity": 0,
393
- },
394
- ]
395
- }
396
- testID="lazy-image-main-image"
397
- />
383
+ "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/15/ac/15aca112-4e71-4646-8db5-7f9723bc0130.jpg?w=600&f=auto",
384
+ }
385
+ }
386
+ style={
387
+ [
388
+ {
389
+ "flex": 1,
390
+ "height": "100%",
391
+ "position": "absolute",
392
+ "width": "100%",
393
+ "zIndex": 10,
394
+ },
395
+ undefined,
396
+ {
397
+ "opacity": 0,
398
+ },
399
+ ]
400
+ }
401
+ testID="lazy-image-main-image"
402
+ />
403
+ </View>
398
404
  </View>
399
405
  </View>
400
406
  </View>
@@ -543,7 +549,7 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
543
549
  style={
544
550
  [
545
551
  {
546
- "paddingVertical": 24,
552
+ "paddingTop": 24,
547
553
  },
548
554
  undefined,
549
555
  ]
@@ -788,139 +794,142 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
788
794
  onLayout={[Function]}
789
795
  >
790
796
  <View
791
- style={
792
- [
793
- {
794
- "height": undefined,
795
- "width": undefined,
796
- },
797
- {
798
- "alignSelf": undefined,
799
- "marginTop": 0,
800
- },
801
- ]
802
- }
797
+ onLayout={[Function]}
803
798
  >
804
799
  <View
805
800
  style={
806
801
  [
807
802
  {
808
- "position": "relative",
803
+ "height": undefined,
804
+ "width": undefined,
805
+ },
806
+ {
807
+ "alignSelf": undefined,
809
808
  },
810
- [
811
- {
812
- "flex": 1,
813
- },
814
- null,
815
- ],
816
809
  ]
817
810
  }
818
- testID="product-variant-image"
819
811
  >
820
812
  <View
821
813
  style={
822
814
  [
823
815
  {
824
- "flex": 1,
816
+ "position": "relative",
825
817
  },
818
+ [
819
+ {
820
+ "flex": 1,
821
+ },
822
+ null,
823
+ ],
826
824
  ]
827
825
  }
828
- testID="lazy-image-skeleton"
826
+ testID="product-variant-image"
829
827
  >
830
828
  <View
831
- onLayout={[Function]}
832
829
  style={
833
830
  [
834
831
  {
835
- "backgroundColor": "#F8F7F7",
836
832
  "flex": 1,
837
- "height": undefined,
838
- "overflow": "hidden",
839
- "width": undefined,
840
833
  },
841
834
  ]
842
835
  }
836
+ testID="lazy-image-skeleton"
843
837
  >
844
838
  <View
845
- collapsable={false}
846
- duration={1200}
839
+ onLayout={[Function]}
847
840
  style={
848
- {
849
- "height": "100%",
850
- "left": 0,
851
- "transform": [
852
- {
853
- "translateX": -375,
854
- },
855
- ],
856
- "width": "100%",
857
- }
841
+ [
842
+ {
843
+ "backgroundColor": "#F8F7F7",
844
+ "flex": 1,
845
+ "height": undefined,
846
+ "overflow": "hidden",
847
+ "width": undefined,
848
+ },
849
+ ]
858
850
  }
859
851
  >
860
- <ViewManagerAdapter_ExpoLinearGradient
861
- colors={
862
- [
863
- 16777215,
864
- 4292532440,
865
- 4292532440,
866
- 16777215,
867
- ]
868
- }
869
- endPoint={
870
- [
871
- 1,
872
- 0,
873
- ]
874
- }
875
- locations={
876
- [
877
- 0,
878
- 0.25,
879
- 0.75,
880
- 1,
881
- ]
882
- }
883
- startPoint={
884
- [
885
- 0,
886
- 0,
887
- ]
888
- }
852
+ <View
853
+ collapsable={false}
854
+ duration={1200}
889
855
  style={
890
856
  {
891
857
  "height": "100%",
858
+ "left": 0,
859
+ "transform": [
860
+ {
861
+ "translateX": -375,
862
+ },
863
+ ],
892
864
  "width": "100%",
893
865
  }
894
866
  }
895
- />
867
+ >
868
+ <ViewManagerAdapter_ExpoLinearGradient
869
+ colors={
870
+ [
871
+ 16777215,
872
+ 4292532440,
873
+ 4292532440,
874
+ 16777215,
875
+ ]
876
+ }
877
+ endPoint={
878
+ [
879
+ 1,
880
+ 0,
881
+ ]
882
+ }
883
+ locations={
884
+ [
885
+ 0,
886
+ 0.25,
887
+ 0.75,
888
+ 1,
889
+ ]
890
+ }
891
+ startPoint={
892
+ [
893
+ 0,
894
+ 0,
895
+ ]
896
+ }
897
+ style={
898
+ {
899
+ "height": "100%",
900
+ "width": "100%",
901
+ }
902
+ }
903
+ />
904
+ </View>
896
905
  </View>
897
906
  </View>
898
- </View>
899
- <Image
900
- onLoad={[Function]}
901
- resizeMode="stretch"
902
- source={
903
- {
904
- "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=600&f=auto",
905
- }
906
- }
907
- style={
908
- [
907
+ <Image
908
+ onLoad={[Function]}
909
+ resizeMode="contain"
910
+ source={
909
911
  {
910
- "flex": 1,
911
- "height": "100%",
912
- "position": "absolute",
913
- "width": "100%",
914
- "zIndex": 10,
915
- },
916
- undefined,
917
- {
918
- "opacity": 0,
919
- },
920
- ]
921
- }
922
- testID="lazy-image-main-image"
923
- />
912
+ "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=600&f=auto",
913
+ }
914
+ }
915
+ style={
916
+ [
917
+ {
918
+ "flex": 1,
919
+ "height": "100%",
920
+ "position": "absolute",
921
+ "width": "100%",
922
+ "zIndex": 10,
923
+ },
924
+ undefined,
925
+ {
926
+ "opacity": 0,
927
+ },
928
+ ]
929
+ }
930
+ testID="lazy-image-main-image"
931
+ />
932
+ </View>
924
933
  </View>
925
934
  </View>
926
935
  </View>
@@ -942,139 +951,142 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
942
951
  onLayout={[Function]}
943
952
  >
944
953
  <View
945
- style={
946
- [
947
- {
948
- "height": undefined,
949
- "width": undefined,
950
- },
951
- {
952
- "alignSelf": undefined,
953
- "marginTop": 0,
954
- },
955
- ]
956
- }
954
+ onLayout={[Function]}
957
955
  >
958
956
  <View
959
957
  style={
960
958
  [
961
959
  {
962
- "position": "relative",
960
+ "height": undefined,
961
+ "width": undefined,
962
+ },
963
+ {
964
+ "alignSelf": undefined,
963
965
  },
964
- [
965
- {
966
- "flex": 1,
967
- },
968
- null,
969
- ],
970
966
  ]
971
967
  }
972
- testID="product-variant-image"
973
968
  >
974
969
  <View
975
970
  style={
976
971
  [
977
972
  {
978
- "flex": 1,
973
+ "position": "relative",
979
974
  },
975
+ [
976
+ {
977
+ "flex": 1,
978
+ },
979
+ null,
980
+ ],
980
981
  ]
981
982
  }
982
- testID="lazy-image-skeleton"
983
+ testID="product-variant-image"
983
984
  >
984
985
  <View
985
- onLayout={[Function]}
986
986
  style={
987
987
  [
988
988
  {
989
- "backgroundColor": "#F8F7F7",
990
989
  "flex": 1,
991
- "height": undefined,
992
- "overflow": "hidden",
993
- "width": undefined,
994
990
  },
995
991
  ]
996
992
  }
993
+ testID="lazy-image-skeleton"
997
994
  >
998
995
  <View
999
- collapsable={false}
1000
- duration={1200}
996
+ onLayout={[Function]}
1001
997
  style={
1002
- {
1003
- "height": "100%",
1004
- "left": 0,
1005
- "transform": [
1006
- {
1007
- "translateX": -375,
1008
- },
1009
- ],
1010
- "width": "100%",
1011
- }
998
+ [
999
+ {
1000
+ "backgroundColor": "#F8F7F7",
1001
+ "flex": 1,
1002
+ "height": undefined,
1003
+ "overflow": "hidden",
1004
+ "width": undefined,
1005
+ },
1006
+ ]
1012
1007
  }
1013
1008
  >
1014
- <ViewManagerAdapter_ExpoLinearGradient
1015
- colors={
1016
- [
1017
- 16777215,
1018
- 4292532440,
1019
- 4292532440,
1020
- 16777215,
1021
- ]
1022
- }
1023
- endPoint={
1024
- [
1025
- 1,
1026
- 0,
1027
- ]
1028
- }
1029
- locations={
1030
- [
1031
- 0,
1032
- 0.25,
1033
- 0.75,
1034
- 1,
1035
- ]
1036
- }
1037
- startPoint={
1038
- [
1039
- 0,
1040
- 0,
1041
- ]
1042
- }
1009
+ <View
1010
+ collapsable={false}
1011
+ duration={1200}
1043
1012
  style={
1044
1013
  {
1045
1014
  "height": "100%",
1015
+ "left": 0,
1016
+ "transform": [
1017
+ {
1018
+ "translateX": -375,
1019
+ },
1020
+ ],
1046
1021
  "width": "100%",
1047
1022
  }
1048
1023
  }
1049
- />
1024
+ >
1025
+ <ViewManagerAdapter_ExpoLinearGradient
1026
+ colors={
1027
+ [
1028
+ 16777215,
1029
+ 4292532440,
1030
+ 4292532440,
1031
+ 16777215,
1032
+ ]
1033
+ }
1034
+ endPoint={
1035
+ [
1036
+ 1,
1037
+ 0,
1038
+ ]
1039
+ }
1040
+ locations={
1041
+ [
1042
+ 0,
1043
+ 0.25,
1044
+ 0.75,
1045
+ 1,
1046
+ ]
1047
+ }
1048
+ startPoint={
1049
+ [
1050
+ 0,
1051
+ 0,
1052
+ ]
1053
+ }
1054
+ style={
1055
+ {
1056
+ "height": "100%",
1057
+ "width": "100%",
1058
+ }
1059
+ }
1060
+ />
1061
+ </View>
1050
1062
  </View>
1051
1063
  </View>
1052
- </View>
1053
- <Image
1054
- onLoad={[Function]}
1055
- resizeMode="stretch"
1056
- source={
1057
- {
1058
- "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/15/ac/15aca112-4e71-4646-8db5-7f9723bc0130.jpg?w=600&f=auto",
1059
- }
1060
- }
1061
- style={
1062
- [
1064
+ <Image
1065
+ onLoad={[Function]}
1066
+ resizeMode="contain"
1067
+ source={
1063
1068
  {
1064
- "flex": 1,
1065
- "height": "100%",
1066
- "position": "absolute",
1067
- "width": "100%",
1068
- "zIndex": 10,
1069
- },
1070
- undefined,
1071
- {
1072
- "opacity": 0,
1073
- },
1074
- ]
1075
- }
1076
- testID="lazy-image-main-image"
1077
- />
1069
+ "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/15/ac/15aca112-4e71-4646-8db5-7f9723bc0130.jpg?w=600&f=auto",
1070
+ }
1071
+ }
1072
+ style={
1073
+ [
1074
+ {
1075
+ "flex": 1,
1076
+ "height": "100%",
1077
+ "position": "absolute",
1078
+ "width": "100%",
1079
+ "zIndex": 10,
1080
+ },
1081
+ undefined,
1082
+ {
1083
+ "opacity": 0,
1084
+ },
1085
+ ]
1086
+ }
1087
+ testID="lazy-image-main-image"
1088
+ />
1089
+ </View>
1078
1090
  </View>
1079
1091
  </View>
1080
1092
  </View>
@@ -1223,7 +1235,7 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
1223
1235
  style={
1224
1236
  [
1225
1237
  {
1226
- "paddingVertical": 24,
1238
+ "paddingTop": 24,
1227
1239
  },
1228
1240
  undefined,
1229
1241
  ]
@@ -1468,139 +1480,142 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
1468
1480
  onLayout={[Function]}
1469
1481
  >
1470
1482
  <View
1471
- style={
1472
- [
1473
- {
1474
- "height": undefined,
1475
- "width": undefined,
1476
- },
1477
- {
1478
- "alignSelf": undefined,
1479
- "marginTop": 0,
1480
- },
1481
- ]
1482
- }
1483
+ onLayout={[Function]}
1483
1484
  >
1484
1485
  <View
1485
1486
  style={
1486
1487
  [
1487
1488
  {
1488
- "position": "relative",
1489
+ "height": undefined,
1490
+ "width": undefined,
1491
+ },
1492
+ {
1493
+ "alignSelf": undefined,
1489
1494
  },
1490
- [
1491
- {
1492
- "flex": 1,
1493
- },
1494
- null,
1495
- ],
1496
1495
  ]
1497
1496
  }
1498
- testID="product-variant-image"
1499
1497
  >
1500
1498
  <View
1501
1499
  style={
1502
1500
  [
1503
1501
  {
1504
- "flex": 1,
1502
+ "position": "relative",
1505
1503
  },
1504
+ [
1505
+ {
1506
+ "flex": 1,
1507
+ },
1508
+ null,
1509
+ ],
1506
1510
  ]
1507
1511
  }
1508
- testID="lazy-image-skeleton"
1512
+ testID="product-variant-image"
1509
1513
  >
1510
1514
  <View
1511
- onLayout={[Function]}
1512
1515
  style={
1513
1516
  [
1514
1517
  {
1515
- "backgroundColor": "#F8F7F7",
1516
1518
  "flex": 1,
1517
- "height": undefined,
1518
- "overflow": "hidden",
1519
- "width": undefined,
1520
1519
  },
1521
1520
  ]
1522
1521
  }
1522
+ testID="lazy-image-skeleton"
1523
1523
  >
1524
1524
  <View
1525
- collapsable={false}
1526
- duration={1200}
1525
+ onLayout={[Function]}
1527
1526
  style={
1528
- {
1529
- "height": "100%",
1530
- "left": 0,
1531
- "transform": [
1532
- {
1533
- "translateX": -375,
1534
- },
1535
- ],
1536
- "width": "100%",
1537
- }
1527
+ [
1528
+ {
1529
+ "backgroundColor": "#F8F7F7",
1530
+ "flex": 1,
1531
+ "height": undefined,
1532
+ "overflow": "hidden",
1533
+ "width": undefined,
1534
+ },
1535
+ ]
1538
1536
  }
1539
1537
  >
1540
- <ViewManagerAdapter_ExpoLinearGradient
1541
- colors={
1542
- [
1543
- 16777215,
1544
- 4292532440,
1545
- 4292532440,
1546
- 16777215,
1547
- ]
1548
- }
1549
- endPoint={
1550
- [
1551
- 1,
1552
- 0,
1553
- ]
1554
- }
1555
- locations={
1556
- [
1557
- 0,
1558
- 0.25,
1559
- 0.75,
1560
- 1,
1561
- ]
1562
- }
1563
- startPoint={
1564
- [
1565
- 0,
1566
- 0,
1567
- ]
1568
- }
1538
+ <View
1539
+ collapsable={false}
1540
+ duration={1200}
1569
1541
  style={
1570
1542
  {
1571
1543
  "height": "100%",
1544
+ "left": 0,
1545
+ "transform": [
1546
+ {
1547
+ "translateX": -375,
1548
+ },
1549
+ ],
1572
1550
  "width": "100%",
1573
1551
  }
1574
1552
  }
1575
- />
1553
+ >
1554
+ <ViewManagerAdapter_ExpoLinearGradient
1555
+ colors={
1556
+ [
1557
+ 16777215,
1558
+ 4292532440,
1559
+ 4292532440,
1560
+ 16777215,
1561
+ ]
1562
+ }
1563
+ endPoint={
1564
+ [
1565
+ 1,
1566
+ 0,
1567
+ ]
1568
+ }
1569
+ locations={
1570
+ [
1571
+ 0,
1572
+ 0.25,
1573
+ 0.75,
1574
+ 1,
1575
+ ]
1576
+ }
1577
+ startPoint={
1578
+ [
1579
+ 0,
1580
+ 0,
1581
+ ]
1582
+ }
1583
+ style={
1584
+ {
1585
+ "height": "100%",
1586
+ "width": "100%",
1587
+ }
1588
+ }
1589
+ />
1590
+ </View>
1576
1591
  </View>
1577
1592
  </View>
1578
- </View>
1579
- <Image
1580
- onLoad={[Function]}
1581
- resizeMode="stretch"
1582
- source={
1583
- {
1584
- "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=600&f=auto",
1585
- }
1586
- }
1587
- style={
1588
- [
1589
- {
1590
- "flex": 1,
1591
- "height": "100%",
1592
- "position": "absolute",
1593
- "width": "100%",
1594
- "zIndex": 10,
1595
- },
1596
- undefined,
1593
+ <Image
1594
+ onLoad={[Function]}
1595
+ resizeMode="contain"
1596
+ source={
1597
1597
  {
1598
- "opacity": 0,
1599
- },
1600
- ]
1601
- }
1602
- testID="lazy-image-main-image"
1603
- />
1598
+ "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=600&f=auto",
1599
+ }
1600
+ }
1601
+ style={
1602
+ [
1603
+ {
1604
+ "flex": 1,
1605
+ "height": "100%",
1606
+ "position": "absolute",
1607
+ "width": "100%",
1608
+ "zIndex": 10,
1609
+ },
1610
+ undefined,
1611
+ {
1612
+ "opacity": 0,
1613
+ },
1614
+ ]
1615
+ }
1616
+ testID="lazy-image-main-image"
1617
+ />
1618
+ </View>
1604
1619
  </View>
1605
1620
  </View>
1606
1621
  </View>
@@ -1622,139 +1637,142 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
1622
1637
  onLayout={[Function]}
1623
1638
  >
1624
1639
  <View
1625
- style={
1626
- [
1627
- {
1628
- "height": undefined,
1629
- "width": undefined,
1630
- },
1631
- {
1632
- "alignSelf": undefined,
1633
- "marginTop": 0,
1634
- },
1635
- ]
1636
- }
1640
+ onLayout={[Function]}
1637
1641
  >
1638
1642
  <View
1639
1643
  style={
1640
1644
  [
1641
1645
  {
1642
- "position": "relative",
1646
+ "height": undefined,
1647
+ "width": undefined,
1648
+ },
1649
+ {
1650
+ "alignSelf": undefined,
1643
1651
  },
1644
- [
1645
- {
1646
- "flex": 1,
1647
- },
1648
- null,
1649
- ],
1650
1652
  ]
1651
1653
  }
1652
- testID="product-variant-image"
1653
1654
  >
1654
1655
  <View
1655
1656
  style={
1656
1657
  [
1657
1658
  {
1658
- "flex": 1,
1659
+ "position": "relative",
1659
1660
  },
1661
+ [
1662
+ {
1663
+ "flex": 1,
1664
+ },
1665
+ null,
1666
+ ],
1660
1667
  ]
1661
1668
  }
1662
- testID="lazy-image-skeleton"
1669
+ testID="product-variant-image"
1663
1670
  >
1664
1671
  <View
1665
- onLayout={[Function]}
1666
1672
  style={
1667
1673
  [
1668
1674
  {
1669
- "backgroundColor": "#F8F7F7",
1670
1675
  "flex": 1,
1671
- "height": undefined,
1672
- "overflow": "hidden",
1673
- "width": undefined,
1674
1676
  },
1675
1677
  ]
1676
1678
  }
1679
+ testID="lazy-image-skeleton"
1677
1680
  >
1678
1681
  <View
1679
- collapsable={false}
1680
- duration={1200}
1682
+ onLayout={[Function]}
1681
1683
  style={
1682
- {
1683
- "height": "100%",
1684
- "left": 0,
1685
- "transform": [
1686
- {
1687
- "translateX": -375,
1688
- },
1689
- ],
1690
- "width": "100%",
1691
- }
1684
+ [
1685
+ {
1686
+ "backgroundColor": "#F8F7F7",
1687
+ "flex": 1,
1688
+ "height": undefined,
1689
+ "overflow": "hidden",
1690
+ "width": undefined,
1691
+ },
1692
+ ]
1692
1693
  }
1693
1694
  >
1694
- <ViewManagerAdapter_ExpoLinearGradient
1695
- colors={
1696
- [
1697
- 16777215,
1698
- 4292532440,
1699
- 4292532440,
1700
- 16777215,
1701
- ]
1702
- }
1703
- endPoint={
1704
- [
1705
- 1,
1706
- 0,
1707
- ]
1708
- }
1709
- locations={
1710
- [
1711
- 0,
1712
- 0.25,
1713
- 0.75,
1714
- 1,
1715
- ]
1716
- }
1717
- startPoint={
1718
- [
1719
- 0,
1720
- 0,
1721
- ]
1722
- }
1695
+ <View
1696
+ collapsable={false}
1697
+ duration={1200}
1723
1698
  style={
1724
1699
  {
1725
1700
  "height": "100%",
1701
+ "left": 0,
1702
+ "transform": [
1703
+ {
1704
+ "translateX": -375,
1705
+ },
1706
+ ],
1726
1707
  "width": "100%",
1727
1708
  }
1728
1709
  }
1729
- />
1710
+ >
1711
+ <ViewManagerAdapter_ExpoLinearGradient
1712
+ colors={
1713
+ [
1714
+ 16777215,
1715
+ 4292532440,
1716
+ 4292532440,
1717
+ 16777215,
1718
+ ]
1719
+ }
1720
+ endPoint={
1721
+ [
1722
+ 1,
1723
+ 0,
1724
+ ]
1725
+ }
1726
+ locations={
1727
+ [
1728
+ 0,
1729
+ 0.25,
1730
+ 0.75,
1731
+ 1,
1732
+ ]
1733
+ }
1734
+ startPoint={
1735
+ [
1736
+ 0,
1737
+ 0,
1738
+ ]
1739
+ }
1740
+ style={
1741
+ {
1742
+ "height": "100%",
1743
+ "width": "100%",
1744
+ }
1745
+ }
1746
+ />
1747
+ </View>
1730
1748
  </View>
1731
1749
  </View>
1732
- </View>
1733
- <Image
1734
- onLoad={[Function]}
1735
- resizeMode="stretch"
1736
- source={
1737
- {
1738
- "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/15/ac/15aca112-4e71-4646-8db5-7f9723bc0130.jpg?w=600&f=auto",
1739
- }
1740
- }
1741
- style={
1742
- [
1750
+ <Image
1751
+ onLoad={[Function]}
1752
+ resizeMode="contain"
1753
+ source={
1743
1754
  {
1744
- "flex": 1,
1745
- "height": "100%",
1746
- "position": "absolute",
1747
- "width": "100%",
1748
- "zIndex": 10,
1749
- },
1750
- undefined,
1751
- {
1752
- "opacity": 0,
1753
- },
1754
- ]
1755
- }
1756
- testID="lazy-image-main-image"
1757
- />
1755
+ "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/15/ac/15aca112-4e71-4646-8db5-7f9723bc0130.jpg?w=600&f=auto",
1756
+ }
1757
+ }
1758
+ style={
1759
+ [
1760
+ {
1761
+ "flex": 1,
1762
+ "height": "100%",
1763
+ "position": "absolute",
1764
+ "width": "100%",
1765
+ "zIndex": 10,
1766
+ },
1767
+ undefined,
1768
+ {
1769
+ "opacity": 0,
1770
+ },
1771
+ ]
1772
+ }
1773
+ testID="lazy-image-main-image"
1774
+ />
1775
+ </View>
1758
1776
  </View>
1759
1777
  </View>
1760
1778
  </View>
@@ -1903,7 +1921,7 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
1903
1921
  style={
1904
1922
  [
1905
1923
  {
1906
- "paddingVertical": 24,
1924
+ "paddingTop": 24,
1907
1925
  },
1908
1926
  undefined,
1909
1927
  ]