@lookiero/checkout 14.2.1 → 14.2.2-beta.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 (13) hide show
  1. package/dist/src/ExpoRoot.js +1 -1
  2. package/dist/src/infrastructure/ui/components/atoms/price/Price.js +4 -4
  3. package/dist/src/version.d.ts +2 -2
  4. package/dist/src/version.js +2 -2
  5. package/package.json +1 -1
  6. package/src/ExpoRoot.tsx +1 -1
  7. package/src/infrastructure/ui/components/atoms/price/Price.tsx +7 -9
  8. package/src/infrastructure/ui/components/atoms/price/__snapshots__/Price.test.tsx.snap +12 -15
  9. package/src/infrastructure/ui/views/item/components/productVariantDescription/__snapshots__/ProductVariantDescription.test.tsx.snap +8 -10
  10. package/src/infrastructure/ui/views/item/views/productVariant/__snapshots__/ProductVariant.test.tsx.snap +12 -15
  11. package/src/infrastructure/ui/views/shared/components/productVariant/__snapshots__/ProductVariant.test.tsx.snap +8 -10
  12. package/src/infrastructure/ui/views/summary/components/collapsiblePricing/__snapshots__/CollapsiblePricing.test.tsx.snap +8 -10
  13. package/src/infrastructure/ui/views/summaryTabs/components/checkoutItemsTabs/__snapshots__/CheckoutItemsTabs.test.tsx.snap +16 -20
package/dist/src/ExpoRoot.js CHANGED
@@ -20,7 +20,7 @@ const tradename = Tradename.LOOKIERO;
20
20
  const theme = themeByTradename({ tradename });
21
21
  const locale = Locale.es_ES;
22
22
  const customer = {
23
- customerId: "5d7228e5-2220-4437-bdab-e5e6fb28e49d",
23
+ customerId: "5bf90313-d56e-4a55-b422-16084a4466de",
24
24
  country: Country.ES,
25
25
  segment: Segment.WOMEN,
26
26
  email: "email@example.com",
package/dist/src/infrastructure/ui/components/atoms/price/Price.js CHANGED
@@ -5,10 +5,10 @@ import { Text } from "@lookiero/sty-psp-ui";
5
5
  import { DOMAIN } from "../../../i18n/i18n";
6
6
  import { style as priceStyle } from "./Price.style";
7
7
  const PRICE_VARIANT = {
8
- default: { detail: true, level: 1 },
9
- detail: { detail: true, level: 2 },
10
- subtotal: { detail: true, level: 1 },
11
- total: { action: true, level: 2 },
8
+ default: { variant: "detail", level: 1 },
9
+ detail: { variant: "detail", level: 2 },
10
+ subtotal: { variant: "detail", level: 1 },
11
+ total: { variant: "action", level: 2 },
12
12
  };
13
13
  const Price = ({ price, variant = "default", withPercentage = false }) => {
14
14
  const isDiscounted = price.discountedPrice && price.discountedPrice.percentage > 0;
package/dist/src/version.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const VERSION = "14.2.1";
2
- export declare const RELEASE = "checkout@14.2.1";
1
+ export declare const VERSION = "14.2.2-beta.0";
2
+ export declare const RELEASE = "checkout@14.2.2-beta.0";
package/dist/src/version.js CHANGED
@@ -1,2 +1,2 @@
1
- export const VERSION = "14.2.1";
2
- export const RELEASE = "checkout@14.2.1";
1
+ export const VERSION = "14.2.2-beta.0";
2
+ export const RELEASE = "checkout@14.2.2-beta.0";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lookiero/checkout",
3
- "version": "14.2.1",
3
+ "version": "14.2.2-beta.0",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "sideEffects": "false",
package/src/ExpoRoot.tsx CHANGED
@@ -25,7 +25,7 @@ const theme = themeByTradename({ tradename });
25
25
  const locale: Locale = Locale.es_ES;
26
26
 
27
27
  const customer: Customer = {
28
- customerId: "5d7228e5-2220-4437-bdab-e5e6fb28e49d",
28
+ customerId: "5bf90313-d56e-4a55-b422-16084a4466de",
29
29
  country: Country.ES,
30
30
  segment: Segment.WOMEN,
31
31
  email: "email@example.com",
package/src/infrastructure/ui/components/atoms/price/Price.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import React, { FC, useMemo } from "react";
2
2
  import { View } from "react-native";
3
3
  import { useI18nNumber } from "@lookiero/i18n-react";
4
- import { Text } from "@lookiero/sty-psp-ui";
4
+ import { Text, TextLevel, TextVariant } from "@lookiero/sty-psp-ui";
5
5
  import { PriceProjection } from "../../../../../projection/price/price";
6
6
  import { DOMAIN } from "../../../i18n/i18n";
7
7
  import { style as priceStyle } from "./Price.style";
@@ -9,17 +9,15 @@ import { style as priceStyle } from "./Price.style";
9
9
  type PriceVariant = "default" | "detail" | "subtotal" | "total";
10
10
 
11
11
  interface PriceVariantProps {
12
- readonly body?: boolean;
13
- readonly detail?: boolean;
14
- readonly action?: boolean;
15
- readonly level?: 1 | 2 | 3;
12
+ readonly variant?: TextVariant;
13
+ readonly level?: TextLevel;
16
14
  }
17
15
 
18
16
  const PRICE_VARIANT: Partial<Record<PriceVariant, PriceVariantProps>> = {
19
- default: { detail: true, level: 1 },
20
- detail: { detail: true, level: 2 },
21
- subtotal: { detail: true, level: 1 },
22
- total: { action: true, level: 2 },
17
+ default: { variant: "detail", level: 1 },
18
+ detail: { variant: "detail", level: 2 },
19
+ subtotal: { variant: "detail", level: 1 },
20
+ total: { variant: "action", level: 2 },
23
21
  };
24
22
 
25
23
  interface PriceProps {
package/src/infrastructure/ui/components/atoms/price/__snapshots__/Price.test.tsx.snap CHANGED
@@ -38,17 +38,16 @@ exports[`Price atom matches the snapshot for a discounted price: discounted pric
38
38
  testID="price"
39
39
  >
40
40
  <Text
41
- detail={true}
42
41
  style={
43
42
  [
44
43
  {
45
44
  "color": "#0C0A0A",
46
45
  "fontFamily": "AreaNormal-Semibold",
47
- "fontSize": 22,
46
+ "fontSize": 13,
48
47
  "fontStyle": "normal",
49
- "fontWeight": "300",
50
- "letterSpacing": -0.2,
51
- "lineHeight": 26,
48
+ "fontWeight": "normal",
49
+ "letterSpacing": 0.1,
50
+ "lineHeight": 17,
52
51
  },
53
52
  undefined,
54
53
  ]
@@ -66,17 +65,16 @@ exports[`Price atom matches the snapshot for a discounted price: discounted pric
66
65
  }
67
66
  >
68
67
  <Text
69
- detail={true}
70
68
  style={
71
69
  [
72
70
  {
73
71
  "color": "#0C0A0A",
74
72
  "fontFamily": "AreaNormal-Semibold",
75
- "fontSize": 22,
73
+ "fontSize": 13,
76
74
  "fontStyle": "normal",
77
- "fontWeight": "300",
78
- "letterSpacing": -0.2,
79
- "lineHeight": 26,
75
+ "fontWeight": "normal",
76
+ "letterSpacing": 0.1,
77
+ "lineHeight": 17,
80
78
  },
81
79
  {
82
80
  "color": "#837C7C",
@@ -131,17 +129,16 @@ exports[`Price atom matches the snapshot for a non-discounted price: non-discoun
131
129
  testID="price"
132
130
  >
133
131
  <Text
134
- detail={true}
135
132
  style={
136
133
  [
137
134
  {
138
135
  "color": "#0C0A0A",
139
136
  "fontFamily": "AreaNormal-Semibold",
140
- "fontSize": 22,
137
+ "fontSize": 13,
141
138
  "fontStyle": "normal",
142
- "fontWeight": "300",
143
- "letterSpacing": -0.2,
144
- "lineHeight": 26,
139
+ "fontWeight": "normal",
140
+ "letterSpacing": 0.1,
141
+ "lineHeight": 17,
145
142
  },
146
143
  undefined,
147
144
  ]
package/src/infrastructure/ui/views/item/components/productVariantDescription/__snapshots__/ProductVariantDescription.test.tsx.snap CHANGED
@@ -106,17 +106,16 @@ exports[`ProductVariantDescription component matches the snapshot for a non-uniq
106
106
  testID="price"
107
107
  >
108
108
  <Text
109
- detail={true}
110
109
  style={
111
110
  [
112
111
  {
113
112
  "color": "#0C0A0A",
114
113
  "fontFamily": "AreaNormal-Semibold",
115
- "fontSize": 22,
114
+ "fontSize": 13,
116
115
  "fontStyle": "normal",
117
- "fontWeight": "300",
118
- "letterSpacing": -0.2,
119
- "lineHeight": 26,
116
+ "fontWeight": "normal",
117
+ "letterSpacing": 0.1,
118
+ "lineHeight": 17,
120
119
  },
121
120
  undefined,
122
121
  ]
@@ -255,17 +254,16 @@ exports[`ProductVariantDescription component matches the snapshot for an unique
255
254
  testID="price"
256
255
  >
257
256
  <Text
258
- detail={true}
259
257
  style={
260
258
  [
261
259
  {
262
260
  "color": "#0C0A0A",
263
261
  "fontFamily": "AreaNormal-Semibold",
264
- "fontSize": 22,
262
+ "fontSize": 13,
265
263
  "fontStyle": "normal",
266
- "fontWeight": "300",
267
- "letterSpacing": -0.2,
268
- "lineHeight": 26,
264
+ "fontWeight": "normal",
265
+ "letterSpacing": 0.1,
266
+ "lineHeight": 17,
269
267
  },
270
268
  undefined,
271
269
  ]
package/src/infrastructure/ui/views/item/views/productVariant/__snapshots__/ProductVariant.test.tsx.snap CHANGED
@@ -640,17 +640,16 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
640
640
  testID="price"
641
641
  >
642
642
  <Text
643
- detail={true}
644
643
  style={
645
644
  [
646
645
  {
647
646
  "color": "#0C0A0A",
648
647
  "fontFamily": "AreaNormal-Semibold",
649
- "fontSize": 22,
648
+ "fontSize": 13,
650
649
  "fontStyle": "normal",
651
- "fontWeight": "300",
652
- "letterSpacing": -0.2,
653
- "lineHeight": 26,
650
+ "fontWeight": "normal",
651
+ "letterSpacing": 0.1,
652
+ "lineHeight": 17,
654
653
  },
655
654
  undefined,
656
655
  ]
@@ -1325,17 +1324,16 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
1325
1324
  testID="price"
1326
1325
  >
1327
1326
  <Text
1328
- detail={true}
1329
1327
  style={
1330
1328
  [
1331
1329
  {
1332
1330
  "color": "#0C0A0A",
1333
1331
  "fontFamily": "AreaNormal-Semibold",
1334
- "fontSize": 22,
1332
+ "fontSize": 13,
1335
1333
  "fontStyle": "normal",
1336
- "fontWeight": "300",
1337
- "letterSpacing": -0.2,
1338
- "lineHeight": 26,
1334
+ "fontWeight": "normal",
1335
+ "letterSpacing": 0.1,
1336
+ "lineHeight": 17,
1339
1337
  },
1340
1338
  undefined,
1341
1339
  ]
@@ -2010,17 +2008,16 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
2010
2008
  testID="price"
2011
2009
  >
2012
2010
  <Text
2013
- detail={true}
2014
2011
  style={
2015
2012
  [
2016
2013
  {
2017
2014
  "color": "#0C0A0A",
2018
2015
  "fontFamily": "AreaNormal-Semibold",
2019
- "fontSize": 22,
2016
+ "fontSize": 13,
2020
2017
  "fontStyle": "normal",
2021
- "fontWeight": "300",
2022
- "letterSpacing": -0.2,
2023
- "lineHeight": 26,
2018
+ "fontWeight": "normal",
2019
+ "letterSpacing": 0.1,
2020
+ "lineHeight": 17,
2024
2021
  },
2025
2022
  undefined,
2026
2023
  ]
package/src/infrastructure/ui/views/shared/components/productVariant/__snapshots__/ProductVariant.test.tsx.snap CHANGED
@@ -297,17 +297,16 @@ exports[`ProductVariant component matches the snapshot for a non-unique size: no
297
297
  testID="price"
298
298
  >
299
299
  <Text
300
- detail={true}
301
300
  style={
302
301
  [
303
302
  {
304
303
  "color": "#0C0A0A",
305
304
  "fontFamily": "AreaNormal-Semibold",
306
- "fontSize": 18,
305
+ "fontSize": 12,
307
306
  "fontStyle": "normal",
308
- "fontWeight": "300",
309
- "letterSpacing": -0.2,
310
- "lineHeight": 22,
307
+ "fontWeight": "normal",
308
+ "letterSpacing": 0.1,
309
+ "lineHeight": 16,
311
310
  },
312
311
  undefined,
313
312
  ]
@@ -656,17 +655,16 @@ exports[`ProductVariant component matches the snapshot for an unique size: uniqu
656
655
  testID="price"
657
656
  >
658
657
  <Text
659
- detail={true}
660
658
  style={
661
659
  [
662
660
  {
663
661
  "color": "#0C0A0A",
664
662
  "fontFamily": "AreaNormal-Semibold",
665
- "fontSize": 18,
663
+ "fontSize": 12,
666
664
  "fontStyle": "normal",
667
- "fontWeight": "300",
668
- "letterSpacing": -0.2,
669
- "lineHeight": 22,
665
+ "fontWeight": "normal",
666
+ "letterSpacing": 0.1,
667
+ "lineHeight": 16,
670
668
  },
671
669
  undefined,
672
670
  ]
package/src/infrastructure/ui/views/summary/components/collapsiblePricing/__snapshots__/CollapsiblePricing.test.tsx.snap CHANGED
@@ -156,17 +156,16 @@ exports[`Pricing component matches the snapshot for collaped pricing: collapsed
156
156
  testID="price"
157
157
  >
158
158
  <Text
159
- detail={true}
160
159
  style={
161
160
  [
162
161
  {
163
162
  "color": "#0C0A0A",
164
163
  "fontFamily": "AreaNormal-Semibold",
165
- "fontSize": 18,
164
+ "fontSize": 12,
166
165
  "fontStyle": "normal",
167
- "fontWeight": "300",
168
- "letterSpacing": -0.2,
169
- "lineHeight": 22,
166
+ "fontWeight": "normal",
167
+ "letterSpacing": 0.1,
168
+ "lineHeight": 16,
170
169
  },
171
170
  undefined,
172
171
  ]
@@ -510,17 +509,16 @@ exports[`Pricing component matches the snapshot for non-collaped pricing: non-co
510
509
  testID="price"
511
510
  >
512
511
  <Text
513
- detail={true}
514
512
  style={
515
513
  [
516
514
  {
517
515
  "color": "#0C0A0A",
518
516
  "fontFamily": "AreaNormal-Semibold",
519
- "fontSize": 18,
517
+ "fontSize": 12,
520
518
  "fontStyle": "normal",
521
- "fontWeight": "300",
522
- "letterSpacing": -0.2,
523
- "lineHeight": 22,
519
+ "fontWeight": "normal",
520
+ "letterSpacing": 0.1,
521
+ "lineHeight": 16,
524
522
  },
525
523
  undefined,
526
524
  ]
package/src/infrastructure/ui/views/summaryTabs/components/checkoutItemsTabs/__snapshots__/CheckoutItemsTabs.test.tsx.snap CHANGED
@@ -582,17 +582,16 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
582
582
  testID="price"
583
583
  >
584
584
  <Text
585
- detail={true}
586
585
  style={
587
586
  [
588
587
  {
589
588
  "color": "#0C0A0A",
590
589
  "fontFamily": "AreaNormal-Semibold",
591
- "fontSize": 18,
590
+ "fontSize": 12,
592
591
  "fontStyle": "normal",
593
- "fontWeight": "300",
594
- "letterSpacing": -0.2,
595
- "lineHeight": 22,
592
+ "fontWeight": "normal",
593
+ "letterSpacing": 0.1,
594
+ "lineHeight": 16,
596
595
  },
597
596
  undefined,
598
597
  ]
@@ -944,17 +943,16 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
944
943
  testID="price"
945
944
  >
946
945
  <Text
947
- detail={true}
948
946
  style={
949
947
  [
950
948
  {
951
949
  "color": "#0C0A0A",
952
950
  "fontFamily": "AreaNormal-Semibold",
953
- "fontSize": 18,
951
+ "fontSize": 12,
954
952
  "fontStyle": "normal",
955
- "fontWeight": "300",
956
- "letterSpacing": -0.2,
957
- "lineHeight": 22,
953
+ "fontWeight": "normal",
954
+ "letterSpacing": 0.1,
955
+ "lineHeight": 16,
958
956
  },
959
957
  undefined,
960
958
  ]
@@ -1289,17 +1287,16 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
1289
1287
  testID="price"
1290
1288
  >
1291
1289
  <Text
1292
- detail={true}
1293
1290
  style={
1294
1291
  [
1295
1292
  {
1296
1293
  "color": "#0C0A0A",
1297
1294
  "fontFamily": "AreaNormal-Semibold",
1298
- "fontSize": 18,
1295
+ "fontSize": 12,
1299
1296
  "fontStyle": "normal",
1300
- "fontWeight": "300",
1301
- "letterSpacing": -0.2,
1302
- "lineHeight": 22,
1297
+ "fontWeight": "normal",
1298
+ "letterSpacing": 0.1,
1299
+ "lineHeight": 16,
1303
1300
  },
1304
1301
  undefined,
1305
1302
  ]
@@ -1651,17 +1648,16 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
1651
1648
  testID="price"
1652
1649
  >
1653
1650
  <Text
1654
- detail={true}
1655
1651
  style={
1656
1652
  [
1657
1653
  {
1658
1654
  "color": "#0C0A0A",
1659
1655
  "fontFamily": "AreaNormal-Semibold",
1660
- "fontSize": 18,
1656
+ "fontSize": 12,
1661
1657
  "fontStyle": "normal",
1662
- "fontWeight": "300",
1663
- "letterSpacing": -0.2,
1664
- "lineHeight": 22,
1658
+ "fontWeight": "normal",
1659
+ "letterSpacing": 0.1,
1660
+ "lineHeight": 16,
1665
1661
  },
1666
1662
  undefined,
1667
1663
  ]