@rocapine/react-native-onboarding-ui 1.0.0

package/dist/UI/Pages/Commitment/types.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CommitmentStepTypeSchema = exports.CommitmentStepPayloadSchema = exports.CommitmentItemSchema = void 0;
+const zod_1 = require("zod");
+const types_1 = require("../types");
+exports.CommitmentItemSchema = zod_1.z.object({
+    text: zod_1.z.string(),
+});
+exports.CommitmentStepPayloadSchema = zod_1.z.object({
+    title: zod_1.z.string(),
+    subtitle: zod_1.z.string().nullish(),
+    description: zod_1.z.string().nullish(),
+    commitments: zod_1.z.array(exports.CommitmentItemSchema).nullish(),
+    signatureCaption: zod_1.z.string().default("Your signature is not recorded"),
+    variant: zod_1.z.enum(["signature", "simple"]).default("signature"),
+});
+exports.CommitmentStepTypeSchema = zod_1.z.object({
+    id: zod_1.z.string(),
+    type: zod_1.z.literal("Commitment"),
+    name: zod_1.z.string(),
+    displayProgressHeader: zod_1.z.boolean(),
+    payload: exports.CommitmentStepPayloadSchema,
+    customPayload: types_1.CustomPayloadSchema,
+    continueButtonLabel: zod_1.z.string().optional().default("Continue"),
+    figmaUrl: zod_1.z.string().nullish(),
+});
+//# sourceMappingURL=types.js.map

package/dist/UI/Pages/Commitment/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/UI/Pages/Commitment/types.ts"],"names":[],"mappings":";;;AAAA,6BAAwB;AACxB,oCAA+C;AAElC,QAAA,oBAAoB,GAAG,OAAC,CAAC,MAAM,CAAC;IAC3C,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE;CACjB,CAAC,CAAC;AAEU,QAAA,2BAA2B,GAAG,OAAC,CAAC,MAAM,CAAC;IAClD,KAAK,EAAE,OAAC,CAAC,MAAM,EAAE;IACjB,QAAQ,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE;IAC9B,WAAW,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE;IACjC,WAAW,EAAE,OAAC,CAAC,KAAK,CAAC,4BAAoB,CAAC,CAAC,OAAO,EAAE;IACpD,gBAAgB,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,gCAAgC,CAAC;IACtE,OAAO,EAAE,OAAC,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC;CAC9D,CAAC,CAAC;AAEU,QAAA,wBAAwB,GAAG,OAAC,CAAC,MAAM,CAAC;IAC/C,EAAE,EAAE,OAAC,CAAC,MAAM,EAAE;IACd,IAAI,EAAE,OAAC,CAAC,OAAO,CAAC,YAAY,CAAC;IAC7B,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE;IAChB,qBAAqB,EAAE,OAAC,CAAC,OAAO,EAAE;IAClC,OAAO,EAAE,mCAA2B;IACpC,aAAa,EAAE,2BAAmB;IAClC,mBAAmB,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC;IAC9D,QAAQ,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE;CAC/B,CAAC,CAAC"}

package/dist/UI/Pages/Loader/Renderer.d.ts

@@ -0,0 +1,10 @@
+import { LoaderStepType } from "./types";
+import { Theme } from "../../Theme/types";
+type ContentProps = {
+    step: LoaderStepType;
+    onContinue: () => void;
+    theme?: Theme;
+};
+export declare const LoaderRenderer: ({ step, onContinue, theme }: ContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Renderer.d.ts.map

package/dist/UI/Pages/Loader/Renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/Loader/Renderer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAoC,MAAM,SAAS,CAAC;AAW3E,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAK1C,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,cAAc,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AA2YF,eAAO,MAAM,cAAc,gCAzY6C,YAAY,4CAyYpC,CAAC"}

package/dist/UI/Pages/Loader/Renderer.js

@@ -0,0 +1,215 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoaderRenderer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const OnboardingTemplate_1 = require("../../Templates/OnboardingTemplate");
+const types_1 = require("./types");
+const react_native_1 = require("react-native");
+const react_1 = require("react");
+const defaultTheme_1 = require("../../Theme/defaultTheme");
+const CircularProgress_1 = require("../../Components/CircularProgress");
+const StaggeredTextList_1 = require("../../Components/StaggeredTextList");
+const LoaderRendererBase = ({ step, onContinue, theme = defaultTheme_1.defaultTheme }) => {
+    const validatedData = types_1.LoaderStepTypeSchema.parse(step);
+    const { title, steps, didYouKnowImages, duration, variant } = validatedData.payload;
+    // Route to appropriate variant
+    if (variant === "circle") {
+        return ((0, jsx_runtime_1.jsx)(CircleVariant, { step: step, onContinue: onContinue, validatedData: validatedData, theme: theme }));
+    }
+    // Default to bars variant
+    return ((0, jsx_runtime_1.jsx)(BarsVariant, { step: step, onContinue: onContinue, validatedData: validatedData, theme: theme }));
+};
+// Bars Variant (original implementation)
+const BarsVariant = ({ step, onContinue, validatedData, theme, }) => {
+    const { title, steps, didYouKnowImages, duration } = validatedData.payload;
+    const [isComplete, setIsComplete] = (0, react_1.useState)(false);
+    const buttonFadeAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
+    // Create animated values for each step
+    const progressValues = (0, react_1.useRef)(steps.map(() => new react_native_1.Animated.Value(0))).current;
+    const handleAnimationComplete = (0, react_1.useCallback)(() => {
+        setIsComplete(true);
+        react_native_1.Animated.timing(buttonFadeAnim, {
+            toValue: 1,
+            duration: 500,
+            useNativeDriver: true,
+        }).start();
+    }, [buttonFadeAnim]);
+    (0, react_1.useEffect)(() => {
+        // Animate each step sequentially
+        const animations = progressValues.map((progress, index) => react_native_1.Animated.timing(progress, {
+            toValue: 1,
+            duration: duration,
+            delay: (index * duration) / 2,
+            useNativeDriver: false,
+        }));
+        react_native_1.Animated.sequence(animations).start(() => {
+            handleAnimationComplete();
+        });
+    }, [progressValues, duration, handleAnimationComplete]);
+    const styles = createStyles(theme);
+    return ((0, jsx_runtime_1.jsxs)(OnboardingTemplate_1.OnboardingTemplate, { step: step, onContinue: onContinue, theme: theme, button: isComplete ? { text: validatedData.continueButtonLabel } : undefined, children: [(0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { contentContainerStyle: styles.scrollContent, showsVerticalScrollIndicator: false, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.container, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.title, children: title }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.stepsContainer, children: steps.map((stepItem, index) => ((0, jsx_runtime_1.jsx)(StepProgress, { step: stepItem, progress: progressValues[index], theme: theme }, index))) }), didYouKnowImages && didYouKnowImages.length > 0 && ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.carouselSection, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.carouselTitle, children: "Did you know?" }), (0, jsx_runtime_1.jsx)(DidYouKnowCarousel, { images: didYouKnowImages, theme: theme })] }))] }) }), isComplete && ((0, jsx_runtime_1.jsx)(react_native_1.Animated.View, { style: [styles.buttonContainer, { opacity: buttonFadeAnim }] }))] }));
+};
+// Circle Variant
+const CircleVariant = ({ step, onContinue, validatedData, theme, }) => {
+    const { title, steps, didYouKnowImages, duration } = validatedData.payload;
+    const handleAnimationComplete = (0, react_1.useCallback)(() => {
+        onContinue();
+    }, [onContinue]);
+    const styles = createStyles(theme);
+    return ((0, jsx_runtime_1.jsx)(OnboardingTemplate_1.OnboardingTemplate, { step: step, onContinue: onContinue, theme: theme, children: (0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { contentContainerStyle: styles.scrollContent, showsVerticalScrollIndicator: false, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.container, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.circleSection, children: (0, jsx_runtime_1.jsx)(CircularProgress_1.CircularProgress, { onProgressComplete: handleAnimationComplete, duration: duration, totalSteps: steps.length }) }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.textListSection, children: (0, jsx_runtime_1.jsx)(StaggeredTextList_1.StaggeredTextList, { items: steps, duration: duration }) }), didYouKnowImages && didYouKnowImages.length > 0 && ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.carouselSection, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.carouselTitle, children: "Did you know?" }), (0, jsx_runtime_1.jsx)(DidYouKnowCarousel, { images: didYouKnowImages, theme: theme })] }))] }) }) }));
+};
+const StepProgress = ({ step, progress, theme }) => {
+    const [barStarted, setBarStarted] = (0, react_1.useState)(false);
+    const [barComplete, setBarComplete] = (0, react_1.useState)(false);
+    const styles = createStyles(theme);
+    (0, react_1.useEffect)(() => {
+        const listenerId = progress.addListener(({ value }) => {
+            if (value > 0 && !barStarted) {
+                setBarStarted(true);
+            }
+            if (value >= 1 && !barComplete) {
+                setBarComplete(true);
+            }
+        });
+        return () => {
+            progress.removeListener(listenerId);
+        };
+    }, [progress, barStarted, barComplete]);
+    const progressWidth = progress.interpolate({
+        inputRange: [0, 1],
+        outputRange: ["0%", "100%"],
+    });
+    const textColor = barStarted
+        ? theme.colors.text.secondary
+        : theme.colors.text.disable;
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.stepContainer, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.stepHeader, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.stepLabel, { color: textColor }], children: barComplete ? step.completed : step.label }), barComplete ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.checkmark, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.checkmarkText, children: "\u2713" }) })) : ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.checkmarkPlaceholder }))] }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.progressBar, children: (0, jsx_runtime_1.jsx)(react_native_1.Animated.View, { style: [styles.progressFill, { width: progressWidth }] }) })] }));
+};
+const DidYouKnowCarousel = ({ images, theme }) => {
+    const { width } = (0, react_native_1.useWindowDimensions)();
+    const styles = createStyles(theme);
+    return ((0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.carouselContent, children: images.map((image, index) => {
+            if (image.type === "image" && "url" in image && image.url) {
+                return ((0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: image.url }, style: styles.carouselImage, resizeMode: "cover" }, index));
+            }
+            // Placeholder for local images or other types
+            return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.carouselPlaceholder, children: (0, jsx_runtime_1.jsxs)(react_native_1.Text, { style: styles.placeholderText, children: ["Image ", index + 1] }) }, index));
+        }) }));
+};
+const createStyles = (theme) => react_native_1.StyleSheet.create({
+    scrollContent: {
+        flexGrow: 1,
+        paddingTop: 20,
+    },
+    container: {
+        flex: 1,
+        paddingHorizontal: 24,
+        gap: 40,
+    },
+    title: {
+        fontFamily: theme.typography.textStyles.heading2.fontFamily,
+        fontSize: theme.typography.textStyles.heading2.fontSize,
+        fontWeight: theme.typography.fontWeight.semibold,
+        lineHeight: theme.typography.textStyles.heading2.fontSize * theme.typography.lineHeight.tight,
+        color: theme.colors.text.primary,
+        textAlign: "center",
+        letterSpacing: -0.76,
+    },
+    stepsContainer: {
+        gap: 24,
+    },
+    stepContainer: {
+        gap: 8,
+    },
+    stepHeader: {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+    },
+    stepLabel: {
+        fontFamily: theme.typography.textStyles.body.fontFamily,
+        fontSize: theme.typography.textStyles.body.fontSize,
+        fontWeight: theme.typography.fontWeight.regular,
+        letterSpacing: -0.32,
+        lineHeight: theme.typography.textStyles.body.fontSize * theme.typography.lineHeight.normal,
+    },
+    checkmark: {
+        width: 24,
+        height: 24,
+        borderRadius: 12,
+        backgroundColor: theme.colors.primary,
+        justifyContent: "center",
+        alignItems: "center",
+    },
+    checkmarkPlaceholder: {
+        width: 24,
+        height: 24,
+        backgroundColor: "transparent",
+    },
+    checkmarkText: {
+        fontSize: 16,
+        color: theme.colors.text.opposite,
+        fontWeight: theme.typography.fontWeight.semibold,
+    },
+    progressBar: {
+        height: 12,
+        backgroundColor: theme.colors.neutral.lowest,
+        borderRadius: 200,
+        overflow: "hidden",
+    },
+    progressFill: {
+        height: "100%",
+        backgroundColor: theme.colors.primary,
+        borderRadius: 200,
+    },
+    carouselSection: {
+        gap: 16,
+        marginTop: 20,
+    },
+    carouselTitle: {
+        fontFamily: theme.typography.textStyles.body.fontFamily,
+        fontSize: theme.typography.textStyles.body.fontSize,
+        fontWeight: theme.typography.fontWeight.medium,
+        color: theme.colors.text.disable,
+        textAlign: "center",
+    },
+    carouselContent: {
+        gap: 16,
+        paddingHorizontal: 8,
+    },
+    carouselImage: {
+        width: 300,
+        height: 200,
+        borderRadius: 16,
+    },
+    carouselPlaceholder: {
+        width: 300,
+        height: 200,
+        borderRadius: 16,
+        backgroundColor: theme.colors.neutral.lowest,
+        justifyContent: "center",
+        alignItems: "center",
+    },
+    placeholderText: {
+        fontFamily: theme.typography.textStyles.body.fontFamily,
+        fontSize: theme.typography.textStyles.body.fontSize,
+        color: theme.colors.text.disable,
+    },
+    buttonContainer: {
+        position: "absolute",
+        bottom: 0,
+        left: 0,
+        right: 0,
+    },
+    // Circle variant styles
+    circleSection: {
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    textListSection: {
+        alignItems: "center",
+        justifyContent: "center",
+        minHeight: 100,
+    },
+});
+exports.LoaderRenderer = LoaderRendererBase;
+//# sourceMappingURL=Renderer.js.map

package/dist/UI/Pages/Loader/Renderer.js.map

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

package/dist/UI/Pages/Loader/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Renderer";
+export * from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/UI/Pages/Loader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/Loader/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}

package/dist/UI/Pages/Loader/index.js

@@ -0,0 +1,19 @@
+"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("./Renderer"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/UI/Pages/Loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/UI/Pages/Loader/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B;AAC3B,0CAAwB"}

package/dist/UI/Pages/Loader/types.d.ts

@@ -0,0 +1,57 @@
+import { z } from "zod";
+export declare const LoaderStepSchema: z.ZodObject<{
+    label: z.ZodString;
+    completed: z.ZodString;
+}, z.core.$strip>;
+export declare const LoaderStepPayloadSchema: z.ZodObject<{
+    title: z.ZodString;
+    steps: z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        completed: z.ZodString;
+    }, z.core.$strip>>;
+    didYouKnowImages: z.ZodOptional<z.ZodNullable<z.ZodArray<z.ZodUnion<readonly [z.ZodObject<{
+        type: z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"image">, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
+        localPathId: z.ZodString;
+    }, z.core.$strip>, z.ZodObject<{
+        type: z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"image">, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
+        url: z.ZodString;
+    }, z.core.$strip>]>>>>;
+    duration: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
+    variant: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
+        bars: "bars";
+        circle: "circle";
+        texts_fading: "texts_fading";
+    }>>>;
+}, z.core.$strip>;
+export declare const LoaderStepTypeSchema: z.ZodObject<{
+    id: z.ZodString;
+    type: z.ZodLiteral<"Loader">;
+    name: z.ZodString;
+    displayProgressHeader: z.ZodBoolean;
+    payload: z.ZodObject<{
+        title: z.ZodString;
+        steps: z.ZodArray<z.ZodObject<{
+            label: z.ZodString;
+            completed: z.ZodString;
+        }, z.core.$strip>>;
+        didYouKnowImages: z.ZodOptional<z.ZodNullable<z.ZodArray<z.ZodUnion<readonly [z.ZodObject<{
+            type: z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"image">, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
+            localPathId: z.ZodString;
+        }, z.core.$strip>, z.ZodObject<{
+            type: z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"image">, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
+            url: z.ZodString;
+        }, z.core.$strip>]>>>>;
+        duration: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
+        variant: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
+            bars: "bars";
+            circle: "circle";
+            texts_fading: "texts_fading";
+        }>>>;
+    }, z.core.$strip>;
+    customPayload: z.ZodOptional<z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodAny>>>;
+    continueButtonLabel: z.ZodDefault<z.ZodOptional<z.ZodString>>;
+    figmaUrl: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+}, z.core.$strip>;
+export type LoaderStepType = z.infer<typeof LoaderStepTypeSchema>;
+export type LoaderStep = z.infer<typeof LoaderStepSchema>;
+//# sourceMappingURL=types.d.ts.map

package/dist/UI/Pages/Loader/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/Loader/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,eAAO,MAAM,gBAAgB;;;iBAG3B,CAAC;AAEH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;iBASlC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAS/B,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAClE,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/dist/UI/Pages/Loader/types.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoaderStepTypeSchema = exports.LoaderStepPayloadSchema = exports.LoaderStepSchema = void 0;
+const zod_1 = require("zod");
+const types_1 = require("../types");
+exports.LoaderStepSchema = zod_1.z.object({
+    label: zod_1.z.string(),
+    completed: zod_1.z.string(),
+});
+exports.LoaderStepPayloadSchema = zod_1.z.object({
+    title: zod_1.z.string(),
+    steps: zod_1.z.array(exports.LoaderStepSchema),
+    didYouKnowImages: zod_1.z.array(types_1.MediaSourceSchema).nullish(),
+    duration: zod_1.z.number().optional().default(2000),
+    variant: zod_1.z
+        .enum(["bars", "circle", "texts_fading"])
+        .optional()
+        .default("bars"),
+});
+exports.LoaderStepTypeSchema = zod_1.z.object({
+    id: zod_1.z.string(),
+    type: zod_1.z.literal("Loader"),
+    name: zod_1.z.string(),
+    displayProgressHeader: zod_1.z.boolean(),
+    payload: exports.LoaderStepPayloadSchema,
+    customPayload: types_1.CustomPayloadSchema,
+    continueButtonLabel: zod_1.z.string().optional().default("Continue"),
+    figmaUrl: zod_1.z.string().nullish(),
+});
+//# sourceMappingURL=types.js.map

package/dist/UI/Pages/Loader/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/UI/Pages/Loader/types.ts"],"names":[],"mappings":";;;AAAA,6BAAwB;AACxB,oCAAkE;AAErD,QAAA,gBAAgB,GAAG,OAAC,CAAC,MAAM,CAAC;IACvC,KAAK,EAAE,OAAC,CAAC,MAAM,EAAE;IACjB,SAAS,EAAE,OAAC,CAAC,MAAM,EAAE;CACtB,CAAC,CAAC;AAEU,QAAA,uBAAuB,GAAG,OAAC,CAAC,MAAM,CAAC;IAC9C,KAAK,EAAE,OAAC,CAAC,MAAM,EAAE;IACjB,KAAK,EAAE,OAAC,CAAC,KAAK,CAAC,wBAAgB,CAAC;IAChC,gBAAgB,EAAE,OAAC,CAAC,KAAK,CAAC,yBAAiB,CAAC,CAAC,OAAO,EAAE;IACtD,QAAQ,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;IAC7C,OAAO,EAAE,OAAC;SACP,IAAI,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC;SACxC,QAAQ,EAAE;SACV,OAAO,CAAC,MAAM,CAAC;CACnB,CAAC,CAAC;AAEU,QAAA,oBAAoB,GAAG,OAAC,CAAC,MAAM,CAAC;IAC3C,EAAE,EAAE,OAAC,CAAC,MAAM,EAAE;IACd,IAAI,EAAE,OAAC,CAAC,OAAO,CAAC,QAAQ,CAAC;IACzB,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE;IAChB,qBAAqB,EAAE,OAAC,CAAC,OAAO,EAAE;IAClC,OAAO,EAAE,+BAAuB;IAChC,aAAa,EAAE,2BAAmB;IAClC,mBAAmB,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC;IAC9D,QAAQ,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE;CAC/B,CAAC,CAAC"}

package/dist/UI/Pages/MediaContent/Renderer.d.ts

@@ -0,0 +1,13 @@
+import { MediaContentStepType } from "./types";
+import { Theme } from "../../Theme/types";
+type ContentProps = {
+    step: MediaContentStepType;
+    onContinue: () => void;
+    theme?: Theme;
+};
+export declare const MediaContentRenderer: {
+    (props: ContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=Renderer.d.ts.map

package/dist/UI/Pages/MediaContent/Renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/MediaContent/Renderer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAA8B,MAAM,SAAS,CAAC;AAE3E,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAI1C,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,oBAAoB,CAAC;IAC3B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAsHF,eAAO,MAAM,oBAAoB;;;CAA8D,CAAC"}

package/dist/UI/Pages/MediaContent/Renderer.js

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaContentRenderer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const OnboardingTemplate_1 = require("../../Templates/OnboardingTemplate");
+const types_1 = require("./types");
+const react_native_1 = require("react-native");
+const defaultTheme_1 = require("../../Theme/defaultTheme");
+const helpers_1 = require("../../Theme/helpers");
+const MediaContentRendererBase = ({ step, onContinue, theme = defaultTheme_1.defaultTheme }) => {
+    // Validate the schema
+    const validatedData = types_1.MediaContentStepTypeSchema.parse(step);
+    const { mediaSource, title, description } = validatedData.payload;
+    const renderMedia = () => {
+        if (mediaSource.type === "image") {
+            // Check if it's a local path or URL
+            if ("localPathId" in mediaSource) {
+                // TODO: Map localPathId to actual local image path
+                return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.mediaPlaceholder, { backgroundColor: theme.colors.neutral.lowest }], children: (0, jsx_runtime_1.jsxs)(react_native_1.Text, { style: [(0, helpers_1.getTextStyle)(theme, "body"), styles.placeholderText, { color: theme.colors.text.disable }], children: ["Image: ", mediaSource.localPathId] }) }));
+            }
+            else if ("url" in mediaSource) {
+                return ((0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: mediaSource.url }, style: styles.mediaImage, resizeMode: "cover" }));
+            }
+        }
+        else if (mediaSource.type === "lottie") {
+            // TODO: Implement Lottie animation support
+            return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.mediaPlaceholder, { backgroundColor: theme.colors.neutral.lowest }], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [(0, helpers_1.getTextStyle)(theme, "body"), styles.placeholderText, { color: theme.colors.text.disable }], children: "Lottie Animation" }) }));
+        }
+        else if (mediaSource.type === "rive") {
+            // Rive animation placeholder
+            return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.mediaPlaceholder, { backgroundColor: theme.colors.neutral.lowest }], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [(0, helpers_1.getTextStyle)(theme, "body"), styles.placeholderText, { color: theme.colors.text.disable }], children: "Rive Animation" }) }));
+        }
+        return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.mediaPlaceholder, { backgroundColor: theme.colors.neutral.lowest }], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [(0, helpers_1.getTextStyle)(theme, "body"), styles.placeholderText, { color: theme.colors.text.disable }], children: "Media" }) }));
+    };
+    return ((0, jsx_runtime_1.jsx)(OnboardingTemplate_1.OnboardingTemplate, { step: step, onContinue: onContinue, theme: theme, button: { text: validatedData.continueButtonLabel }, children: (0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { contentContainerStyle: styles.scrollContent, showsVerticalScrollIndicator: false, alwaysBounceVertical: false, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.container, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [(0, helpers_1.getTextStyle)(theme, "heading1"), styles.title, { color: theme.colors.text.primary }], children: title }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.mediaContainer, children: renderMedia() }), description && (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [(0, helpers_1.getTextStyle)(theme, "heading3"), styles.subtitle, { color: theme.colors.text.secondary }], children: description })] }) }) }));
+};
+const styles = react_native_1.StyleSheet.create({
+    scrollContent: {
+        flexGrow: 1,
+        paddingTop: 20,
+        paddingBottom: 24,
+    },
+    container: {
+        flex: 1,
+        paddingHorizontal: 24,
+        gap: 24,
+        alignItems: "center",
+    },
+    title: {
+        textAlign: "center",
+        letterSpacing: -0.76,
+    },
+    mediaContainer: {
+        width: "100%",
+        height: 400,
+        borderRadius: 32,
+        overflow: "hidden",
+    },
+    mediaImage: {
+        width: "100%",
+        height: "100%",
+    },
+    mediaPlaceholder: {
+        width: "100%",
+        height: "100%",
+        justifyContent: "center",
+        alignItems: "center",
+    },
+    placeholderText: {},
+    subtitle: {
+        textAlign: "center",
+    },
+});
+const ErrorBoundary_1 = require("../../ErrorBoundary");
+exports.MediaContentRenderer = (0, ErrorBoundary_1.withErrorBoundary)(MediaContentRendererBase, 'MediaContent');
+//# sourceMappingURL=Renderer.js.map

package/dist/UI/Pages/MediaContent/Renderer.js.map

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

package/dist/UI/Pages/MediaContent/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Renderer";
+export * from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/UI/Pages/MediaContent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/MediaContent/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}

package/dist/UI/Pages/MediaContent/index.js

@@ -0,0 +1,19 @@
+"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("./Renderer"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/UI/Pages/MediaContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/UI/Pages/MediaContent/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B;AAC3B,0CAAwB"}

package/dist/UI/Pages/MediaContent/types.d.ts

@@ -0,0 +1,44 @@
+import { z } from "zod";
+export declare const MediaContentStepPayloadSchema: z.ZodObject<{
+    mediaSource: z.ZodUnion<readonly [z.ZodObject<{
+        type: z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"image">, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
+        localPathId: z.ZodString;
+    }, z.core.$strip>, z.ZodObject<{
+        type: z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"image">, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
+        url: z.ZodString;
+    }, z.core.$strip>]>;
+    title: z.ZodString;
+    description: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    socialProof: z.ZodOptional<z.ZodNullable<z.ZodObject<{
+        numberOfStar: z.ZodNumber;
+        content: z.ZodString;
+        authorName: z.ZodString;
+    }, z.core.$strip>>>;
+}, z.core.$strip>;
+export declare const MediaContentStepTypeSchema: z.ZodObject<{
+    id: z.ZodString;
+    type: z.ZodLiteral<"MediaContent">;
+    name: z.ZodString;
+    displayProgressHeader: z.ZodBoolean;
+    payload: z.ZodObject<{
+        mediaSource: z.ZodUnion<readonly [z.ZodObject<{
+            type: z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"image">, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
+            localPathId: z.ZodString;
+        }, z.core.$strip>, z.ZodObject<{
+            type: z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"image">, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
+            url: z.ZodString;
+        }, z.core.$strip>]>;
+        title: z.ZodString;
+        description: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+        socialProof: z.ZodOptional<z.ZodNullable<z.ZodObject<{
+            numberOfStar: z.ZodNumber;
+            content: z.ZodString;
+            authorName: z.ZodString;
+        }, z.core.$strip>>>;
+    }, z.core.$strip>;
+    customPayload: z.ZodOptional<z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodAny>>>;
+    continueButtonLabel: z.ZodDefault<z.ZodOptional<z.ZodString>>;
+    figmaUrl: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+}, z.core.$strip>;
+export type MediaContentStepType = z.infer<typeof MediaContentStepTypeSchema>;
+//# sourceMappingURL=types.d.ts.map

package/dist/UI/Pages/MediaContent/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/MediaContent/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAOxB,eAAO,MAAM,6BAA6B;;;;;;;;;;;;;;;iBAKxC,CAAC;AAEH,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;iBASrC,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,0BAA0B,CAAC,CAAC"}

package/dist/UI/Pages/MediaContent/types.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaContentStepTypeSchema = exports.MediaContentStepPayloadSchema = void 0;
+const zod_1 = require("zod");
+const types_1 = require("../types");
+exports.MediaContentStepPayloadSchema = zod_1.z.object({
+    mediaSource: types_1.MediaSourceSchema,
+    title: zod_1.z.string(),
+    description: zod_1.z.string().nullish(),
+    socialProof: types_1.SocialProofSchema.nullish(),
+});
+exports.MediaContentStepTypeSchema = zod_1.z.object({
+    id: zod_1.z.string(),
+    type: zod_1.z.literal("MediaContent"),
+    name: zod_1.z.string(),
+    displayProgressHeader: zod_1.z.boolean(),
+    payload: exports.MediaContentStepPayloadSchema,
+    customPayload: types_1.CustomPayloadSchema,
+    continueButtonLabel: zod_1.z.string().optional().default("Continue"),
+    figmaUrl: zod_1.z.string().nullish(),
+});
+//# sourceMappingURL=types.js.map

package/dist/UI/Pages/MediaContent/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/UI/Pages/MediaContent/types.ts"],"names":[],"mappings":";;;AAAA,6BAAwB;AACxB,oCAIkB;AAEL,QAAA,6BAA6B,GAAG,OAAC,CAAC,MAAM,CAAC;IACpD,WAAW,EAAE,yBAAiB;IAC9B,KAAK,EAAE,OAAC,CAAC,MAAM,EAAE;IACjB,WAAW,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE;IACjC,WAAW,EAAE,yBAAiB,CAAC,OAAO,EAAE;CACzC,CAAC,CAAC;AAEU,QAAA,0BAA0B,GAAG,OAAC,CAAC,MAAM,CAAC;IACjD,EAAE,EAAE,OAAC,CAAC,MAAM,EAAE;IACd,IAAI,EAAE,OAAC,CAAC,OAAO,CAAC,cAAc,CAAC;IAC/B,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE;IAChB,qBAAqB,EAAE,OAAC,CAAC,OAAO,EAAE;IAClC,OAAO,EAAE,qCAA6B;IACtC,aAAa,EAAE,2BAAmB;IAClC,mBAAmB,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC;IAC9D,QAAQ,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE;CAC/B,CAAC,CAAC"}