@lookiero/checkout 14.7.0 → 14.8.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 (68) hide show
  1. package/cypress/support/interceptViewPricingByCheckoutId.ts +3 -3
  2. package/dist/src/ExpoRoot.js +2 -3
  3. package/dist/src/infrastructure/delivery/bootstrap.mock.js +2 -2
  4. package/dist/src/infrastructure/projection/pricing/httpPricingByCheckoutIdView.js +2 -3
  5. package/dist/src/infrastructure/projection/pricing/pricing.mock.d.ts +3 -9
  6. package/dist/src/infrastructure/projection/pricing/pricing.mock.js +11 -50
  7. package/dist/src/infrastructure/projection/pricing/react/useViewPricingByCheckoutId.d.ts +2 -2
  8. package/dist/src/infrastructure/tracking/useTrackCheckout.d.ts +2 -2
  9. package/dist/src/infrastructure/tracking/useTrackCheckout.js +3 -3
  10. package/dist/src/infrastructure/ui/components/atoms/price/Price.d.ts +7 -2
  11. package/dist/src/infrastructure/ui/components/atoms/price/Price.js +7 -7
  12. package/dist/src/infrastructure/ui/views/checkout/Checkout.js +2 -2
  13. package/dist/src/infrastructure/ui/views/item/components/productVariantDescription/ProductVariantDescription.js +1 -1
  14. package/dist/src/infrastructure/ui/views/item/components/productVariantSlider/ProductVariantSlider.js +2 -1
  15. package/dist/src/infrastructure/ui/views/item/components/productVariantSlider/components/aspectRatioView/AspectRatioView.d.ts +15 -0
  16. package/dist/src/infrastructure/ui/views/item/components/productVariantSlider/components/aspectRatioView/AspectRatioView.js +16 -0
  17. package/dist/src/infrastructure/ui/views/return/components/price/Price.d.ts +7 -2
  18. package/dist/src/infrastructure/ui/views/return/components/price/Price.js +7 -7
  19. package/dist/src/infrastructure/ui/views/return/components/productVariantPreview/ProductVariantPreview.js +1 -1
  20. package/dist/src/infrastructure/ui/views/shared/components/productVariant/ProductVariant.js +1 -1
  21. package/dist/src/infrastructure/ui/views/summary/Summary.js +3 -3
  22. package/dist/src/infrastructure/ui/views/summary/components/collapsiblePricing/CollapsiblePricing.d.ts +2 -5
  23. package/dist/src/infrastructure/ui/views/summary/components/collapsiblePricing/CollapsiblePricing.js +4 -4
  24. package/dist/src/infrastructure/ui/views/summary/components/pricing/Pricing.d.ts +2 -5
  25. package/dist/src/infrastructure/ui/views/summary/components/pricing/Pricing.js +16 -18
  26. package/dist/src/projection/customer/customer.d.ts +0 -1
  27. package/dist/src/projection/pricing/pricing.d.ts +6 -24
  28. package/dist/src/projection/pricing/pricing.js +1 -1
  29. package/dist/src/projection/pricing/viewPricingByCheckoutId.d.ts +2 -2
  30. package/dist/src/version.d.ts +2 -2
  31. package/dist/src/version.js +2 -2
  32. package/package.json +1 -1
  33. package/src/ExpoRoot.tsx +2 -3
  34. package/src/infrastructure/delivery/bootstrap.mock.ts +2 -2
  35. package/src/infrastructure/projection/pricing/httpPricingByCheckoutIdView.test.ts +3 -7
  36. package/src/infrastructure/projection/pricing/httpPricingByCheckoutIdView.ts +3 -8
  37. package/src/infrastructure/projection/pricing/pricing.mock.ts +13 -61
  38. package/src/infrastructure/projection/pricing/react/useViewPricingByCheckoutId.test.ts +3 -3
  39. package/src/infrastructure/projection/pricing/react/useViewPricingByCheckoutId.ts +2 -2
  40. package/src/infrastructure/tracking/useTrackCheckout.test.tsx +9 -9
  41. package/src/infrastructure/tracking/useTrackCheckout.ts +5 -5
  42. package/src/infrastructure/ui/components/atoms/price/Price.test.tsx +22 -4
  43. package/src/infrastructure/ui/components/atoms/price/Price.tsx +14 -9
  44. package/src/infrastructure/ui/hooks/useCheckoutFlow.test.tsx +2 -2
  45. package/src/infrastructure/ui/views/checkout/Checkout.test.tsx +4 -10
  46. package/src/infrastructure/ui/views/checkout/Checkout.tsx +2 -7
  47. package/src/infrastructure/ui/views/item/components/productVariantDescription/ProductVariantDescription.tsx +1 -1
  48. package/src/infrastructure/ui/views/item/components/productVariantSlider/ProductVariantSlider.tsx +1 -1
  49. package/src/infrastructure/ui/views/item/components/productVariantSlider/__snapshots__/ProductVariantSlider.test.tsx.snap +198 -192
  50. package/src/infrastructure/ui/views/item/components/productVariantSlider/components/aspectRatioView/AspectRatioView.tsx +46 -0
  51. package/src/infrastructure/ui/views/item/views/productVariant/__snapshots__/ProductVariant.test.tsx.snap +594 -576
  52. package/src/infrastructure/ui/views/return/components/price/Price.test.tsx +22 -4
  53. package/src/infrastructure/ui/views/return/components/price/Price.tsx +14 -9
  54. package/src/infrastructure/ui/views/return/components/productVariantPreview/ProductVariantPreview.tsx +6 -1
  55. package/src/infrastructure/ui/views/shared/components/productVariant/ProductVariant.tsx +6 -1
  56. package/src/infrastructure/ui/views/summary/Summary.test.tsx +4 -10
  57. package/src/infrastructure/ui/views/summary/Summary.tsx +1 -5
  58. package/src/infrastructure/ui/views/summary/components/collapsiblePricing/CollapsiblePricing.test.tsx +10 -24
  59. package/src/infrastructure/ui/views/summary/components/collapsiblePricing/CollapsiblePricing.tsx +5 -15
  60. package/src/infrastructure/ui/views/summary/components/collapsiblePricing/__snapshots__/CollapsiblePricing.test.tsx.snap +2 -2
  61. package/src/infrastructure/ui/views/summary/components/pricing/Pricing.tsx +42 -38
  62. package/src/projection/customer/customer.ts +0 -1
  63. package/src/projection/pricing/pricing.ts +6 -26
  64. package/src/projection/pricing/viewPricingByCheckoutId.test.ts +4 -5
  65. package/src/projection/pricing/viewPricingByCheckoutId.ts +2 -2
  66. package/dist/src/infrastructure/projection/pricing/pricing.d.ts +0 -18
  67. package/dist/src/infrastructure/projection/pricing/pricing.js +0 -12
  68. package/src/infrastructure/projection/pricing/pricing.ts +0 -32
package/src/infrastructure/ui/views/item/views/productVariant/__snapshots__/ProductVariant.test.tsx.snap CHANGED
@@ -108,143 +108,146 @@ 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
- "aspectRatio": NaN,
115
- "height": undefined,
116
- "width": "100%",
117
- },
118
- {
119
- "alignSelf": undefined,
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
155
  [
169
156
  {
170
- "height": "100%",
171
- "width": "100%",
172
- },
173
- {
174
- "left": 0,
175
- "transform": [
176
- {
177
- "translateX": -375,
178
- },
179
- ],
157
+ "backgroundColor": "#F8F7F7",
158
+ "flex": 1,
159
+ "height": undefined,
160
+ "overflow": "hidden",
161
+ "width": undefined,
180
162
  },
181
163
  ]
182
164
  }
183
165
  >
184
- <ViewManagerAdapter_ExpoLinearGradient
185
- colors={
186
- [
187
- 16777215,
188
- 4292532440,
189
- 4292532440,
190
- 16777215,
191
- ]
192
- }
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={
166
+ <View
167
+ collapsable={false}
168
+ duration={1200}
169
+ style={
208
170
  [
209
- 0,
210
- 0,
171
+ {
172
+ "height": "100%",
173
+ "width": "100%",
174
+ },
175
+ {
176
+ "left": 0,
177
+ "transform": [
178
+ {
179
+ "translateX": -375,
180
+ },
181
+ ],
182
+ },
211
183
  ]
212
184
  }
213
- style={
214
- {
215
- "height": "100%",
216
- "width": "100%",
185
+ >
186
+ <ViewManagerAdapter_ExpoLinearGradient
187
+ colors={
188
+ [
189
+ 16777215,
190
+ 4292532440,
191
+ 4292532440,
192
+ 16777215,
193
+ ]
217
194
  }
218
- }
219
- />
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
+ }
220
+ }
221
+ />
222
+ </View>
220
223
  </View>
221
224
  </View>
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
- [
225
+ <Image
226
+ onLoad={[Function]}
227
+ resizeMode="contain"
228
+ source={
233
229
  {
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
- />
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
+ </View>
248
251
  </View>
249
252
  </View>
250
253
  </View>
@@ -266,143 +269,146 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
266
269
  onLayout={[Function]}
267
270
  >
268
271
  <View
269
- style={
270
- [
271
- {
272
- "aspectRatio": NaN,
273
- "height": undefined,
274
- "width": "100%",
275
- },
276
- {
277
- "alignSelf": undefined,
278
- },
279
- ]
280
- }
272
+ onLayout={[Function]}
281
273
  >
282
274
  <View
283
275
  style={
284
276
  [
285
277
  {
286
- "position": "relative",
278
+ "height": undefined,
279
+ "width": undefined,
280
+ },
281
+ {
282
+ "alignSelf": undefined,
287
283
  },
288
- [
289
- {
290
- "flex": 1,
291
- },
292
- null,
293
- ],
294
284
  ]
295
285
  }
296
- testID="product-variant-image"
297
286
  >
298
287
  <View
299
288
  style={
300
289
  [
301
290
  {
302
- "flex": 1,
291
+ "position": "relative",
303
292
  },
293
+ [
294
+ {
295
+ "flex": 1,
296
+ },
297
+ null,
298
+ ],
304
299
  ]
305
300
  }
306
- testID="lazy-image-skeleton"
301
+ testID="product-variant-image"
307
302
  >
308
303
  <View
309
- onLayout={[Function]}
310
304
  style={
311
305
  [
312
306
  {
313
- "backgroundColor": "#F8F7F7",
314
307
  "flex": 1,
315
- "height": undefined,
316
- "overflow": "hidden",
317
- "width": undefined,
318
308
  },
319
309
  ]
320
310
  }
311
+ testID="lazy-image-skeleton"
321
312
  >
322
313
  <View
323
- collapsable={false}
324
- duration={1200}
314
+ onLayout={[Function]}
325
315
  style={
326
316
  [
327
317
  {
328
- "height": "100%",
329
- "width": "100%",
330
- },
331
- {
332
- "left": 0,
333
- "transform": [
334
- {
335
- "translateX": -375,
336
- },
337
- ],
318
+ "backgroundColor": "#F8F7F7",
319
+ "flex": 1,
320
+ "height": undefined,
321
+ "overflow": "hidden",
322
+ "width": undefined,
338
323
  },
339
324
  ]
340
325
  }
341
326
  >
342
- <ViewManagerAdapter_ExpoLinearGradient
343
- colors={
344
- [
345
- 16777215,
346
- 4292532440,
347
- 4292532440,
348
- 16777215,
349
- ]
350
- }
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={
327
+ <View
328
+ collapsable={false}
329
+ duration={1200}
330
+ style={
366
331
  [
367
- 0,
368
- 0,
332
+ {
333
+ "height": "100%",
334
+ "width": "100%",
335
+ },
336
+ {
337
+ "left": 0,
338
+ "transform": [
339
+ {
340
+ "translateX": -375,
341
+ },
342
+ ],
343
+ },
369
344
  ]
370
345
  }
371
- style={
372
- {
373
- "height": "100%",
374
- "width": "100%",
346
+ >
347
+ <ViewManagerAdapter_ExpoLinearGradient
348
+ colors={
349
+ [
350
+ 16777215,
351
+ 4292532440,
352
+ 4292532440,
353
+ 16777215,
354
+ ]
375
355
  }
376
- }
377
- />
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
+ }
381
+ }
382
+ />
383
+ </View>
378
384
  </View>
379
385
  </View>
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,
386
+ <Image
387
+ onLoad={[Function]}
388
+ resizeMode="contain"
389
+ source={
399
390
  {
400
- "opacity": 0,
401
- },
402
- ]
403
- }
404
- testID="lazy-image-main-image"
405
- />
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
+ </View>
406
412
  </View>
407
413
  </View>
408
414
  </View>
@@ -786,143 +792,146 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
786
792
  onLayout={[Function]}
787
793
  >
788
794
  <View
789
- style={
790
- [
791
- {
792
- "aspectRatio": NaN,
793
- "height": undefined,
794
- "width": "100%",
795
- },
796
- {
797
- "alignSelf": undefined,
798
- },
799
- ]
800
- }
795
+ onLayout={[Function]}
801
796
  >
802
797
  <View
803
798
  style={
804
799
  [
805
800
  {
806
- "position": "relative",
801
+ "height": undefined,
802
+ "width": undefined,
803
+ },
804
+ {
805
+ "alignSelf": undefined,
807
806
  },
808
- [
809
- {
810
- "flex": 1,
811
- },
812
- null,
813
- ],
814
807
  ]
815
808
  }
816
- testID="product-variant-image"
817
809
  >
818
810
  <View
819
811
  style={
820
812
  [
821
813
  {
822
- "flex": 1,
814
+ "position": "relative",
823
815
  },
816
+ [
817
+ {
818
+ "flex": 1,
819
+ },
820
+ null,
821
+ ],
824
822
  ]
825
823
  }
826
- testID="lazy-image-skeleton"
824
+ testID="product-variant-image"
827
825
  >
828
826
  <View
829
- onLayout={[Function]}
830
827
  style={
831
828
  [
832
829
  {
833
- "backgroundColor": "#F8F7F7",
834
830
  "flex": 1,
835
- "height": undefined,
836
- "overflow": "hidden",
837
- "width": undefined,
838
831
  },
839
832
  ]
840
833
  }
834
+ testID="lazy-image-skeleton"
841
835
  >
842
836
  <View
843
- collapsable={false}
844
- duration={1200}
837
+ onLayout={[Function]}
845
838
  style={
846
839
  [
847
840
  {
848
- "height": "100%",
849
- "width": "100%",
850
- },
851
- {
852
- "left": 0,
853
- "transform": [
854
- {
855
- "translateX": -375,
856
- },
857
- ],
841
+ "backgroundColor": "#F8F7F7",
842
+ "flex": 1,
843
+ "height": undefined,
844
+ "overflow": "hidden",
845
+ "width": undefined,
858
846
  },
859
847
  ]
860
848
  }
861
849
  >
862
- <ViewManagerAdapter_ExpoLinearGradient
863
- colors={
864
- [
865
- 16777215,
866
- 4292532440,
867
- 4292532440,
868
- 16777215,
869
- ]
870
- }
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={
850
+ <View
851
+ collapsable={false}
852
+ duration={1200}
853
+ style={
886
854
  [
887
- 0,
888
- 0,
855
+ {
856
+ "height": "100%",
857
+ "width": "100%",
858
+ },
859
+ {
860
+ "left": 0,
861
+ "transform": [
862
+ {
863
+ "translateX": -375,
864
+ },
865
+ ],
866
+ },
889
867
  ]
890
868
  }
891
- style={
892
- {
893
- "height": "100%",
894
- "width": "100%",
869
+ >
870
+ <ViewManagerAdapter_ExpoLinearGradient
871
+ colors={
872
+ [
873
+ 16777215,
874
+ 4292532440,
875
+ 4292532440,
876
+ 16777215,
877
+ ]
895
878
  }
896
- }
897
- />
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
+ }
904
+ }
905
+ />
906
+ </View>
898
907
  </View>
899
908
  </View>
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
- [
909
+ <Image
910
+ onLoad={[Function]}
911
+ resizeMode="contain"
912
+ source={
911
913
  {
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
- />
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
+ </View>
926
935
  </View>
927
936
  </View>
928
937
  </View>
@@ -944,143 +953,146 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
944
953
  onLayout={[Function]}
945
954
  >
946
955
  <View
947
- style={
948
- [
949
- {
950
- "aspectRatio": NaN,
951
- "height": undefined,
952
- "width": "100%",
953
- },
954
- {
955
- "alignSelf": undefined,
956
- },
957
- ]
958
- }
956
+ onLayout={[Function]}
959
957
  >
960
958
  <View
961
959
  style={
962
960
  [
963
961
  {
964
- "position": "relative",
962
+ "height": undefined,
963
+ "width": undefined,
964
+ },
965
+ {
966
+ "alignSelf": undefined,
965
967
  },
966
- [
967
- {
968
- "flex": 1,
969
- },
970
- null,
971
- ],
972
968
  ]
973
969
  }
974
- testID="product-variant-image"
975
970
  >
976
971
  <View
977
972
  style={
978
973
  [
979
974
  {
980
- "flex": 1,
975
+ "position": "relative",
981
976
  },
977
+ [
978
+ {
979
+ "flex": 1,
980
+ },
981
+ null,
982
+ ],
982
983
  ]
983
984
  }
984
- testID="lazy-image-skeleton"
985
+ testID="product-variant-image"
985
986
  >
986
987
  <View
987
- onLayout={[Function]}
988
988
  style={
989
989
  [
990
990
  {
991
- "backgroundColor": "#F8F7F7",
992
991
  "flex": 1,
993
- "height": undefined,
994
- "overflow": "hidden",
995
- "width": undefined,
996
992
  },
997
993
  ]
998
994
  }
995
+ testID="lazy-image-skeleton"
999
996
  >
1000
997
  <View
1001
- collapsable={false}
1002
- duration={1200}
998
+ onLayout={[Function]}
1003
999
  style={
1004
1000
  [
1005
1001
  {
1006
- "height": "100%",
1007
- "width": "100%",
1008
- },
1009
- {
1010
- "left": 0,
1011
- "transform": [
1012
- {
1013
- "translateX": -375,
1014
- },
1015
- ],
1002
+ "backgroundColor": "#F8F7F7",
1003
+ "flex": 1,
1004
+ "height": undefined,
1005
+ "overflow": "hidden",
1006
+ "width": undefined,
1016
1007
  },
1017
1008
  ]
1018
1009
  }
1019
1010
  >
1020
- <ViewManagerAdapter_ExpoLinearGradient
1021
- colors={
1022
- [
1023
- 16777215,
1024
- 4292532440,
1025
- 4292532440,
1026
- 16777215,
1027
- ]
1028
- }
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={
1011
+ <View
1012
+ collapsable={false}
1013
+ duration={1200}
1014
+ style={
1044
1015
  [
1045
- 0,
1046
- 0,
1016
+ {
1017
+ "height": "100%",
1018
+ "width": "100%",
1019
+ },
1020
+ {
1021
+ "left": 0,
1022
+ "transform": [
1023
+ {
1024
+ "translateX": -375,
1025
+ },
1026
+ ],
1027
+ },
1047
1028
  ]
1048
1029
  }
1049
- style={
1050
- {
1051
- "height": "100%",
1052
- "width": "100%",
1030
+ >
1031
+ <ViewManagerAdapter_ExpoLinearGradient
1032
+ colors={
1033
+ [
1034
+ 16777215,
1035
+ 4292532440,
1036
+ 4292532440,
1037
+ 16777215,
1038
+ ]
1053
1039
  }
1054
- }
1055
- />
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
+ }
1065
+ }
1066
+ />
1067
+ </View>
1056
1068
  </View>
1057
1069
  </View>
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
- [
1070
+ <Image
1071
+ onLoad={[Function]}
1072
+ resizeMode="contain"
1073
+ source={
1069
1074
  {
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
- />
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
+ </View>
1084
1096
  </View>
1085
1097
  </View>
1086
1098
  </View>
@@ -1464,143 +1476,146 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
1464
1476
  onLayout={[Function]}
1465
1477
  >
1466
1478
  <View
1467
- style={
1468
- [
1469
- {
1470
- "aspectRatio": NaN,
1471
- "height": undefined,
1472
- "width": "100%",
1473
- },
1474
- {
1475
- "alignSelf": undefined,
1476
- },
1477
- ]
1478
- }
1479
+ onLayout={[Function]}
1479
1480
  >
1480
1481
  <View
1481
1482
  style={
1482
1483
  [
1483
1484
  {
1484
- "position": "relative",
1485
+ "height": undefined,
1486
+ "width": undefined,
1487
+ },
1488
+ {
1489
+ "alignSelf": undefined,
1485
1490
  },
1486
- [
1487
- {
1488
- "flex": 1,
1489
- },
1490
- null,
1491
- ],
1492
1491
  ]
1493
1492
  }
1494
- testID="product-variant-image"
1495
1493
  >
1496
1494
  <View
1497
1495
  style={
1498
1496
  [
1499
1497
  {
1500
- "flex": 1,
1498
+ "position": "relative",
1501
1499
  },
1500
+ [
1501
+ {
1502
+ "flex": 1,
1503
+ },
1504
+ null,
1505
+ ],
1502
1506
  ]
1503
1507
  }
1504
- testID="lazy-image-skeleton"
1508
+ testID="product-variant-image"
1505
1509
  >
1506
1510
  <View
1507
- onLayout={[Function]}
1508
1511
  style={
1509
1512
  [
1510
1513
  {
1511
- "backgroundColor": "#F8F7F7",
1512
1514
  "flex": 1,
1513
- "height": undefined,
1514
- "overflow": "hidden",
1515
- "width": undefined,
1516
1515
  },
1517
1516
  ]
1518
1517
  }
1518
+ testID="lazy-image-skeleton"
1519
1519
  >
1520
1520
  <View
1521
- collapsable={false}
1522
- duration={1200}
1521
+ onLayout={[Function]}
1523
1522
  style={
1524
1523
  [
1525
1524
  {
1526
- "height": "100%",
1527
- "width": "100%",
1528
- },
1529
- {
1530
- "left": 0,
1531
- "transform": [
1532
- {
1533
- "translateX": -375,
1534
- },
1535
- ],
1525
+ "backgroundColor": "#F8F7F7",
1526
+ "flex": 1,
1527
+ "height": undefined,
1528
+ "overflow": "hidden",
1529
+ "width": undefined,
1536
1530
  },
1537
1531
  ]
1538
1532
  }
1539
1533
  >
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={
1534
+ <View
1535
+ collapsable={false}
1536
+ duration={1200}
1537
+ style={
1564
1538
  [
1565
- 0,
1566
- 0,
1539
+ {
1540
+ "height": "100%",
1541
+ "width": "100%",
1542
+ },
1543
+ {
1544
+ "left": 0,
1545
+ "transform": [
1546
+ {
1547
+ "translateX": -375,
1548
+ },
1549
+ ],
1550
+ },
1567
1551
  ]
1568
1552
  }
1569
- style={
1570
- {
1571
- "height": "100%",
1572
- "width": "100%",
1553
+ >
1554
+ <ViewManagerAdapter_ExpoLinearGradient
1555
+ colors={
1556
+ [
1557
+ 16777215,
1558
+ 4292532440,
1559
+ 4292532440,
1560
+ 16777215,
1561
+ ]
1573
1562
  }
1574
- }
1575
- />
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="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,
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,143 +1637,146 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
1622
1637
  onLayout={[Function]}
1623
1638
  >
1624
1639
  <View
1625
- style={
1626
- [
1627
- {
1628
- "aspectRatio": NaN,
1629
- "height": undefined,
1630
- "width": "100%",
1631
- },
1632
- {
1633
- "alignSelf": undefined,
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
1684
  [
1683
1685
  {
1684
- "height": "100%",
1685
- "width": "100%",
1686
- },
1687
- {
1688
- "left": 0,
1689
- "transform": [
1690
- {
1691
- "translateX": -375,
1692
- },
1693
- ],
1686
+ "backgroundColor": "#F8F7F7",
1687
+ "flex": 1,
1688
+ "height": undefined,
1689
+ "overflow": "hidden",
1690
+ "width": undefined,
1694
1691
  },
1695
1692
  ]
1696
1693
  }
1697
1694
  >
1698
- <ViewManagerAdapter_ExpoLinearGradient
1699
- colors={
1700
- [
1701
- 16777215,
1702
- 4292532440,
1703
- 4292532440,
1704
- 16777215,
1705
- ]
1706
- }
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={
1695
+ <View
1696
+ collapsable={false}
1697
+ duration={1200}
1698
+ style={
1722
1699
  [
1723
- 0,
1724
- 0,
1700
+ {
1701
+ "height": "100%",
1702
+ "width": "100%",
1703
+ },
1704
+ {
1705
+ "left": 0,
1706
+ "transform": [
1707
+ {
1708
+ "translateX": -375,
1709
+ },
1710
+ ],
1711
+ },
1725
1712
  ]
1726
1713
  }
1727
- style={
1728
- {
1729
- "height": "100%",
1730
- "width": "100%",
1714
+ >
1715
+ <ViewManagerAdapter_ExpoLinearGradient
1716
+ colors={
1717
+ [
1718
+ 16777215,
1719
+ 4292532440,
1720
+ 4292532440,
1721
+ 16777215,
1722
+ ]
1731
1723
  }
1732
- }
1733
- />
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
+ }
1749
+ }
1750
+ />
1751
+ </View>
1734
1752
  </View>
1735
1753
  </View>
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
- [
1754
+ <Image
1755
+ onLoad={[Function]}
1756
+ resizeMode="contain"
1757
+ source={
1747
1758
  {
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
- />
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
+ </View>
1762
1780
  </View>
1763
1781
  </View>
1764
1782
  </View>