@lookiero/checkout 3.8.0-beta.1 → 3.8.0-beta.11

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { TCarouselProps } from "react-native-reanimated-carousel";
+type CarouselRenderItem<T> = TCarouselProps<T>["renderItem"];
+interface CarouselProps<T> {
+    readonly data: T[];
+    readonly children: CarouselRenderItem<T>;
+    readonly onActiveIndexChanged?: (index: number) => void;
+}
+declare const Carousel: <T>({ data, children, onActiveIndexChanged }: CarouselProps<T>) => JSX.Element;
+export type { CarouselRenderItem };
+export { Carousel };

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

@@ -0,0 +1,31 @@
+import React, { useCallback, useRef, useState } from "react";
+import { View } from "react-native";
+import { GestureHandlerRootView } from "react-native-gesture-handler";
+import RNRCarousel from "react-native-reanimated-carousel";
+import { Bullets } from "../slider/Bullets";
+const Carousel = ({ data, children, onActiveIndexChanged }) => {
+    const [carouselDimensions, setCarouselDimensions] = useState();
+    const handleOnLayout = useCallback(({ nativeEvent: { layout: { width, height }, }, }) => setCarouselDimensions({ width, height }), []);
+    const ref = React.useRef(null);
+    const [activeIndex, setActiveIndex] = useState(0);
+    const activeIndexRef = useRef(activeIndex);
+    activeIndexRef.current = activeIndex;
+    const handleOnActiveChanged = useCallback((index) => ref.current?.scrollTo({ index, animated: true }), []);
+    const handleOnProgressChanged = useCallback(
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    (_offsetProgress, absoluteProgress) => {
+        const index = Math.round(absoluteProgress);
+        if (activeIndexRef.current === index) {
+            return;
+        }
+        setActiveIndex(index);
+        onActiveIndexChanged?.(index);
+    }, [onActiveIndexChanged]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(View, { style: { flex: 1 }, onLayout: handleOnLayout }, carouselDimensions && (React.createElement(GestureHandlerRootView, { style: { flex: 1 } },
+            React.createElement(RNRCarousel, { ref: ref, data: data, height: carouselDimensions.height, loop: false, renderItem: children, width: carouselDimensions.width, panGestureHandlerProps: {
+                    activeOffsetX: [-10, 10],
+                }, onProgressChange: handleOnProgressChanged })))),
+        React.createElement(Bullets, { activeIndex: activeIndex, count: data.length, onChange: handleOnActiveChanged })));
+};
+export { Carousel };

package/dist/shared/ui/components/layouts/carousel/Carousel.style.d.ts

@@ -0,0 +1,15 @@
+declare const style: {
+    carousel: {
+        flex: number;
+        flexDirection: "row";
+        height: string;
+    };
+    carouselItem: {
+        flex: number;
+    };
+    container: {
+        flex: number;
+        overflow: "hidden";
+    };
+};
+export { style };

package/dist/shared/ui/components/layouts/carousel/Carousel.style.js

@@ -0,0 +1,7 @@
+import { StyleSheet } from "react-native";
+const style = StyleSheet.create({
+    carousel: { flex: 1, flexDirection: "row", height: "100%" },
+    carouselItem: { flex: 1 },
+    container: { flex: 1, overflow: "hidden" },
+});
+export { style };

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+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 CarouselProps<T> {
+    readonly data: T[];
+    readonly children: RenderItemFunction<T>;
+    readonly bullets: RenderBulletsFunction;
+    readonly onActiveIndexChanged?: (index: number) => void;
+}
+declare const Carousel2: <T>({ data, children, bullets, onActiveIndexChanged }: CarouselProps<T>) => JSX.Element;
+export type { RenderItemFunction, RenderBulletsFunction };
+export { Carousel2 };

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

@@ -0,0 +1,67 @@
+import { clamp } from "@react-spring/shared";
+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 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(View, { style: { flex: 1 } },
+                        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

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

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

@@ -0,0 +1,48 @@
+/* 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/modal/Modal.js

@@ -75,7 +75,7 @@ const Modal = ({ children, visible, header, footer, portalHostName, onClose, sho
                     (header || showCloseButton) && (React.createElement(View, { style: [style.header, customStyle?.header] },
                         React.createElement(View, null, header),
                         showCloseButton && (React.createElement(ButtonIcon, { name: "close", style: { button: customStyle?.closeButton }, onPress: onClose })))),
-                    React.createElement(ModalContentView, { keyboardShouldPersistTaps: "handled" },
+                    React.createElement(ModalContentView, null,
                         React.createElement(View, { style: {
                                 paddingBottom: safeAreaInsetBottom +
                                     (Platform.OS !== "ios" ? spaceXL : 0) +

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

@@ -1,11 +1,10 @@
 import { animated, useSpring } from "@react-spring/native";
 import React from "react";
-import { TouchableHighlight, View } from "react-native";
+import { View, Pressable } from "react-native";
 import { theme } from "../../../../../infrastructure/ui/theme/theme";
 import { style } from "./Bullets.style";
 const { colorContent, colorGrayscaleM } = theme();
-const colorTransparent = "rgba(0,0,0,0)";
-const MAX = 7;
+const MAX = 5;
 const DIAMETER_MAX = 8;
 const DIAMETER_MIN = 2;
 const Bullet = ({ index, activeIndex, maxBullets, onChange }) => {
@@ -14,7 +13,7 @@ const Bullet = ({ index, activeIndex, maxBullets, onChange }) => {
     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(TouchableHighlight, { underlayColor: colorTransparent, onPress: () => onChange(index) },
+    return delta >= pivot ? null : (React.createElement(Pressable, { onPress: () => onChange(index) },
         React.createElement(animated.View, { accessibilityState: { selected: delta === 0 }, testID: "bullet", style: [
                 style.bullet,
                 {

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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,30 @@
+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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,15 @@
+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 };

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

@@ -6,7 +6,7 @@ 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 SelectField = ({ title, placeholder, value, options, style: customStyle, onChange = () => void 0, ...touchableRestProps }) => {
     const [modalVisible, setModalVisible] = useState(false);
     const handleOnPressSelectField = useCallback(() => setModalVisible(true), []);
     const handleOnModalClose = useCallback(() => setModalVisible(false), []);
@@ -16,13 +16,13 @@ const SelectField = ({ title, placeholder, value, options, style: customStyle, o
     }, [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(TouchableHighlight, { style: customStyle?.selectField, underlayColor: colorGrayscaleS, 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 },
+                options.map(({ label, value: optionValue }) => (React.createElement(TouchableHighlight, { key: optionValue, disabled: value === optionValue, style: [style.option, customStyle?.option], underlayColor: colorGrayscaleS, 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "3.8.0-beta.1",
+  "version": "3.8.0-beta.11",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -57,8 +57,11 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-native": "^0.71.4",
+    "react-native-gesture-handler": "^2.12.0",
     "react-native-get-random-values": "^1.8.0",
     "react-native-web": "^0.18.11",
+    "react-native-reanimated": "^3.0.0",
+    "react-native-reanimated-carousel": "^3.4.0",
     "react-router-dom": "^6.8.1",
     "react-router-native": "^6.8.1"
   },
@@ -116,8 +119,11 @@
     "react-error-overlay": "^6.0.9",
     "react-native": "^0.71.3",
     "react-native-adjust": "^4.33.0",
+    "react-native-gesture-handler": "^2.12.0",
     "react-native-get-random-values": "^1.8.0",
     "react-native-web": "^0.18.11",
+    "react-native-reanimated": "^3.0.0",
+    "react-native-reanimated-carousel": "^3.4.0",
     "react-router-dom": "^6.8.1",
     "react-router-native": "^6.8.1",
     "react-test-renderer": "^18.0.0",

package/dist/domain/checkoutBooking/event/createNotificationWhenCheckoutBookingExpired.d.ts

@@ -1,6 +0,0 @@
-import { ProcessManagerFunction } from "@lookiero/messaging";
-import { CheckoutBookingExpired } from "../model/checkoutBookingExpired";
-interface CreateNotificationWhenCheckoutBookingExpiredFunction extends ProcessManagerFunction<CheckoutBookingExpired> {
-}
-declare const createNotificationWhenCheckoutBookingExpired: CreateNotificationWhenCheckoutBookingExpiredFunction;
-export { createNotificationWhenCheckoutBookingExpired };

package/dist/domain/checkoutBooking/event/createNotificationWhenCheckoutBookingExpired.js

@@ -1,13 +0,0 @@
-import { v4 as uuid } from "uuid";
-import { I18nMessages } from "../../../infrastructure/ui/i18n/i18n";
-import { createNotification } from "../../../shared/notifications/domain/notification/command/createNotification";
-import { NotificationLevel } from "../../../shared/notifications/domain/notification/model/notification";
-const createNotificationWhenCheckoutBookingExpired = ({ commandBus }) => async () => {
-    await commandBus(createNotification({
-        aggregateId: uuid(),
-        level: NotificationLevel.ERROR,
-        titleI18nKey: undefined,
-        bodyI18nKey: I18nMessages.CHECKOUT_TOAST_BOOKING_EXPIRED,
-    }));
-};
-export { createNotificationWhenCheckoutBookingExpired };

package/dist/infrastructure/domain/uiSetting/react/useIncrementIntroShownCount.d.ts

@@ -1,10 +0,0 @@
-import { CommandStatus } from "@lookiero/messaging-react";
-interface IncrementIntroShownCountFunction {
-    (): Promise<void>;
-}
-type UseIncrementIntroShownCount = [incrementIntroShownCount: IncrementIntroShownCountFunction, status: CommandStatus];
-interface UseIncrementIntroShownCountFunction {
-    (): UseIncrementIntroShownCount;
-}
-declare const useIncrementIntroShownCount: UseIncrementIntroShownCountFunction;
-export { useIncrementIntroShownCount };

package/dist/infrastructure/domain/uiSetting/react/useIncrementIntroShownCount.js

@@ -1,11 +0,0 @@
-import { useCallback } from "react";
-import { useViewIntroShownCount } from "../../../projection/uiSetting/react/useViewIntroShownCount";
-import { UISettings } from "../../../ui/settings/UISettings";
-import { useUpdateUiSetting } from "./useUpdateUiSetting";
-const useIncrementIntroShownCount = () => {
-    const [update, status] = useUpdateUiSetting();
-    const [introShownCount] = useViewIntroShownCount();
-    const incrementIntroShownCount = useCallback(() => update({ key: UISettings.INTRO_SHOWN_COUNT, value: introShownCount + 1 }), [introShownCount, update]);
-    return [incrementIntroShownCount, status];
-};
-export { useIncrementIntroShownCount };

package/dist/infrastructure/projection/uiSetting/react/useShouldIntroBeShown.d.ts

@@ -1,6 +0,0 @@
-import { QueryStatus } from "@lookiero/messaging-react";
-interface UseShouldIntroBeShownFunction {
-    (): [boolean, QueryStatus];
-}
-declare const useShouldIntroBeShown: UseShouldIntroBeShownFunction;
-export { useShouldIntroBeShown };

package/dist/infrastructure/projection/uiSetting/react/useShouldIntroBeShown.js

@@ -1,7 +0,0 @@
-import { useViewIntroShownCount } from "./useViewIntroShownCount";
-const MAX_INTRO_SHOWN_COUNT = 2;
-const useShouldIntroBeShown = () => {
-    const [introShownCount, introShownCountStatus] = useViewIntroShownCount();
-    return [introShownCount < MAX_INTRO_SHOWN_COUNT, introShownCountStatus];
-};
-export { useShouldIntroBeShown };

package/dist/infrastructure/projection/uiSetting/react/useViewIntroShownCount.d.ts

@@ -1,6 +0,0 @@
-import { QueryStatus } from "@lookiero/messaging-react";
-interface UseViewIntroShownCountFunction {
-    (): [number, QueryStatus];
-}
-declare const useViewIntroShownCount: UseViewIntroShownCountFunction;
-export { useViewIntroShownCount };

package/dist/infrastructure/projection/uiSetting/react/useViewIntroShownCount.js

@@ -1,9 +0,0 @@
-import { UISettings } from "../../../ui/settings/UISettings";
-import { useViewUiSettingByKey } from "./useViewUiSettingByKey";
-const useViewIntroShownCount = () => {
-    const [introShownCount, introShownCountStatus] = useViewUiSettingByKey({
-        key: UISettings.INTRO_SHOWN_COUNT,
-    });
-    return [introShownCount?.value || 0, introShownCountStatus];
-};
-export { useViewIntroShownCount };

package/dist/infrastructure/ui/components/templates/SafeAreaScrollView.d.ts

@@ -1,13 +0,0 @@
-import { FC, ReactNode } from "react";
-import { StyleProp, ViewStyle } from "react-native";
-import { Edge } from "react-native-safe-area-context";
-type SafeAreaScrollViewStyle = "safeAreaView" | "scrollView";
-interface SafeAreaScrollViewProps {
-    readonly children: ReactNode;
-    readonly footer?: ReactNode;
-    readonly scrollerPaddingTop?: number;
-    readonly edges?: Edge[];
-    readonly style?: Partial<Record<SafeAreaScrollViewStyle, StyleProp<ViewStyle>>>;
-}
-declare const SafeAreaScrollView: FC<SafeAreaScrollViewProps>;
-export { SafeAreaScrollView };

package/dist/infrastructure/ui/components/templates/SafeAreaScrollView.js

@@ -1,19 +0,0 @@
-import React from "react";
-import { ScrollView } from "react-native";
-import { SafeAreaView, useSafeAreaInsets } from "react-native-safe-area-context";
-import { theme } from "../../theme/theme";
-import { style } from "./SafeAreaScrollView.style.ts";
-const { spaceXXL } = theme();
-const SafeAreaScrollView = ({ children, footer, edges = ["top", "left", "right"], style: customStyle, scrollerPaddingTop = 0, }) => {
-    const { bottom: safeAreaInsetBottom } = useSafeAreaInsets();
-    return (React.createElement(SafeAreaView, { edges: edges, style: [style.safeAreaView, customStyle?.safeAreaView] },
-        React.createElement(ScrollView, { contentContainerStyle: [
-                {
-                    paddingTop: scrollerPaddingTop,
-                    paddingBottom: safeAreaInsetBottom + spaceXXL,
-                },
-                customStyle?.scrollView,
-            ] }, children),
-        footer));
-};
-export { SafeAreaScrollView };

package/dist/infrastructure/ui/components/templates/SafeAreaScrollView.style.ts.d.ts

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

package/dist/infrastructure/ui/components/templates/SafeAreaScrollView.style.ts.js

@@ -1,7 +0,0 @@
-import { StyleSheet } from "react-native";
-const style = StyleSheet.create({
-    safeAreaView: {
-        flex: 1,
-    },
-});
-export { style };

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

@@ -1,3 +0,0 @@
-import { FC } from "react";
-declare const Header: FC;
-export { Header };

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

@@ -1,10 +0,0 @@
-import React from "react";
-import { ButtonIcon } from "../../../../../../shared/ui/components/molecules/buttonIcon/ButtonIcon";
-import { ButtonIconPlaceholder } from "../buttonIconPlaceholder/ButtonIconPlaceholder";
-import { Logo } from "../logo/Logo";
-import { style } from "./Header.style";
-const Header = () => (React.createElement(React.Fragment, null,
-    React.createElement(Logo, { style: style.logo }),
-    React.createElement(ButtonIconPlaceholder, null),
-    React.createElement(ButtonIcon, { name: "menu", testID: "menu-button-icon", onPress: () => void 0 })));
-export { Header };

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

@@ -1,9 +0,0 @@
-declare const HEADER_HEIGHT: number;
-declare const style: {
-    logo: {
-        left: number;
-        position: "absolute";
-        top: number;
-    };
-};
-export { style, HEADER_HEIGHT };

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

@@ -1,12 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "../../../../theme/theme";
-const { spaceXXXL } = theme();
-const HEADER_HEIGHT = spaceXXXL;
-const style = StyleSheet.create({
-    logo: {
-        left: 0,
-        position: "absolute",
-        top: 0,
-    },
-});
-export { style, HEADER_HEIGHT };

package/dist/infrastructure/ui/components/templates/safeAreaScrollView/SafeAreaScrollView.d.ts

@@ -1,13 +0,0 @@
-import { FC, ReactNode } from "react";
-import { StyleProp, ViewStyle } from "react-native";
-import { Edge } from "react-native-safe-area-context";
-type SafeAreaScrollViewStyle = "safeAreaView" | "scrollView";
-interface SafeAreaScrollViewProps {
-    readonly children: ReactNode;
-    readonly footer?: ReactNode;
-    readonly scrollerPaddingTop?: number;
-    readonly edges?: Edge[];
-    readonly style?: Partial<Record<SafeAreaScrollViewStyle, StyleProp<ViewStyle>>>;
-}
-declare const SafeAreaScrollView: FC<SafeAreaScrollViewProps>;
-export { SafeAreaScrollView };

package/dist/infrastructure/ui/components/templates/safeAreaScrollView/SafeAreaScrollView.js

@@ -1,19 +0,0 @@
-import React from "react";
-import { ScrollView } from "react-native";
-import { SafeAreaView, useSafeAreaInsets } from "react-native-safe-area-context";
-import { theme } from "../../../theme/theme.js";
-import { style } from "./SafeAreaScrollView.style.ts";
-const { spaceXXL } = theme();
-const SafeAreaScrollView = ({ children, footer, edges = ["top", "left", "right"], style: customStyle, scrollerPaddingTop = 0, }) => {
-    const { bottom: safeAreaInsetBottom } = useSafeAreaInsets();
-    return (React.createElement(SafeAreaView, { edges: edges, style: [style.safeAreaView, customStyle?.safeAreaView] },
-        React.createElement(ScrollView, { contentContainerStyle: [
-                {
-                    paddingTop: scrollerPaddingTop,
-                    paddingBottom: safeAreaInsetBottom + spaceXXL,
-                },
-                customStyle?.scrollView,
-            ] }, children),
-        footer));
-};
-export { SafeAreaScrollView };

package/dist/infrastructure/ui/components/templates/safeAreaScrollView/SafeAreaScrollView.style.ts.d.ts

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