@rocapine/react-native-onboarding-ui 1.0.0

package/dist/UI/Components/CircularProgress.d.ts

@@ -0,0 +1,8 @@
+type CircularProgressProps = {
+    onProgressComplete?: () => void;
+    duration: number;
+    totalSteps: number;
+};
+export declare const CircularProgress: ({ onProgressComplete, duration, totalSteps, }: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CircularProgress.d.ts.map

package/dist/UI/Components/CircularProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.d.ts","sourceRoot":"","sources":["../../../src/UI/Components/CircularProgress.tsx"],"names":[],"mappings":"AAgBA,KAAK,qBAAqB,GAAG;IAC3B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,+CAI9B,qBAAqB,4CA4FvB,CAAC"}

package/dist/UI/Components/CircularProgress.js

@@ -0,0 +1,104 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CircularProgress = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
+const react_native_svg_1 = __importStar(require("react-native-svg"));
+const useTheme_1 = require("../Theme/useTheme");
+const AnimatedCircle = react_native_reanimated_1.default.createAnimatedComponent(react_native_svg_1.Circle);
+const CircularProgress = ({ onProgressComplete, duration, totalSteps, }) => {
+    const { theme } = (0, useTheme_1.useTheme)();
+    const { width } = react_native_1.Dimensions.get("window");
+    const CIRCLE_RADIUS = 45;
+    const CIRCUMFERENCE = 2 * Math.PI * CIRCLE_RADIUS;
+    const strokeWidth = width * 0.02;
+    const progress = (0, react_native_reanimated_1.useSharedValue)(0);
+    const [percentage, setPercentage] = (0, react_1.useState)(0);
+    // Update percentage text using useAnimatedReaction
+    (0, react_native_reanimated_1.useAnimatedReaction)(() => progress.value, (currentValue) => {
+        (0, react_native_reanimated_1.runOnJS)(setPercentage)(Math.round(currentValue));
+    });
+    (0, react_1.useEffect)(() => {
+        // Reset progress
+        progress.value = 0;
+        // Match StaggeredTextList timing: (totalSteps - 1) * duration + duration * 1.5
+        const totalDuration = duration * (totalSteps + 0.5);
+        // Animate progress from 0 to 100
+        progress.value = (0, react_native_reanimated_1.withTiming)(100, {
+            duration: totalDuration,
+            easing: react_native_reanimated_1.Easing.bezier(0.25, 0.1, 0.25, 1),
+        }, (finished) => {
+            if (finished && onProgressComplete) {
+                (0, react_native_reanimated_1.runOnJS)(onProgressComplete)();
+            }
+        });
+    }, [progress, duration, totalSteps, onProgressComplete]);
+    // Animate strokeDashoffset based on progress
+    const animatedCircleProps = (0, react_native_reanimated_1.useAnimatedProps)(() => ({
+        strokeDashoffset: CIRCUMFERENCE * (1 - progress.value / 100),
+    }));
+    const styles = createStyles(theme, width);
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.container, children: [(0, jsx_runtime_1.jsxs)(react_native_svg_1.default, { height: "100%", width: "100%", viewBox: "0 0 100 100", children: [(0, jsx_runtime_1.jsx)(react_native_svg_1.Defs, { children: (0, jsx_runtime_1.jsxs)(react_native_svg_1.LinearGradient, { id: "progressGrad", x1: "0", y1: "0", x2: "0.2", y2: "1.1", children: [(0, jsx_runtime_1.jsx)(react_native_svg_1.Stop, { offset: "0", stopColor: theme.colors.neutral.medium }), (0, jsx_runtime_1.jsx)(react_native_svg_1.Stop, { offset: "0.33", stopColor: theme.colors.neutral.medium }), (0, jsx_runtime_1.jsx)(react_native_svg_1.Stop, { offset: "0.67", stopColor: theme.colors.neutral.low }), (0, jsx_runtime_1.jsx)(react_native_svg_1.Stop, { offset: "1", stopColor: theme.colors.neutral.low })] }) }), (0, jsx_runtime_1.jsx)(react_native_svg_1.Circle, { cx: "50", cy: "50", r: CIRCLE_RADIUS, stroke: theme.colors.neutral.lower, strokeWidth: strokeWidth, fill: "none" }), (0, jsx_runtime_1.jsx)(AnimatedCircle, { cx: "50", cy: "50", r: CIRCLE_RADIUS, stroke: "url(#progressGrad)", strokeWidth: strokeWidth, fill: "none", strokeDasharray: CIRCUMFERENCE, animatedProps: animatedCircleProps, strokeLinecap: "round", rotation: "-90", origin: "50, 50" })] }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.textContainer, children: (0, jsx_runtime_1.jsxs)(react_native_1.Text, { style: styles.percentageText, children: [percentage, "%"] }) })] }));
+};
+exports.CircularProgress = CircularProgress;
+const createStyles = (theme, width) => react_native_1.StyleSheet.create({
+    container: {
+        width: width * 0.7,
+        height: width * 0.7,
+        justifyContent: "center",
+        alignItems: "center",
+        position: "relative",
+    },
+    textContainer: {
+        position: "absolute",
+        justifyContent: "center",
+        alignItems: "center",
+        width: "100%",
+        height: "100%",
+    },
+    percentageText: {
+        fontFamily: theme.typography.textStyles.heading1.fontFamily,
+        fontSize: theme.typography.textStyles.heading1.fontSize,
+        fontWeight: theme.typography.fontWeight.bold,
+        color: theme.colors.text.primary,
+        textAlign: "center",
+        includeFontPadding: false,
+        padding: 0,
+    },
+});
+//# sourceMappingURL=CircularProgress.js.map

package/dist/UI/Components/CircularProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.js","sourceRoot":"","sources":["../../../src/UI/Components/CircularProgress.tsx"],"names":[],"mappings":"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"}

package/dist/UI/Components/ProgressBar.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { Theme } from "../Theme";
+interface ProgressBarProps {
+    backgroundColor?: string;
+    progressColor?: string;
+    progressPercentage: number;
+    theme?: Theme;
+    isProgressBarVisible?: boolean;
+}
+export declare const ProgressBar: React.FC<ProgressBarProps>;
+export {};
+//# sourceMappingURL=ProgressBar.d.ts.map

package/dist/UI/Components/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/UI/Components/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAUzC,OAAO,EAAgB,KAAK,EAAE,MAAM,UAAU,CAAC;AAE/C,UAAU,gBAAgB;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiFlD,CAAC"}

package/dist/UI/Components/ProgressBar.js

@@ -0,0 +1,121 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressBar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
+const lucide_react_native_1 = require("lucide-react-native");
+const expo_router_1 = require("expo-router");
+const Theme_1 = require("../Theme");
+const ProgressBar = ({ backgroundColor, progressColor, progressPercentage = 0, theme = Theme_1.defaultTheme, isProgressBarVisible = true, }) => {
+    const animated = true;
+    const router = (0, expo_router_1.useRouter)();
+    const { top } = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
+    const height = 12;
+    // Use Reanimated shared value for smooth animations
+    const progress = (0, react_native_reanimated_1.useSharedValue)(0);
+    (0, react_1.useEffect)(() => {
+        if (animated) {
+            progress.value = (0, react_native_reanimated_1.withTiming)(progressPercentage, {
+                duration: 300,
+            });
+        }
+        else {
+            progress.value = progressPercentage;
+        }
+    }, [progressPercentage, animated]);
+    // Animated style for the progress bar
+    const animatedStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
+        return {
+            width: `${progress.value}%`,
+        };
+    });
+    // Use theme colors with fallback to props
+    const trackBgColor = backgroundColor || theme.colors.neutral.lower;
+    const barColor = progressColor || theme.colors.primary;
+    return (isProgressBarVisible && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.container, { paddingTop: top }], children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.progressBarContainer, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.backButtonSection, children: router.canGoBack() && ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: () => router.back(), hitSlop: { top: 10, bottom: 10, left: 10, right: 10 }, style: styles.backButton, children: (0, jsx_runtime_1.jsx)(lucide_react_native_1.ChevronLeft, { size: 24, color: theme.colors.text.primary, strokeWidth: 2 }) })) }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.progressSection, children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.track, { height, backgroundColor: trackBgColor }], children: (0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, { style: [
+                                styles.progress,
+                                {
+                                    height,
+                                    backgroundColor: barColor,
+                                },
+                                animatedStyle,
+                            ] }) }) }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.spacerSection })] }) })));
+};
+exports.ProgressBar = ProgressBar;
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        zIndex: 10,
+        justifyContent: "center",
+        paddingBottom: 24,
+    },
+    progressBarContainer: {
+        width: "100%",
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 16,
+        paddingHorizontal: 16,
+    },
+    backButtonSection: {
+        flex: 1,
+        alignItems: "flex-start",
+    },
+    backButton: {
+        padding: 4,
+    },
+    progressSection: {
+        flex: 5,
+        alignItems: "flex-end",
+    },
+    spacerSection: {
+        flex: 1,
+    },
+    track: {
+        width: "100%",
+        borderRadius: 10,
+        overflow: "hidden",
+    },
+    progress: {
+        borderRadius: 10,
+    },
+});
+//# sourceMappingURL=ProgressBar.js.map

package/dist/UI/Components/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/UI/Components/ProgressBar.tsx"],"names":[],"mappings":"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"}

package/dist/UI/Components/StaggeredTextList.d.ts

@@ -0,0 +1,11 @@
+type TextItem = {
+    label: string;
+    completed: string;
+};
+type StaggeredTextListProps = {
+    items: TextItem[];
+    duration: number;
+};
+export declare const StaggeredTextList: ({ items, duration, }: StaggeredTextListProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StaggeredTextList.d.ts.map

package/dist/UI/Components/StaggeredTextList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaggeredTextList.d.ts","sourceRoot":"","sources":["../../../src/UI/Components/StaggeredTextList.tsx"],"names":[],"mappings":"AAcA,KAAK,QAAQ,GAAG;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,sBAG/B,sBAAsB,4CAuCxB,CAAC"}

package/dist/UI/Components/StaggeredTextList.js

@@ -0,0 +1,111 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StaggeredTextList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
+const useTheme_1 = require("../Theme/useTheme");
+const StaggeredTextList = ({ items, duration, }) => {
+    const { theme } = (0, useTheme_1.useTheme)();
+    const styles = createStyles(theme);
+    // Create a shared value to track the current active index
+    const activeIndex = (0, react_native_reanimated_1.useSharedValue)(0);
+    (0, react_1.useEffect)(() => {
+        // Reset animation
+        activeIndex.value = 0;
+        // Animate sequentially through each text
+        const animateSequentially = async () => {
+            for (let i = 0; i < items.length; i++) {
+                activeIndex.value = i;
+                // Wait for duration before moving to next
+                // Last item stays longer
+                const waitTime = i === items.length - 1 ? duration * 1.5 : duration;
+                await new Promise((resolve) => setTimeout(resolve, waitTime));
+            }
+        };
+        animateSequentially();
+    }, [items, duration, activeIndex]);
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.container, children: items.map((item, index) => ((0, jsx_runtime_1.jsx)(AnimatedTextItem, { item: item, index: index, activeIndex: activeIndex, totalItems: items.length }, index))) }));
+};
+exports.StaggeredTextList = StaggeredTextList;
+const AnimatedTextItem = ({ item, index, activeIndex, totalItems, }) => {
+    const { theme } = (0, useTheme_1.useTheme)();
+    const styles = createStyles(theme);
+    const animatedStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
+        const isActive = activeIndex.value === index;
+        const wasActive = activeIndex.value > index;
+        const willBeActive = activeIndex.value < index;
+        // Opacity animation
+        const opacity = (0, react_native_reanimated_1.withTiming)(isActive ? 1 : wasActive ? 0.6 : willBeActive ? 0.4 : 0.4, {
+            duration: 400,
+            easing: react_native_reanimated_1.Easing.bezier(0.25, 0.1, 0.25, 1),
+        });
+        // Color interpolation
+        const color = (0, react_native_reanimated_1.interpolateColor)(isActive ? 1 : 0, [0, 1], [theme.colors.text.disable, theme.colors.text.primary]);
+        // Subtle translateY for active text
+        const translateY = (0, react_native_reanimated_1.withTiming)(isActive ? 0 : 2, {
+            duration: 300,
+            easing: react_native_reanimated_1.Easing.bezier(0.25, 0.1, 0.25, 1),
+        });
+        // Pulse effect for the last active item
+        const scale = isActive && index === totalItems - 1
+            ? (0, react_native_reanimated_1.withSequence)((0, react_native_reanimated_1.withTiming)(1, { duration: 1000 }), (0, react_native_reanimated_1.withTiming)(1.05, { duration: 1000 }), (0, react_native_reanimated_1.withTiming)(1, { duration: 1000 }))
+            : 1;
+        return {
+            opacity,
+            color,
+            transform: [{ translateY }, { scale }],
+        };
+    });
+    return ((0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.Text, { style: [styles.text, animatedStyle], children: item.label }));
+};
+const createStyles = (theme) => react_native_1.StyleSheet.create({
+    container: {
+        gap: 8,
+        alignItems: "center",
+        width: "100%",
+    },
+    text: {
+        fontFamily: theme.typography.textStyles.heading3.fontFamily,
+        fontSize: theme.typography.textStyles.heading3.fontSize,
+        fontWeight: theme.typography.fontWeight.medium,
+        textAlign: "center",
+        lineHeight: theme.typography.textStyles.heading3.fontSize * theme.typography.lineHeight.normal,
+        letterSpacing: 0.3,
+    },
+});
+//# sourceMappingURL=StaggeredTextList.js.map

package/dist/UI/Components/StaggeredTextList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaggeredTextList.js","sourceRoot":"","sources":["../../../src/UI/Components/StaggeredTextList.tsx"],"names":[],"mappings":"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"}

package/dist/UI/Components/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./ProgressBar";
+export * from "./CircularProgress";
+export * from "./StaggeredTextList";
+//# sourceMappingURL=index.d.ts.map

package/dist/UI/Components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/UI/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC"}

package/dist/UI/Components/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ProgressBar"), exports);
+__exportStar(require("./CircularProgress"), exports);
+__exportStar(require("./StaggeredTextList"), exports);
+//# sourceMappingURL=index.js.map

package/dist/UI/Components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/UI/Components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,qDAAmC;AACnC,sDAAoC"}

package/dist/UI/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,19 @@
+import React, { Component, ReactNode } from 'react';
+import { ZodError } from 'zod';
+interface ErrorBoundaryProps {
+    children: ReactNode;
+    stepType?: string;
+}
+interface ErrorBoundaryState {
+    hasError: boolean;
+    error: Error | null;
+}
+export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    formatZodError(error: ZodError<any>): string;
+    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}
+export {};
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/dist/UI/ErrorBoundary/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/UI/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAE/B,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED,qBAAa,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;gBACtE,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB;IAIjE,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS;IAI1D,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,MAAM;IAgB5C,MAAM;CAyDP"}

package/dist/UI/ErrorBoundary/ErrorBoundary.js

@@ -0,0 +1,123 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorBoundary = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const zod_1 = require("zod");
+class ErrorBoundary extends react_1.Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false, error: null };
+    }
+    static getDerivedStateFromError(error) {
+        return { hasError: true, error };
+    }
+    componentDidCatch(error, errorInfo) {
+        console.error('ErrorBoundary caught an error:', error, errorInfo);
+    }
+    formatZodError(error) {
+        try {
+            // @ts-ignore
+            return error.errors
+                // @ts-ignore
+                .map((err) => {
+                const path = err.path.join(' > ');
+                return `• ${path || 'root'}: ${err.message}`;
+            })
+                .join('\n');
+        }
+        catch (error) {
+            console.error('Error formatting Zod error:', error);
+            return 'An error occurred while formatting the Zod error';
+        }
+    }
+    render() {
+        if (this.state.hasError && this.state.error) {
+            const isZodError = this.state.error instanceof zod_1.ZodError;
+            const { stepType } = this.props;
+            return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.container, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.content, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.emoji, children: "\u26A0\uFE0F" }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.title, children: isZodError ? 'Invalid Step Payload' : 'Something went wrong' }), stepType && ((0, jsx_runtime_1.jsxs)(react_native_1.Text, { style: styles.stepType, children: ["Step Type: ", stepType] })), (0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { style: styles.errorScroll, contentContainerStyle: styles.errorScrollContent, children: isZodError ? ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.errorSection, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.errorLabel, children: "Validation Errors:" }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.errorMessage, children: this.formatZodError(this.state.error) })] })) : ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.errorSection, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.errorLabel, children: "Error Message:" }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.errorMessage, children: this.state.error.message }), this.state.error.stack && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.errorLabel, children: "Stack Trace:" }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.errorStack, children: this.state.error.stack })] }))] })) }), isZodError && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.hint, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.hintText, children: "\uD83D\uDCA1 Check the step payload structure and ensure all required fields match the schema." }) }))] }) }));
+        }
+        return this.props.children;
+    }
+}
+exports.ErrorBoundary = ErrorBoundary;
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#fff',
+        justifyContent: 'center',
+        alignItems: 'center',
+        padding: 20,
+    },
+    content: {
+        maxWidth: 600,
+        width: '100%',
+        alignItems: 'center',
+    },
+    emoji: {
+        fontSize: 48,
+        marginBottom: 16,
+    },
+    title: {
+        fontSize: 24,
+        fontWeight: '600',
+        color: '#dc2626',
+        marginBottom: 8,
+        textAlign: 'center',
+    },
+    stepType: {
+        fontSize: 16,
+        fontWeight: '500',
+        color: '#6b7280',
+        marginBottom: 24,
+        textAlign: 'center',
+    },
+    errorScroll: {
+        maxHeight: 400,
+        width: '100%',
+    },
+    errorScrollContent: {
+        paddingVertical: 16,
+    },
+    errorSection: {
+        backgroundColor: '#fef2f2',
+        borderRadius: 12,
+        padding: 16,
+        borderLeftWidth: 4,
+        borderLeftColor: '#dc2626',
+    },
+    errorLabel: {
+        fontSize: 14,
+        fontWeight: '600',
+        color: '#991b1b',
+        marginBottom: 8,
+    },
+    errorMessage: {
+        fontSize: 14,
+        color: '#7f1d1d',
+        fontFamily: 'Courier',
+        lineHeight: 20,
+    },
+    errorStack: {
+        fontSize: 12,
+        color: '#991b1b',
+        fontFamily: 'Courier',
+        lineHeight: 16,
+        marginTop: 8,
+    },
+    hint: {
+        marginTop: 24,
+        backgroundColor: '#eff6ff',
+        borderRadius: 8,
+        padding: 12,
+        borderLeftWidth: 3,
+        borderLeftColor: '#3b82f6',
+    },
+    hintText: {
+        fontSize: 14,
+        color: '#1e40af',
+        lineHeight: 20,
+    },
+});
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/UI/ErrorBoundary/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../src/UI/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"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"}

package/dist/UI/ErrorBoundary/index.d.ts

@@ -0,0 +1,3 @@
+export { ErrorBoundary } from './ErrorBoundary';
+export { withErrorBoundary } from './withErrorBoundary';
+//# sourceMappingURL=index.d.ts.map

package/dist/UI/ErrorBoundary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/UI/ErrorBoundary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/UI/ErrorBoundary/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withErrorBoundary = exports.ErrorBoundary = void 0;
+var ErrorBoundary_1 = require("./ErrorBoundary");
+Object.defineProperty(exports, "ErrorBoundary", { enumerable: true, get: function () { return ErrorBoundary_1.ErrorBoundary; } });
+var withErrorBoundary_1 = require("./withErrorBoundary");
+Object.defineProperty(exports, "withErrorBoundary", { enumerable: true, get: function () { return withErrorBoundary_1.withErrorBoundary; } });
+//# sourceMappingURL=index.js.map

package/dist/UI/ErrorBoundary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/UI/ErrorBoundary/index.ts"],"names":[],"mappings":";;;AAAA,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AACtB,yDAAwD;AAA/C,sHAAA,iBAAiB,OAAA"}

package/dist/UI/ErrorBoundary/withErrorBoundary.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare function withErrorBoundary<P extends object>(Component: React.ComponentType<P>, stepType?: string): {
+    (props: P): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=withErrorBoundary.d.ts.map

package/dist/UI/ErrorBoundary/withErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/UI/ErrorBoundary/withErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAChD,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EACjC,QAAQ,CAAC,EAAE,MAAM;YAEgB,CAAC;;EAWnC"}