@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.
- package/dist/fake-dependencies/@lookiero/payments-front/index.js +1 -1
- package/dist/src/ExpoRoot.js +2 -2
- package/dist/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.js +1 -1
- package/dist/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.js +3 -4
- package/dist/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.style.d.ts +0 -3
- package/dist/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.style.js +0 -3
- package/dist/src/infrastructure/ui/views/item/components/itemActions/ItemActions.js +4 -5
- package/dist/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.js +1 -2
- package/dist/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.js +2 -3
- package/dist/src/infrastructure/ui/views/summary/components/collapsiblePricing/CollapsiblePricing.js +2 -3
- package/dist/src/version.d.ts +2 -2
- package/dist/src/version.js +2 -2
- package/fake-dependencies/@lookiero/payments-front/index.tsx +1 -1
- package/package.json +3 -3
- package/src/ExpoRoot.tsx +2 -2
- package/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.tsx +1 -1
- package/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.style.ts +0 -3
- package/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.tsx +3 -4
- package/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/__snapshots__/GetOutOfCheckoutModal.test.tsx.snap +102 -144
- package/src/infrastructure/ui/views/item/components/itemActions/ItemActions.tsx +8 -9
- package/src/infrastructure/ui/views/item/components/itemActions/__snapshots__/ItemActions.test.tsx.snap +102 -233
- package/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.tsx +1 -2
- package/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/__snapshots__/SizeWithoutStockModal.test.tsx.snap +30 -69
- package/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.tsx +2 -3
- package/src/infrastructure/ui/views/summary/components/collapsiblePricing/CollapsiblePricing.tsx +2 -3
- package/src/infrastructure/ui/views/summary/components/collapsiblePricing/__snapshots__/CollapsiblePricing.test.tsx.snap +62 -144
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* eslint-disable @typescript-eslint/naming-convention */
|
|
2
2
|
import React, { forwardRef, useImperativeHandle, } from "react";
|
|
3
|
-
import { Button } from "@lookiero/
|
|
3
|
+
import { Button } from "@lookiero/sty-psp-ui";
|
|
4
4
|
let startLegacyBoxCheckoutListener;
|
|
5
5
|
const setPaymentsBridge = () => void 0;
|
|
6
6
|
const PaymentsQueryProvider = ({ children }) => children;
|
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: "
|
|
23
|
+
customerId: "ec091fb1-04f3-46da-8262-aab5c88e0b3a",
|
|
24
24
|
country: Country.ES,
|
|
25
25
|
segment: Segment.WOMEN,
|
|
26
26
|
email: "email@example.com",
|
|
@@ -41,7 +41,7 @@ const apiUrl = Platform.OS !== "web"
|
|
|
41
41
|
? "/local-to-dev"
|
|
42
42
|
: "http://localhost:3004/local-to-dev"
|
|
43
43
|
: "/checkout/api";
|
|
44
|
-
const authToken = "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.
|
|
44
|
+
const authToken = "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjEzNzIyNDE2LCJleHAiOjE3NzE4NzQ4OTgsImRpc3BsYXlOYW1lIjoibWFpbC5kZXYrdGRwLjUzYWI2MmI5LTQwYTYtNDkwOC1iMGM0LWM3ZDRiNDZhODU2N0Bsb29raWVyby5jb20iLCJjb3VudHJ5X2NvZGUiOiJFUyIsImFjY2Vzc1ZpYSI6ImVtYWlsIiwidHJhZGVuYW1lIjoiTE9PS0lFUk8iLCJ1dWlkIjoiZWMwOTFmYjEtMDRmMy00NmRhLTgyNjItYWFiNWM4OGUwYjNhIiwiaWF0IjoxNzcxODQ2MDk4fQ.UKFl9pA4d1t9uR2iGVMc6XuwPbfUI_XWEbovie-Z_RI";
|
|
45
45
|
const getAuthToken = () => Promise.resolve(authToken);
|
|
46
46
|
const useRedirect = () => ({
|
|
47
47
|
returnUrl: "https://web2.dev.aws.lookiero.es/user/",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useCallback, useMemo } from "react";
|
|
2
2
|
import { View } from "react-native";
|
|
3
|
-
import { Button } from "@lookiero/aurora";
|
|
4
3
|
import { useI18nMessage } from "@lookiero/i18n-react";
|
|
4
|
+
import { Button } from "@lookiero/sty-psp-ui";
|
|
5
5
|
import { CheckoutFeedbackQuestionType } from "../../../../../../projection/checkoutFeedback/checkoutFeedback.constants";
|
|
6
6
|
import { CheckoutQuestions } from "../../../../components/organisms/checkoutQuestions/CheckoutQuestions";
|
|
7
7
|
import { useCheckoutQuestionFeedback } from "../../../../components/organisms/checkoutQuestions/behaviors/useCheckoutQuestionFeedback";
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React, { useMemo } from "react";
|
|
2
2
|
import { View } from "react-native";
|
|
3
|
-
import { Button, BUTTON_VARIANT } 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 getOutOfCheckoutModalStyle } from "./GetOutOfCheckoutModal.style";
|
|
8
7
|
const GetOutOfCheckoutModal = ({ visible, onDismiss, onConfirm }) => {
|
|
@@ -21,9 +20,9 @@ const GetOutOfCheckoutModal = ({ visible, onDismiss, onConfirm }) => {
|
|
|
21
20
|
React.createElement(View, { style: style.modalContent },
|
|
22
21
|
React.createElement(Text, { level: 1, style: style.title }, titleText),
|
|
23
22
|
React.createElement(Text, { level: 3, style: style.description }, descriptionText),
|
|
24
|
-
React.createElement(Button, {
|
|
23
|
+
React.createElement(Button, { onPress: onDismiss },
|
|
25
24
|
React.createElement(Text, { level: 3, selectable: false, style: [style.buttonText, { textTransform: "uppercase" }], variant: "action" }, dismissButtonText)),
|
|
26
|
-
React.createElement(Button, { style:
|
|
25
|
+
React.createElement(Button, { style: { button: style.confirmButton }, variant: "secondary", onPress: onConfirm },
|
|
27
26
|
React.createElement(Text, { level: 3, selectable: false, style: [style.buttonText, { textTransform: "uppercase" }], variant: "action" }, confirmButtonText)))));
|
|
28
27
|
};
|
|
29
28
|
export { GetOutOfCheckoutModal };
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React, { useCallback, useMemo, useState } from "react";
|
|
2
2
|
import { View } from "react-native";
|
|
3
|
-
import { Button, BUTTON_VARIANT } from "@lookiero/aurora";
|
|
4
3
|
import { useI18nMessage } from "@lookiero/i18n-react";
|
|
5
|
-
import { Sticky } from "@lookiero/sty-psp-ui";
|
|
4
|
+
import { Button, Sticky } from "@lookiero/sty-psp-ui";
|
|
6
5
|
import { size } from "../../../../../../projection/size/size";
|
|
7
6
|
import { Body } from "../../../../components/layouts/body/Body";
|
|
8
7
|
import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
|
|
@@ -32,9 +31,9 @@ const ItemActions = ({ productVariants, currentProductVariant, country, onShowSi
|
|
|
32
31
|
return (React.createElement(Sticky, { style: style.sticky, onLayout: onLayout },
|
|
33
32
|
React.createElement(Body, { style: { row: style.row } },
|
|
34
33
|
React.createElement(View, { style: style.actionsRow },
|
|
35
|
-
!currentProductVariant.size.unique && productVariants ? (React.createElement(Button, { style: style.sizeSelector, testID: "size-selector", variant:
|
|
36
|
-
React.createElement(Button, { style: style.returnButton, testID: "return-button", variant:
|
|
37
|
-
React.createElement(Button, { testID: "keep-button",
|
|
34
|
+
!currentProductVariant.size.unique && productVariants ? (React.createElement(Button, { size: "small", style: { button: style.sizeSelector }, testID: "size-selector", variant: "secondary", onPress: handleOnPressSelectField }, changeSizeButtonText)) : null,
|
|
35
|
+
React.createElement(Button, { size: "small", style: { button: style.returnButton }, testID: "return-button", variant: "secondary", onPress: onReturn }, returnButtonText)),
|
|
36
|
+
React.createElement(Button, { size: "small", testID: "keep-button", onPress: onKeep }, keepButtonText)),
|
|
38
37
|
React.createElement(SelectModal, { modalVisible: modalVisible, options: sizeSelectorOptions, portalHostName: "Checkout", testID: "select-field-modal", title: changeSizeButtonText, value: currentProductVariant.id, onChange: onReplace, onClose: handleOnModalClose })));
|
|
39
38
|
};
|
|
40
39
|
export { ItemActions };
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React, { 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
|
const SizeWithoutStockModal = ({ visible, onDismiss }) => {
|
|
@@ -3,12 +3,11 @@ import React, { useCallback, useMemo } from "react";
|
|
|
3
3
|
import { Platform, View } from "react-native";
|
|
4
4
|
import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
|
|
5
5
|
import { generatePath, useNavigate } from "react-router-native";
|
|
6
|
-
import { Box,
|
|
6
|
+
import { Box, Layout as AuroraLayout, Spinner } from "@lookiero/aurora";
|
|
7
7
|
import { useI18nMessage } from "@lookiero/i18n-react";
|
|
8
8
|
import { CommandStatus } from "@lookiero/messaging-react";
|
|
9
9
|
import { useLogger } from "@lookiero/sty-psp-logging";
|
|
10
|
-
import { Text } from "@lookiero/sty-psp-ui";
|
|
11
|
-
import { useScreenSize } from "@lookiero/sty-psp-ui";
|
|
10
|
+
import { Button, Text, useScreenSize } from "@lookiero/sty-psp-ui";
|
|
12
11
|
import { Tradename } from "@lookiero/sty-sp-tradename";
|
|
13
12
|
import { ReturnQuestionType } from "../../../../../../projection/returnQuestion/returnQuestion.constants";
|
|
14
13
|
import { useReturnCheckoutItem } from "../../../../../domain/checkoutItem/react/useReturnCheckoutItem";
|
package/dist/src/infrastructure/ui/views/summary/components/collapsiblePricing/CollapsiblePricing.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import React, { useMemo } from "react";
|
|
2
2
|
import { Pressable, View } from "react-native";
|
|
3
3
|
import Animated, { useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
|
|
4
|
-
import { Button } from "@lookiero/aurora";
|
|
5
4
|
import { useI18nMessage } from "@lookiero/i18n-react";
|
|
6
|
-
import { Icon, Text } from "@lookiero/sty-psp-ui";
|
|
5
|
+
import { Button, Icon, Text } from "@lookiero/sty-psp-ui";
|
|
7
6
|
import { Price } from "../../../../components/atoms/price/Price";
|
|
8
7
|
import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
|
|
9
8
|
import { Pricing } from "../pricing/Pricing";
|
|
@@ -33,7 +32,7 @@ const CollapsiblePricing = ({ migrated, tradename, pricing, totalCheckoutItemsKe
|
|
|
33
32
|
totalCheckoutItemsKeptText),
|
|
34
33
|
React.createElement(Price, { price: pendingToPay, variant: "detail" })),
|
|
35
34
|
React.createElement(View, { style: style.collapsedContent },
|
|
36
|
-
React.createElement(Button, { testID: "submit-checkout-collpased-button",
|
|
35
|
+
React.createElement(Button, { size: "small", testID: "submit-checkout-collpased-button", onPress: onSubmit }, submitButtonText)))) : (React.createElement(Animated.View, { key: "not-collapsed", style: notCollapsedAnimatedStyle },
|
|
37
36
|
React.createElement(Pricing, { migrated: migrated, pricing: pricing, totalCheckoutItemsKept: totalCheckoutItemsKept, tradename: tradename }),
|
|
38
37
|
React.createElement(Button, { testID: "submit-checkout-button", onPress: onSubmit }, submitButtonText)))));
|
|
39
38
|
};
|
package/dist/src/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const VERSION = "14.
|
|
2
|
-
export declare const RELEASE = "checkout@14.
|
|
1
|
+
export declare const VERSION = "14.4.0";
|
|
2
|
+
export declare const RELEASE = "checkout@14.4.0";
|
package/dist/src/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export const VERSION = "14.
|
|
2
|
-
export const RELEASE = "checkout@14.
|
|
1
|
+
export const VERSION = "14.4.0";
|
|
2
|
+
export const RELEASE = "checkout@14.4.0";
|
|
@@ -7,8 +7,8 @@ import React, {
|
|
|
7
7
|
RefAttributes,
|
|
8
8
|
useImperativeHandle,
|
|
9
9
|
} from "react";
|
|
10
|
-
import { Button } from "@lookiero/aurora";
|
|
11
10
|
import { PaymentPayload } from "@lookiero/payments-front";
|
|
11
|
+
import { Button } from "@lookiero/sty-psp-ui";
|
|
12
12
|
|
|
13
13
|
let startLegacyBoxCheckoutListener: ({ success }: { success: boolean }) => void;
|
|
14
14
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lookiero/checkout",
|
|
3
|
-
"version": "14.
|
|
3
|
+
"version": "14.4.0",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"sideEffects": "false",
|
|
@@ -28,12 +28,12 @@
|
|
|
28
28
|
"@lookiero/sty-psp-i18n": "^2.0",
|
|
29
29
|
"@lookiero/sty-psp-locale": "^2.1",
|
|
30
30
|
"@lookiero/sty-psp-logging": "^2.2",
|
|
31
|
-
"@lookiero/sty-psp-notifications": "^2.
|
|
31
|
+
"@lookiero/sty-psp-notifications": "^2.18",
|
|
32
32
|
"@lookiero/sty-psp-react-native": "^2.0",
|
|
33
33
|
"@lookiero/sty-psp-segment": "^0.1",
|
|
34
34
|
"@lookiero/sty-psp-storage": "^1.1",
|
|
35
35
|
"@lookiero/sty-psp-tracking": "^2.4",
|
|
36
|
-
"@lookiero/sty-psp-ui": "^3.
|
|
36
|
+
"@lookiero/sty-psp-ui": "^3.7",
|
|
37
37
|
"@lookiero/sty-psp-ui-settings": "^1.6",
|
|
38
38
|
"@lookiero/sty-psp-units": "^0.1",
|
|
39
39
|
"@lookiero/sty-psp-uuid": "^0.2",
|
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: "
|
|
28
|
+
customerId: "ec091fb1-04f3-46da-8262-aab5c88e0b3a",
|
|
29
29
|
country: Country.ES,
|
|
30
30
|
segment: Segment.WOMEN,
|
|
31
31
|
email: "email@example.com",
|
|
@@ -50,7 +50,7 @@ const apiUrl =
|
|
|
50
50
|
: "http://localhost:3004/local-to-dev"
|
|
51
51
|
: "/checkout/api";
|
|
52
52
|
const authToken =
|
|
53
|
-
"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.
|
|
53
|
+
"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjEzNzIyNDE2LCJleHAiOjE3NzE4NzQ4OTgsImRpc3BsYXlOYW1lIjoibWFpbC5kZXYrdGRwLjUzYWI2MmI5LTQwYTYtNDkwOC1iMGM0LWM3ZDRiNDZhODU2N0Bsb29raWVyby5jb20iLCJjb3VudHJ5X2NvZGUiOiJFUyIsImFjY2Vzc1ZpYSI6ImVtYWlsIiwidHJhZGVuYW1lIjoiTE9PS0lFUk8iLCJ1dWlkIjoiZWMwOTFmYjEtMDRmMy00NmRhLTgyNjItYWFiNWM4OGUwYjNhIiwiaWF0IjoxNzcxODQ2MDk4fQ.UKFl9pA4d1t9uR2iGVMc6XuwPbfUI_XWEbovie-Z_RI";
|
|
54
54
|
const getAuthToken = () => Promise.resolve(authToken);
|
|
55
55
|
|
|
56
56
|
const useRedirect: () => Record<string, string> = () => ({
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { FC, useCallback, useMemo } from "react";
|
|
2
2
|
import { View } from "react-native";
|
|
3
|
-
import { Button } from "@lookiero/aurora";
|
|
4
3
|
import { useI18nMessage } from "@lookiero/i18n-react";
|
|
4
|
+
import { Button } from "@lookiero/sty-psp-ui";
|
|
5
5
|
import {
|
|
6
6
|
CheckoutFeedbackProjection,
|
|
7
7
|
CheckoutFeedbackQuestionProjection,
|
package/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.tsx
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React, { FC, useMemo } from "react";
|
|
2
2
|
import { View } from "react-native";
|
|
3
|
-
import { Button, BUTTON_VARIANT } 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 getOutOfCheckoutModalStyle } from "./GetOutOfCheckoutModal.style";
|
|
8
7
|
|
|
@@ -34,7 +33,7 @@ const GetOutOfCheckoutModal: FC<GetOutOfCheckoutModalProps> = ({ visible, onDism
|
|
|
34
33
|
<Text level={3} style={style.description}>
|
|
35
34
|
{descriptionText}
|
|
36
35
|
</Text>
|
|
37
|
-
<Button
|
|
36
|
+
<Button onPress={onDismiss}>
|
|
38
37
|
<Text
|
|
39
38
|
level={3}
|
|
40
39
|
selectable={false}
|
|
@@ -44,7 +43,7 @@ const GetOutOfCheckoutModal: FC<GetOutOfCheckoutModalProps> = ({ visible, onDism
|
|
|
44
43
|
{dismissButtonText}
|
|
45
44
|
</Text>
|
|
46
45
|
</Button>
|
|
47
|
-
<Button style={
|
|
46
|
+
<Button style={{ button: style.confirmButton }} variant="secondary" onPress={onConfirm}>
|
|
48
47
|
<Text
|
|
49
48
|
level={3}
|
|
50
49
|
selectable={false}
|
|
@@ -215,7 +215,6 @@ exports[`GetOutOfCheckoutModal component matches the snapshot 1`] = `
|
|
|
215
215
|
get_out_of_checkout_modal.description
|
|
216
216
|
</Text>
|
|
217
217
|
<View
|
|
218
|
-
accessibilityRole="button"
|
|
219
218
|
accessibilityState={
|
|
220
219
|
{
|
|
221
220
|
"busy": undefined,
|
|
@@ -236,9 +235,7 @@ exports[`GetOutOfCheckoutModal component matches the snapshot 1`] = `
|
|
|
236
235
|
accessible={true}
|
|
237
236
|
collapsable={false}
|
|
238
237
|
focusable={true}
|
|
239
|
-
onBlur={[Function]}
|
|
240
238
|
onClick={[Function]}
|
|
241
|
-
onFocus={[Function]}
|
|
242
239
|
onLayout={[Function]}
|
|
243
240
|
onResponderGrant={[Function]}
|
|
244
241
|
onResponderMove={[Function]}
|
|
@@ -247,38 +244,10 @@ exports[`GetOutOfCheckoutModal component matches the snapshot 1`] = `
|
|
|
247
244
|
onResponderTerminationRequest={[Function]}
|
|
248
245
|
onStartShouldSetResponder={[Function]}
|
|
249
246
|
style={
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
"overflow": "hidden",
|
|
255
|
-
},
|
|
256
|
-
"_pressed": {
|
|
257
|
-
"bottom": 0,
|
|
258
|
-
"left": 0,
|
|
259
|
-
"right": 0,
|
|
260
|
-
"top": 0,
|
|
261
|
-
},
|
|
262
|
-
"alignSelf": "flex-start",
|
|
263
|
-
"container": {
|
|
264
|
-
"overflow": "hidden",
|
|
265
|
-
},
|
|
266
|
-
"flex": 0,
|
|
267
|
-
"height": 64,
|
|
268
|
-
"overflow": "hidden",
|
|
269
|
-
"pressed": {
|
|
270
|
-
"bottom": 0,
|
|
271
|
-
"left": 0,
|
|
272
|
-
"right": 0,
|
|
273
|
-
"top": 0,
|
|
274
|
-
},
|
|
275
|
-
"width": "100%",
|
|
276
|
-
},
|
|
277
|
-
],
|
|
278
|
-
{
|
|
279
|
-
"opacity": 1,
|
|
280
|
-
},
|
|
281
|
-
]
|
|
247
|
+
{
|
|
248
|
+
"height": 64,
|
|
249
|
+
"opacity": 1,
|
|
250
|
+
}
|
|
282
251
|
}
|
|
283
252
|
>
|
|
284
253
|
<ViewManagerAdapter_ExpoLinearGradient
|
|
@@ -301,28 +270,19 @@ exports[`GetOutOfCheckoutModal component matches the snapshot 1`] = `
|
|
|
301
270
|
]
|
|
302
271
|
}
|
|
303
272
|
style={
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
{},
|
|
315
|
-
undefined,
|
|
316
|
-
undefined,
|
|
317
|
-
false,
|
|
318
|
-
{
|
|
319
|
-
"borderRadius": 9999,
|
|
320
|
-
},
|
|
321
|
-
]
|
|
273
|
+
{
|
|
274
|
+
"alignContent": "center",
|
|
275
|
+
"borderRadius": 9999,
|
|
276
|
+
"height": 64,
|
|
277
|
+
"justifyContent": "center",
|
|
278
|
+
"overflow": "hidden",
|
|
279
|
+
"paddingLeft": 24,
|
|
280
|
+
"paddingRight": 24,
|
|
281
|
+
"position": "relative",
|
|
282
|
+
}
|
|
322
283
|
}
|
|
323
284
|
>
|
|
324
285
|
<View
|
|
325
|
-
collapsable={false}
|
|
326
286
|
pointerEvents="none"
|
|
327
287
|
style={
|
|
328
288
|
[
|
|
@@ -335,24 +295,21 @@ exports[`GetOutOfCheckoutModal component matches the snapshot 1`] = `
|
|
|
335
295
|
"top": 0,
|
|
336
296
|
},
|
|
337
297
|
{
|
|
338
|
-
"width":
|
|
298
|
+
"width": 0,
|
|
339
299
|
},
|
|
340
300
|
]
|
|
341
301
|
}
|
|
342
302
|
/>
|
|
343
303
|
<View
|
|
344
304
|
style={
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
},
|
|
351
|
-
]
|
|
305
|
+
{
|
|
306
|
+
"alignItems": "center",
|
|
307
|
+
"flexDirection": "row",
|
|
308
|
+
"justifyContent": "center",
|
|
309
|
+
}
|
|
352
310
|
}
|
|
353
311
|
>
|
|
354
312
|
<Text
|
|
355
|
-
selectable={false}
|
|
356
313
|
style={
|
|
357
314
|
[
|
|
358
315
|
{
|
|
@@ -366,23 +323,46 @@ exports[`GetOutOfCheckoutModal component matches the snapshot 1`] = `
|
|
|
366
323
|
},
|
|
367
324
|
[
|
|
368
325
|
{
|
|
326
|
+
"color": "#FFFFFF",
|
|
369
327
|
"textAlign": "center",
|
|
370
|
-
"width": "100%",
|
|
371
|
-
},
|
|
372
|
-
{
|
|
373
|
-
"textTransform": "uppercase",
|
|
374
328
|
},
|
|
329
|
+
undefined,
|
|
375
330
|
],
|
|
376
331
|
]
|
|
377
332
|
}
|
|
378
333
|
>
|
|
379
|
-
|
|
334
|
+
<Text
|
|
335
|
+
selectable={false}
|
|
336
|
+
style={
|
|
337
|
+
[
|
|
338
|
+
{
|
|
339
|
+
"color": "#0C0A0A",
|
|
340
|
+
"fontFamily": "AreaNormal-Extrabold",
|
|
341
|
+
"fontSize": 15,
|
|
342
|
+
"fontStyle": "normal",
|
|
343
|
+
"fontWeight": "normal",
|
|
344
|
+
"letterSpacing": -0.2,
|
|
345
|
+
"lineHeight": 20,
|
|
346
|
+
},
|
|
347
|
+
[
|
|
348
|
+
{
|
|
349
|
+
"textAlign": "center",
|
|
350
|
+
"width": "100%",
|
|
351
|
+
},
|
|
352
|
+
{
|
|
353
|
+
"textTransform": "uppercase",
|
|
354
|
+
},
|
|
355
|
+
],
|
|
356
|
+
]
|
|
357
|
+
}
|
|
358
|
+
>
|
|
359
|
+
get_out_of_checkout_modal.dismiss_button
|
|
360
|
+
</Text>
|
|
380
361
|
</Text>
|
|
381
362
|
</View>
|
|
382
363
|
</ViewManagerAdapter_ExpoLinearGradient>
|
|
383
364
|
</View>
|
|
384
365
|
<View
|
|
385
|
-
accessibilityRole="button"
|
|
386
366
|
accessibilityState={
|
|
387
367
|
{
|
|
388
368
|
"busy": undefined,
|
|
@@ -403,9 +383,7 @@ exports[`GetOutOfCheckoutModal component matches the snapshot 1`] = `
|
|
|
403
383
|
accessible={true}
|
|
404
384
|
collapsable={false}
|
|
405
385
|
focusable={true}
|
|
406
|
-
onBlur={[Function]}
|
|
407
386
|
onClick={[Function]}
|
|
408
|
-
onFocus={[Function]}
|
|
409
387
|
onLayout={[Function]}
|
|
410
388
|
onResponderGrant={[Function]}
|
|
411
389
|
onResponderMove={[Function]}
|
|
@@ -414,39 +392,11 @@ exports[`GetOutOfCheckoutModal component matches the snapshot 1`] = `
|
|
|
414
392
|
onResponderTerminationRequest={[Function]}
|
|
415
393
|
onStartShouldSetResponder={[Function]}
|
|
416
394
|
style={
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
},
|
|
423
|
-
"_pressed": {
|
|
424
|
-
"bottom": 0,
|
|
425
|
-
"left": 0,
|
|
426
|
-
"right": 0,
|
|
427
|
-
"top": 0,
|
|
428
|
-
},
|
|
429
|
-
"alignSelf": "flex-start",
|
|
430
|
-
"container": {
|
|
431
|
-
"overflow": "hidden",
|
|
432
|
-
},
|
|
433
|
-
"flex": 0,
|
|
434
|
-
"height": 64,
|
|
435
|
-
"marginTop": 32,
|
|
436
|
-
"overflow": "hidden",
|
|
437
|
-
"pressed": {
|
|
438
|
-
"bottom": 0,
|
|
439
|
-
"left": 0,
|
|
440
|
-
"right": 0,
|
|
441
|
-
"top": 0,
|
|
442
|
-
},
|
|
443
|
-
"width": "100%",
|
|
444
|
-
},
|
|
445
|
-
],
|
|
446
|
-
{
|
|
447
|
-
"opacity": 1,
|
|
448
|
-
},
|
|
449
|
-
]
|
|
395
|
+
{
|
|
396
|
+
"height": 64,
|
|
397
|
+
"marginTop": 32,
|
|
398
|
+
"opacity": 1,
|
|
399
|
+
}
|
|
450
400
|
}
|
|
451
401
|
>
|
|
452
402
|
<ViewManagerAdapter_ExpoLinearGradient
|
|
@@ -469,35 +419,22 @@ exports[`GetOutOfCheckoutModal component matches the snapshot 1`] = `
|
|
|
469
419
|
]
|
|
470
420
|
}
|
|
471
421
|
style={
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
"borderWidth": 2,
|
|
486
|
-
"height": 64,
|
|
487
|
-
"paddingLeft": 24,
|
|
488
|
-
"paddingRight": 24,
|
|
489
|
-
},
|
|
490
|
-
undefined,
|
|
491
|
-
undefined,
|
|
492
|
-
false,
|
|
493
|
-
{
|
|
494
|
-
"borderRadius": 9999,
|
|
495
|
-
},
|
|
496
|
-
]
|
|
422
|
+
{
|
|
423
|
+
"alignContent": "center",
|
|
424
|
+
"borderColor": "#0C0A0A",
|
|
425
|
+
"borderRadius": 9999,
|
|
426
|
+
"borderStyle": "solid",
|
|
427
|
+
"borderWidth": 2,
|
|
428
|
+
"height": 64,
|
|
429
|
+
"justifyContent": "center",
|
|
430
|
+
"overflow": "hidden",
|
|
431
|
+
"paddingLeft": 24,
|
|
432
|
+
"paddingRight": 24,
|
|
433
|
+
"position": "relative",
|
|
434
|
+
}
|
|
497
435
|
}
|
|
498
436
|
>
|
|
499
437
|
<View
|
|
500
|
-
collapsable={false}
|
|
501
438
|
pointerEvents="none"
|
|
502
439
|
style={
|
|
503
440
|
[
|
|
@@ -510,24 +447,21 @@ exports[`GetOutOfCheckoutModal component matches the snapshot 1`] = `
|
|
|
510
447
|
"top": 0,
|
|
511
448
|
},
|
|
512
449
|
{
|
|
513
|
-
"width":
|
|
450
|
+
"width": 0,
|
|
514
451
|
},
|
|
515
452
|
]
|
|
516
453
|
}
|
|
517
454
|
/>
|
|
518
455
|
<View
|
|
519
456
|
style={
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
},
|
|
526
|
-
]
|
|
457
|
+
{
|
|
458
|
+
"alignItems": "center",
|
|
459
|
+
"flexDirection": "row",
|
|
460
|
+
"justifyContent": "center",
|
|
461
|
+
}
|
|
527
462
|
}
|
|
528
463
|
>
|
|
529
464
|
<Text
|
|
530
|
-
selectable={false}
|
|
531
465
|
style={
|
|
532
466
|
[
|
|
533
467
|
{
|
|
@@ -541,17 +475,41 @@ exports[`GetOutOfCheckoutModal component matches the snapshot 1`] = `
|
|
|
541
475
|
},
|
|
542
476
|
[
|
|
543
477
|
{
|
|
478
|
+
"color": "#0C0C0A",
|
|
544
479
|
"textAlign": "center",
|
|
545
|
-
"width": "100%",
|
|
546
|
-
},
|
|
547
|
-
{
|
|
548
|
-
"textTransform": "uppercase",
|
|
549
480
|
},
|
|
481
|
+
undefined,
|
|
550
482
|
],
|
|
551
483
|
]
|
|
552
484
|
}
|
|
553
485
|
>
|
|
554
|
-
|
|
486
|
+
<Text
|
|
487
|
+
selectable={false}
|
|
488
|
+
style={
|
|
489
|
+
[
|
|
490
|
+
{
|
|
491
|
+
"color": "#0C0A0A",
|
|
492
|
+
"fontFamily": "AreaNormal-Extrabold",
|
|
493
|
+
"fontSize": 15,
|
|
494
|
+
"fontStyle": "normal",
|
|
495
|
+
"fontWeight": "normal",
|
|
496
|
+
"letterSpacing": -0.2,
|
|
497
|
+
"lineHeight": 20,
|
|
498
|
+
},
|
|
499
|
+
[
|
|
500
|
+
{
|
|
501
|
+
"textAlign": "center",
|
|
502
|
+
"width": "100%",
|
|
503
|
+
},
|
|
504
|
+
{
|
|
505
|
+
"textTransform": "uppercase",
|
|
506
|
+
},
|
|
507
|
+
],
|
|
508
|
+
]
|
|
509
|
+
}
|
|
510
|
+
>
|
|
511
|
+
get_out_of_checkout_modal.confirm_button
|
|
512
|
+
</Text>
|
|
555
513
|
</Text>
|
|
556
514
|
</View>
|
|
557
515
|
</ViewManagerAdapter_ExpoLinearGradient>
|