@lookiero/checkout 14.3.1 → 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.
Files changed (28) hide show
  1. package/dist/fake-dependencies/@lookiero/payments-front/index.js +1 -1
  2. package/dist/src/ExpoRoot.js +2 -2
  3. package/dist/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.js +1 -1
  4. package/dist/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.js +3 -4
  5. package/dist/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.style.d.ts +0 -3
  6. package/dist/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.style.js +0 -3
  7. package/dist/src/infrastructure/ui/views/item/components/itemActions/ItemActions.js +4 -5
  8. package/dist/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.js +1 -2
  9. package/dist/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.js +2 -3
  10. package/dist/src/infrastructure/ui/views/summary/components/collapsiblePricing/CollapsiblePricing.js +2 -3
  11. package/dist/src/version.d.ts +2 -2
  12. package/dist/src/version.js +2 -2
  13. package/fake-dependencies/@lookiero/payments-front/index.tsx +1 -1
  14. package/package.json +3 -3
  15. package/src/ExpoRoot.tsx +2 -2
  16. package/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.tsx +1 -1
  17. package/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.style.ts +0 -3
  18. package/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.tsx +3 -4
  19. package/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/__snapshots__/GetOutOfCheckoutModal.test.tsx.snap +102 -144
  20. package/src/infrastructure/ui/views/item/components/itemActions/ItemActions.tsx +8 -9
  21. package/src/infrastructure/ui/views/item/components/itemActions/__snapshots__/ItemActions.test.tsx.snap +102 -233
  22. package/src/infrastructure/ui/views/item/components/productVariantSlider/__snapshots__/ProductVariantSlider.test.tsx.snap +192 -198
  23. package/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.tsx +1 -2
  24. package/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/__snapshots__/SizeWithoutStockModal.test.tsx.snap +30 -69
  25. package/src/infrastructure/ui/views/item/views/productVariant/__snapshots__/ProductVariant.test.tsx.snap +576 -594
  26. package/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.tsx +2 -3
  27. package/src/infrastructure/ui/views/summary/components/collapsiblePricing/CollapsiblePricing.tsx +2 -3
  28. package/src/infrastructure/ui/views/summary/components/collapsiblePricing/__snapshots__/CollapsiblePricing.test.tsx.snap +62 -144
package/src/infrastructure/ui/views/item/components/productVariantSlider/__snapshots__/ProductVariantSlider.test.tsx.snap CHANGED
@@ -97,146 +97,143 @@ exports[`ProductVariantSlider matches the snapshot 1`] = `
97
97
  onLayout={[Function]}
98
98
  >
99
99
  <View
100
- onLayout={[Function]}
100
+ style={
101
+ [
102
+ {
103
+ "aspectRatio": NaN,
104
+ "height": undefined,
105
+ "width": "100%",
106
+ },
107
+ {
108
+ "alignSelf": undefined,
109
+ },
110
+ ]
111
+ }
101
112
  >
102
113
  <View
103
114
  style={
104
115
  [
105
116
  {
106
- "height": undefined,
107
- "width": undefined,
108
- },
109
- {
110
- "alignSelf": undefined,
117
+ "position": "relative",
111
118
  },
119
+ [
120
+ {
121
+ "flex": 1,
122
+ },
123
+ null,
124
+ ],
112
125
  ]
113
126
  }
127
+ testID="product-variant-image"
114
128
  >
115
129
  <View
116
130
  style={
117
131
  [
118
132
  {
119
- "position": "relative",
133
+ "flex": 1,
120
134
  },
121
- [
122
- {
123
- "flex": 1,
124
- },
125
- null,
126
- ],
127
135
  ]
128
136
  }
129
- testID="product-variant-image"
137
+ testID="lazy-image-skeleton"
130
138
  >
131
139
  <View
140
+ onLayout={[Function]}
132
141
  style={
133
142
  [
134
143
  {
144
+ "backgroundColor": "#F8F7F7",
135
145
  "flex": 1,
146
+ "height": undefined,
147
+ "overflow": "hidden",
148
+ "width": undefined,
136
149
  },
137
150
  ]
138
151
  }
139
- testID="lazy-image-skeleton"
140
152
  >
141
153
  <View
142
- onLayout={[Function]}
154
+ collapsable={false}
155
+ duration={1200}
143
156
  style={
144
157
  [
145
158
  {
146
- "backgroundColor": "#F8F7F7",
147
- "flex": 1,
148
- "height": undefined,
149
- "overflow": "hidden",
150
- "width": undefined,
159
+ "height": "100%",
160
+ "width": "100%",
161
+ },
162
+ {
163
+ "left": 0,
164
+ "transform": [
165
+ {
166
+ "translateX": -375,
167
+ },
168
+ ],
151
169
  },
152
170
  ]
153
171
  }
154
172
  >
155
- <View
156
- collapsable={false}
157
- duration={1200}
158
- style={
173
+ <ViewManagerAdapter_ExpoLinearGradient
174
+ colors={
159
175
  [
160
- {
161
- "height": "100%",
162
- "width": "100%",
163
- },
164
- {
165
- "left": 0,
166
- "transform": [
167
- {
168
- "translateX": -375,
169
- },
170
- ],
171
- },
176
+ 16777215,
177
+ 4292532440,
178
+ 4292532440,
179
+ 16777215,
172
180
  ]
173
181
  }
174
- >
175
- <ViewManagerAdapter_ExpoLinearGradient
176
- colors={
177
- [
178
- 16777215,
179
- 4292532440,
180
- 4292532440,
181
- 16777215,
182
- ]
183
- }
184
- endPoint={
185
- [
186
- 1,
187
- 0,
188
- ]
189
- }
190
- locations={
191
- [
192
- 0,
193
- 0.25,
194
- 0.75,
195
- 1,
196
- ]
197
- }
198
- startPoint={
199
- [
200
- 0,
201
- 0,
202
- ]
203
- }
204
- style={
205
- {
206
- "height": "100%",
207
- "width": "100%",
208
- }
182
+ endPoint={
183
+ [
184
+ 1,
185
+ 0,
186
+ ]
187
+ }
188
+ locations={
189
+ [
190
+ 0,
191
+ 0.25,
192
+ 0.75,
193
+ 1,
194
+ ]
195
+ }
196
+ startPoint={
197
+ [
198
+ 0,
199
+ 0,
200
+ ]
201
+ }
202
+ style={
203
+ {
204
+ "height": "100%",
205
+ "width": "100%",
209
206
  }
210
- />
211
- </View>
207
+ }
208
+ />
212
209
  </View>
213
210
  </View>
214
- <Image
215
- onLoad={[Function]}
216
- resizeMode="contain"
217
- source={
218
- {
219
- "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=600&f=auto",
220
- }
221
- }
222
- style={
223
- [
224
- {
225
- "flex": 1,
226
- "height": "100%",
227
- "position": "absolute",
228
- "width": "100%",
229
- "zIndex": 10,
230
- },
231
- undefined,
232
- {
233
- "opacity": 0,
234
- },
235
- ]
236
- }
237
- testID="lazy-image-main-image"
238
- />
239
211
  </View>
212
+ <Image
213
+ onLoad={[Function]}
214
+ resizeMode="contain"
215
+ source={
216
+ {
217
+ "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=600&f=auto",
218
+ }
219
+ }
220
+ style={
221
+ [
222
+ {
223
+ "flex": 1,
224
+ "height": "100%",
225
+ "position": "absolute",
226
+ "width": "100%",
227
+ "zIndex": 10,
228
+ },
229
+ undefined,
230
+ {
231
+ "opacity": 0,
232
+ },
233
+ ]
234
+ }
235
+ testID="lazy-image-main-image"
236
+ />
240
237
  </View>
241
238
  </View>
242
239
  </View>
@@ -258,146 +255,143 @@ exports[`ProductVariantSlider matches the snapshot 1`] = `
258
255
  onLayout={[Function]}
259
256
  >
260
257
  <View
261
- onLayout={[Function]}
258
+ style={
259
+ [
260
+ {
261
+ "aspectRatio": NaN,
262
+ "height": undefined,
263
+ "width": "100%",
264
+ },
265
+ {
266
+ "alignSelf": undefined,
267
+ },
268
+ ]
269
+ }
262
270
  >
263
271
  <View
264
272
  style={
265
273
  [
266
274
  {
267
- "height": undefined,
268
- "width": undefined,
269
- },
270
- {
271
- "alignSelf": undefined,
275
+ "position": "relative",
272
276
  },
277
+ [
278
+ {
279
+ "flex": 1,
280
+ },
281
+ null,
282
+ ],
273
283
  ]
274
284
  }
285
+ testID="product-variant-image"
275
286
  >
276
287
  <View
277
288
  style={
278
289
  [
279
290
  {
280
- "position": "relative",
291
+ "flex": 1,
281
292
  },
282
- [
283
- {
284
- "flex": 1,
285
- },
286
- null,
287
- ],
288
293
  ]
289
294
  }
290
- testID="product-variant-image"
295
+ testID="lazy-image-skeleton"
291
296
  >
292
297
  <View
298
+ onLayout={[Function]}
293
299
  style={
294
300
  [
295
301
  {
302
+ "backgroundColor": "#F8F7F7",
296
303
  "flex": 1,
304
+ "height": undefined,
305
+ "overflow": "hidden",
306
+ "width": undefined,
297
307
  },
298
308
  ]
299
309
  }
300
- testID="lazy-image-skeleton"
301
310
  >
302
311
  <View
303
- onLayout={[Function]}
312
+ collapsable={false}
313
+ duration={1200}
304
314
  style={
305
315
  [
306
316
  {
307
- "backgroundColor": "#F8F7F7",
308
- "flex": 1,
309
- "height": undefined,
310
- "overflow": "hidden",
311
- "width": undefined,
317
+ "height": "100%",
318
+ "width": "100%",
319
+ },
320
+ {
321
+ "left": 0,
322
+ "transform": [
323
+ {
324
+ "translateX": -375,
325
+ },
326
+ ],
312
327
  },
313
328
  ]
314
329
  }
315
330
  >
316
- <View
317
- collapsable={false}
318
- duration={1200}
319
- style={
331
+ <ViewManagerAdapter_ExpoLinearGradient
332
+ colors={
320
333
  [
321
- {
322
- "height": "100%",
323
- "width": "100%",
324
- },
325
- {
326
- "left": 0,
327
- "transform": [
328
- {
329
- "translateX": -375,
330
- },
331
- ],
332
- },
334
+ 16777215,
335
+ 4292532440,
336
+ 4292532440,
337
+ 16777215,
333
338
  ]
334
339
  }
335
- >
336
- <ViewManagerAdapter_ExpoLinearGradient
337
- colors={
338
- [
339
- 16777215,
340
- 4292532440,
341
- 4292532440,
342
- 16777215,
343
- ]
344
- }
345
- endPoint={
346
- [
347
- 1,
348
- 0,
349
- ]
350
- }
351
- locations={
352
- [
353
- 0,
354
- 0.25,
355
- 0.75,
356
- 1,
357
- ]
358
- }
359
- startPoint={
360
- [
361
- 0,
362
- 0,
363
- ]
364
- }
365
- style={
366
- {
367
- "height": "100%",
368
- "width": "100%",
369
- }
340
+ endPoint={
341
+ [
342
+ 1,
343
+ 0,
344
+ ]
345
+ }
346
+ locations={
347
+ [
348
+ 0,
349
+ 0.25,
350
+ 0.75,
351
+ 1,
352
+ ]
353
+ }
354
+ startPoint={
355
+ [
356
+ 0,
357
+ 0,
358
+ ]
359
+ }
360
+ style={
361
+ {
362
+ "height": "100%",
363
+ "width": "100%",
370
364
  }
371
- />
372
- </View>
365
+ }
366
+ />
373
367
  </View>
374
368
  </View>
375
- <Image
376
- onLoad={[Function]}
377
- resizeMode="contain"
378
- source={
379
- {
380
- "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/15/ac/15aca112-4e71-4646-8db5-7f9723bc0130.jpg?w=600&f=auto",
381
- }
382
- }
383
- style={
384
- [
385
- {
386
- "flex": 1,
387
- "height": "100%",
388
- "position": "absolute",
389
- "width": "100%",
390
- "zIndex": 10,
391
- },
392
- undefined,
393
- {
394
- "opacity": 0,
395
- },
396
- ]
397
- }
398
- testID="lazy-image-main-image"
399
- />
400
369
  </View>
370
+ <Image
371
+ onLoad={[Function]}
372
+ resizeMode="contain"
373
+ source={
374
+ {
375
+ "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/15/ac/15aca112-4e71-4646-8db5-7f9723bc0130.jpg?w=600&f=auto",
376
+ }
377
+ }
378
+ style={
379
+ [
380
+ {
381
+ "flex": 1,
382
+ "height": "100%",
383
+ "position": "absolute",
384
+ "width": "100%",
385
+ "zIndex": 10,
386
+ },
387
+ undefined,
388
+ {
389
+ "opacity": 0,
390
+ },
391
+ ]
392
+ }
393
+ testID="lazy-image-main-image"
394
+ />
401
395
  </View>
402
396
  </View>
403
397
  </View>
package/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.tsx CHANGED
@@ -1,8 +1,7 @@
1
1
  import React, { FC, useMemo } from "react";
2
2
  import { View } from "react-native";
3
- import { Button } from "@lookiero/aurora";
4
3
  import { useI18nMessage } from "@lookiero/i18n-react";
5
- import { Modal, Text } from "@lookiero/sty-psp-ui";
4
+ import { Button, Modal, Text } from "@lookiero/sty-psp-ui";
6
5
  import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
7
6
  import { style as sizeWithoutStockModalStyle } from "./SizeWithoutStockModal.style";
8
7
 
package/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/__snapshots__/SizeWithoutStockModal.test.tsx.snap CHANGED
@@ -304,7 +304,6 @@ exports[`SizeWithoutStockModal component matches the snapshot 1`] = `
304
304
  size_without_stock_modal.description
305
305
  </Text>
306
306
  <View
307
- accessibilityRole="button"
308
307
  accessibilityState={
309
308
  {
310
309
  "busy": undefined,
@@ -325,9 +324,7 @@ exports[`SizeWithoutStockModal component matches the snapshot 1`] = `
325
324
  accessible={true}
326
325
  collapsable={false}
327
326
  focusable={true}
328
- onBlur={[Function]}
329
327
  onClick={[Function]}
330
- onFocus={[Function]}
331
328
  onLayout={[Function]}
332
329
  onResponderGrant={[Function]}
333
330
  onResponderMove={[Function]}
@@ -336,37 +333,10 @@ exports[`SizeWithoutStockModal component matches the snapshot 1`] = `
336
333
  onResponderTerminationRequest={[Function]}
337
334
  onStartShouldSetResponder={[Function]}
338
335
  style={
339
- [
340
- [
341
- {
342
- "_container": {
343
- "overflow": "hidden",
344
- },
345
- "_pressed": {
346
- "bottom": 0,
347
- "left": 0,
348
- "right": 0,
349
- "top": 0,
350
- },
351
- "alignSelf": "flex-start",
352
- "container": {
353
- "overflow": "hidden",
354
- },
355
- "height": 64,
356
- "overflow": "hidden",
357
- "pressed": {
358
- "bottom": 0,
359
- "left": 0,
360
- "right": 0,
361
- "top": 0,
362
- },
363
- "width": "100%",
364
- },
365
- ],
366
- {
367
- "opacity": 1,
368
- },
369
- ]
336
+ {
337
+ "height": 64,
338
+ "opacity": 1,
339
+ }
370
340
  }
371
341
  >
372
342
  <ViewManagerAdapter_ExpoLinearGradient
@@ -389,28 +359,19 @@ exports[`SizeWithoutStockModal component matches the snapshot 1`] = `
389
359
  ]
390
360
  }
391
361
  style={
392
- [
393
- {
394
- "alignContent": "center",
395
- "height": 64,
396
- "justifyContent": "center",
397
- "overflow": "hidden",
398
- "paddingLeft": 24,
399
- "paddingRight": 24,
400
- "position": "relative",
401
- },
402
- {},
403
- undefined,
404
- undefined,
405
- false,
406
- {
407
- "borderRadius": 9999,
408
- },
409
- ]
362
+ {
363
+ "alignContent": "center",
364
+ "borderRadius": 9999,
365
+ "height": 64,
366
+ "justifyContent": "center",
367
+ "overflow": "hidden",
368
+ "paddingLeft": 24,
369
+ "paddingRight": 24,
370
+ "position": "relative",
371
+ }
410
372
  }
411
373
  >
412
374
  <View
413
- collapsable={false}
414
375
  pointerEvents="none"
415
376
  style={
416
377
  [
@@ -423,39 +384,39 @@ exports[`SizeWithoutStockModal component matches the snapshot 1`] = `
423
384
  "top": 0,
424
385
  },
425
386
  {
426
- "width": "0%",
387
+ "width": 0,
427
388
  },
428
389
  ]
429
390
  }
430
391
  />
431
392
  <View
432
393
  style={
433
- [
434
- {
435
- "alignItems": "center",
436
- "flexDirection": "row",
437
- "justifyContent": "center",
438
- },
439
- ]
394
+ {
395
+ "alignItems": "center",
396
+ "flexDirection": "row",
397
+ "justifyContent": "center",
398
+ }
440
399
  }
441
400
  >
442
401
  <Text
443
- allowFontScaling={false}
444
- selectable={false}
445
402
  style={
446
403
  [
447
404
  {
448
- "color": "#FFFFFF",
405
+ "color": "#0C0A0A",
449
406
  "fontFamily": "AreaNormal-Extrabold",
450
407
  "fontSize": 15,
408
+ "fontStyle": "normal",
409
+ "fontWeight": "normal",
451
410
  "letterSpacing": -0.2,
452
411
  "lineHeight": 20,
453
- "paddingBottom": 0,
454
- "paddingLeft": 0,
455
- "paddingRight": 0,
456
- "paddingTop": 0,
457
- "textAlign": "center",
458
412
  },
413
+ [
414
+ {
415
+ "color": "#FFFFFF",
416
+ "textAlign": "center",
417
+ },
418
+ undefined,
419
+ ],
459
420
  ]
460
421
  }
461
422
  >