@lookiero/checkout 14.3.1 → 14.4.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 (26) 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/sizeWithoutStockModal/SizeWithoutStockModal.tsx +1 -2
  23. package/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/__snapshots__/SizeWithoutStockModal.test.tsx.snap +30 -69
  24. package/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.tsx +2 -3
  25. package/src/infrastructure/ui/views/summary/components/collapsiblePricing/CollapsiblePricing.tsx +2 -3
  26. package/src/infrastructure/ui/views/summary/components/collapsiblePricing/__snapshots__/CollapsiblePricing.test.tsx.snap +62 -144
package/src/infrastructure/ui/views/item/components/itemActions/ItemActions.tsx CHANGED
@@ -1,9 +1,8 @@
1
1
  import React, { FC, useCallback, useMemo, useState } from "react";
2
2
  import { LayoutRectangle, View } from "react-native";
3
- import { Button, BUTTON_VARIANT } from "@lookiero/aurora";
4
3
  import { useI18nMessage } from "@lookiero/i18n-react";
5
4
  import { Country } from "@lookiero/sty-psp-locale";
6
- import { Sticky } from "@lookiero/sty-psp-ui";
5
+ import { Button, Sticky } from "@lookiero/sty-psp-ui";
7
6
  import { ProductVariantProjection } from "../../../../../../projection/bookedProductsVariants/bookedProductsVariants";
8
7
  import { size } from "../../../../../../projection/size/size";
9
8
  import { Body } from "../../../../components/layouts/body/Body";
@@ -70,10 +69,10 @@ const ItemActions: FC<ItemActionsProps> = ({
70
69
  <View style={style.actionsRow}>
71
70
  {!currentProductVariant.size.unique && productVariants ? (
72
71
  <Button
73
- style={style.sizeSelector}
72
+ size="small"
73
+ style={{ button: style.sizeSelector }}
74
74
  testID="size-selector"
75
- variant={BUTTON_VARIANT.SECONDARY}
76
- small
75
+ variant="secondary"
77
76
  onPress={handleOnPressSelectField}
78
77
  >
79
78
  {changeSizeButtonText}
@@ -81,17 +80,17 @@ const ItemActions: FC<ItemActionsProps> = ({
81
80
  ) : null}
82
81
 
83
82
  <Button
84
- style={style.returnButton}
83
+ size="small"
84
+ style={{ button: style.returnButton }}
85
85
  testID="return-button"
86
- variant={BUTTON_VARIANT.SECONDARY}
87
- small
86
+ variant="secondary"
88
87
  onPress={onReturn}
89
88
  >
90
89
  {returnButtonText}
91
90
  </Button>
92
91
  </View>
93
92
 
94
- <Button testID="keep-button" small onPress={onKeep}>
93
+ <Button size="small" testID="keep-button" onPress={onKeep}>
95
94
  {keepButtonText}
96
95
  </Button>
97
96
  </Body>
package/src/infrastructure/ui/views/item/components/itemActions/__snapshots__/ItemActions.test.tsx.snap CHANGED
@@ -105,7 +105,6 @@ exports[`ItemActions component matches the snapshot 1`] = `
105
105
  }
106
106
  >
107
107
  <View
108
- accessibilityRole="button"
109
108
  accessibilityState={
110
109
  {
111
110
  "busy": undefined,
@@ -126,9 +125,7 @@ exports[`ItemActions component matches the snapshot 1`] = `
126
125
  accessible={true}
127
126
  collapsable={false}
128
127
  focusable={true}
129
- onBlur={[Function]}
130
128
  onClick={[Function]}
131
- onFocus={[Function]}
132
129
  onLayout={[Function]}
133
130
  onResponderGrant={[Function]}
134
131
  onResponderMove={[Function]}
@@ -137,39 +134,12 @@ exports[`ItemActions component matches the snapshot 1`] = `
137
134
  onResponderTerminationRequest={[Function]}
138
135
  onStartShouldSetResponder={[Function]}
139
136
  style={
140
- [
141
- [
142
- {
143
- "_container": {
144
- "overflow": "hidden",
145
- },
146
- "_pressed": {
147
- "bottom": 0,
148
- "left": 0,
149
- "right": 0,
150
- "top": 0,
151
- },
152
- "alignSelf": "flex-start",
153
- "container": {
154
- "overflow": "hidden",
155
- },
156
- "flex": 1,
157
- "height": 48,
158
- "marginRight": 8,
159
- "overflow": "hidden",
160
- "pressed": {
161
- "bottom": 0,
162
- "left": 0,
163
- "right": 0,
164
- "top": 0,
165
- },
166
- "width": "100%",
167
- },
168
- ],
169
- {
170
- "opacity": 1,
171
- },
172
- ]
137
+ {
138
+ "flex": 1,
139
+ "height": 48,
140
+ "marginRight": 8,
141
+ "opacity": 1,
142
+ }
173
143
  }
174
144
  testID="size-selector"
175
145
  >
@@ -193,82 +163,67 @@ exports[`ItemActions component matches the snapshot 1`] = `
193
163
  ]
194
164
  }
195
165
  style={
196
- [
197
- {
198
- "alignContent": "center",
199
- "height": 64,
200
- "justifyContent": "center",
201
- "overflow": "hidden",
202
- "paddingLeft": 24,
203
- "paddingRight": 24,
204
- "position": "relative",
205
- },
206
- {
207
- "borderColor": "#0C0A0A",
208
- "borderStyle": "solid",
209
- "borderWidth": 2,
210
- "height": 64,
211
- "paddingLeft": 24,
212
- "paddingRight": 24,
213
- },
214
- undefined,
215
- {
216
- "height": 48,
217
- },
218
- false,
219
- {
220
- "borderRadius": 9999,
221
- },
222
- ]
166
+ {
167
+ "alignContent": "center",
168
+ "borderColor": "#0C0A0A",
169
+ "borderRadius": 9999,
170
+ "borderStyle": "solid",
171
+ "borderWidth": 2,
172
+ "height": 48,
173
+ "justifyContent": "center",
174
+ "overflow": "hidden",
175
+ "paddingLeft": 24,
176
+ "paddingRight": 24,
177
+ "position": "relative",
178
+ }
223
179
  }
224
180
  >
225
181
  <View
226
- collapsable={false}
227
182
  pointerEvents="none"
228
183
  style={
229
184
  [
230
185
  {
231
186
  "backgroundColor": "#B7B3B3",
232
- "height": 48,
187
+ "height": "300%",
233
188
  "left": 0,
234
189
  "opacity": 0.7,
235
190
  "position": "absolute",
236
191
  "top": 0,
237
192
  },
238
193
  {
239
- "width": "0%",
194
+ "width": 0,
240
195
  },
241
196
  ]
242
197
  }
243
198
  />
244
199
  <View
245
200
  style={
246
- [
247
- {
248
- "alignItems": "center",
249
- "flexDirection": "row",
250
- "justifyContent": "center",
251
- },
252
- ]
201
+ {
202
+ "alignItems": "center",
203
+ "flexDirection": "row",
204
+ "justifyContent": "center",
205
+ }
253
206
  }
254
207
  >
255
208
  <Text
256
- allowFontScaling={false}
257
- selectable={false}
258
209
  style={
259
210
  [
260
211
  {
261
- "color": "#0C0C0A",
212
+ "color": "#0C0A0A",
262
213
  "fontFamily": "AreaNormal-Extrabold",
263
214
  "fontSize": 15,
215
+ "fontStyle": "normal",
216
+ "fontWeight": "normal",
264
217
  "letterSpacing": -0.2,
265
218
  "lineHeight": 20,
266
- "paddingBottom": 0,
267
- "paddingLeft": 0,
268
- "paddingRight": 0,
269
- "paddingTop": 0,
270
- "textAlign": "center",
271
219
  },
220
+ [
221
+ {
222
+ "color": "#0C0C0A",
223
+ "textAlign": "center",
224
+ },
225
+ undefined,
226
+ ],
272
227
  ]
273
228
  }
274
229
  >
@@ -278,7 +233,6 @@ exports[`ItemActions component matches the snapshot 1`] = `
278
233
  </ViewManagerAdapter_ExpoLinearGradient>
279
234
  </View>
280
235
  <View
281
- accessibilityRole="button"
282
236
  accessibilityState={
283
237
  {
284
238
  "busy": undefined,
@@ -299,9 +253,7 @@ exports[`ItemActions component matches the snapshot 1`] = `
299
253
  accessible={true}
300
254
  collapsable={false}
301
255
  focusable={true}
302
- onBlur={[Function]}
303
256
  onClick={[Function]}
304
- onFocus={[Function]}
305
257
  onLayout={[Function]}
306
258
  onResponderGrant={[Function]}
307
259
  onResponderMove={[Function]}
@@ -310,38 +262,11 @@ exports[`ItemActions component matches the snapshot 1`] = `
310
262
  onResponderTerminationRequest={[Function]}
311
263
  onStartShouldSetResponder={[Function]}
312
264
  style={
313
- [
314
- [
315
- {
316
- "_container": {
317
- "overflow": "hidden",
318
- },
319
- "_pressed": {
320
- "bottom": 0,
321
- "left": 0,
322
- "right": 0,
323
- "top": 0,
324
- },
325
- "alignSelf": "flex-start",
326
- "container": {
327
- "overflow": "hidden",
328
- },
329
- "flex": 1,
330
- "height": 48,
331
- "overflow": "hidden",
332
- "pressed": {
333
- "bottom": 0,
334
- "left": 0,
335
- "right": 0,
336
- "top": 0,
337
- },
338
- "width": "100%",
339
- },
340
- ],
341
- {
342
- "opacity": 1,
343
- },
344
- ]
265
+ {
266
+ "flex": 1,
267
+ "height": 48,
268
+ "opacity": 1,
269
+ }
345
270
  }
346
271
  testID="return-button"
347
272
  >
@@ -365,82 +290,67 @@ exports[`ItemActions component matches the snapshot 1`] = `
365
290
  ]
366
291
  }
367
292
  style={
368
- [
369
- {
370
- "alignContent": "center",
371
- "height": 64,
372
- "justifyContent": "center",
373
- "overflow": "hidden",
374
- "paddingLeft": 24,
375
- "paddingRight": 24,
376
- "position": "relative",
377
- },
378
- {
379
- "borderColor": "#0C0A0A",
380
- "borderStyle": "solid",
381
- "borderWidth": 2,
382
- "height": 64,
383
- "paddingLeft": 24,
384
- "paddingRight": 24,
385
- },
386
- undefined,
387
- {
388
- "height": 48,
389
- },
390
- false,
391
- {
392
- "borderRadius": 9999,
393
- },
394
- ]
293
+ {
294
+ "alignContent": "center",
295
+ "borderColor": "#0C0A0A",
296
+ "borderRadius": 9999,
297
+ "borderStyle": "solid",
298
+ "borderWidth": 2,
299
+ "height": 48,
300
+ "justifyContent": "center",
301
+ "overflow": "hidden",
302
+ "paddingLeft": 24,
303
+ "paddingRight": 24,
304
+ "position": "relative",
305
+ }
395
306
  }
396
307
  >
397
308
  <View
398
- collapsable={false}
399
309
  pointerEvents="none"
400
310
  style={
401
311
  [
402
312
  {
403
313
  "backgroundColor": "#B7B3B3",
404
- "height": 48,
314
+ "height": "300%",
405
315
  "left": 0,
406
316
  "opacity": 0.7,
407
317
  "position": "absolute",
408
318
  "top": 0,
409
319
  },
410
320
  {
411
- "width": "0%",
321
+ "width": 0,
412
322
  },
413
323
  ]
414
324
  }
415
325
  />
416
326
  <View
417
327
  style={
418
- [
419
- {
420
- "alignItems": "center",
421
- "flexDirection": "row",
422
- "justifyContent": "center",
423
- },
424
- ]
328
+ {
329
+ "alignItems": "center",
330
+ "flexDirection": "row",
331
+ "justifyContent": "center",
332
+ }
425
333
  }
426
334
  >
427
335
  <Text
428
- allowFontScaling={false}
429
- selectable={false}
430
336
  style={
431
337
  [
432
338
  {
433
- "color": "#0C0C0A",
339
+ "color": "#0C0A0A",
434
340
  "fontFamily": "AreaNormal-Extrabold",
435
341
  "fontSize": 15,
342
+ "fontStyle": "normal",
343
+ "fontWeight": "normal",
436
344
  "letterSpacing": -0.2,
437
345
  "lineHeight": 20,
438
- "paddingBottom": 0,
439
- "paddingLeft": 0,
440
- "paddingRight": 0,
441
- "paddingTop": 0,
442
- "textAlign": "center",
443
346
  },
347
+ [
348
+ {
349
+ "color": "#0C0C0A",
350
+ "textAlign": "center",
351
+ },
352
+ undefined,
353
+ ],
444
354
  ]
445
355
  }
446
356
  >
@@ -451,7 +361,6 @@ exports[`ItemActions component matches the snapshot 1`] = `
451
361
  </View>
452
362
  </View>
453
363
  <View
454
- accessibilityRole="button"
455
364
  accessibilityState={
456
365
  {
457
366
  "busy": undefined,
@@ -472,9 +381,7 @@ exports[`ItemActions component matches the snapshot 1`] = `
472
381
  accessible={true}
473
382
  collapsable={false}
474
383
  focusable={true}
475
- onBlur={[Function]}
476
384
  onClick={[Function]}
477
- onFocus={[Function]}
478
385
  onLayout={[Function]}
479
386
  onResponderGrant={[Function]}
480
387
  onResponderMove={[Function]}
@@ -483,37 +390,10 @@ exports[`ItemActions component matches the snapshot 1`] = `
483
390
  onResponderTerminationRequest={[Function]}
484
391
  onStartShouldSetResponder={[Function]}
485
392
  style={
486
- [
487
- [
488
- {
489
- "_container": {
490
- "overflow": "hidden",
491
- },
492
- "_pressed": {
493
- "bottom": 0,
494
- "left": 0,
495
- "right": 0,
496
- "top": 0,
497
- },
498
- "alignSelf": "flex-start",
499
- "container": {
500
- "overflow": "hidden",
501
- },
502
- "height": 48,
503
- "overflow": "hidden",
504
- "pressed": {
505
- "bottom": 0,
506
- "left": 0,
507
- "right": 0,
508
- "top": 0,
509
- },
510
- "width": "100%",
511
- },
512
- ],
513
- {
514
- "opacity": 1,
515
- },
516
- ]
393
+ {
394
+ "height": 48,
395
+ "opacity": 1,
396
+ }
517
397
  }
518
398
  testID="keep-button"
519
399
  >
@@ -537,75 +417,64 @@ exports[`ItemActions component matches the snapshot 1`] = `
537
417
  ]
538
418
  }
539
419
  style={
540
- [
541
- {
542
- "alignContent": "center",
543
- "height": 64,
544
- "justifyContent": "center",
545
- "overflow": "hidden",
546
- "paddingLeft": 24,
547
- "paddingRight": 24,
548
- "position": "relative",
549
- },
550
- {},
551
- undefined,
552
- {
553
- "height": 48,
554
- },
555
- false,
556
- {
557
- "borderRadius": 9999,
558
- },
559
- ]
420
+ {
421
+ "alignContent": "center",
422
+ "borderRadius": 9999,
423
+ "height": 48,
424
+ "justifyContent": "center",
425
+ "overflow": "hidden",
426
+ "paddingLeft": 24,
427
+ "paddingRight": 24,
428
+ "position": "relative",
429
+ }
560
430
  }
561
431
  >
562
432
  <View
563
- collapsable={false}
564
433
  pointerEvents="none"
565
434
  style={
566
435
  [
567
436
  {
568
437
  "backgroundColor": "#716A6B",
569
- "height": 48,
438
+ "height": "300%",
570
439
  "left": 0,
571
440
  "opacity": 0.7,
572
441
  "position": "absolute",
573
442
  "top": 0,
574
443
  },
575
444
  {
576
- "width": "0%",
445
+ "width": 0,
577
446
  },
578
447
  ]
579
448
  }
580
449
  />
581
450
  <View
582
451
  style={
583
- [
584
- {
585
- "alignItems": "center",
586
- "flexDirection": "row",
587
- "justifyContent": "center",
588
- },
589
- ]
452
+ {
453
+ "alignItems": "center",
454
+ "flexDirection": "row",
455
+ "justifyContent": "center",
456
+ }
590
457
  }
591
458
  >
592
459
  <Text
593
- allowFontScaling={false}
594
- selectable={false}
595
460
  style={
596
461
  [
597
462
  {
598
- "color": "#FFFFFF",
463
+ "color": "#0C0A0A",
599
464
  "fontFamily": "AreaNormal-Extrabold",
600
465
  "fontSize": 15,
466
+ "fontStyle": "normal",
467
+ "fontWeight": "normal",
601
468
  "letterSpacing": -0.2,
602
469
  "lineHeight": 20,
603
- "paddingBottom": 0,
604
- "paddingLeft": 0,
605
- "paddingRight": 0,
606
- "paddingTop": 0,
607
- "textAlign": "center",
608
470
  },
471
+ [
472
+ {
473
+ "color": "#FFFFFF",
474
+ "textAlign": "center",
475
+ },
476
+ undefined,
477
+ ],
609
478
  ]
610
479
  }
611
480
  >
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