@lookiero/checkout 8.19.0 → 8.21.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 (62) hide show
  1. package/.detoxrc.js +55 -0
  2. package/app.json +15 -3
  3. package/babel.config.js +20 -0
  4. package/dist/fake-dependencies/@lookiero/payments-front/index.d.ts +21 -0
  5. package/dist/fake-dependencies/@lookiero/payments-front/index.js +20 -0
  6. package/dist/src/Expo.d.ts +1 -1
  7. package/dist/src/Expo.js +1 -0
  8. package/dist/src/ExpoRoot.js +13 -31
  9. package/dist/src/infrastructure/delivery/bootstrap.mock.d.ts +3 -0
  10. package/dist/src/infrastructure/delivery/bootstrap.mock.js +91 -0
  11. package/dist/src/infrastructure/projection/bookedProductsVariants/bookedProductsVariants.mock.d.ts +3 -0
  12. package/dist/src/infrastructure/projection/bookedProductsVariants/bookedProductsVariants.mock.js +27 -0
  13. package/dist/src/infrastructure/projection/checkout/checkout.mock.d.ts +19 -0
  14. package/dist/src/infrastructure/projection/checkout/checkout.mock.js +21 -0
  15. package/dist/src/infrastructure/projection/checkoutBooking/checkoutBooking.mock.d.ts +3 -0
  16. package/dist/src/infrastructure/projection/checkoutBooking/checkoutBooking.mock.js +6 -0
  17. package/dist/src/infrastructure/projection/checkoutFeedback/checkoutFeedback.mock.d.ts +3 -0
  18. package/dist/src/infrastructure/projection/checkoutFeedback/checkoutFeedback.mock.js +5 -0
  19. package/dist/src/infrastructure/projection/checkoutItem/checkoutItem.mock.d.ts +15 -0
  20. package/dist/src/infrastructure/projection/checkoutItem/checkoutItem.mock.js +43 -0
  21. package/dist/src/infrastructure/projection/checkoutQuestion/checkoutQuestions.mock.d.ts +3 -0
  22. package/dist/src/infrastructure/projection/checkoutQuestion/checkoutQuestions.mock.js +103 -0
  23. package/dist/src/infrastructure/projection/feedback/feedback.mock.d.ts +3 -0
  24. package/dist/src/infrastructure/projection/feedback/feedback.mock.js +6 -0
  25. package/dist/src/infrastructure/projection/payment/paymentFlowPayload.mock.d.ts +6 -0
  26. package/dist/src/infrastructure/projection/payment/paymentFlowPayload.mock.js +183 -0
  27. package/dist/src/infrastructure/projection/pricing/pricing.mock.d.ts +9 -0
  28. package/dist/src/infrastructure/projection/pricing/pricing.mock.js +42 -0
  29. package/dist/src/infrastructure/projection/returnQuestion/returnQuestions.mock.d.ts +3 -0
  30. package/dist/src/infrastructure/projection/returnQuestion/returnQuestions.mock.js +354 -0
  31. package/dist/src/infrastructure/ui/hooks/useSubmitCheckout.js +11 -1
  32. package/dist/src/infrastructure/ui/views/checkout/Checkout.js +1 -1
  33. package/dist/src/infrastructure/ui/views/checkout/components/paymentInstrument/PaymentInstrument.js +2 -2
  34. package/dist/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.js +2 -1
  35. package/dist/src/infrastructure/ui/views/item/views/itemWithoutCustomerDecission/ItemWithoutCustomerDecission.js +1 -1
  36. package/dist/src/infrastructure/ui/views/summary/Summary.js +1 -1
  37. package/dist/src/version.d.ts +1 -1
  38. package/dist/src/version.js +1 -1
  39. package/e2e/checkout.test.ts +160 -0
  40. package/e2e/jest.config.js +13 -0
  41. package/e2e/tsconfig.json +4 -0
  42. package/eas-hooks/eas-build-on-success.sh +45 -0
  43. package/eas-hooks/eas-build-pre-install.sh +39 -0
  44. package/eas.json +23 -0
  45. package/fake-dependencies/@lookiero/payments-front/index.tsx +40 -0
  46. package/fake-dependencies/@lookiero/user-tracking-front/index.js +3 -0
  47. package/metro.config.js +22 -0
  48. package/package.json +13 -2
  49. package/src/Expo.tsx +1 -0
  50. package/src/ExpoRoot.tsx +14 -31
  51. package/src/infrastructure/projection/bookedProductsVariants/bookedProductsVariants.mock.ts +2 -2
  52. package/src/infrastructure/ui/hooks/useSubmitCheckout.ts +20 -2
  53. package/src/infrastructure/ui/views/checkout/Checkout.tsx +1 -1
  54. package/src/infrastructure/ui/views/checkout/components/paymentInstrument/PaymentInstrument.tsx +1 -2
  55. package/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.tsx +3 -2
  56. package/src/infrastructure/ui/views/item/components/productVariantSlider/__snapshots__/ProductVariantSlider.test.tsx.snap +212 -254
  57. package/src/infrastructure/ui/views/item/views/itemWithoutCustomerDecission/ItemWithoutCustomerDecission.tsx +1 -1
  58. package/src/infrastructure/ui/views/item/views/productVariant/__snapshots__/ProductVariant.test.tsx.snap +636 -762
  59. package/src/infrastructure/ui/views/summary/Summary.tsx +1 -1
  60. package/src/infrastructure/ui/views/summaryTabs/components/checkoutItemsTabs/__snapshots__/CheckoutItemsTabs.test.tsx.snap +1169 -1211
  61. package/tsconfig.json +8 -1
  62. package/webpack.config.js +8 -1
package/src/infrastructure/ui/views/item/views/productVariant/__snapshots__/ProductVariant.test.tsx.snap CHANGED
@@ -111,170 +111,149 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
111
111
  }
112
112
  testID="carousel-item"
113
113
  >
114
- <RNGestureHandlerButton
115
- collapsable={false}
116
- delayLongPress={600}
117
- enabled={true}
118
- exclusive={true}
119
- handlerTag={5}
120
- handlerType="NativeViewGestureHandler"
121
- onGestureEvent={[Function]}
122
- onGestureHandlerEvent={[Function]}
123
- onGestureHandlerStateChange={[Function]}
124
- onHandlerStateChange={[Function]}
125
- rippleColor={0}
126
- touchSoundDisabled={false}
114
+ <View
115
+ onLayout={[Function]}
127
116
  >
128
117
  <View
129
- accessible={true}
130
- collapsable={false}
131
- style={{}}
118
+ style={
119
+ [
120
+ {
121
+ "height": undefined,
122
+ "width": undefined,
123
+ },
124
+ {
125
+ "alignSelf": undefined,
126
+ "marginTop": 0,
127
+ },
128
+ ]
129
+ }
132
130
  >
133
131
  <View
134
- onLayout={[Function]}
132
+ style={
133
+ [
134
+ {
135
+ "position": "relative",
136
+ },
137
+ [
138
+ {
139
+ "flex": 1,
140
+ },
141
+ null,
142
+ ],
143
+ ]
144
+ }
145
+ testID="product-variant-image"
135
146
  >
136
147
  <View
137
148
  style={
138
149
  [
139
150
  {
140
- "height": undefined,
141
- "width": undefined,
142
- },
143
- {
144
- "alignSelf": undefined,
145
- "marginTop": 0,
151
+ "flex": 1,
146
152
  },
147
153
  ]
148
154
  }
155
+ testID="lazy-image-skeleton"
149
156
  >
150
157
  <View
158
+ onLayout={[Function]}
151
159
  style={
152
160
  [
153
161
  {
154
- "position": "relative",
162
+ "backgroundColor": "#F8F7F7",
163
+ "flex": 1,
164
+ "height": undefined,
165
+ "overflow": "hidden",
166
+ "width": undefined,
155
167
  },
156
- [
157
- {
158
- "flex": 1,
159
- },
160
- null,
161
- ],
162
168
  ]
163
169
  }
164
- testID="product-variant-image"
165
170
  >
166
171
  <View
172
+ collapsable={false}
173
+ duration={1200}
167
174
  style={
168
- [
169
- {
170
- "flex": 1,
171
- },
172
- ]
175
+ {
176
+ "height": "100%",
177
+ "left": 0,
178
+ "transform": [
179
+ {
180
+ "translateX": -375,
181
+ },
182
+ ],
183
+ "width": "100%",
184
+ }
173
185
  }
174
- testID="lazy-image-skeleton"
175
186
  >
176
187
  <View
177
- onLayout={[Function]}
178
- style={
188
+ colors={
179
189
  [
180
- {
181
- "backgroundColor": "#F8F7F7",
182
- "flex": 1,
183
- "height": undefined,
184
- "overflow": "hidden",
185
- "width": undefined,
186
- },
190
+ "rgba(255, 255, 255, 0)",
191
+ "#DAD8D8",
192
+ "#DAD8D8",
193
+ "rgba(255, 255, 255, 0)",
187
194
  ]
188
195
  }
189
- >
190
- <View
191
- collapsable={false}
192
- duration={1200}
193
- style={
194
- {
195
- "height": "100%",
196
- "left": 0,
197
- "transform": [
198
- {
199
- "translateX": -375,
200
- },
201
- ],
202
- "width": "100%",
203
- }
196
+ end={
197
+ {
198
+ "x": 1,
199
+ "y": 0,
204
200
  }
205
- >
206
- <View
207
- colors={
208
- [
209
- "rgba(255, 255, 255, 0)",
210
- "#DAD8D8",
211
- "#DAD8D8",
212
- "rgba(255, 255, 255, 0)",
213
- ]
214
- }
215
- end={
216
- {
217
- "x": 1,
218
- "y": 0,
219
- }
220
- }
221
- locations={
222
- [
223
- 0,
224
- 0.25,
225
- 0.75,
226
- 1,
227
- ]
228
- }
229
- start={
230
- {
231
- "x": 0,
232
- "y": 0,
233
- }
234
- }
235
- style={
236
- {
237
- "height": "100%",
238
- "width": "100%",
239
- }
240
- }
241
- />
242
- </View>
243
- </View>
244
- </View>
245
- <Image
246
- collapsable={false}
247
- jestAnimatedStyle={
248
- {
249
- "value": {
250
- "opacity": 0,
251
- },
252
201
  }
253
- }
254
- onLoad={[Function]}
255
- resizeMode="stretch"
256
- source={
257
- {
258
- "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=600&f=auto",
202
+ locations={
203
+ [
204
+ 0,
205
+ 0.25,
206
+ 0.75,
207
+ 1,
208
+ ]
259
209
  }
260
- }
261
- style={
262
- {
263
- "flex": 1,
264
- "height": "100%",
265
- "opacity": 0,
266
- "position": "absolute",
267
- "width": "100%",
268
- "zIndex": 10,
210
+ start={
211
+ {
212
+ "x": 0,
213
+ "y": 0,
214
+ }
269
215
  }
270
- }
271
- testID="lazy-image-main-image"
272
- />
216
+ style={
217
+ {
218
+ "height": "100%",
219
+ "width": "100%",
220
+ }
221
+ }
222
+ />
223
+ </View>
273
224
  </View>
274
225
  </View>
226
+ <Image
227
+ collapsable={false}
228
+ jestAnimatedStyle={
229
+ {
230
+ "value": {
231
+ "opacity": 0,
232
+ },
233
+ }
234
+ }
235
+ onLoad={[Function]}
236
+ resizeMode="stretch"
237
+ source={
238
+ {
239
+ "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=600&f=auto",
240
+ }
241
+ }
242
+ style={
243
+ {
244
+ "flex": 1,
245
+ "height": "100%",
246
+ "opacity": 0,
247
+ "position": "absolute",
248
+ "width": "100%",
249
+ "zIndex": 10,
250
+ }
251
+ }
252
+ testID="lazy-image-main-image"
253
+ />
275
254
  </View>
276
255
  </View>
277
- </RNGestureHandlerButton>
256
+ </View>
278
257
  </View>
279
258
  <View
280
259
  collapsable={false}
@@ -291,170 +270,149 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
291
270
  }
292
271
  testID="carousel-item"
293
272
  >
294
- <RNGestureHandlerButton
295
- collapsable={false}
296
- delayLongPress={600}
297
- enabled={true}
298
- exclusive={true}
299
- handlerTag={6}
300
- handlerType="NativeViewGestureHandler"
301
- onGestureEvent={[Function]}
302
- onGestureHandlerEvent={[Function]}
303
- onGestureHandlerStateChange={[Function]}
304
- onHandlerStateChange={[Function]}
305
- rippleColor={0}
306
- touchSoundDisabled={false}
273
+ <View
274
+ onLayout={[Function]}
307
275
  >
308
276
  <View
309
- accessible={true}
310
- collapsable={false}
311
- style={{}}
277
+ style={
278
+ [
279
+ {
280
+ "height": undefined,
281
+ "width": undefined,
282
+ },
283
+ {
284
+ "alignSelf": undefined,
285
+ "marginTop": 0,
286
+ },
287
+ ]
288
+ }
312
289
  >
313
290
  <View
314
- onLayout={[Function]}
291
+ style={
292
+ [
293
+ {
294
+ "position": "relative",
295
+ },
296
+ [
297
+ {
298
+ "flex": 1,
299
+ },
300
+ null,
301
+ ],
302
+ ]
303
+ }
304
+ testID="product-variant-image"
315
305
  >
316
306
  <View
317
307
  style={
318
308
  [
319
309
  {
320
- "height": undefined,
321
- "width": undefined,
322
- },
323
- {
324
- "alignSelf": undefined,
325
- "marginTop": 0,
310
+ "flex": 1,
326
311
  },
327
312
  ]
328
313
  }
314
+ testID="lazy-image-skeleton"
329
315
  >
330
316
  <View
317
+ onLayout={[Function]}
331
318
  style={
332
319
  [
333
320
  {
334
- "position": "relative",
321
+ "backgroundColor": "#F8F7F7",
322
+ "flex": 1,
323
+ "height": undefined,
324
+ "overflow": "hidden",
325
+ "width": undefined,
335
326
  },
336
- [
337
- {
338
- "flex": 1,
339
- },
340
- null,
341
- ],
342
327
  ]
343
328
  }
344
- testID="product-variant-image"
345
329
  >
346
330
  <View
331
+ collapsable={false}
332
+ duration={1200}
347
333
  style={
348
- [
349
- {
350
- "flex": 1,
351
- },
352
- ]
334
+ {
335
+ "height": "100%",
336
+ "left": 0,
337
+ "transform": [
338
+ {
339
+ "translateX": -375,
340
+ },
341
+ ],
342
+ "width": "100%",
343
+ }
353
344
  }
354
- testID="lazy-image-skeleton"
355
345
  >
356
346
  <View
357
- onLayout={[Function]}
358
- style={
347
+ colors={
359
348
  [
360
- {
361
- "backgroundColor": "#F8F7F7",
362
- "flex": 1,
363
- "height": undefined,
364
- "overflow": "hidden",
365
- "width": undefined,
366
- },
349
+ "rgba(255, 255, 255, 0)",
350
+ "#DAD8D8",
351
+ "#DAD8D8",
352
+ "rgba(255, 255, 255, 0)",
367
353
  ]
368
354
  }
369
- >
370
- <View
371
- collapsable={false}
372
- duration={1200}
373
- style={
374
- {
375
- "height": "100%",
376
- "left": 0,
377
- "transform": [
378
- {
379
- "translateX": -375,
380
- },
381
- ],
382
- "width": "100%",
383
- }
355
+ end={
356
+ {
357
+ "x": 1,
358
+ "y": 0,
384
359
  }
385
- >
386
- <View
387
- colors={
388
- [
389
- "rgba(255, 255, 255, 0)",
390
- "#DAD8D8",
391
- "#DAD8D8",
392
- "rgba(255, 255, 255, 0)",
393
- ]
394
- }
395
- end={
396
- {
397
- "x": 1,
398
- "y": 0,
399
- }
400
- }
401
- locations={
402
- [
403
- 0,
404
- 0.25,
405
- 0.75,
406
- 1,
407
- ]
408
- }
409
- start={
410
- {
411
- "x": 0,
412
- "y": 0,
413
- }
414
- }
415
- style={
416
- {
417
- "height": "100%",
418
- "width": "100%",
419
- }
420
- }
421
- />
422
- </View>
423
- </View>
424
- </View>
425
- <Image
426
- collapsable={false}
427
- jestAnimatedStyle={
428
- {
429
- "value": {
430
- "opacity": 0,
431
- },
432
360
  }
433
- }
434
- onLoad={[Function]}
435
- resizeMode="stretch"
436
- source={
437
- {
438
- "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/15/ac/15aca112-4e71-4646-8db5-7f9723bc0130.jpg?w=600&f=auto",
361
+ locations={
362
+ [
363
+ 0,
364
+ 0.25,
365
+ 0.75,
366
+ 1,
367
+ ]
439
368
  }
440
- }
441
- style={
442
- {
443
- "flex": 1,
444
- "height": "100%",
445
- "opacity": 0,
446
- "position": "absolute",
447
- "width": "100%",
448
- "zIndex": 10,
369
+ start={
370
+ {
371
+ "x": 0,
372
+ "y": 0,
373
+ }
449
374
  }
450
- }
451
- testID="lazy-image-main-image"
452
- />
375
+ style={
376
+ {
377
+ "height": "100%",
378
+ "width": "100%",
379
+ }
380
+ }
381
+ />
382
+ </View>
453
383
  </View>
454
384
  </View>
385
+ <Image
386
+ collapsable={false}
387
+ jestAnimatedStyle={
388
+ {
389
+ "value": {
390
+ "opacity": 0,
391
+ },
392
+ }
393
+ }
394
+ onLoad={[Function]}
395
+ resizeMode="stretch"
396
+ source={
397
+ {
398
+ "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/15/ac/15aca112-4e71-4646-8db5-7f9723bc0130.jpg?w=600&f=auto",
399
+ }
400
+ }
401
+ style={
402
+ {
403
+ "flex": 1,
404
+ "height": "100%",
405
+ "opacity": 0,
406
+ "position": "absolute",
407
+ "width": "100%",
408
+ "zIndex": 10,
409
+ }
410
+ }
411
+ testID="lazy-image-main-image"
412
+ />
455
413
  </View>
456
414
  </View>
457
- </RNGestureHandlerButton>
415
+ </View>
458
416
  </View>
459
417
  </View>
460
418
  </View>
@@ -835,170 +793,149 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
835
793
  }
836
794
  testID="carousel-item"
837
795
  >
838
- <RNGestureHandlerButton
839
- collapsable={false}
840
- delayLongPress={600}
841
- enabled={true}
842
- exclusive={true}
843
- handlerTag={8}
844
- handlerType="NativeViewGestureHandler"
845
- onGestureEvent={[Function]}
846
- onGestureHandlerEvent={[Function]}
847
- onGestureHandlerStateChange={[Function]}
848
- onHandlerStateChange={[Function]}
849
- rippleColor={0}
850
- touchSoundDisabled={false}
796
+ <View
797
+ onLayout={[Function]}
851
798
  >
852
799
  <View
853
- accessible={true}
854
- collapsable={false}
855
- style={{}}
800
+ style={
801
+ [
802
+ {
803
+ "height": undefined,
804
+ "width": undefined,
805
+ },
806
+ {
807
+ "alignSelf": undefined,
808
+ "marginTop": 0,
809
+ },
810
+ ]
811
+ }
856
812
  >
857
813
  <View
858
- onLayout={[Function]}
814
+ style={
815
+ [
816
+ {
817
+ "position": "relative",
818
+ },
819
+ [
820
+ {
821
+ "flex": 1,
822
+ },
823
+ null,
824
+ ],
825
+ ]
826
+ }
827
+ testID="product-variant-image"
859
828
  >
860
829
  <View
861
830
  style={
862
831
  [
863
832
  {
864
- "height": undefined,
865
- "width": undefined,
866
- },
867
- {
868
- "alignSelf": undefined,
869
- "marginTop": 0,
833
+ "flex": 1,
870
834
  },
871
835
  ]
872
836
  }
837
+ testID="lazy-image-skeleton"
873
838
  >
874
839
  <View
840
+ onLayout={[Function]}
875
841
  style={
876
842
  [
877
843
  {
878
- "position": "relative",
844
+ "backgroundColor": "#F8F7F7",
845
+ "flex": 1,
846
+ "height": undefined,
847
+ "overflow": "hidden",
848
+ "width": undefined,
879
849
  },
880
- [
881
- {
882
- "flex": 1,
883
- },
884
- null,
885
- ],
886
850
  ]
887
851
  }
888
- testID="product-variant-image"
889
852
  >
890
853
  <View
854
+ collapsable={false}
855
+ duration={1200}
891
856
  style={
892
- [
893
- {
894
- "flex": 1,
895
- },
896
- ]
857
+ {
858
+ "height": "100%",
859
+ "left": 0,
860
+ "transform": [
861
+ {
862
+ "translateX": -375,
863
+ },
864
+ ],
865
+ "width": "100%",
866
+ }
897
867
  }
898
- testID="lazy-image-skeleton"
899
868
  >
900
869
  <View
901
- onLayout={[Function]}
902
- style={
870
+ colors={
903
871
  [
904
- {
905
- "backgroundColor": "#F8F7F7",
906
- "flex": 1,
907
- "height": undefined,
908
- "overflow": "hidden",
909
- "width": undefined,
910
- },
872
+ "rgba(255, 255, 255, 0)",
873
+ "#DAD8D8",
874
+ "#DAD8D8",
875
+ "rgba(255, 255, 255, 0)",
911
876
  ]
912
877
  }
913
- >
914
- <View
915
- collapsable={false}
916
- duration={1200}
917
- style={
918
- {
919
- "height": "100%",
920
- "left": 0,
921
- "transform": [
922
- {
923
- "translateX": -375,
924
- },
925
- ],
926
- "width": "100%",
927
- }
878
+ end={
879
+ {
880
+ "x": 1,
881
+ "y": 0,
928
882
  }
929
- >
930
- <View
931
- colors={
932
- [
933
- "rgba(255, 255, 255, 0)",
934
- "#DAD8D8",
935
- "#DAD8D8",
936
- "rgba(255, 255, 255, 0)",
937
- ]
938
- }
939
- end={
940
- {
941
- "x": 1,
942
- "y": 0,
943
- }
944
- }
945
- locations={
946
- [
947
- 0,
948
- 0.25,
949
- 0.75,
950
- 1,
951
- ]
952
- }
953
- start={
954
- {
955
- "x": 0,
956
- "y": 0,
957
- }
958
- }
959
- style={
960
- {
961
- "height": "100%",
962
- "width": "100%",
963
- }
964
- }
965
- />
966
- </View>
967
- </View>
968
- </View>
969
- <Image
970
- collapsable={false}
971
- jestAnimatedStyle={
972
- {
973
- "value": {
974
- "opacity": 0,
975
- },
976
883
  }
977
- }
978
- onLoad={[Function]}
979
- resizeMode="stretch"
980
- source={
981
- {
982
- "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=600&f=auto",
884
+ locations={
885
+ [
886
+ 0,
887
+ 0.25,
888
+ 0.75,
889
+ 1,
890
+ ]
983
891
  }
984
- }
985
- style={
986
- {
987
- "flex": 1,
988
- "height": "100%",
989
- "opacity": 0,
990
- "position": "absolute",
991
- "width": "100%",
992
- "zIndex": 10,
892
+ start={
893
+ {
894
+ "x": 0,
895
+ "y": 0,
896
+ }
993
897
  }
994
- }
995
- testID="lazy-image-main-image"
996
- />
898
+ style={
899
+ {
900
+ "height": "100%",
901
+ "width": "100%",
902
+ }
903
+ }
904
+ />
905
+ </View>
997
906
  </View>
998
907
  </View>
908
+ <Image
909
+ collapsable={false}
910
+ jestAnimatedStyle={
911
+ {
912
+ "value": {
913
+ "opacity": 0,
914
+ },
915
+ }
916
+ }
917
+ onLoad={[Function]}
918
+ resizeMode="stretch"
919
+ source={
920
+ {
921
+ "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=600&f=auto",
922
+ }
923
+ }
924
+ style={
925
+ {
926
+ "flex": 1,
927
+ "height": "100%",
928
+ "opacity": 0,
929
+ "position": "absolute",
930
+ "width": "100%",
931
+ "zIndex": 10,
932
+ }
933
+ }
934
+ testID="lazy-image-main-image"
935
+ />
999
936
  </View>
1000
937
  </View>
1001
- </RNGestureHandlerButton>
938
+ </View>
1002
939
  </View>
1003
940
  <View
1004
941
  collapsable={false}
@@ -1015,170 +952,149 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
1015
952
  }
1016
953
  testID="carousel-item"
1017
954
  >
1018
- <RNGestureHandlerButton
1019
- collapsable={false}
1020
- delayLongPress={600}
1021
- enabled={true}
1022
- exclusive={true}
1023
- handlerTag={9}
1024
- handlerType="NativeViewGestureHandler"
1025
- onGestureEvent={[Function]}
1026
- onGestureHandlerEvent={[Function]}
1027
- onGestureHandlerStateChange={[Function]}
1028
- onHandlerStateChange={[Function]}
1029
- rippleColor={0}
1030
- touchSoundDisabled={false}
955
+ <View
956
+ onLayout={[Function]}
1031
957
  >
1032
958
  <View
1033
- accessible={true}
1034
- collapsable={false}
1035
- style={{}}
959
+ style={
960
+ [
961
+ {
962
+ "height": undefined,
963
+ "width": undefined,
964
+ },
965
+ {
966
+ "alignSelf": undefined,
967
+ "marginTop": 0,
968
+ },
969
+ ]
970
+ }
1036
971
  >
1037
972
  <View
1038
- onLayout={[Function]}
973
+ style={
974
+ [
975
+ {
976
+ "position": "relative",
977
+ },
978
+ [
979
+ {
980
+ "flex": 1,
981
+ },
982
+ null,
983
+ ],
984
+ ]
985
+ }
986
+ testID="product-variant-image"
1039
987
  >
1040
988
  <View
1041
989
  style={
1042
990
  [
1043
991
  {
1044
- "height": undefined,
1045
- "width": undefined,
1046
- },
1047
- {
1048
- "alignSelf": undefined,
1049
- "marginTop": 0,
992
+ "flex": 1,
1050
993
  },
1051
994
  ]
1052
995
  }
996
+ testID="lazy-image-skeleton"
1053
997
  >
1054
998
  <View
999
+ onLayout={[Function]}
1055
1000
  style={
1056
1001
  [
1057
1002
  {
1058
- "position": "relative",
1003
+ "backgroundColor": "#F8F7F7",
1004
+ "flex": 1,
1005
+ "height": undefined,
1006
+ "overflow": "hidden",
1007
+ "width": undefined,
1059
1008
  },
1060
- [
1061
- {
1062
- "flex": 1,
1063
- },
1064
- null,
1065
- ],
1066
1009
  ]
1067
1010
  }
1068
- testID="product-variant-image"
1069
1011
  >
1070
1012
  <View
1013
+ collapsable={false}
1014
+ duration={1200}
1071
1015
  style={
1072
- [
1073
- {
1074
- "flex": 1,
1075
- },
1076
- ]
1016
+ {
1017
+ "height": "100%",
1018
+ "left": 0,
1019
+ "transform": [
1020
+ {
1021
+ "translateX": -375,
1022
+ },
1023
+ ],
1024
+ "width": "100%",
1025
+ }
1077
1026
  }
1078
- testID="lazy-image-skeleton"
1079
1027
  >
1080
1028
  <View
1081
- onLayout={[Function]}
1082
- style={
1029
+ colors={
1083
1030
  [
1084
- {
1085
- "backgroundColor": "#F8F7F7",
1086
- "flex": 1,
1087
- "height": undefined,
1088
- "overflow": "hidden",
1089
- "width": undefined,
1090
- },
1031
+ "rgba(255, 255, 255, 0)",
1032
+ "#DAD8D8",
1033
+ "#DAD8D8",
1034
+ "rgba(255, 255, 255, 0)",
1091
1035
  ]
1092
1036
  }
1093
- >
1094
- <View
1095
- collapsable={false}
1096
- duration={1200}
1097
- style={
1098
- {
1099
- "height": "100%",
1100
- "left": 0,
1101
- "transform": [
1102
- {
1103
- "translateX": -375,
1104
- },
1105
- ],
1106
- "width": "100%",
1107
- }
1037
+ end={
1038
+ {
1039
+ "x": 1,
1040
+ "y": 0,
1108
1041
  }
1109
- >
1110
- <View
1111
- colors={
1112
- [
1113
- "rgba(255, 255, 255, 0)",
1114
- "#DAD8D8",
1115
- "#DAD8D8",
1116
- "rgba(255, 255, 255, 0)",
1117
- ]
1118
- }
1119
- end={
1120
- {
1121
- "x": 1,
1122
- "y": 0,
1123
- }
1124
- }
1125
- locations={
1126
- [
1127
- 0,
1128
- 0.25,
1129
- 0.75,
1130
- 1,
1131
- ]
1132
- }
1133
- start={
1134
- {
1135
- "x": 0,
1136
- "y": 0,
1137
- }
1138
- }
1139
- style={
1140
- {
1141
- "height": "100%",
1142
- "width": "100%",
1143
- }
1144
- }
1145
- />
1146
- </View>
1147
- </View>
1148
- </View>
1149
- <Image
1150
- collapsable={false}
1151
- jestAnimatedStyle={
1152
- {
1153
- "value": {
1154
- "opacity": 0,
1155
- },
1156
1042
  }
1157
- }
1158
- onLoad={[Function]}
1159
- resizeMode="stretch"
1160
- source={
1161
- {
1162
- "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/15/ac/15aca112-4e71-4646-8db5-7f9723bc0130.jpg?w=600&f=auto",
1043
+ locations={
1044
+ [
1045
+ 0,
1046
+ 0.25,
1047
+ 0.75,
1048
+ 1,
1049
+ ]
1163
1050
  }
1164
- }
1165
- style={
1166
- {
1167
- "flex": 1,
1168
- "height": "100%",
1169
- "opacity": 0,
1170
- "position": "absolute",
1171
- "width": "100%",
1172
- "zIndex": 10,
1051
+ start={
1052
+ {
1053
+ "x": 0,
1054
+ "y": 0,
1055
+ }
1173
1056
  }
1174
- }
1175
- testID="lazy-image-main-image"
1176
- />
1057
+ style={
1058
+ {
1059
+ "height": "100%",
1060
+ "width": "100%",
1061
+ }
1062
+ }
1063
+ />
1064
+ </View>
1177
1065
  </View>
1178
1066
  </View>
1067
+ <Image
1068
+ collapsable={false}
1069
+ jestAnimatedStyle={
1070
+ {
1071
+ "value": {
1072
+ "opacity": 0,
1073
+ },
1074
+ }
1075
+ }
1076
+ onLoad={[Function]}
1077
+ resizeMode="stretch"
1078
+ source={
1079
+ {
1080
+ "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/15/ac/15aca112-4e71-4646-8db5-7f9723bc0130.jpg?w=600&f=auto",
1081
+ }
1082
+ }
1083
+ style={
1084
+ {
1085
+ "flex": 1,
1086
+ "height": "100%",
1087
+ "opacity": 0,
1088
+ "position": "absolute",
1089
+ "width": "100%",
1090
+ "zIndex": 10,
1091
+ }
1092
+ }
1093
+ testID="lazy-image-main-image"
1094
+ />
1179
1095
  </View>
1180
1096
  </View>
1181
- </RNGestureHandlerButton>
1097
+ </View>
1182
1098
  </View>
1183
1099
  </View>
1184
1100
  </View>
@@ -1559,170 +1475,149 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
1559
1475
  }
1560
1476
  testID="carousel-item"
1561
1477
  >
1562
- <RNGestureHandlerButton
1563
- collapsable={false}
1564
- delayLongPress={600}
1565
- enabled={true}
1566
- exclusive={true}
1567
- handlerTag={2}
1568
- handlerType="NativeViewGestureHandler"
1569
- onGestureEvent={[Function]}
1570
- onGestureHandlerEvent={[Function]}
1571
- onGestureHandlerStateChange={[Function]}
1572
- onHandlerStateChange={[Function]}
1573
- rippleColor={0}
1574
- touchSoundDisabled={false}
1478
+ <View
1479
+ onLayout={[Function]}
1575
1480
  >
1576
1481
  <View
1577
- accessible={true}
1578
- collapsable={false}
1579
- style={{}}
1482
+ style={
1483
+ [
1484
+ {
1485
+ "height": undefined,
1486
+ "width": undefined,
1487
+ },
1488
+ {
1489
+ "alignSelf": undefined,
1490
+ "marginTop": 0,
1491
+ },
1492
+ ]
1493
+ }
1580
1494
  >
1581
1495
  <View
1582
- onLayout={[Function]}
1496
+ style={
1497
+ [
1498
+ {
1499
+ "position": "relative",
1500
+ },
1501
+ [
1502
+ {
1503
+ "flex": 1,
1504
+ },
1505
+ null,
1506
+ ],
1507
+ ]
1508
+ }
1509
+ testID="product-variant-image"
1583
1510
  >
1584
1511
  <View
1585
1512
  style={
1586
1513
  [
1587
1514
  {
1588
- "height": undefined,
1589
- "width": undefined,
1590
- },
1591
- {
1592
- "alignSelf": undefined,
1593
- "marginTop": 0,
1515
+ "flex": 1,
1594
1516
  },
1595
1517
  ]
1596
1518
  }
1519
+ testID="lazy-image-skeleton"
1597
1520
  >
1598
1521
  <View
1522
+ onLayout={[Function]}
1599
1523
  style={
1600
1524
  [
1601
1525
  {
1602
- "position": "relative",
1526
+ "backgroundColor": "#F8F7F7",
1527
+ "flex": 1,
1528
+ "height": undefined,
1529
+ "overflow": "hidden",
1530
+ "width": undefined,
1603
1531
  },
1604
- [
1605
- {
1606
- "flex": 1,
1607
- },
1608
- null,
1609
- ],
1610
1532
  ]
1611
1533
  }
1612
- testID="product-variant-image"
1613
1534
  >
1614
1535
  <View
1536
+ collapsable={false}
1537
+ duration={1200}
1615
1538
  style={
1616
- [
1617
- {
1618
- "flex": 1,
1619
- },
1620
- ]
1539
+ {
1540
+ "height": "100%",
1541
+ "left": 0,
1542
+ "transform": [
1543
+ {
1544
+ "translateX": -375,
1545
+ },
1546
+ ],
1547
+ "width": "100%",
1548
+ }
1621
1549
  }
1622
- testID="lazy-image-skeleton"
1623
1550
  >
1624
1551
  <View
1625
- onLayout={[Function]}
1626
- style={
1552
+ colors={
1627
1553
  [
1628
- {
1629
- "backgroundColor": "#F8F7F7",
1630
- "flex": 1,
1631
- "height": undefined,
1632
- "overflow": "hidden",
1633
- "width": undefined,
1634
- },
1554
+ "rgba(255, 255, 255, 0)",
1555
+ "#DAD8D8",
1556
+ "#DAD8D8",
1557
+ "rgba(255, 255, 255, 0)",
1635
1558
  ]
1636
1559
  }
1637
- >
1638
- <View
1639
- collapsable={false}
1640
- duration={1200}
1641
- style={
1642
- {
1643
- "height": "100%",
1644
- "left": 0,
1645
- "transform": [
1646
- {
1647
- "translateX": -375,
1648
- },
1649
- ],
1650
- "width": "100%",
1651
- }
1560
+ end={
1561
+ {
1562
+ "x": 1,
1563
+ "y": 0,
1652
1564
  }
1653
- >
1654
- <View
1655
- colors={
1656
- [
1657
- "rgba(255, 255, 255, 0)",
1658
- "#DAD8D8",
1659
- "#DAD8D8",
1660
- "rgba(255, 255, 255, 0)",
1661
- ]
1662
- }
1663
- end={
1664
- {
1665
- "x": 1,
1666
- "y": 0,
1667
- }
1668
- }
1669
- locations={
1670
- [
1671
- 0,
1672
- 0.25,
1673
- 0.75,
1674
- 1,
1675
- ]
1676
- }
1677
- start={
1678
- {
1679
- "x": 0,
1680
- "y": 0,
1681
- }
1682
- }
1683
- style={
1684
- {
1685
- "height": "100%",
1686
- "width": "100%",
1687
- }
1688
- }
1689
- />
1690
- </View>
1691
- </View>
1692
- </View>
1693
- <Image
1694
- collapsable={false}
1695
- jestAnimatedStyle={
1696
- {
1697
- "value": {
1698
- "opacity": 0,
1699
- },
1700
1565
  }
1701
- }
1702
- onLoad={[Function]}
1703
- resizeMode="stretch"
1704
- source={
1705
- {
1706
- "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=600&f=auto",
1566
+ locations={
1567
+ [
1568
+ 0,
1569
+ 0.25,
1570
+ 0.75,
1571
+ 1,
1572
+ ]
1707
1573
  }
1708
- }
1709
- style={
1710
- {
1711
- "flex": 1,
1712
- "height": "100%",
1713
- "opacity": 0,
1714
- "position": "absolute",
1715
- "width": "100%",
1716
- "zIndex": 10,
1574
+ start={
1575
+ {
1576
+ "x": 0,
1577
+ "y": 0,
1578
+ }
1717
1579
  }
1718
- }
1719
- testID="lazy-image-main-image"
1720
- />
1580
+ style={
1581
+ {
1582
+ "height": "100%",
1583
+ "width": "100%",
1584
+ }
1585
+ }
1586
+ />
1587
+ </View>
1721
1588
  </View>
1722
1589
  </View>
1590
+ <Image
1591
+ collapsable={false}
1592
+ jestAnimatedStyle={
1593
+ {
1594
+ "value": {
1595
+ "opacity": 0,
1596
+ },
1597
+ }
1598
+ }
1599
+ onLoad={[Function]}
1600
+ resizeMode="stretch"
1601
+ source={
1602
+ {
1603
+ "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=600&f=auto",
1604
+ }
1605
+ }
1606
+ style={
1607
+ {
1608
+ "flex": 1,
1609
+ "height": "100%",
1610
+ "opacity": 0,
1611
+ "position": "absolute",
1612
+ "width": "100%",
1613
+ "zIndex": 10,
1614
+ }
1615
+ }
1616
+ testID="lazy-image-main-image"
1617
+ />
1723
1618
  </View>
1724
1619
  </View>
1725
- </RNGestureHandlerButton>
1620
+ </View>
1726
1621
  </View>
1727
1622
  <View
1728
1623
  collapsable={false}
@@ -1739,170 +1634,149 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
1739
1634
  }
1740
1635
  testID="carousel-item"
1741
1636
  >
1742
- <RNGestureHandlerButton
1743
- collapsable={false}
1744
- delayLongPress={600}
1745
- enabled={true}
1746
- exclusive={true}
1747
- handlerTag={3}
1748
- handlerType="NativeViewGestureHandler"
1749
- onGestureEvent={[Function]}
1750
- onGestureHandlerEvent={[Function]}
1751
- onGestureHandlerStateChange={[Function]}
1752
- onHandlerStateChange={[Function]}
1753
- rippleColor={0}
1754
- touchSoundDisabled={false}
1637
+ <View
1638
+ onLayout={[Function]}
1755
1639
  >
1756
1640
  <View
1757
- accessible={true}
1758
- collapsable={false}
1759
- style={{}}
1641
+ style={
1642
+ [
1643
+ {
1644
+ "height": undefined,
1645
+ "width": undefined,
1646
+ },
1647
+ {
1648
+ "alignSelf": undefined,
1649
+ "marginTop": 0,
1650
+ },
1651
+ ]
1652
+ }
1760
1653
  >
1761
1654
  <View
1762
- onLayout={[Function]}
1655
+ style={
1656
+ [
1657
+ {
1658
+ "position": "relative",
1659
+ },
1660
+ [
1661
+ {
1662
+ "flex": 1,
1663
+ },
1664
+ null,
1665
+ ],
1666
+ ]
1667
+ }
1668
+ testID="product-variant-image"
1763
1669
  >
1764
1670
  <View
1765
1671
  style={
1766
1672
  [
1767
1673
  {
1768
- "height": undefined,
1769
- "width": undefined,
1770
- },
1771
- {
1772
- "alignSelf": undefined,
1773
- "marginTop": 0,
1674
+ "flex": 1,
1774
1675
  },
1775
1676
  ]
1776
1677
  }
1678
+ testID="lazy-image-skeleton"
1777
1679
  >
1778
1680
  <View
1681
+ onLayout={[Function]}
1779
1682
  style={
1780
1683
  [
1781
1684
  {
1782
- "position": "relative",
1685
+ "backgroundColor": "#F8F7F7",
1686
+ "flex": 1,
1687
+ "height": undefined,
1688
+ "overflow": "hidden",
1689
+ "width": undefined,
1783
1690
  },
1784
- [
1785
- {
1786
- "flex": 1,
1787
- },
1788
- null,
1789
- ],
1790
1691
  ]
1791
1692
  }
1792
- testID="product-variant-image"
1793
1693
  >
1794
1694
  <View
1695
+ collapsable={false}
1696
+ duration={1200}
1795
1697
  style={
1796
- [
1797
- {
1798
- "flex": 1,
1799
- },
1800
- ]
1698
+ {
1699
+ "height": "100%",
1700
+ "left": 0,
1701
+ "transform": [
1702
+ {
1703
+ "translateX": -375,
1704
+ },
1705
+ ],
1706
+ "width": "100%",
1707
+ }
1801
1708
  }
1802
- testID="lazy-image-skeleton"
1803
1709
  >
1804
1710
  <View
1805
- onLayout={[Function]}
1806
- style={
1711
+ colors={
1807
1712
  [
1808
- {
1809
- "backgroundColor": "#F8F7F7",
1810
- "flex": 1,
1811
- "height": undefined,
1812
- "overflow": "hidden",
1813
- "width": undefined,
1814
- },
1713
+ "rgba(255, 255, 255, 0)",
1714
+ "#DAD8D8",
1715
+ "#DAD8D8",
1716
+ "rgba(255, 255, 255, 0)",
1815
1717
  ]
1816
1718
  }
1817
- >
1818
- <View
1819
- collapsable={false}
1820
- duration={1200}
1821
- style={
1822
- {
1823
- "height": "100%",
1824
- "left": 0,
1825
- "transform": [
1826
- {
1827
- "translateX": -375,
1828
- },
1829
- ],
1830
- "width": "100%",
1831
- }
1719
+ end={
1720
+ {
1721
+ "x": 1,
1722
+ "y": 0,
1832
1723
  }
1833
- >
1834
- <View
1835
- colors={
1836
- [
1837
- "rgba(255, 255, 255, 0)",
1838
- "#DAD8D8",
1839
- "#DAD8D8",
1840
- "rgba(255, 255, 255, 0)",
1841
- ]
1842
- }
1843
- end={
1844
- {
1845
- "x": 1,
1846
- "y": 0,
1847
- }
1848
- }
1849
- locations={
1850
- [
1851
- 0,
1852
- 0.25,
1853
- 0.75,
1854
- 1,
1855
- ]
1856
- }
1857
- start={
1858
- {
1859
- "x": 0,
1860
- "y": 0,
1861
- }
1862
- }
1863
- style={
1864
- {
1865
- "height": "100%",
1866
- "width": "100%",
1867
- }
1868
- }
1869
- />
1870
- </View>
1871
- </View>
1872
- </View>
1873
- <Image
1874
- collapsable={false}
1875
- jestAnimatedStyle={
1876
- {
1877
- "value": {
1878
- "opacity": 0,
1879
- },
1880
1724
  }
1881
- }
1882
- onLoad={[Function]}
1883
- resizeMode="stretch"
1884
- source={
1885
- {
1886
- "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/15/ac/15aca112-4e71-4646-8db5-7f9723bc0130.jpg?w=600&f=auto",
1725
+ locations={
1726
+ [
1727
+ 0,
1728
+ 0.25,
1729
+ 0.75,
1730
+ 1,
1731
+ ]
1887
1732
  }
1888
- }
1889
- style={
1890
- {
1891
- "flex": 1,
1892
- "height": "100%",
1893
- "opacity": 0,
1894
- "position": "absolute",
1895
- "width": "100%",
1896
- "zIndex": 10,
1733
+ start={
1734
+ {
1735
+ "x": 0,
1736
+ "y": 0,
1737
+ }
1897
1738
  }
1898
- }
1899
- testID="lazy-image-main-image"
1900
- />
1739
+ style={
1740
+ {
1741
+ "height": "100%",
1742
+ "width": "100%",
1743
+ }
1744
+ }
1745
+ />
1746
+ </View>
1901
1747
  </View>
1902
1748
  </View>
1749
+ <Image
1750
+ collapsable={false}
1751
+ jestAnimatedStyle={
1752
+ {
1753
+ "value": {
1754
+ "opacity": 0,
1755
+ },
1756
+ }
1757
+ }
1758
+ onLoad={[Function]}
1759
+ resizeMode="stretch"
1760
+ source={
1761
+ {
1762
+ "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/15/ac/15aca112-4e71-4646-8db5-7f9723bc0130.jpg?w=600&f=auto",
1763
+ }
1764
+ }
1765
+ style={
1766
+ {
1767
+ "flex": 1,
1768
+ "height": "100%",
1769
+ "opacity": 0,
1770
+ "position": "absolute",
1771
+ "width": "100%",
1772
+ "zIndex": 10,
1773
+ }
1774
+ }
1775
+ testID="lazy-image-main-image"
1776
+ />
1903
1777
  </View>
1904
1778
  </View>
1905
- </RNGestureHandlerButton>
1779
+ </View>
1906
1780
  </View>
1907
1781
  </View>
1908
1782
  </View>