@lookiero/checkout 3.10.0-beta.0 → 3.10.0

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

@@ -5,6 +5,7 @@ declare const style: {
         flexDirection: "row";
         flexGrow: number;
         flexWrap: "nowrap";
+        height: number;
         justifyContent: "space-between";
         overflow: "visible";
         paddingHorizontal: number;

package/dist/infrastructure/ui/components/templates/header/Header.style.js

@@ -1,6 +1,7 @@
 import { StyleSheet } from "react-native";
 import { theme } from "../../../theme/theme";
-const { colorBase, spaceS } = theme();
+const { colorBase, spaceS, spaceXXXL } = theme();
+const HEADER_HEIGHT = spaceXXXL;
 const style = StyleSheet.create({
     header: {
         alignItems: "center",
@@ -8,6 +9,7 @@ const style = StyleSheet.create({
         flexDirection: "row",
         flexGrow: 0,
         flexWrap: "nowrap",
+        height: HEADER_HEIGHT,
         justifyContent: "space-between",
         overflow: "visible",
         paddingHorizontal: spaceS,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "3.10.0-beta.0",
+  "version": "3.10.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [

package/dist/infrastructure/ui/components/layouts/layout/dummyLayout/useScrollViewRef.d.ts

@@ -1,15 +0,0 @@
-import { FC, ReactNode, Ref } from "react";
-import { GestureType, ScrollView } from "react-native-gesture-handler";
-interface ContextShape {
-    readonly scrollViewRef: Ref<ScrollView>;
-    readonly panGestureRef: Ref<GestureType>;
-}
-interface ScrollViewRefContextProviderProps {
-    readonly children: ReactNode;
-}
-declare const ScrollViewRefContextProvider: FC<ScrollViewRefContextProviderProps>;
-interface UseScrollViewRefFunction {
-    (): ContextShape;
-}
-declare const useScrollViewRef: UseScrollViewRefFunction;
-export { useScrollViewRef, ScrollViewRefContextProvider };

package/dist/infrastructure/ui/components/layouts/layout/dummyLayout/useScrollViewRef.js

@@ -1,14 +0,0 @@
-import React, { createContext, useContext, useRef } from "react";
-import invariant from "tiny-invariant";
-const ScrollViewRefContext = createContext(null);
-const ScrollViewRefContextProvider = ({ children }) => {
-    const scrollViewRef = useRef(null);
-    const panGestureRef = useRef(null);
-    return (React.createElement(ScrollViewRefContext.Provider, { value: { scrollViewRef, panGestureRef } }, children));
-};
-const useScrollViewRef = () => {
-    const ref = useContext(ScrollViewRefContext);
-    invariant(ref, "Your are trying to use the useScrollViewRef hook without wrapping your app with the <ScrollViewRefContextProvider>.");
-    return ref;
-};
-export { useScrollViewRef, ScrollViewRefContextProvider };

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

@@ -1,30 +0,0 @@
-/// <reference types="react" />
-import { StyleProp, ViewStyle } from "react-native";
-interface RenderItemFunctionArgs<T> {
-    readonly item: T;
-    readonly index: number;
-}
-interface RenderItemFunction<T> {
-    (args: RenderItemFunctionArgs<T>): JSX.Element;
-}
-interface RenderBulletsFunctionArgs {
-    readonly activeIndex: number;
-    readonly count: number;
-    readonly onChange: (index: number) => void;
-}
-interface RenderBulletsFunction {
-    (args: RenderBulletsFunctionArgs): JSX.Element;
-}
-interface CarouselStyle {
-    readonly container?: StyleProp<ViewStyle>;
-}
-interface CarouselProps<T> {
-    readonly data: T[];
-    readonly children: RenderItemFunction<T>;
-    readonly bullets: RenderBulletsFunction;
-    readonly onActiveIndexChanged?: (index: number) => void;
-    readonly style?: CarouselStyle;
-}
-declare const Carousel2: <T>({ data, children, bullets, onActiveIndexChanged, style: customStyle }: CarouselProps<T>) => JSX.Element;
-export type { RenderItemFunction, RenderBulletsFunction };
-export { Carousel2 };

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

@@ -1,79 +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, style: customStyle }) => {
-    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(undefined);
-    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 }) => {
-        if (panInitialTranslationX.value === undefined) {
-            return;
-        }
-        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, velocityX }) => {
-        if (panInitialTranslationX.value === undefined) {
-            return;
-        }
-        const tX = panInitialTranslationX.value + translationX;
-        const indexDelta = Math.round(translationX / carouselDimensions.width);
-        const velocityIndex = Math.abs(indexDelta) > 0 ? 0 : clamp(-1, 1, Math.abs(velocityX) > 2 ? -velocityX : 0);
-        const index = clamp(0, data.length - 1, Math.round(-tX / carouselDimensions.width) + velocityIndex);
-        panTranslationX.value = withSpring(-index * carouselDimensions.width, SPRING_CONFIG);
-        panInitialTranslationX.value = undefined;
-        runOnJS(updateActiveIndex)(index);
-    }), [carouselDimensions.width, data.length, panInitialTranslationX, panTranslationX, updateActiveIndex]);
-    const animatedStyle = useAnimatedStyle(() => ({ transform: [{ translateX: panTranslationX.value }] }), [panTranslationX]);
-    return (React.createElement(View, { style: [style.container, customStyle?.container] },
-        React.createElement(View, { style: style.carousel, onLayout: handleOnLayout },
-            React.createElement(GestureHandlerRootView, { style: { flex: 1 } },
-                React.createElement(GestureDetector, { gesture: panGesture },
-                    React.createElement(Animated.View, { style: [style.carouselTrack, { width: carouselDimensions.width * data.length }, animatedStyle] }, data.map((item, index) => (React.createElement(View, { key: index, style: [style.carouselItem, { width: carouselDimensions.width }] }, children({ index, item })))))))),
-        React.createElement(View, { style: style.bullets }, 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/Bullets.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/Bullets.js

@@ -1,28 +0,0 @@
-import { animated, useSpring } from "@react-spring/native";
-import React from "react";
-import { View, Pressable } from "react-native";
-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 diameter = delta > 1 ? DIAMETER_MAX - delta * DIAMETER_MIN : DIAMETER_MAX;
-    const color = delta === 0 ? colorContent : colorGrayscaleM;
-    const springs = useSpring({ diameter, color });
-    return delta >= pivot ? null : (React.createElement(Pressable, { onPress: () => onChange(index) },
-        React.createElement(animated.View, { accessibilityState: { selected: delta === 0 }, testID: "bullet", style: [
-                style.bullet,
-                {
-                    width: springs.diameter,
-                    height: springs.diameter,
-                    backgroundColor: springs.color,
-                    borderRadius: springs.diameter,
-                },
-            ] })));
-};
-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/Bullets.style.d.ts

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

package/dist/shared/ui/components/layouts/slider/Bullets.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({
-    bullet: {
-        marginHorizontal: 3,
-    },
-    bullets: {
-        alignItems: "center",
-        flexDirection: "row",
-        justifyContent: "center",
-        paddingVertical: spaceM,
-    },
-});
-export { style };

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/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/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/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/shared/ui/components/layouts/slider/Pagination.style.js

@@ -1,27 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "../../../../../infrastructure/ui/theme/theme";
-const { colorGrayscaleS, colorGrayscaleXL } = theme();
-const DOT_SIZE = 8;
-const style = StyleSheet.create({
-    active: {
-        backgroundColor: colorGrayscaleXL,
-    },
-    paginationContainer: {
-        margin: 3,
-    },
-    paginationItem: {
-        backgroundColor: colorGrayscaleS,
-        borderRadius: DOT_SIZE / 2,
-        height: DOT_SIZE,
-        width: DOT_SIZE,
-    },
-    paginationWrapper: {
-        alignItems: "center",
-        bottom: 10,
-        flexDirection: "row",
-        justifyContent: "center",
-        position: "absolute",
-        width: "100%",
-    },
-});
-export { style };

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

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

package/dist/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 { Bullets } from "./Bullets";
-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, onSliderStart, onSliderEnd, onChanged, }) => {
-    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([
-                {
-                    left: pan.x,
-                },
-                style.sliderAreaStyle,
-            ]), ...panResponder.panHandlers }, flatennedChildren.map((child, index) => (React.createElement(View, { key: index, style: { width }, testID: "slider-child" }, child)))),
-        paginationEnabled && (React.createElement(Bullets, { activeIndex: getActiveIndex(), count: count, testID: "slider-bullets", onChange: (index) => goTo(index) }))));
-};
-export { Slider };

package/dist/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/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/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 };