@lookiero/checkout 8.13.3-beta.0 → 8.13.3-beta.1

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 (8) hide show
  1. package/dist/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.js +9 -8
  2. package/dist/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.style.d.ts +6 -2
  3. package/dist/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.style.js +6 -2
  4. package/dist/src/version.d.ts +1 -1
  5. package/dist/src/version.js +1 -1
  6. package/package.json +1 -1
  7. package/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.style.ts +6 -2
  8. package/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.tsx +28 -23
package/dist/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.js CHANGED
@@ -101,13 +101,14 @@ const ReturnQuestionsForm = ({ checkout, checkoutItem, country, layout: Layout,
101
101
  } },
102
102
  React.createElement(ProductVariantPreview, { country: country, item: checkoutItem }),
103
103
  React.createElement(ScrollView, { showsVerticalScrollIndicator: false, testID: "return-questions-form" },
104
- React.createElement(AuroraLayout, { fullWidth: !screen.L, style: [style.layout, screen.L ? style.desktopLayoutSpacing : undefined] },
105
- React.createElement(Box, { size: { L: "2/3" } },
106
- React.createElement(View, { style: [style.info, !screen.S && style.desktopInfo] },
107
- React.createElement(Text, { level: 3, heading: true }, titleText),
108
- React.createElement(Text, { level: 1, style: style.description, detail: true }, descriptionText)),
109
- React.createElement(ReturnQuestions, { portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME, returnQuestions: returnQuestions }),
110
- React.createElement(View, { style: style.submit },
111
- React.createElement(Button, { testID: "return-questions-button", onPress: handleOnSubmit }, submitButtonText))))))));
104
+ React.createElement(View, { style: style.background },
105
+ React.createElement(AuroraLayout, { fullWidth: !screen.L, style: [style.layout, screen.L ? style.desktopLayoutSpacing : undefined] },
106
+ React.createElement(Box, { size: { L: "2/3" } },
107
+ React.createElement(View, { style: [style.info, !screen.S && style.desktopInfo] },
108
+ React.createElement(Text, { level: 3, heading: true }, titleText),
109
+ React.createElement(Text, { level: 1, style: style.description, detail: true }, descriptionText)),
110
+ React.createElement(ReturnQuestions, { portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME, returnQuestions: returnQuestions }),
111
+ React.createElement(View, { style: [style.submit, !screen.S && style.submitDesktop] },
112
+ React.createElement(Button, { testID: "return-questions-button", onPress: handleOnSubmit }, submitButtonText)))))))));
112
113
  };
113
114
  export { ReturnQuestionsForm };
package/dist/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.style.d.ts CHANGED
@@ -1,4 +1,7 @@
1
1
  declare const style: {
2
+ background: {
3
+ backgroundColor: string;
4
+ };
2
5
  description: {
3
6
  color: string;
4
7
  };
@@ -23,7 +26,6 @@ declare const style: {
23
26
  paddingTop: number;
24
27
  };
25
28
  layout: {
26
- backgroundColor: string;
27
29
  flex: number;
28
30
  justifyContent: "center";
29
31
  };
@@ -35,9 +37,11 @@ declare const style: {
35
37
  };
36
38
  submit: {
37
39
  backgroundColor: string;
40
+ padding: number;
41
+ };
42
+ submitDesktop: {
38
43
  borderBottomLeftRadius: number;
39
44
  borderBottomRightRadius: number;
40
- padding: number;
41
45
  };
42
46
  };
43
47
  export { style };
package/dist/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.style.js CHANGED
@@ -3,6 +3,9 @@ import { theme } from "@lookiero/sty-psp-ui";
3
3
  import { HEADER_HEIGHT } from "../../../../components/templates/header/Header.style";
4
4
  const { borderRadius5, colorBgPrimaryLight, colorBgBase, colorTextMedium, space4, space6, space8 } = theme();
5
5
  const style = StyleSheet.create({
6
+ background: {
7
+ backgroundColor: colorBgPrimaryLight,
8
+ },
6
9
  description: {
7
10
  color: colorTextMedium,
8
11
  },
@@ -27,7 +30,6 @@ const style = StyleSheet.create({
27
30
  paddingTop: space8,
28
31
  },
29
32
  layout: {
30
- backgroundColor: colorBgPrimaryLight,
31
33
  flex: 1,
32
34
  justifyContent: "center",
33
35
  },
@@ -39,9 +41,11 @@ const style = StyleSheet.create({
39
41
  },
40
42
  submit: {
41
43
  backgroundColor: colorBgBase,
44
+ padding: space6,
45
+ },
46
+ submitDesktop: {
42
47
  borderBottomLeftRadius: borderRadius5,
43
48
  borderBottomRightRadius: borderRadius5,
44
- padding: space6,
45
49
  },
46
50
  });
47
51
  export { style };
package/dist/src/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const VERSION = "8.13.3-beta.0";
1
+ export declare const VERSION = "8.13.3-beta.1";
package/dist/src/version.js CHANGED
@@ -1 +1 @@
1
- export const VERSION = "8.13.3-beta.0";
1
+ export const VERSION = "8.13.3-beta.1";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lookiero/checkout",
3
- "version": "8.13.3-beta.0",
3
+ "version": "8.13.3-beta.1",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "sideEffects": "false",
package/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.style.ts CHANGED
@@ -5,6 +5,9 @@ import { HEADER_HEIGHT } from "../../../../components/templates/header/Header.st
5
5
  const { borderRadius5, colorBgPrimaryLight, colorBgBase, colorTextMedium, space4, space6, space8 } = theme();
6
6
 
7
7
  const style = StyleSheet.create({
8
+ background: {
9
+ backgroundColor: colorBgPrimaryLight,
10
+ },
8
11
  description: {
9
12
  color: colorTextMedium,
10
13
  },
@@ -29,7 +32,6 @@ const style = StyleSheet.create({
29
32
  paddingTop: space8,
30
33
  },
31
34
  layout: {
32
- backgroundColor: colorBgPrimaryLight,
33
35
  flex: 1,
34
36
  justifyContent: "center",
35
37
  },
@@ -41,9 +43,11 @@ const style = StyleSheet.create({
41
43
  },
42
44
  submit: {
43
45
  backgroundColor: colorBgBase,
46
+ padding: space6,
47
+ },
48
+ submitDesktop: {
44
49
  borderBottomLeftRadius: borderRadius5,
45
50
  borderBottomRightRadius: borderRadius5,
46
- padding: space6,
47
51
  },
48
52
  });
49
53
 
package/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.tsx CHANGED
@@ -154,29 +154,34 @@ const ReturnQuestionsForm: FC<ReturnQuestionsFormProps> = ({
154
154
  <ProductVariantPreview country={country} item={checkoutItem} />
155
155
 
156
156
  <ScrollView showsVerticalScrollIndicator={false} testID="return-questions-form">
157
- <AuroraLayout fullWidth={!screen.L} style={[style.layout, screen.L ? style.desktopLayoutSpacing : undefined]}>
158
- <Box size={{ L: "2/3" }}>
159
- <View style={[style.info, !screen.S && style.desktopInfo]}>
160
- <Text level={3} heading>
161
- {titleText}
162
- </Text>
163
- <Text level={1} style={style.description} detail>
164
- {descriptionText}
165
- </Text>
166
- </View>
167
-
168
- <ReturnQuestions
169
- portalHostName={RETURN_QUESTION_FORM_PORTAL_HOST_NAME}
170
- returnQuestions={returnQuestions}
171
- />
172
-
173
- <View style={style.submit}>
174
- <Button testID="return-questions-button" onPress={handleOnSubmit}>
175
- {submitButtonText}
176
- </Button>
177
- </View>
178
- </Box>
179
- </AuroraLayout>
157
+ <View style={style.background}>
158
+ <AuroraLayout
159
+ fullWidth={!screen.L}
160
+ style={[style.layout, screen.L ? style.desktopLayoutSpacing : undefined]}
161
+ >
162
+ <Box size={{ L: "2/3" }}>
163
+ <View style={[style.info, !screen.S && style.desktopInfo]}>
164
+ <Text level={3} heading>
165
+ {titleText}
166
+ </Text>
167
+ <Text level={1} style={style.description} detail>
168
+ {descriptionText}
169
+ </Text>
170
+ </View>
171
+
172
+ <ReturnQuestions
173
+ portalHostName={RETURN_QUESTION_FORM_PORTAL_HOST_NAME}
174
+ returnQuestions={returnQuestions}
175
+ />
176
+
177
+ <View style={[style.submit, !screen.S && style.submitDesktop]}>
178
+ <Button testID="return-questions-button" onPress={handleOnSubmit}>
179
+ {submitButtonText}
180
+ </Button>
181
+ </View>
182
+ </Box>
183
+ </AuroraLayout>
184
+ </View>
180
185
  </ScrollView>
181
186
  </Layout>
182
187
  </ReturnQuestionItemProvider>