@lookiero/checkout 5.1.4-beta.0 → 5.1.5

package/dist/infrastructure/ui/components/templates/header/logo/Logo.style.d.ts

@@ -1,7 +0,0 @@
-declare const style: {
-    logo: {
-        height: number;
-        width: number;
-    };
-};
-export { style };

package/dist/infrastructure/ui/components/templates/header/logo/Logo.style.js

@@ -1,8 +0,0 @@
-import { StyleSheet } from "react-native";
-const style = StyleSheet.create({
-    logo: {
-        height: 54,
-        width: 217,
-    },
-});
-export { style };

package/dist/infrastructure/ui/theme/theme.d.ts

@@ -1,10 +0,0 @@
-import { DefaultTheme } from "@lookiero/aurora";
-type Remove$PrefixFromKeys<T> = {
-    [K in keyof T as K extends `$${infer F}` ? F : K]: T[K];
-};
-type AuroraTheme = Remove$PrefixFromKeys<typeof DefaultTheme>;
-interface ThemeFunction {
-    (): AuroraTheme;
-}
-declare const theme: ThemeFunction;
-export { theme };

package/dist/infrastructure/ui/theme/theme.js

@@ -1,3 +0,0 @@
-import { Theme } from "@lookiero/aurora";
-const theme = () => Theme.get();
-export { theme };

package/dist/infrastructure/ui/views/notFound/NotFound.d.ts

@@ -1,10 +0,0 @@
-import { FC } from "react";
-import { Country } from "../../../../projection/shared/country";
-import { Layout } from "../../components/layouts/layout/Layout";
-interface NotFoundProps {
-    readonly customerId: string;
-    readonly country: Country;
-    readonly layout: Layout;
-}
-declare const NotFound: FC<NotFoundProps>;
-export { NotFound };

package/dist/infrastructure/ui/views/notFound/NotFound.js

@@ -1,40 +0,0 @@
-import { Button, Text } from "@lookiero/aurora";
-import { useI18nMessage } from "@lookiero/i18n-react";
-import { QueryStatus } from "@lookiero/messaging-react";
-import React, { useCallback } from "react";
-import { Image } from "react-native";
-import { useNavigate } from "react-router-native";
-import { useTrackPageView } from "../../../../shared/tracking/infrastructure/useTrackPageView";
-import { AspectRatioView } from "../../../../shared/ui/components/atoms/aspectRatioView/AspectRatioView";
-import { Spinner } from "../../../../shared/ui/components/atoms/spinner/Spinner";
-import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
-import { TrackingPage } from "../../../tracking/tracking";
-import { Body } from "../../components/layouts/body/Body";
-import { I18nMessages } from "../../i18n/i18n";
-import { Routes } from "../../routing/routes";
-import { useBasePath } from "../../routing/useBasePath";
-import { style } from "./NotFound.style";
-const NotFound = ({ customerId, country, layout: Layout }) => {
-    const descriptionText = useI18nMessage({ id: I18nMessages.NOT_FOUND_DESCRIPTION });
-    const buttonText = useI18nMessage({ id: I18nMessages.NOT_FOUND_BUTTON });
-    const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
-    useTrackPageView({
-        page: TrackingPage.NOT_FOUND,
-        country,
-        checkoutId: checkout?.id,
-    });
-    const navigate = useNavigate();
-    const basePath = useBasePath();
-    const handleOnPress = useCallback(() => navigate(`${basePath}/${Routes.HOME}`), [basePath, navigate]);
-    const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
-    const dependenciesLoaded = dependenciesLoadedStatuses.includes(checkoutStatus);
-    if (!dependenciesLoaded)
-        return React.createElement(Spinner, null);
-    return (React.createElement(Layout, { style: { scrollView: style.container } },
-        React.createElement(Body, { style: { column: style.bodyColumn } },
-            React.createElement(AspectRatioView, { aspectRatio: 1.25 },
-                React.createElement(Image, { resizeMode: "contain", source: require("../../../../public/images/not-found.png"), style: style.image, testID: "not-found-image" })),
-            React.createElement(Text, { level: 1, style: style.description }, descriptionText),
-            React.createElement(Button, { onPress: handleOnPress }, buttonText))));
-};
-export { NotFound };

package/dist/infrastructure/ui/views/notFound/NotFound.style.d.ts

@@ -1,17 +0,0 @@
-declare const style: {
-    bodyColumn: {
-        paddingHorizontal: number;
-    };
-    container: {
-        flex: number;
-        paddingBottom: number;
-    };
-    description: {
-        marginBottom: number;
-        textAlign: "center";
-    };
-    image: {
-        flex: number;
-    };
-};
-export { style };

package/dist/infrastructure/ui/views/notFound/NotFound.style.js

@@ -1,20 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "../../theme/theme";
-const { spaceXL, spaceXXL } = theme();
-const style = StyleSheet.create({
-    bodyColumn: {
-        paddingHorizontal: spaceXL,
-    },
-    container: {
-        flex: 1,
-        paddingBottom: spaceXXL,
-    },
-    description: {
-        marginBottom: spaceXL,
-        textAlign: "center",
-    },
-    image: {
-        flex: 1,
-    },
-});
-export { style };

package/dist/infrastructure/ui/views/summary/components/fiveItemsDiscountBanner/FiveItemsDiscountBanner.d.ts

@@ -1,6 +0,0 @@
-import { FC } from "react";
-interface FiveItemsDiscountBannerProps {
-    readonly fiveItemsDiscount: number;
-}
-declare const FiveItemsDiscountBanner: FC<FiveItemsDiscountBannerProps>;
-export { FiveItemsDiscountBanner };

package/dist/infrastructure/ui/views/summary/components/fiveItemsDiscountBanner/FiveItemsDiscountBanner.js

@@ -1,15 +0,0 @@
-import { Text } from "@lookiero/aurora";
-import { useI18nMessage } from "@lookiero/i18n-react";
-import React from "react";
-import { View } from "react-native";
-import { I18nMessages } from "../../../../i18n/i18n";
-import { style } from "./FiveItemsDiscountBanner.style";
-const FiveItemsDiscountBanner = ({ fiveItemsDiscount }) => {
-    const bannerText = useI18nMessage({
-        id: I18nMessages.SUMMARY_BANNER,
-        values: { discount: fiveItemsDiscount.toString() },
-    });
-    return (React.createElement(View, { style: style.container },
-        React.createElement(Text, { level: 3 }, bannerText)));
-};
-export { FiveItemsDiscountBanner };

package/dist/infrastructure/ui/views/summary/components/fiveItemsDiscountBanner/FiveItemsDiscountBanner.style.d.ts

@@ -1,9 +0,0 @@
-declare const style: {
-    container: {
-        alignItems: "center";
-        backgroundColor: string;
-        paddingHorizontal: number;
-        paddingVertical: number;
-    };
-};
-export { style };

package/dist/infrastructure/ui/views/summary/components/fiveItemsDiscountBanner/FiveItemsDiscountBanner.style.js

@@ -1,12 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "../../../../theme/theme";
-const { colorAccent, spaceXL } = theme();
-const style = StyleSheet.create({
-    container: {
-        alignItems: "center",
-        backgroundColor: colorAccent,
-        paddingHorizontal: spaceXL,
-        paddingVertical: 12,
-    },
-});
-export { style };

package/dist/infrastructure/ui/views/summary/components/pricing/icons/ArrowDown.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { SvgProps } from "react-native-svg";
-declare const ArrowDown: (props: SvgProps) => JSX.Element;
-export { ArrowDown };

package/dist/infrastructure/ui/views/summary/components/pricing/icons/ArrowDown.js

@@ -1,5 +0,0 @@
-import * as React from "react";
-import Svg, { Path } from "react-native-svg";
-const ArrowDown = (props) => (React.createElement(Svg, { viewBox: "0 0 58 10", ...props },
-    React.createElement(Path, { d: "M1.198 1.23 28.27 8.698M55.802 1.23 28.73 8.698", strokeLinecap: "round", strokeWidth: 2 })));
-export { ArrowDown };

package/dist/infrastructure/ui/views/summary/components/pricing/icons/ArrowUp.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { SvgProps } from "react-native-svg";
-declare const ArrowUp: (props: SvgProps) => JSX.Element;
-export { ArrowUp };

package/dist/infrastructure/ui/views/summary/components/pricing/icons/ArrowUp.js

@@ -1,5 +0,0 @@
-import React from "react";
-import Svg, { Path } from "react-native-svg";
-const ArrowUp = (props) => (React.createElement(Svg, { viewBox: "0 0 58 10", ...props },
-    React.createElement(Path, { d: "M1.698 8.77 28.77 1.302M56.302 8.77 29.23 1.302", strokeLinecap: "round", strokeWidth: 2 })));
-export { ArrowUp };

package/dist/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.style.d.ts

@@ -1,6 +0,0 @@
-declare const style: {
-    container: {
-        paddingHorizontal: number;
-    };
-};
-export { style };

package/dist/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.style.js

@@ -1,9 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "../../../../theme/theme";
-const { spaceXL } = theme();
-const style = StyleSheet.create({
-    container: {
-        paddingHorizontal: spaceXL,
-    },
-});
-export { style };

package/dist/shared/ui/components/atoms/icon/Icon.d.ts

@@ -1,14 +0,0 @@
-import { COLOR } from "@lookiero/aurora";
-import glyphs from "@lookiero/aurora-iconfont/dist/glyphs.json";
-import { FC } from "react";
-import { StyleProp, TextStyle } from "react-native";
-type IconStyle = StyleProp<TextStyle>;
-type IconName = keyof typeof glyphs;
-interface IconProps {
-    readonly color?: COLOR;
-    readonly name: IconName;
-    readonly style?: IconStyle;
-}
-declare const Icon: FC<IconProps>;
-export type { IconName, IconStyle };
-export { Icon };

package/dist/shared/ui/components/atoms/icon/Icon.js

@@ -1,4 +0,0 @@
-import { Icon as AuroraIcon } from "@lookiero/aurora";
-import React from "react";
-const Icon = ({ color, name, style: customStyle }) => (React.createElement(AuroraIcon, { color: color, name: name, style: customStyle, testID: "icon" }));
-export { Icon };

package/dist/shared/ui/components/atoms/icon/Icon.style.d.ts

@@ -1,13 +0,0 @@
-declare const style: {
-    icon: {
-        fontFamily: string;
-        fontSize: number;
-        fontStyle: "normal";
-        fontWeight: "normal";
-        height: number;
-        minHeight: number;
-        minWidth: number;
-        width: number;
-    };
-};
-export { style };

package/dist/shared/ui/components/atoms/icon/Icon.style.js

@@ -1,16 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "../../../../../infrastructure/ui/theme/theme";
-const { iconFamily, iconSize } = theme();
-const style = StyleSheet.create({
-    icon: {
-        fontFamily: iconFamily,
-        fontSize: iconSize,
-        fontStyle: "normal",
-        fontWeight: "normal",
-        height: iconSize,
-        minHeight: iconSize,
-        minWidth: iconSize,
-        width: iconSize,
-    },
-});
-export { style };

package/dist/shared/ui/components/molecules/buttonIcon/ButtonIcon.d.ts

@@ -1,16 +0,0 @@
-import { FC } from "react";
-import { StyleProp, TouchableHighlightProps, ViewStyle } from "react-native";
-import { IconName, IconStyle } from "../../atoms/icon/Icon";
-interface ButtonIconStyle {
-    readonly button: StyleProp<ViewStyle>;
-    readonly icon: IconStyle;
-}
-interface ButtonIconBaseProps {
-    readonly name: IconName;
-    readonly testID?: string;
-    readonly style?: Partial<ButtonIconStyle>;
-}
-interface ButtonIconProps extends Omit<TouchableHighlightProps, keyof ButtonIconBaseProps>, ButtonIconBaseProps {
-}
-declare const ButtonIcon: FC<ButtonIconProps>;
-export { ButtonIcon };

package/dist/shared/ui/components/molecules/buttonIcon/ButtonIcon.js

@@ -1,7 +0,0 @@
-import React from "react";
-import { TouchableHighlight } from "react-native";
-import { Icon } from "../../atoms/icon/Icon";
-import { buttonIconUnderlayColor, style } from "./ButtonIcon.style";
-const ButtonIcon = ({ name, style: customStyle, testID = "button-icon", onPress, ...restProps }) => (React.createElement(TouchableHighlight, { style: [style.buttonIcon, customStyle?.button], testID: testID, underlayColor: buttonIconUnderlayColor, onPress: onPress, ...restProps },
-    React.createElement(Icon, { name: name, style: customStyle?.icon })));
-export { ButtonIcon };

package/dist/shared/ui/components/molecules/buttonIcon/ButtonIcon.style.d.ts

@@ -1,8 +0,0 @@
-declare const buttonIconUnderlayColor: string;
-declare const style: {
-    buttonIcon: {
-        flexGrow: number;
-        padding: number;
-    };
-};
-export { style, buttonIconUnderlayColor };

package/dist/shared/ui/components/molecules/buttonIcon/ButtonIcon.style.js

@@ -1,11 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "../../../../../infrastructure/ui/theme/theme";
-const { spaceS, colorGrayscaleS } = theme();
-const buttonIconUnderlayColor = colorGrayscaleS;
-const style = StyleSheet.create({
-    buttonIcon: {
-        flexGrow: 0,
-        padding: spaceS,
-    },
-});
-export { style, buttonIconUnderlayColor };

package/dist/shared/ui/components/molecules/selectField/SelectField.d.ts

@@ -1,27 +0,0 @@
-import { FC } from "react";
-import { StyleProp, TextStyle, TouchableHighlightProps, ViewStyle } from "react-native";
-import { InputFieldStyle } from "../inputField/InputField";
-interface SelectFieldStyle {
-    readonly selectField: StyleProp<ViewStyle>;
-    readonly modalContent: StyleProp<ViewStyle>;
-    readonly option: StyleProp<ViewStyle>;
-    readonly optionText: StyleProp<TextStyle>;
-    readonly inputField: Partial<InputFieldStyle>;
-}
-interface Option {
-    readonly label: string;
-    readonly value: string;
-}
-interface SelectFieldBaseProps {
-    readonly title?: string;
-    readonly placeholder: string;
-    readonly value: string | undefined;
-    readonly options: Option[];
-    readonly style?: Partial<SelectFieldStyle>;
-    readonly onChange?: (value: string) => void;
-}
-interface SelectFieldProps extends Omit<TouchableHighlightProps, keyof SelectFieldBaseProps>, SelectFieldBaseProps {
-}
-declare const SelectField: FC<SelectFieldProps>;
-export type { Option };
-export { SelectField };

package/dist/shared/ui/components/molecules/selectField/SelectField.js

@@ -1,28 +0,0 @@
-import { COLOR, Text } from "@lookiero/aurora";
-import React, { useCallback, useMemo, useState } from "react";
-import { TouchableHighlight, View } from "react-native";
-import { theme } from "../../../../../infrastructure/ui/theme/theme";
-import { Modal } from "../../layouts/modal/Modal";
-import { InputField } from "../inputField/InputField";
-import { style } from "./SelectField.style";
-const { colorGrayscaleS } = theme();
-const SelectField = ({ title, placeholder, value, options, style: customStyle, onChange = () => void 0, testID, ...touchableRestProps }) => {
-    const [modalVisible, setModalVisible] = useState(false);
-    const handleOnPressSelectField = useCallback(() => setModalVisible(true), []);
-    const handleOnModalClose = useCallback(() => setModalVisible(false), []);
-    const handleOnPressOption = useCallback((value) => {
-        onChange(value);
-        handleOnModalClose();
-    }, [handleOnModalClose, onChange]);
-    const selectedValue = useMemo(() => options.find((option) => option.value === value), [options, value]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(TouchableHighlight, { accessibilityLabel: testID, style: customStyle?.selectField, testID: testID, underlayColor: colorGrayscaleS, accessible: true, onPress: handleOnPressSelectField, ...touchableRestProps },
-            React.createElement(View, { pointerEvents: "none" },
-                React.createElement(InputField, { editable: false, icon: "arrow-down", label: placeholder, style: customStyle?.inputField, value: selectedValue?.label }))),
-        React.createElement(Modal, { testID: "select-field-modal", visible: modalVisible, scroll: true, showCloseButton: true, onClose: handleOnModalClose },
-            React.createElement(View, { style: [style.modalContent, customStyle?.modalContent] },
-                title && (React.createElement(Text, { level: 2, style: style.modalTitle }, title)),
-                options.map(({ label, value: optionValue }) => (React.createElement(TouchableHighlight, { key: optionValue, accessibilityLabel: optionValue, disabled: value === optionValue, style: [style.option, customStyle?.option], testID: optionValue, underlayColor: colorGrayscaleS, accessible: true, onPress: value !== optionValue ? () => handleOnPressOption(optionValue) : undefined },
-                    React.createElement(Text, { color: value === optionValue ? COLOR.GRAYSCALE_M : COLOR.CONTENT, level: 3, style: [style.optionText, customStyle?.optionText] }, label))))))));
-};
-export { SelectField };

package/dist/shared/ui/components/molecules/selectField/SelectField.style.d.ts

@@ -1,19 +0,0 @@
-declare const style: {
-    modalContent: {
-        paddingBottom: number;
-        paddingHorizontal: number;
-    };
-    modalTitle: {
-        marginBottom: number;
-        textAlign: "center";
-    };
-    option: {
-        borderBottomColor: string;
-        borderBottomWidth: number;
-        paddingVertical: number;
-    };
-    optionText: {
-        lineHeight: number;
-    };
-};
-export { style };

package/dist/shared/ui/components/molecules/selectField/SelectField.style.js

@@ -1,22 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "../../../../../infrastructure/ui/theme/theme";
-const { borderSize, colorGrayscaleS, spaceM, spaceL, spaceXL } = theme();
-const style = StyleSheet.create({
-    modalContent: {
-        paddingBottom: spaceL,
-        paddingHorizontal: spaceXL,
-    },
-    modalTitle: {
-        marginBottom: spaceM,
-        textAlign: "center",
-    },
-    option: {
-        borderBottomColor: colorGrayscaleS,
-        borderBottomWidth: borderSize,
-        paddingVertical: spaceM,
-    },
-    optionText: {
-        lineHeight: 24,
-    },
-});
-export { style };

package/dist/shared/ui/components/molecules/toast/Toast.d.ts

@@ -1,25 +0,0 @@
-import { FC } from "react";
-import { StyleProp, TextStyle, ViewStyle } from "react-native";
-declare enum ToastVariant {
-    INFO = "INFO",
-    ERROR = "ERROR",
-    SUCCESS = "SUCCESS"
-}
-interface ToastStyle {
-    readonly toast?: StyleProp<ViewStyle>;
-    readonly content?: StyleProp<ViewStyle>;
-    readonly title?: StyleProp<TextStyle>;
-    readonly body?: StyleProp<TextStyle>;
-    readonly closeButton?: StyleProp<ViewStyle>;
-}
-interface ToastProps {
-    readonly body: string;
-    readonly title?: string;
-    readonly onClose?: () => void;
-    readonly testID?: string;
-    readonly variant?: ToastVariant;
-    readonly style?: ToastStyle;
-}
-declare const Toast: FC<ToastProps>;
-export type { ToastStyle };
-export { Toast, ToastVariant };

package/dist/shared/ui/components/molecules/toast/Toast.js

@@ -1,22 +0,0 @@
-import { COLOR, Text } from "@lookiero/aurora";
-import React from "react";
-import { View } from "react-native";
-import { useScreenSize } from "../../../hooks/useScreenSize";
-import { ButtonIcon } from "../buttonIcon/ButtonIcon";
-import { style } from "./Toast.style";
-var ToastVariant;
-(function (ToastVariant) {
-    ToastVariant["INFO"] = "INFO";
-    ToastVariant["ERROR"] = "ERROR";
-    ToastVariant["SUCCESS"] = "SUCCESS";
-})(ToastVariant || (ToastVariant = {}));
-const styleVariant = (variant) => variant.toLowerCase();
-const Toast = ({ body, title, onClose, testID, variant = ToastVariant.INFO, style: customStyle, }) => {
-    const screenSize = useScreenSize();
-    return (React.createElement(View, { style: [style.toast, style[styleVariant(variant)], customStyle?.toast], testID: testID },
-        React.createElement(View, { style: style.content },
-            title && (React.createElement(Text, { level: screenSize === "S" ? 3 : 2, style: [style.title, customStyle?.title], testID: "toast-title" }, title)),
-            React.createElement(Text, { color: COLOR.CONTENT, level: 2, style: customStyle?.body, testID: "toast-body", detail: true }, body)),
-        onClose && (React.createElement(ButtonIcon, { name: "close", style: { button: [style.button, customStyle?.closeButton] }, testID: "toast-close-button", onPress: onClose }))));
-};
-export { Toast, ToastVariant };

package/dist/shared/ui/components/molecules/toast/Toast.style.d.ts

@@ -1,34 +0,0 @@
-declare const style: {
-    button: {
-        marginLeft: number;
-        padding: number;
-    };
-    content: {
-        flex: number;
-        padding: number;
-    };
-    error: {
-        backgroundColor: string;
-    };
-    info: {
-        backgroundColor: string;
-    };
-    success: {
-        backgroundColor: string;
-    };
-    title: {
-        marginBottom: number;
-    };
-    toast: {
-        alignItems: "flex-start";
-        flexDirection: "row";
-        shadowColor: string;
-        shadowOffset: {
-            width: number;
-            height: number;
-        };
-        shadowOpacity: number;
-        shadowRadius: number;
-    };
-};
-export { style };

package/dist/shared/ui/components/molecules/toast/Toast.style.js

@@ -1,34 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "../../../../../infrastructure/ui/theme/theme";
-const { colorAlert, colorInfo, colorAccent, spaceS, spaceM, elevationColor, elevationOffset, elevationOpacityM, elevationRadius, } = theme();
-const style = StyleSheet.create({
-    button: {
-        marginLeft: spaceS,
-        padding: spaceM,
-    },
-    content: {
-        flex: 1,
-        padding: spaceM,
-    },
-    error: {
-        backgroundColor: colorAlert,
-    },
-    info: {
-        backgroundColor: colorInfo,
-    },
-    success: {
-        backgroundColor: colorAccent,
-    },
-    title: {
-        marginBottom: spaceS,
-    },
-    toast: {
-        alignItems: "flex-start",
-        flexDirection: "row",
-        shadowColor: elevationColor,
-        shadowOffset: elevationOffset,
-        shadowOpacity: elevationOpacityM,
-        shadowRadius: elevationRadius,
-    },
-});
-export { style };