@lookiero/checkout 6.5.0-beta.4 → 6.5.0-beta.5

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 (20) hide show
  1. package/dist/src/infrastructure/ui/views/checkout/Checkout.js +1 -0
  2. package/dist/src/infrastructure/ui/views/checkout/Checkout.style.d.ts +3 -0
  3. package/dist/src/infrastructure/ui/views/checkout/Checkout.style.js +4 -0
  4. package/dist/src/version.d.ts +1 -1
  5. package/dist/src/version.js +1 -1
  6. package/package.json +3 -3
  7. package/src/infrastructure/ui/components/templates/header/__snapshots__/Header.test.tsx.snap +1 -0
  8. package/src/infrastructure/ui/components/templates/header/checkoutHeader/__snapshots__/CheckoutHeader.test.tsx.snap +132 -141
  9. package/src/infrastructure/ui/components/templates/header/itemDetailHeader/__snapshots__/ItemDetailHeader.test.tsx.snap +4 -1
  10. package/src/infrastructure/ui/components/templates/header/itemHeader/__snapshots__/ItemHeader.test.tsx.snap +3 -2
  11. package/src/infrastructure/ui/views/checkout/Checkout.style.ts +4 -0
  12. package/src/infrastructure/ui/views/checkout/Checkout.test.tsx +1 -1
  13. package/src/infrastructure/ui/views/checkout/Checkout.tsx +1 -0
  14. package/src/infrastructure/ui/views/feedback/Feedback.test.tsx +1 -1
  15. package/src/infrastructure/ui/views/item/Item.test.tsx +1 -1
  16. package/src/infrastructure/ui/views/shared/components/productVariant/__snapshots__/ProductVariant.test.tsx.snap +2 -2
  17. package/src/infrastructure/ui/views/summary/Summary.test.tsx +1 -1
  18. package/src/infrastructure/ui/views/summary/components/collapsiblePricing/CollapsiblePricing.test.tsx +2 -2
  19. package/src/infrastructure/ui/views/summaryTabs/components/checkoutItemsTabs/__snapshots__/CheckoutItemsTabs.test.tsx.snap +19 -13
  20. /package/src/infrastructure/ui/views/summary/components/collapsiblePricing/__snapshots__/{Pricing.test.tsx.snap → CollapsiblePricing.test.tsx.snap} +0 -0
@@ -69,6 +69,7 @@ const Checkout = ({ children, layout: LocalLayout, useRedirect }) => {
69
69
  return React.createElement(Spinner, null);
70
70
  }
71
71
  return (React.createElement(LocalLayout, { header: React.createElement(CheckoutHeader, { onBack: handleOnBack }), scrollEnabled: false, style: {
72
+ header: style.header,
72
73
  scrollView: style.scrollView,
73
74
  } },
74
75
  React.createElement(ScrollView, { showsVerticalScrollIndicator: false },
@@ -18,6 +18,9 @@ declare const style: {
18
18
  desktopResume: {
19
19
  borderRadius: number;
20
20
  };
21
+ header: {
22
+ height: number;
23
+ };
21
24
  paymentSelector: {
22
25
  marginTop: number;
23
26
  };
@@ -1,5 +1,6 @@
1
1
  import { StyleSheet, Platform } from "react-native";
2
2
  import { theme } from "@lookiero/sty-psp-ui";
3
+ import { HEADER_HEIGHT } from "../../components/templates/header/Header.style";
3
4
  const { borderRadius4, colorBgPrimaryLight, colorBgBase, space3, space4, space6, space12, space16 } = theme();
4
5
  const style = StyleSheet.create({
5
6
  contentWrapper: {
@@ -21,6 +22,9 @@ const style = StyleSheet.create({
21
22
  desktopResume: {
22
23
  borderRadius: borderRadius4,
23
24
  },
25
+ header: {
26
+ height: HEADER_HEIGHT,
27
+ },
24
28
  paymentSelector: {
25
29
  marginTop: space6,
26
30
  },
@@ -1 +1 @@
1
- export declare const VERSION = "6.5.0-beta.4";
1
+ export declare const VERSION = "6.5.0-beta.5";
@@ -1 +1 @@
1
- export const VERSION = "6.5.0-beta.4";
1
+ export const VERSION = "6.5.0-beta.5";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lookiero/checkout",
3
- "version": "6.5.0-beta.4",
3
+ "version": "6.5.0-beta.5",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "sideEffects": "false",
@@ -21,12 +21,12 @@
21
21
  "@lookiero/sty-psp-i18n": "^0.1.7",
22
22
  "@lookiero/sty-psp-locale": "^0.2.1",
23
23
  "@lookiero/sty-psp-logging": "^0.2.2",
24
- "@lookiero/sty-psp-notifications": "^0.5.8",
24
+ "@lookiero/sty-psp-notifications": "^0.5.8-beta.0",
25
25
  "@lookiero/sty-psp-react-native": "^0.2.0",
26
26
  "@lookiero/sty-psp-segment": "^0.1.1",
27
27
  "@lookiero/sty-psp-storage": "^0.1.3",
28
28
  "@lookiero/sty-psp-tracking": "^0.1.6",
29
- "@lookiero/sty-psp-ui": "^0.5.5",
29
+ "@lookiero/sty-psp-ui": "^0.5.5-beta.0",
30
30
  "@lookiero/sty-psp-ui-settings": "^0.1.1",
31
31
  "@lookiero/sty-psp-units": "^0.1.1",
32
32
  "@lookiero/sty-psp-uuid": "^0.1.0",
@@ -38,6 +38,7 @@ exports[`Header template matches the snapshot 1`] = `
38
38
  "flexDirection": "row",
39
39
  "flexGrow": 0,
40
40
  "flexWrap": "nowrap",
41
+ "height": 48,
41
42
  "justifyContent": "space-between",
42
43
  "overflow": "visible",
43
44
  "paddingHorizontal": 8,
@@ -33,181 +33,172 @@ exports[`CheckoutHeader template matches the snapshot 1`] = `
33
33
  style={
34
34
  [
35
35
  {
36
+ "alignItems": "center",
37
+ "backgroundColor": "#FFFFFF",
38
+ "flexDirection": "row",
39
+ "flexGrow": 0,
40
+ "flexWrap": "nowrap",
41
+ "height": 48,
42
+ "justifyContent": "space-between",
43
+ "overflow": "visible",
44
+ "paddingHorizontal": 8,
36
45
  "width": "100%",
37
46
  },
47
+ undefined,
38
48
  ]
39
49
  }
50
+ testID="checkout-header"
40
51
  >
41
52
  <View
53
+ accessibilityRole="button"
54
+ accessibilityState={
55
+ {
56
+ "busy": undefined,
57
+ "checked": undefined,
58
+ "disabled": undefined,
59
+ "expanded": undefined,
60
+ "selected": undefined,
61
+ }
62
+ }
63
+ accessibilityValue={
64
+ {
65
+ "max": undefined,
66
+ "min": undefined,
67
+ "now": undefined,
68
+ "text": undefined,
69
+ }
70
+ }
71
+ accessible={true}
72
+ collapsable={false}
73
+ focusable={true}
74
+ onBlur={[Function]}
75
+ onClick={[Function]}
76
+ onFocus={[Function]}
77
+ onResponderGrant={[Function]}
78
+ onResponderMove={[Function]}
79
+ onResponderRelease={[Function]}
80
+ onResponderTerminate={[Function]}
81
+ onResponderTerminationRequest={[Function]}
82
+ onStartShouldSetResponder={[Function]}
42
83
  style={
43
84
  [
85
+ [
86
+ {
87
+ "_container": {
88
+ "overflow": "hidden",
89
+ },
90
+ "_pressed": {
91
+ "bottom": 0,
92
+ "left": 0,
93
+ "right": 0,
94
+ "top": 0,
95
+ },
96
+ "alignSelf": "auto",
97
+ "container": {
98
+ "overflow": "hidden",
99
+ },
100
+ "height": 40,
101
+ "overflow": "visible",
102
+ "padding": 8,
103
+ "pressed": {
104
+ "bottom": 0,
105
+ "left": 0,
106
+ "right": 0,
107
+ "top": 0,
108
+ },
109
+ "width": 40,
110
+ },
111
+ ],
44
112
  {
45
- "alignItems": "center",
46
- "backgroundColor": "#FFFFFF",
47
- "flexDirection": "row",
48
- "flexGrow": 0,
49
- "flexWrap": "nowrap",
50
- "justifyContent": "space-between",
51
- "overflow": "visible",
52
- "paddingHorizontal": 8,
53
- "width": "100%",
113
+ "opacity": 1,
54
114
  },
55
- undefined,
56
115
  ]
57
116
  }
58
- testID="checkout-header"
117
+ testID="arrow-left-button-icon"
59
118
  >
60
119
  <View
61
- accessibilityRole="button"
62
- accessibilityState={
63
- {
64
- "busy": undefined,
65
- "checked": undefined,
66
- "disabled": undefined,
67
- "expanded": undefined,
68
- "selected": undefined,
69
- }
70
- }
71
- accessibilityValue={
72
- {
73
- "max": undefined,
74
- "min": undefined,
75
- "now": undefined,
76
- "text": undefined,
77
- }
78
- }
79
- accessible={true}
80
- collapsable={false}
81
- focusable={true}
82
- onBlur={[Function]}
83
- onClick={[Function]}
84
- onFocus={[Function]}
85
- onResponderGrant={[Function]}
86
- onResponderMove={[Function]}
87
- onResponderRelease={[Function]}
88
- onResponderTerminate={[Function]}
89
- onResponderTerminationRequest={[Function]}
90
- onStartShouldSetResponder={[Function]}
91
120
  style={
92
121
  [
93
- [
94
- {
95
- "_container": {
96
- "overflow": "hidden",
97
- },
98
- "_pressed": {
99
- "bottom": 0,
100
- "left": 0,
101
- "right": 0,
102
- "top": 0,
103
- },
104
- "alignSelf": "flex-start",
105
- "container": {
106
- "overflow": "hidden",
107
- },
108
- "height": 40,
109
- "overflow": "visible",
110
- "padding": 8,
111
- "pressed": {
112
- "bottom": 0,
113
- "left": 0,
114
- "right": 0,
115
- "top": 0,
116
- },
117
- "width": 40,
118
- },
119
- ],
120
122
  {
121
- "opacity": 1,
123
+ "position": "relative",
122
124
  },
123
125
  ]
124
126
  }
125
- testID="arrow-left-button-icon"
126
127
  >
127
- <View
128
+ <Text
129
+ accessibilityElementsHidden={true}
130
+ allowFontScaling={false}
131
+ importantForAccessibility="no"
132
+ selectable={false}
128
133
  style={
129
134
  [
130
135
  {
131
- "position": "relative",
136
+ "color": "#0C0A0A",
137
+ "fontFamily": "auroraicons",
138
+ "fontSize": 24,
139
+ "fontStyle": "normal",
140
+ "fontWeight": "normal",
141
+ "height": 24,
142
+ "width": 24,
132
143
  },
133
144
  ]
134
145
  }
135
146
  >
136
- <Text
137
- accessibilityElementsHidden={true}
138
- allowFontScaling={false}
139
- importantForAccessibility="no"
140
- selectable={false}
141
- style={
142
- [
147
+
148
+ </Text>
149
+ <View
150
+ collapsable={false}
151
+ style={
152
+ {
153
+ "backgroundColor": "#F45545",
154
+ "borderColor": "#FFFFFF",
155
+ "borderRadius": 9999,
156
+ "borderWidth": 2,
157
+ "height": 10,
158
+ "position": "absolute",
159
+ "right": 0,
160
+ "top": 0,
161
+ "transform": [
143
162
  {
144
- "color": "#0C0A0A",
145
- "fontFamily": "auroraicons",
146
- "fontSize": 24,
147
- "fontStyle": "normal",
148
- "fontWeight": "normal",
149
- "height": 24,
150
- "width": 24,
163
+ "scale": 0,
151
164
  },
152
- ]
153
- }
154
- >
155
-
156
- </Text>
157
- <View
158
- collapsable={false}
159
- style={
160
- {
161
- "backgroundColor": "#F45545",
162
- "borderColor": "#FFFFFF",
163
- "borderRadius": 9999,
164
- "borderWidth": 2,
165
- "height": 10,
166
- "position": "absolute",
167
- "right": 0,
168
- "top": 0,
169
- "transform": [
170
- {
171
- "scale": 0,
172
- },
173
- ],
174
- "width": 10,
175
- }
165
+ ],
166
+ "width": 10,
176
167
  }
177
- />
178
- </View>
168
+ }
169
+ />
179
170
  </View>
180
- <Text
181
- allowFontScaling={false}
182
- selectable={false}
183
- style={
184
- [
185
- {
186
- "color": "#0C0A0A",
187
- "fontFamily": "AreaNormal-Extrabold",
188
- "fontSize": 15,
189
- "letterSpacing": -0.2,
190
- "lineHeight": 20,
191
- "paddingBottom": 0,
192
- "paddingLeft": 0,
193
- "paddingRight": 0,
194
- "paddingTop": 2,
195
- },
196
- ]
197
- }
198
- >
199
- header.complete_checkout_title
200
- </Text>
201
- <View
202
- style={
171
+ </View>
172
+ <Text
173
+ allowFontScaling={false}
174
+ selectable={false}
175
+ style={
176
+ [
203
177
  {
204
- "flexGrow": 0,
205
- "height": 40,
206
- "width": 40,
207
- }
178
+ "color": "#0C0A0A",
179
+ "fontFamily": "AreaNormal-Extrabold",
180
+ "fontSize": 15,
181
+ "letterSpacing": -0.2,
182
+ "lineHeight": 20,
183
+ "paddingBottom": 0,
184
+ "paddingLeft": 0,
185
+ "paddingRight": 0,
186
+ "paddingTop": 2,
187
+ },
188
+ ]
189
+ }
190
+ >
191
+ header.complete_checkout_title
192
+ </Text>
193
+ <View
194
+ style={
195
+ {
196
+ "flexGrow": 0,
197
+ "height": 40,
198
+ "width": 40,
208
199
  }
209
- />
210
- </View>
200
+ }
201
+ />
211
202
  </View>
212
203
  </View>
213
204
  `;
@@ -38,6 +38,7 @@ exports[`ItemDetailHeader template matches the snapshot 1`] = `
38
38
  "flexDirection": "row",
39
39
  "flexGrow": 0,
40
40
  "flexWrap": "nowrap",
41
+ "height": 48,
41
42
  "justifyContent": "space-between",
42
43
  "overflow": "visible",
43
44
  "paddingHorizontal": 8,
@@ -122,10 +123,11 @@ exports[`ItemDetailHeader template matches the snapshot 1`] = `
122
123
  "right": 0,
123
124
  "top": 0,
124
125
  },
125
- "alignSelf": "flex-start",
126
+ "alignSelf": "auto",
126
127
  "container": {
127
128
  "overflow": "hidden",
128
129
  },
130
+ "height": 40,
129
131
  "overflow": "visible",
130
132
  "padding": 8,
131
133
  "pressed": {
@@ -134,6 +136,7 @@ exports[`ItemDetailHeader template matches the snapshot 1`] = `
134
136
  "right": 0,
135
137
  "top": 0,
136
138
  },
139
+ "width": 40,
137
140
  },
138
141
  ],
139
142
  {
@@ -38,6 +38,7 @@ exports[`ItemHeader template matches the snapshot 1`] = `
38
38
  "flexDirection": "row",
39
39
  "flexGrow": 0,
40
40
  "flexWrap": "nowrap",
41
+ "height": 48,
41
42
  "justifyContent": "space-between",
42
43
  "overflow": "visible",
43
44
  "paddingHorizontal": 8,
@@ -92,7 +93,7 @@ exports[`ItemHeader template matches the snapshot 1`] = `
92
93
  "right": 0,
93
94
  "top": 0,
94
95
  },
95
- "alignSelf": "flex-start",
96
+ "alignSelf": "auto",
96
97
  "container": {
97
98
  "overflow": "hidden",
98
99
  },
@@ -233,7 +234,7 @@ exports[`ItemHeader template matches the snapshot 1`] = `
233
234
  "right": 0,
234
235
  "top": 0,
235
236
  },
236
- "alignSelf": "flex-start",
237
+ "alignSelf": "auto",
237
238
  "container": {
238
239
  "overflow": "hidden",
239
240
  },
@@ -1,5 +1,6 @@
1
1
  import { StyleSheet, Platform } from "react-native";
2
2
  import { theme } from "@lookiero/sty-psp-ui";
3
+ import { HEADER_HEIGHT } from "../../components/templates/header/Header.style";
3
4
 
4
5
  const { borderRadius4, colorBgPrimaryLight, colorBgBase, space3, space4, space6, space12, space16 } = theme();
5
6
 
@@ -23,6 +24,9 @@ const style = StyleSheet.create({
23
24
  desktopResume: {
24
25
  borderRadius: borderRadius4,
25
26
  },
27
+ header: {
28
+ height: HEADER_HEIGHT,
29
+ },
26
30
  paymentSelector: {
27
31
  marginTop: space6,
28
32
  },
@@ -2,13 +2,13 @@ import { fireEvent } from "@testing-library/react-native";
2
2
  import React from "react";
3
3
  import { QueryStatus } from "@lookiero/messaging-react";
4
4
  import { Segment } from "@lookiero/sty-psp-segment";
5
+ import { DummyLayout } from "@lookiero/sty-psp-ui";
5
6
  import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
6
7
  import { Country } from "../../../../projection/shared/country";
7
8
  import { checkout } from "../../../projection/checkout/checkout.mock";
8
9
  import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
9
10
  import { pricing } from "../../../projection/pricing/pricing.mock";
10
11
  import { useViewPricingByCheckoutId } from "../../../projection/pricing/react/useViewPricingByCheckoutId";
11
- import { DummyLayout } from "../../components/layouts/layout/dummyLayout/DummyLayout";
12
12
  import { I18nMessages } from "../../i18n/i18n";
13
13
  import { Routes } from "../../routing/routes";
14
14
  import { render } from "../../test/render";
@@ -103,6 +103,7 @@ const Checkout: FC<CheckoutProps> = ({ children, layout: LocalLayout, useRedirec
103
103
  header={<CheckoutHeader onBack={handleOnBack} />}
104
104
  scrollEnabled={false}
105
105
  style={{
106
+ header: style.header,
106
107
  scrollView: style.scrollView,
107
108
  }}
108
109
  >
@@ -2,6 +2,7 @@ import { fireEvent } from "@testing-library/react-native";
2
2
  import React from "react";
3
3
  import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
4
4
  import { Segment } from "@lookiero/sty-psp-segment";
5
+ import { DummyLayout } from "@lookiero/sty-psp-ui";
5
6
  import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
6
7
  import { Country } from "../../../../projection/shared/country";
7
8
  import { useGiveCheckoutFeedback } from "../../../domain/checkoutFeedback/react/useGiveCheckoutFeedback";
@@ -9,7 +10,6 @@ import { checkout } from "../../../projection/checkout/checkout.mock";
9
10
  import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
10
11
  import { checkoutQuestions as checkoutQuestionsMock } from "../../../projection/checkoutQuestion/checkoutQuestions.mock";
11
12
  import { useListCheckoutQuestionsByCheckoutId } from "../../../projection/checkoutQuestion/react/useListCheckoutQuestionsByCheckoutId";
12
- import { DummyLayout } from "../../components/layouts/layout/dummyLayout/DummyLayout";
13
13
  import { I18nMessages } from "../../i18n/i18n";
14
14
  import { render } from "../../test/render";
15
15
  import { Feedback } from "./Feedback";
@@ -2,6 +2,7 @@ import { fireEvent, RenderAPI, waitFor, screen, within } from "@testing-library/
2
2
  import React from "react";
3
3
  import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
4
4
  import { Segment } from "@lookiero/sty-psp-segment";
5
+ import { DummyLayout } from "@lookiero/sty-psp-ui";
5
6
  import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
6
7
  import { Country } from "../../../../projection/shared/country";
7
8
  import { useBookCheckoutBookingForCheckoutItem } from "../../../domain/checkoutBooking/react/useBookCheckoutBookingForCheckoutItem";
@@ -18,7 +19,6 @@ import { useViewIsSizeChangeEnabledByCheckoutId } from "../../../projection/chec
18
19
  import { useListReturnQuestionsByCheckoutItemId } from "../../../projection/returnQuestion/react/useListReturnQuestionsByCheckoutItemId";
19
20
  import { returnQuestions as mockReturnQuestions } from "../../../projection/returnQuestion/returnQuestions.mock";
20
21
  import { useTrackItemPageView } from "../../../tracking/useTrackItemPageView";
21
- import { DummyLayout } from "../../components/layouts/layout/dummyLayout/DummyLayout";
22
22
  import { I18nMessages } from "../../i18n/i18n";
23
23
  import { render } from "../../test/render";
24
24
  import { Item } from "./Item";
@@ -63,7 +63,7 @@ exports[`ProductVariant component matches the snapshot for a non-unique size: no
63
63
  style={
64
64
  {
65
65
  "alignItems": "flex-end",
66
- "borderBottomColor": "#DAD8D8",
66
+ "borderBottomColor": "#F8F7F7",
67
67
  "borderBottomWidth": 1,
68
68
  "flexDirection": "row",
69
69
  "justifyContent": "space-between",
@@ -306,7 +306,7 @@ exports[`ProductVariant component matches the snapshot for an unique size: uniqu
306
306
  style={
307
307
  {
308
308
  "alignItems": "flex-end",
309
- "borderBottomColor": "#DAD8D8",
309
+ "borderBottomColor": "#F8F7F7",
310
310
  "borderBottomWidth": 1,
311
311
  "flexDirection": "row",
312
312
  "justifyContent": "space-between",
@@ -3,6 +3,7 @@ import React from "react";
3
3
  import { Text } from "react-native";
4
4
  import { QueryStatus } from "@lookiero/messaging-react";
5
5
  import { Segment } from "@lookiero/sty-psp-segment";
6
+ import { DummyLayout } from "@lookiero/sty-psp-ui";
6
7
  import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
7
8
  import { Country } from "../../../../projection/shared/country";
8
9
  import { checkout } from "../../../projection/checkout/checkout.mock";
@@ -10,7 +11,6 @@ import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/c
10
11
  import { useViewFiveItemsDiscountByCustomerId } from "../../../projection/checkout/react/useViewFiveItemsDiscountByCustomerId";
11
12
  import { pricing } from "../../../projection/pricing/pricing.mock";
12
13
  import { useViewPricingByCheckoutId } from "../../../projection/pricing/react/useViewPricingByCheckoutId";
13
- import { DummyLayout } from "../../components/layouts/layout/dummyLayout/DummyLayout";
14
14
  import { I18nMessages } from "../../i18n/i18n";
15
15
  import { render } from "../../test/render";
16
16
  import { Summary } from "./Summary";
@@ -4,7 +4,7 @@ import { PricingProjection } from "../../../../../../projection/pricing/pricing"
4
4
  import { pricing as pricingFunction } from "../../../../../projection/pricing/pricing.mock";
5
5
  import { I18nMessages } from "../../../../i18n/i18n";
6
6
  import { render } from "../../../../test/render";
7
- import { Pricing } from "./CollapsiblePricing";
7
+ import { CollapsiblePricing } from "./CollapsiblePricing";
8
8
 
9
9
  const mockOnPress = jest.fn();
10
10
  const mockOnSubmit = jest.fn();
@@ -25,7 +25,7 @@ const renderPricing: RenderPricingFunction = ({
25
25
  pricing = pricingFunction(),
26
26
  } = {}) =>
27
27
  render(
28
- <Pricing
28
+ <CollapsiblePricing
29
29
  collapsed={collapsed}
30
30
  collapsible={collapsible}
31
31
  pricing={pricing}
@@ -51,10 +51,15 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
51
51
  "paddingHorizontal": 24,
52
52
  },
53
53
  false,
54
- {
55
- "borderBottomColor": "#DAD8D8",
56
- "borderBottomWidth": 1,
57
- },
54
+ [
55
+ {
56
+ "borderBottomColor": "#DAD8D8",
57
+ "borderBottomWidth": 1,
58
+ "justifyContent": "flex-start",
59
+ "paddingHorizontal": 16,
60
+ },
61
+ false,
62
+ ],
58
63
  ]
59
64
  }
60
65
  testID="tab-list"
@@ -109,9 +114,9 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
109
114
  {
110
115
  "color": "#0C0A0A",
111
116
  "fontFamily": "AreaNormal-Extrabold",
112
- "fontSize": 12,
117
+ "fontSize": 13,
113
118
  "letterSpacing": -0.2,
114
- "lineHeight": 16,
119
+ "lineHeight": 17,
115
120
  "paddingBottom": 0,
116
121
  "paddingLeft": 0,
117
122
  "paddingRight": 0,
@@ -173,9 +178,9 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
173
178
  {
174
179
  "color": "#837C7C",
175
180
  "fontFamily": "AreaNormal-Extrabold",
176
- "fontSize": 12,
181
+ "fontSize": 13,
177
182
  "letterSpacing": -0.2,
178
- "lineHeight": 16,
183
+ "lineHeight": 17,
179
184
  "paddingBottom": 0,
180
185
  "paddingLeft": 0,
181
186
  "paddingRight": 0,
@@ -211,7 +216,8 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
211
216
  style={
212
217
  {
213
218
  "opacity": 0,
214
- "padding": 24,
219
+ "paddingBottom": 24,
220
+ "paddingHorizontal": 24,
215
221
  "paddingTop": 8,
216
222
  }
217
223
  }
@@ -342,7 +348,7 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
342
348
  style={
343
349
  {
344
350
  "alignItems": "flex-end",
345
- "borderBottomColor": "#DAD8D8",
351
+ "borderBottomColor": "#F8F7F7",
346
352
  "borderBottomWidth": 1,
347
353
  "flexDirection": "row",
348
354
  "justifyContent": "space-between",
@@ -557,7 +563,7 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
557
563
  style={
558
564
  {
559
565
  "alignItems": "flex-end",
560
- "borderBottomColor": "#DAD8D8",
566
+ "borderBottomColor": "#F8F7F7",
561
567
  "borderBottomWidth": 1,
562
568
  "flexDirection": "row",
563
569
  "justifyContent": "space-between",
@@ -821,7 +827,7 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
821
827
  style={
822
828
  {
823
829
  "alignItems": "flex-end",
824
- "borderBottomColor": "#DAD8D8",
830
+ "borderBottomColor": "#F8F7F7",
825
831
  "borderBottomWidth": 1,
826
832
  "flexDirection": "row",
827
833
  "justifyContent": "space-between",
@@ -1036,7 +1042,7 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
1036
1042
  style={
1037
1043
  {
1038
1044
  "alignItems": "flex-end",
1039
- "borderBottomColor": "#DAD8D8",
1045
+ "borderBottomColor": "#F8F7F7",
1040
1046
  "borderBottomWidth": 1,
1041
1047
  "flexDirection": "row",
1042
1048
  "justifyContent": "space-between",