@lookiero/checkout 0.4.0-beta.0 → 0.4.0-beta.2

package/dist/src/shared/ui/components/layouts/row/Row.js

@@ -1,10 +0,0 @@
-import React from "react";
-import { View } from "react-native";
-import { useScreenSize } from "../../../hooks/useScreenSize";
-import { style } from "./Row.style";
-const Row = ({ children, style: customStyle, ...restProps }) => {
-    const screenSize = useScreenSize();
-    const largeStyle = screenSize !== "S" && style.rowLarge;
-    return (React.createElement(View, { style: [style.row, largeStyle, customStyle], ...restProps }, children));
-};
-export { Row };

package/dist/src/shared/ui/components/layouts/row/Row.style.d.ts

@@ -1,13 +0,0 @@
-declare const style: {
-    row: {
-        alignItems: "center";
-        flexWrap: "wrap";
-        marginHorizontal: string;
-        maxWidth: number;
-        width: string;
-    };
-    rowLarge: {
-        maxWidth: number;
-    };
-};
-export { style };

package/dist/src/shared/ui/components/layouts/slider/Pagination.d.ts

@@ -1,14 +0,0 @@
-import { FC, ReactNode } from "react";
-import { StyleProp, ViewStyle } from "react-native";
-interface PaginationProps {
-    readonly touchable?: boolean;
-    readonly paginationStyle?: StyleProp<ViewStyle>;
-    readonly paginationItemStyle?: StyleProp<ViewStyle>;
-    readonly paginationActiveItemStyle?: StyleProp<ViewStyle>;
-    readonly count?: number;
-    readonly activeIndex?: number;
-    readonly onChange: (index: number) => void;
-    readonly renderItem?: (index: number) => ReactNode;
-}
-declare const Pagination: FC<PaginationProps>;
-export { Pagination };

package/dist/src/shared/ui/components/layouts/slider/Pagination.js

@@ -1,11 +0,0 @@
-import React from "react";
-import { Pressable, View } from "react-native";
-import { style } from "./Pagination.style";
-const Pagination = ({ touchable = true, paginationStyle, paginationItemStyle, paginationActiveItemStyle, count = 0, activeIndex = 0, renderItem, onChange, }) => (React.createElement(View, { style: [style.paginationWrapper, paginationStyle], testID: "slider-pagination" }, Array.from(Array(count).keys()).map((index) => (React.createElement(View, { key: index, style: style.paginationContainer },
-    React.createElement(Pressable, { testID: "slider-pagination-item", style: [
-            style.paginationItem,
-            activeIndex === index && style.active,
-            paginationItemStyle,
-            activeIndex === index && paginationActiveItemStyle,
-        ], onPress: !touchable ? undefined : () => onChange(index) }, renderItem?.(index)))))));
-export { Pagination };

package/dist/src/shared/ui/components/layouts/slider/Pagination.style.d.ts

@@ -1,23 +0,0 @@
-declare const style: {
-    active: {
-        backgroundColor: string;
-    };
-    paginationContainer: {
-        margin: number;
-    };
-    paginationItem: {
-        backgroundColor: string;
-        borderRadius: number;
-        height: number;
-        width: number;
-    };
-    paginationWrapper: {
-        alignItems: "center";
-        bottom: number;
-        flexDirection: "row";
-        justifyContent: "center";
-        position: "absolute";
-        width: string;
-    };
-};
-export { style };

package/dist/src/shared/ui/components/layouts/slider/Slider.d.ts

@@ -1,20 +0,0 @@
-import { FC, ReactNode } from "react";
-import { StyleProp, ViewStyle } from "react-native";
-interface SliderProps {
-    readonly children: ReactNode[];
-    readonly active?: number;
-    readonly loop?: boolean;
-    readonly minDistanceToCapture?: number;
-    readonly minDistanceForAction?: number;
-    readonly gesturesEnabled?: boolean;
-    readonly paginationEnabled?: boolean;
-    readonly paginationStyle?: StyleProp<ViewStyle>;
-    readonly paginationItemStyle?: StyleProp<ViewStyle>;
-    readonly paginationActiveItemStyle?: StyleProp<ViewStyle>;
-    readonly onSliderStart?: () => void;
-    readonly onSliderEnd?: () => void;
-    readonly onChanged?: (index: number) => void;
-    readonly paginationRenderItem?: (index: number) => ReactNode;
-}
-declare const Slider: FC<SliderProps>;
-export { Slider };

package/dist/src/shared/ui/components/layouts/slider/Slider.js

@@ -1,132 +0,0 @@
-import React, { useCallback, useEffect, useRef, useState } from "react";
-import { Animated, I18nManager, PanResponder, StyleSheet, View, } from "react-native";
-import { Pagination } from "./Pagination";
-import { style } from "./Slider.style";
-const DEFAULT_WIDTH = 200;
-const Slider = ({ children, active = 0, loop = false, minDistanceToCapture = 5, minDistanceForAction = 0.2, gesturesEnabled = true, paginationEnabled = true, paginationStyle, paginationItemStyle, paginationActiveItemStyle, onSliderStart, onSliderEnd, onChanged, paginationRenderItem, }) => {
-    const flatennedChildren = children.flat();
-    const count = flatennedChildren.length;
-    const [width, setWidth] = useState(0);
-    const widthRef = useRef(width);
-    const activeIndex = useRef(active);
-    const animatedValueX = useRef(0);
-    const animatedValueY = useRef(0);
-    const pan = useRef(new Animated.ValueXY()).current;
-    const started = useRef(false);
-    const panResponder = useRef(PanResponder.create({
-        onPanResponderTerminationRequest: () => false,
-        onMoveShouldSetPanResponder: () => gesturesEnabled,
-        // eslint-disable-next-line @typescript-eslint/naming-convention
-        onMoveShouldSetPanResponderCapture: (_e, gestureState) => {
-            if (!gesturesEnabled) {
-                return false;
-            }
-            startAnimation();
-            const allow = Math.abs(gestureState.dx) > minDistanceToCapture;
-            return allow;
-        },
-        onPanResponderGrant: () => fixState(),
-        onPanResponderMove: Animated.event([null, { dx: pan.x }], {
-            useNativeDriver: false,
-        }),
-        // eslint-disable-next-line @typescript-eslint/naming-convention
-        onPanResponderRelease: (_e, gesture) => {
-            const correction = gesture.moveX - gesture.x0;
-            if (Math.abs(correction) < widthRef.current * minDistanceForAction) {
-                spring({ x: 0, y: 0 });
-            }
-            else {
-                changeIndex(correction > 0 ? (I18nManager.isRTL ? 1 : -1) : I18nManager.isRTL ? -1 : 1);
-            }
-        },
-        onPanResponderEnd: () => endAnimation(),
-    })).current;
-    const startAnimation = useCallback(() => {
-        if (!started.current) {
-            onSliderStart?.();
-            started.current = true;
-        }
-    }, [onSliderStart]);
-    const endAnimation = useCallback(() => {
-        if (started.current) {
-            onSliderEnd?.();
-            started.current = false;
-        }
-    }, [onSliderEnd]);
-    const fixState = useCallback(() => {
-        animatedValueX.current = widthRef.current * activeIndex.current * (I18nManager.isRTL ? 1 : -1);
-        animatedValueY.current = 0;
-        pan.setOffset({
-            x: animatedValueX.current,
-            y: animatedValueY.current,
-        });
-        pan.setValue({ x: 0, y: 0 });
-    }, [pan]);
-    const spring = useCallback((toValue) => {
-        Animated.spring(pan, {
-            toValue,
-            useNativeDriver: false,
-        }).start();
-    }, [pan]);
-    const changeIndex = useCallback((delta = 1) => {
-        const toValue = { x: 0, y: 0 };
-        let skipChanges = !delta;
-        let calcDelta = delta;
-        if (activeIndex.current <= 0 && delta < 0) {
-            skipChanges = !loop;
-            calcDelta = count + delta;
-        }
-        else if (activeIndex.current + 1 >= count && delta > 0) {
-            skipChanges = !loop;
-            calcDelta = -1 * activeIndex.current + delta - 1;
-        }
-        if (skipChanges) {
-            return spring(toValue);
-        }
-        const index = activeIndex.current + calcDelta;
-        activeIndex.current = index;
-        toValue.x = widthRef.current * (I18nManager.isRTL ? 1 : -1) * calcDelta;
-        spring(toValue);
-        onChanged?.(index);
-    }, [count, loop, onChanged, spring]);
-    const fixAndGo = useCallback((delta) => {
-        fixState();
-        startAnimation();
-        changeIndex(delta);
-    }, [changeIndex, fixState, startAnimation]);
-    const goTo = useCallback((index = 0) => {
-        const delta = index - activeIndex.current;
-        if (delta) {
-            fixAndGo(delta);
-        }
-    }, [fixAndGo]);
-    const getActiveIndex = useCallback(() => activeIndex.current, []);
-    useEffect(() => {
-        pan.x.addListener(({ value }) => (animatedValueX.current = value));
-        pan.y.addListener(({ value }) => (animatedValueY.current = value));
-        return () => {
-            pan.x.removeAllListeners();
-            pan.y.removeAllListeners();
-        };
-    }, [pan.x, pan.y]);
-    useEffect(() => {
-        if (activeIndex.current !== active) {
-            goTo(active);
-        }
-    }, [active, goTo]);
-    const onLayoutWrapper = useCallback(({ nativeEvent: { layout: { width: wrapperWidth }, }, }) => {
-        const width = wrapperWidth || DEFAULT_WIDTH;
-        setWidth(width);
-        widthRef.current = width;
-        fixState();
-    }, [fixState]);
-    return (React.createElement(View, { style: style.container, testID: "slider", onLayout: onLayoutWrapper },
-        React.createElement(Animated.View, { style: StyleSheet.flatten([
-                {
-                    transform: [{ translateX: pan.x }, { translateY: pan.y }],
-                },
-                style.sliderAreaStyle,
-            ]), ...panResponder.panHandlers }, flatennedChildren.map((child, index) => (React.createElement(View, { key: index, style: { width }, testID: "slider-child" }, child)))),
-        paginationEnabled && (React.createElement(Pagination, { activeIndex: getActiveIndex(), count: count, paginationActiveItemStyle: paginationActiveItemStyle, paginationItemStyle: paginationItemStyle, paginationStyle: paginationStyle, renderItem: paginationRenderItem, onChange: (index) => goTo(index) }))));
-};
-export { Slider };

package/dist/src/shared/ui/components/layouts/slider/Slider.style.d.ts

@@ -1,11 +0,0 @@
-declare const style: {
-    container: {
-        flex: number;
-        overflow: "hidden";
-    };
-    sliderAreaStyle: {
-        flex: number;
-        flexDirection: "row";
-    };
-};
-export { style };

package/dist/src/shared/ui/components/layouts/slider/Slider.style.js

@@ -1,12 +0,0 @@
-import { StyleSheet } from "react-native";
-const style = StyleSheet.create({
-    container: {
-        flex: 1,
-        overflow: "hidden",
-    },
-    sliderAreaStyle: {
-        flex: 1,
-        flexDirection: "row",
-    },
-});
-export { style };

package/dist/src/shared/ui/components/layouts/sticky/Sticky.d.ts

@@ -1,14 +0,0 @@
-import { FC, ReactNode } from "react";
-import { StyleProp, ViewStyle } from "react-native";
-interface Layout {
-    readonly width: number;
-    readonly height: number;
-}
-interface StickyProps {
-    readonly children: ReactNode;
-    readonly style?: StyleProp<ViewStyle>;
-    readonly onLayout?: ({ width, height }: Layout) => void;
-}
-declare const Sticky: FC<StickyProps>;
-export type { Layout };
-export { Sticky };

package/dist/src/shared/ui/components/layouts/sticky/Sticky.style.d.ts

@@ -1,46 +0,0 @@
-import { StyleSheet } from "react-native";
-declare const style: StyleSheet.NamedStyles<any> | StyleSheet.NamedStyles<{
-    sticky: {
-        backgroundColor: string;
-        bottom: number;
-        elevation: number;
-        paddingTop: number;
-        shadowColor: string;
-        shadowOffset: {
-            height: number;
-            width: number;
-        };
-        shadowOpacity: number;
-        shadowRadius: number;
-        width: string;
-    } | {
-        position: "sticky";
-        backgroundColor: string;
-        bottom: number;
-        elevation: number;
-        paddingTop: number;
-        shadowColor: string;
-        shadowOffset: {
-            height: number;
-            width: number;
-        };
-        shadowOpacity: number;
-        shadowRadius: number;
-        width: string;
-    } | {
-        position: "absolute";
-        backgroundColor: string;
-        bottom: number;
-        elevation: number;
-        paddingTop: number;
-        shadowColor: string;
-        shadowOffset: {
-            height: number;
-            width: number;
-        };
-        shadowOpacity: number;
-        shadowRadius: number;
-        width: string;
-    };
-}>;
-export { style };

package/dist/src/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/src/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/src/shared/ui/components/molecules/buttonIcon/ButtonIcon.style.d.ts

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

package/dist/src/shared/ui/components/molecules/inputField/InputField.style.d.ts

@@ -1,17 +0,0 @@
-declare const style: {
-    error: {
-        marginLeft: number;
-        marginTop: number;
-    };
-    field: {
-        position: "absolute";
-        zIndex: number;
-    };
-    icon: {
-        position: "absolute";
-        right: number;
-        top: number;
-        zIndex: number;
-    };
-};
-export { style };

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

@@ -1,26 +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 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/src/shared/ui/components/molecules/selectField/SelectField.style.d.ts

@@ -1,15 +0,0 @@
-declare const style: {
-    modalContent: {
-        paddingBottom: number;
-        paddingHorizontal: number;
-    };
-    option: {
-        borderBottomColor: string;
-        borderBottomWidth: number;
-        paddingVertical: number;
-    };
-    optionText: {
-        lineHeight: number;
-    };
-};
-export { style };

package/dist/src/shared/ui/hooks/useScreenSize.js

@@ -1,9 +0,0 @@
-import { useDevice } from "@lookiero/aurora-next/build/hooks/useDevice/useDevice";
-const useScreenSize = () => {
-    const { screen } = useDevice();
-    const screenSize = Object.entries(screen)
-        .filter(([key]) => ["S", "M", "L"].includes(key))
-        .find(([, value]) => value);
-    return screenSize?.[0];
-};
-export { useScreenSize };