@lookiero/checkout 3.8.0-beta.13 → 3.8.0-beta.2

package/dist/shared/ui/components/layouts/carousel/Carousel2.js

@@ -1,69 +0,0 @@
-import React, { useCallback, useMemo, useRef, useState } from "react";
-import { View } from "react-native";
-import { Gesture, GestureDetector, GestureHandlerRootView } from "react-native-gesture-handler";
-import Animated, { useSharedValue, withSpring, useAnimatedStyle, runOnJS } from "react-native-reanimated";
-import { style } from "./Carousel.style";
-const SPRING_CONFIG = {
-    damping: 25,
-    mass: 1,
-    stiffness: 300,
-};
-const clamp = (min, max, value) => {
-    "worklet";
-    return Math.min(max, Math.max(min, value));
-};
-const Carousel2 = ({ data, children, bullets, onActiveIndexChanged }) => {
-    const [carouselDimensions, setCarouselDimensions] = useState({
-        width: 0,
-        height: 0,
-    });
-    const handleOnLayout = useCallback(({ nativeEvent: { layout: { width, height }, }, }) => setCarouselDimensions({ width, height }), []);
-    const [activeIndex, setActiveIndex] = useState(0);
-    const activeIndexRef = useRef(activeIndex);
-    activeIndexRef.current = activeIndex;
-    const updateActiveIndex = useCallback((index) => {
-        if (activeIndexRef.current === index) {
-            return;
-        }
-        setActiveIndex(index);
-        onActiveIndexChanged?.(index);
-    }, [onActiveIndexChanged]);
-    const panTranslationX = useSharedValue(0);
-    const panInitialTranslationX = useSharedValue(0);
-    const handleOnActiveIndexChanged = useCallback((index) => {
-        updateActiveIndex(index);
-        panTranslationX.value = withSpring(-index * carouselDimensions.width, SPRING_CONFIG);
-    }, [carouselDimensions.width, panTranslationX, updateActiveIndex]);
-    const panGesture = useMemo(() => Gesture.Pan()
-        .maxPointers(1)
-        .activeOffsetX([-20, 20])
-        // .failOffsetY([-20, 20])
-        // This method does not work if legacy implementation is enabled
-        // Expo.tsx => enableLegacyWebImplementation(true)
-        // .onStart(() => {
-        //   panInitialTranslationX.value = panTranslationX.value;
-        // })
-        // This method is defined as legacy implementation is enabled
-        .onBegin(() => {
-        panInitialTranslationX.value = panTranslationX.value;
-    })
-        .onUpdate(({ translationX }) => {
-        const tX = panInitialTranslationX.value + translationX;
-        const index = clamp(0, data.length - 1, Math.round(-tX / carouselDimensions.width));
-        panTranslationX.value = tX;
-        runOnJS(updateActiveIndex)(index);
-    })
-        .onEnd(({ translationX }) => {
-        const tX = panInitialTranslationX.value + translationX;
-        const index = clamp(0, data.length - 1, Math.round(-tX / carouselDimensions.width));
-        panTranslationX.value = withSpring(-index * carouselDimensions.width, SPRING_CONFIG);
-    }), [carouselDimensions.width, data.length, panInitialTranslationX, panTranslationX, updateActiveIndex]);
-    const animatedStyle = useAnimatedStyle(() => ({ transform: [{ translateX: panTranslationX.value }] }), [panTranslationX]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(View, { style: style.container, onLayout: handleOnLayout },
-            React.createElement(GestureHandlerRootView, { style: { flex: 1 } },
-                React.createElement(GestureDetector, { gesture: panGesture },
-                    React.createElement(Animated.View, { style: [style.carousel, { width: carouselDimensions.width * data.length }, animatedStyle] }, data.map((item, index) => (React.createElement(View, { key: index, style: [style.carouselItem, { width: carouselDimensions.width }] }, children({ index, item })))))))),
-        bullets({ activeIndex, count: data.length, onChange: handleOnActiveIndexChanged })));
-};
-export { Carousel2 };

package/dist/shared/ui/components/layouts/carousel/DragComponent.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const DragComponent: (props: any) => JSX.Element;
-export { DragComponent };

package/dist/shared/ui/components/layouts/carousel/DragComponent.js

@@ -1,48 +0,0 @@
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-import React from "react";
-import { View } from "react-native";
-import { Gesture, GestureDetector } from "react-native-gesture-handler";
-import { useSharedValue } from "react-native-reanimated";
-import { useScrollViewRef } from "../../../../../infrastructure/ui/components/layouts/layout/dummyLayout/useScrollViewRef";
-const TOUCH_SLOP = 5;
-const TIME_TO_ACTIVATE_PAN = 400;
-// @ts-ignore
-const DragComponent = (props) => {
-    const { scrollViewRef, panGestureRef } = useScrollViewRef();
-    const touchStart = useSharedValue({ x: 0, y: 0, time: 0 });
-    const gesture = Gesture.Pan()
-        .manualActivation(true)
-        .onTouchesDown((e) => {
-        touchStart.value = {
-            // @ts-ignore
-            x: e.changedTouches[0].x,
-            // @ts-ignore
-            y: e.changedTouches[0].y,
-            time: Date.now(),
-        };
-    })
-        .onTouchesMove((e, state) => {
-        if (Date.now() - touchStart.value.time > TIME_TO_ACTIVATE_PAN) {
-            state.activate();
-            console.log("activate");
-        }
-        else if (
-        // @ts-ignore
-        Math.abs(touchStart.value.x - e.changedTouches[0].x) > TOUCH_SLOP ||
-            // @ts-ignore
-            Math.abs(touchStart.value.y - e.changedTouches[0].y) > TOUCH_SLOP) {
-            state.fail();
-            console.log("fail");
-        }
-    })
-        .onUpdate(() => {
-        console.log("pan update");
-    })
-        // @ts-ignore
-        .simultaneousWithExternalGesture(scrollViewRef)
-        // @ts-ignore
-        .withRef(panGestureRef);
-    return (React.createElement(GestureDetector, { gesture: gesture },
-        React.createElement(View, null, props.children)));
-};
-export { DragComponent };

package/dist/shared/ui/components/layouts/slider/Bullets2.d.ts

@@ -1,10 +0,0 @@
-import { FC } from "react";
-interface BulletsProps {
-    readonly activeIndex: number;
-    readonly onChange: (index: number) => void;
-    readonly count: number;
-    readonly maxBullets?: number;
-    readonly testID?: string;
-}
-declare const Bullets: FC<BulletsProps>;
-export { Bullets };

package/dist/shared/ui/components/layouts/slider/Bullets2.js

@@ -1,30 +0,0 @@
-import React, { useEffect } from "react";
-import { View, Pressable } from "react-native";
-import Animated, { useAnimatedStyle, useDerivedValue, useSharedValue } from "react-native-reanimated";
-import { withSpring } from "react-native-reanimated";
-import { theme } from "../../../../../infrastructure/ui/theme/theme";
-import { style } from "./Bullets.style";
-const { colorContent, colorGrayscaleM } = theme();
-const MAX = 5;
-const DIAMETER_MAX = 8;
-const DIAMETER_MIN = 2;
-const Bullet = ({ index, activeIndex, maxBullets, onChange }) => {
-    const pivot = Math.floor(maxBullets / 2) + 1;
-    // const delta = Math.abs(index - activeIndex);
-    const delta = useSharedValue(0);
-    useEffect(() => {
-        delta.value = Math.abs(index - activeIndex);
-    }, [activeIndex, delta, index]);
-    const diameter = useDerivedValue(() => withSpring(delta.value > 1 ? DIAMETER_MAX - delta.value * DIAMETER_MIN : DIAMETER_MAX), [delta]);
-    const color = useDerivedValue(() => withSpring(delta.value === 0 ? colorContent : colorGrayscaleM), [delta]);
-    const animatedStyle = useAnimatedStyle(() => ({
-        width: diameter.value,
-        height: diameter.value,
-        backgroundColor: color.value,
-        borderRadius: diameter.value,
-    }), [diameter, color]);
-    return delta.value >= pivot ? null : (React.createElement(Pressable, { onPress: () => onChange(index) },
-        React.createElement(Animated.View, { accessibilityState: { selected: delta.value === 0 }, style: [style.bullet, animatedStyle], testID: "bullet" })));
-};
-const Bullets = ({ activeIndex, count, maxBullets = MAX, onChange, testID = "bullets" }) => (React.createElement(View, { style: style.bullets, testID: testID }, [...Array(count).keys()].map((index) => (React.createElement(Bullet, { key: index, activeIndex: activeIndex, index: index, maxBullets: maxBullets, onChange: onChange })))));
-export { Bullets };

package/dist/shared/ui/components/layouts/slider/SliderDots.d.ts

@@ -1,8 +0,0 @@
-import { FC } from "react";
-interface SliderDotsProps {
-    readonly count: number;
-    readonly index: number;
-    readonly onChange: (index: number) => void;
-}
-declare const SliderDots: FC<SliderDotsProps>;
-export { SliderDots };

package/dist/shared/ui/components/layouts/slider/SliderDots.js

@@ -1,16 +0,0 @@
-import React from "react";
-import { TouchableWithoutFeedback, View } from "react-native";
-import { theme } from "../../../../../infrastructure/ui/theme/theme";
-import { style } from "./SliderDots.style";
-const { colorContent } = theme();
-const SliderDot = ({ diameter, color }) => (React.createElement(View, { style: [style.sliderDot, { width: diameter, height: diameter, backgroundColor: color, borderRadius: diameter }] }));
-const SliderDots = () => {
-    return (React.createElement(View, { style: style.sliderDots },
-        React.createElement(TouchableWithoutFeedback, null,
-            React.createElement(SliderDot, { color: colorContent, diameter: 8 })),
-        React.createElement(TouchableWithoutFeedback, null,
-            React.createElement(SliderDot, { color: colorContent, diameter: 8 })),
-        React.createElement(TouchableWithoutFeedback, null,
-            React.createElement(SliderDot, { color: colorContent, diameter: 8 }))));
-};
-export { SliderDots };

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

@@ -1,12 +0,0 @@
-declare const style: {
-    sliderDot: {
-        marginHorizontal: number;
-    };
-    sliderDots: {
-        alignItems: "center";
-        flexDirection: "row";
-        justifyContent: "center";
-        paddingVertical: number;
-    };
-};
-export { style };

package/dist/shared/ui/components/layouts/slider/SliderDots.style.js

@@ -1,15 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "../../../../../infrastructure/ui/theme/theme";
-const { spaceM } = theme();
-const style = StyleSheet.create({
-    sliderDot: {
-        marginHorizontal: 3,
-    },
-    sliderDots: {
-        alignItems: "center",
-        flexDirection: "row",
-        justifyContent: "center",
-        paddingVertical: spaceM,
-    },
-});
-export { style };