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