@umituz/react-native-design-system 4.28.22 → 4.29.0

package/dist/onboarding/infrastructure/storage/actions/resetAction.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Reset Action
+ * Single Responsibility: Reset onboarding state
+ */
+import type { OnboardingStoreState } from "../OnboardingStoreState";
+export declare function resetAction(set: (state: Partial<OnboardingStoreState>) => void, storageKey: string): Promise<void>;

package/dist/onboarding/infrastructure/storage/actions/skipAction.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Skip Action
+ * Single Responsibility: Mark onboarding as skipped
+ */
+import type { OnboardingStoreState } from "../OnboardingStoreState";
+export declare function skipAction(set: (state: Partial<OnboardingStoreState>) => void, get: () => OnboardingStoreState, storageKey: string): Promise<void>;

package/dist/onboarding/infrastructure/storage/actions/storageHelpers.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Storage Helpers
+ * Single Responsibility: Common storage operations and error handling
+ */
+import type { OnboardingUserData } from "../../../domain/entities/OnboardingUserData";
+export declare const DEFAULT_STORAGE_KEY = "@onboarding:completed";
+export declare const USER_DATA_STORAGE_KEY = "@onboarding:user_data";
+export declare function loadCompletionStatus(storageKey: string): Promise<boolean>;
+export declare function loadUserData(defaultData: OnboardingUserData): Promise<OnboardingUserData>;
+export declare function saveCompletionStatus(storageKey: string): Promise<void>;
+export declare function saveUserData(data: OnboardingUserData): Promise<void>;
+export declare function removeStorageKeys(storageKey: string): Promise<void>;
+export declare function handleError(error: unknown, context: string): string;
+export declare function logSuccess(_message: string): void;

package/dist/onboarding/infrastructure/utils/arrayUtils.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Array Utilities
+ * Safe array operations for onboarding components
+ */
+/**
+ * Ensures the value is a valid array, returns empty array if not
+ */
+export declare const ensureArray: <T>(value: T[] | undefined | null) => T[];
+/**
+ * Safe includes check that handles undefined/null values
+ */
+export declare const safeIncludes: <T>(array: T[] | undefined | null, item: T) => boolean;
+/**
+ * Safe filter that handles undefined/null values
+ */
+export declare const safeFilter: <T>(array: T[] | undefined | null, predicate: (item: T) => boolean) => T[];

package/dist/onboarding/infrastructure/utils/backgroundUtils.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Background Utilities
+ *
+ * Utility functions for background-related operations
+ * Follows Single Responsibility Principle
+ */
+import type { OnboardingSlide } from "../../domain/entities/OnboardingSlide";
+/**
+ * Check if slide should use custom background or overlay
+ * Indicates that we are not using the default theme background.
+ *
+ * @param slide - The slide to check
+ * @param globalUseCustomBackground - Global option from OnboardingOptions
+ * @returns true if custom background/media should be used, false otherwise
+ */
+export declare function shouldUseCustomBackground(slide: OnboardingSlide | undefined, globalUseCustomBackground?: boolean): boolean;

package/dist/onboarding/infrastructure/utils/layouts/collageLayout.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Collage Layout Generator
+ * Random collage with varying sizes
+ */
+import type { ImageLayoutItem, LayoutConfig, ImageSourceType } from "./layoutTypes";
+export declare const generateCollageLayout: (images: ImageSourceType[], config?: LayoutConfig) => ImageLayoutItem[];

package/dist/onboarding/infrastructure/utils/layouts/gridLayouts.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Grid Layout Generators
+ * Standard and dense grid layouts with safe area support
+ */
+import type { ImageLayoutItem, LayoutConfig, ImageSourceType } from "./layoutTypes";
+export declare const generateGridLayout: (images: ImageSourceType[], config?: LayoutConfig) => ImageLayoutItem[];
+export declare const generateDenseGridLayout: (images: ImageSourceType[], config?: LayoutConfig) => ImageLayoutItem[];

package/dist/onboarding/infrastructure/utils/layouts/honeycombLayout.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Honeycomb Layout Generator
+ * Hexagonal pattern layout
+ */
+import type { ImageLayoutItem, LayoutConfig, ImageSourceType } from "./layoutTypes";
+export declare const generateHoneycombLayout: (images: ImageSourceType[], config?: LayoutConfig) => ImageLayoutItem[];

package/dist/onboarding/infrastructure/utils/layouts/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Layout Generators - Barrel Export
+ */
+export type { ImageLayoutItem, ImageLayoutStyle, LayoutConfig, ImageSourceType } from "./layoutTypes";
+export { generateGridLayout, generateDenseGridLayout } from "./gridLayouts";
+export { generateMasonryLayout } from "./masonryLayout";
+export { generateCollageLayout } from "./collageLayout";
+export { generateScatteredLayout } from "./scatteredLayout";
+export { generateTilesLayout } from "./tilesLayout";
+export { generateHoneycombLayout } from "./honeycombLayout";

package/dist/onboarding/infrastructure/utils/layouts/layoutTypes.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Layout Types
+ * Type definitions for image layout generators
+ */
+import type { ImageSourceType } from "../../../domain/types/ImageSourceType";
+export type { ImageSourceType };
+export interface SafeAreaInsets {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+}
+export interface ImageLayoutStyle {
+    position: "absolute";
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+    borderRadius?: number;
+}
+export interface ImageLayoutItem {
+    source: ImageSourceType;
+    style: ImageLayoutStyle;
+}
+export interface LayoutConfig {
+    columns?: number;
+    gap?: number;
+    borderRadius?: number;
+    randomizeSize?: boolean;
+    safeAreaInsets?: SafeAreaInsets;
+}

package/dist/onboarding/infrastructure/utils/layouts/masonryLayout.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Masonry Layout Generator
+ * Pinterest-style masonry layout
+ */
+import type { ImageLayoutItem, LayoutConfig, ImageSourceType } from "./layoutTypes";
+export declare const generateMasonryLayout: (images: ImageSourceType[], config?: LayoutConfig) => ImageLayoutItem[];

package/dist/onboarding/infrastructure/utils/layouts/scatteredLayout.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Scattered Layout Generator
+ * Random small images scattered across screen
+ */
+import type { ImageLayoutItem, LayoutConfig, ImageSourceType } from "./layoutTypes";
+export declare const generateScatteredLayout: (images: ImageSourceType[], config?: LayoutConfig) => ImageLayoutItem[];

package/dist/onboarding/infrastructure/utils/layouts/screenDimensions.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Screen Dimensions
+ * Centralized screen dimension values using design system utilities
+ */
+export declare const SCREEN_WIDTH: number;
+export declare const SCREEN_HEIGHT: number;

package/dist/onboarding/infrastructure/utils/layouts/tilesLayout.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Tiles Layout Generator
+ * Fixed size tiles centered on screen
+ */
+import type { ImageLayoutItem, LayoutConfig, ImageSourceType } from "./layoutTypes";
+export declare const generateTilesLayout: (images: ImageSourceType[], config?: LayoutConfig) => ImageLayoutItem[];

package/dist/onboarding/presentation/components/BackgroundImageCollage.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Background Image Collage Component
+ * Displays multiple images in various layout patterns with safe area support.
+ * Uses expo-image when available, falls back to React Native Image.
+ */
+import React from "react";
+import { type ImageSourceType } from "../../infrastructure/utils/layouts";
+export type CollageLayout = "grid" | "dense" | "masonry" | "collage" | "scattered" | "tiles" | "honeycomb";
+export interface BackgroundImageCollageProps {
+    images: ImageSourceType[];
+    layout?: CollageLayout;
+    columns?: number;
+    gap?: number;
+    borderRadius?: number;
+    opacity?: number;
+}
+export declare const BackgroundImageCollage: React.FC<BackgroundImageCollageProps>;

package/dist/onboarding/presentation/components/BackgroundVideo.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type VideoSource = string | {
+    uri: string;
+    [key: string]: unknown;
+};
+interface BackgroundVideoProps {
+    source: VideoSource;
+    overlayOpacity?: number;
+}
+export declare const BackgroundVideo: React.FC<BackgroundVideoProps>;
+export {};

package/dist/onboarding/presentation/components/BaseSlide.d.ts

@@ -0,0 +1,11 @@
+/**
+ * BaseSlide Component
+ * Single Responsibility: Provide a base layout for all onboarding slides
+ */
+import React from "react";
+import type { ContentPosition } from "../../domain/entities/OnboardingSlide";
+export interface BaseSlideProps {
+    children: React.ReactNode;
+    contentPosition?: ContentPosition;
+}
+export declare const BaseSlide: ({ children, contentPosition, }: BaseSlideProps) => React.JSX.Element;

package/dist/onboarding/presentation/components/OnboardingBackground.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Onboarding Background Component
+ * Handles rendering of video, image or solid backgrounds.
+ *
+ * expo-video is an OPTIONAL peer dependency.
+ * Pass a VideoComponent prop to enable video backgrounds.
+ * Without it the video slide type is silently skipped.
+ */
+import React from "react";
+import type { OnboardingSlide } from "../../domain/entities/OnboardingSlide";
+type VideoComponentType = React.ComponentType<{
+    source: unknown;
+    overlayOpacity?: number;
+}>;
+export interface OnboardingBackgroundProps {
+    currentSlide: OnboardingSlide | undefined;
+    useCustomBackground: boolean;
+    showOverlay: boolean;
+    overlayOpacity: number;
+    backgroundColor?: string;
+    /**
+     * Optional video background component.
+     * Required only when slides use `backgroundVideo`.
+     * Import from `./BackgroundVideo` in apps that have expo-video installed.
+     *
+     * @example
+     * import { BackgroundVideo } from '@umituz/react-native-design-system/onboarding';
+     * <OnboardingScreen VideoComponent={BackgroundVideo} ... />
+     */
+    VideoComponent?: VideoComponentType;
+}
+export declare const OnboardingBackground: React.FC<OnboardingBackgroundProps>;
+export {};

package/dist/onboarding/presentation/components/OnboardingFooter.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface OnboardingFooterProps {
+    currentIndex: number;
+    totalSlides: number;
+    isLastSlide: boolean;
+    onNext: () => void;
+    showProgressBar?: boolean;
+    showDots?: boolean;
+    showProgressText?: boolean;
+    disabled?: boolean;
+}
+export declare const OnboardingFooter: React.NamedExoticComponent<OnboardingFooterProps>;

package/dist/onboarding/presentation/components/OnboardingHeader.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface OnboardingHeaderProps {
+    isFirstSlide: boolean;
+    onBack: () => void;
+    onSkip: () => void;
+    showBackButton?: boolean;
+    showSkipButton?: boolean;
+    skipButtonText?: string;
+}
+export declare const OnboardingHeader: React.NamedExoticComponent<OnboardingHeaderProps>;

package/dist/onboarding/presentation/components/OnboardingResetSetting.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface OnboardingResetSettingProps {
+    onReset: () => void | Promise<void>;
+    title?: string;
+    description?: string;
+    iconName?: string;
+    iconColor?: string;
+    titleColor?: string;
+    visible?: boolean;
+    isLast?: boolean;
+}
+export declare const OnboardingResetSetting: ({ onReset, title, description, iconName, iconColor, titleColor, visible, isLast, }: OnboardingResetSettingProps) => React.JSX.Element | null;

package/dist/onboarding/presentation/components/OnboardingScreenContent.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Onboarding Screen Content Component
+ * Single Responsibility: Render onboarding screen content (header, slide, footer)
+ */
+import React from "react";
+import type { OnboardingScreenContentProps } from "../types/OnboardingProps";
+export declare const OnboardingScreenContent: ({ containerStyle, useCustomBackground, currentSlide, isFirstSlide, isLastSlide, currentIndex, totalSlides, currentAnswer, isAnswerValid, showBackButton, showSkipButton, showProgressBar, showDots, showProgressText, skipButtonText, nextButtonText: _nextButtonText, getStartedButtonText: _getStartedButtonText, onBack, onSkip, onNext, onAnswerChange, renderHeader, renderFooter, renderSlide, onUpgrade, showPaywallOnComplete, variant, VideoComponent, }: OnboardingScreenContentProps) => React.JSX.Element;

package/dist/onboarding/presentation/components/OnboardingSlide.d.ts

@@ -0,0 +1,11 @@
+/**
+ * OnboardingSlide Component
+ * Single Responsibility: Render a single onboarding slide
+ */
+import React from "react";
+import type { OnboardingSlide as OnboardingSlideType } from "../../domain/entities/OnboardingSlide";
+export interface OnboardingSlideProps {
+    slide: OnboardingSlideType;
+    variant?: "default" | "card" | "minimal" | "fullscreen";
+}
+export declare const OnboardingSlide: React.MemoExoticComponent<({ slide, variant, }: OnboardingSlideProps) => React.JSX.Element>;

package/dist/onboarding/presentation/components/QuestionRenderer.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Question Renderer Component
+ * Single Responsibility: Render appropriate question component based on type
+ */
+import React from "react";
+import type { OnboardingQuestion, OnboardingAnswerValue } from "../../domain/entities/OnboardingQuestion";
+export interface QuestionRendererProps {
+    question: OnboardingQuestion;
+    value: OnboardingAnswerValue;
+    onChange: (value: OnboardingAnswerValue) => void;
+}
+export declare const QuestionRenderer: ({ question, value, onChange, }: QuestionRendererProps) => React.JSX.Element | null;

package/dist/onboarding/presentation/components/QuestionSlide.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { OnboardingSlide } from "../../domain/entities/OnboardingSlide";
+import type { OnboardingAnswerValue } from "../../domain/entities/OnboardingQuestion";
+export interface QuestionSlideProps {
+    slide: OnboardingSlide;
+    value: OnboardingAnswerValue;
+    onChange: (value: OnboardingAnswerValue) => void;
+    variant?: "default" | "card" | "minimal" | "fullscreen";
+    fieldRequiredText?: string;
+}
+export declare const QuestionSlide: ({ slide, value, onChange, fieldRequiredText, }: QuestionSlideProps) => React.JSX.Element | null;

package/dist/onboarding/presentation/components/QuestionSlideHeader.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { OnboardingSlide } from "../../domain/entities/OnboardingSlide";
+export interface QuestionSlideHeaderProps {
+    slide: OnboardingSlide;
+}
+export declare const QuestionSlideHeader: ({ slide }: QuestionSlideHeaderProps) => React.JSX.Element;

package/dist/onboarding/presentation/components/chat/ChatMessage.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Chat Message Component
+ *
+ * Displays a single message in the chat interface
+ * Lazy loads animations for optimal bundle size
+ * Fully responsive - uses safe area insets and responsive sizing
+ */
+import React from "react";
+import { ViewStyle } from "react-native";
+import type { ChatMessage as ChatMessageEntity } from "../../../domain/entities/ChatMessage";
+export interface ChatMessageProps {
+    /** Message data */
+    message: ChatMessageEntity;
+    /** Message background color */
+    backgroundColor?: string;
+    /** Message text color */
+    textColor?: string;
+    /** Important message highlight color */
+    importantColor?: string;
+    /** User message background color */
+    userBackgroundColor?: string;
+    /** User message text color */
+    userTextColor?: string;
+    /** Additional styles */
+    style?: ViewStyle;
+    /** Enable animations (default: true) */
+    animate?: boolean;
+}
+/**
+ * Chat message bubble component
+ * Responsive design: Uses safe area insets and scales padding/font sizes
+ */
+export declare const ChatMessage: React.MemoExoticComponent<({ message, backgroundColor, textColor, importantColor, userBackgroundColor, userTextColor, style, animate, }: ChatMessageProps) => React.JSX.Element>;

package/dist/onboarding/presentation/components/chat/ChatOptionButton.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Chat Option Button Component
+ *
+ * Displays a selectable option in the chat interface
+ * Lazy loads animations for optimal bundle size
+ * Fully responsive - scales padding, font sizes, and icon sizes
+ */
+import React from "react";
+import { ViewStyle } from "react-native";
+import type { ChatOption } from "../../../domain/entities/ChatStep";
+export interface ChatOptionButtonProps {
+    /** Option data */
+    option: ChatOption;
+    /** Button press handler */
+    onPress: (option: ChatOption) => void;
+    /** Button background color */
+    backgroundColor?: string;
+    /** Button text color */
+    textColor?: string;
+    /** Button border color */
+    borderColor?: string;
+    /** Whether button is disabled */
+    disabled?: boolean;
+    /** Additional styles */
+    style?: ViewStyle;
+    /** Enable animations (default: true) */
+    animate?: boolean;
+    /** Custom icon component */
+    renderIcon?: (iconName: string) => React.ReactNode;
+}
+/**
+ * Chat option button component
+ * Responsive design: Scales padding, font size, and min-width based on screen size
+ */
+export declare const ChatOptionButton: React.MemoExoticComponent<({ option, onPress, backgroundColor, textColor, borderColor, disabled, style, renderIcon, }: ChatOptionButtonProps) => React.JSX.Element>;

package/dist/onboarding/presentation/components/chat/TypingIndicator.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Typing Indicator Component
+ *
+ * Shows animated typing dots for bot messages
+ * Uses CSS animations for minimal bundle impact
+ * Fully responsive - scales dot size and spacing on larger screens
+ */
+import React from "react";
+import { ViewStyle } from "react-native";
+export interface TypingIndicatorProps {
+    /** Dot color */
+    dotColor?: string;
+    /** Container background color */
+    backgroundColor?: string;
+    /** Additional styles */
+    style?: ViewStyle;
+    /** Animation duration in ms */
+    duration?: number;
+}
+/**
+ * Typing indicator dots component
+ * Responsive design: Scales dot size and spacing based on screen size
+ */
+export declare const TypingIndicator: React.MemoExoticComponent<({ dotColor, backgroundColor, style, duration, }: TypingIndicatorProps) => React.JSX.Element>;

package/dist/onboarding/presentation/components/chat/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Chat Components Exports
+ */
+export { ChatMessage as ChatMessageComponent } from "./ChatMessage";
+export type { ChatMessageProps } from "./ChatMessage";
+export { ChatOptionButton } from "./ChatOptionButton";
+export type { ChatOptionButtonProps } from "./ChatOptionButton";
+export { TypingIndicator } from "./TypingIndicator";
+export type { TypingIndicatorProps } from "./TypingIndicator";

package/dist/onboarding/presentation/components/questions/DateQuestion.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { OnboardingQuestion } from "../../../domain/entities/OnboardingQuestion";
+export interface DateQuestionProps {
+    question: OnboardingQuestion;
+    value: string | undefined;
+    onChange: (value: string) => void;
+}
+export declare const DateQuestion: ({ question, value, onChange, }: DateQuestionProps) => React.JSX.Element;

package/dist/onboarding/presentation/components/questions/MultipleChoiceQuestion.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Multiple Choice Question Component
+ * Single Responsibility: Render multiple choice question with options
+ */
+import React from "react";
+import type { OnboardingQuestion } from "../../../domain/entities/OnboardingQuestion";
+export interface MultipleChoiceQuestionProps {
+    question: OnboardingQuestion;
+    value: string[] | undefined;
+    onChange: (value: string[]) => void;
+}
+export declare const MultipleChoiceQuestion: ({ question, value, onChange, }: MultipleChoiceQuestionProps) => React.JSX.Element;

package/dist/onboarding/presentation/components/questions/QuestionOptionItem.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Question Option Item Component
+ * Single Responsibility: Render a single selectable option
+ */
+import React from "react";
+import type { QuestionOption } from "../../../domain/entities/OnboardingQuestion";
+import type { OnboardingColors } from "../../types/OnboardingTheme";
+export interface QuestionOptionItemProps {
+    option: QuestionOption;
+    isSelected: boolean;
+    onPress: () => void;
+    colors: OnboardingColors;
+}
+export declare const QuestionOptionItem: React.MemoExoticComponent<({ option, isSelected, onPress, colors, }: QuestionOptionItemProps) => React.JSX.Element>;

package/dist/onboarding/presentation/components/questions/RatingQuestion.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { OnboardingQuestion } from "../../../domain/entities/OnboardingQuestion";
+export interface RatingQuestionProps {
+    question: OnboardingQuestion;
+    value: number | undefined;
+    onChange: (value: number) => void;
+}
+export declare const RatingQuestion: ({ question, value, onChange, }: RatingQuestionProps) => React.JSX.Element;

package/dist/onboarding/presentation/components/questions/SingleChoiceQuestion.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { OnboardingQuestion } from "../../../domain/entities/OnboardingQuestion";
+export interface SingleChoiceQuestionProps {
+    question: OnboardingQuestion;
+    value: string | undefined;
+    onChange: (value: string) => void;
+}
+export declare const SingleChoiceQuestion: ({ question, value, onChange, }: SingleChoiceQuestionProps) => React.JSX.Element;

package/dist/onboarding/presentation/components/questions/TextInputQuestion.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { OnboardingQuestion } from "../../../domain/entities/OnboardingQuestion";
+export interface TextInputQuestionProps {
+    question: OnboardingQuestion;
+    value: string | undefined;
+    onChange: (value: string) => void;
+}
+export declare const TextInputQuestion: ({ question, value, onChange, }: TextInputQuestionProps) => React.JSX.Element;

package/dist/onboarding/presentation/components/questions/questionStyles.d.ts

@@ -0,0 +1,55 @@
+/**
+ * Shared Styles for Question Components
+ * Eliminates code duplication across SingleChoice, MultipleChoice, etc.
+ */
+export declare const questionStyles: {
+    option: {
+        flexDirection: "row";
+        alignItems: "center";
+        borderRadius: number;
+        padding: number;
+        marginBottom: number;
+        width: "100%";
+    };
+    optionIcon: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+        marginRight: number;
+    };
+    optionLabel: {
+        flex: number;
+        fontSize: number;
+    };
+    radioOuter: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        borderWidth: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    radioInner: {
+        width: number;
+        height: number;
+        borderRadius: number;
+    };
+    checkbox: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    container: {
+        width: "100%";
+    };
+    hint: {
+        textAlign: "center";
+        marginTop: number;
+    };
+};
+export declare const OPTION_ICON_SIZE = 20;
+export declare const OPTION_EMOJI_SIZE = 24;

package/dist/onboarding/presentation/hooks/useChatOnboarding.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Chat Onboarding Hook
+ *
+ * Core state management for chat-based onboarding flows
+ * Generic and reusable across all apps
+ */
+import type { ChatStep, ChatOption } from "../../domain/entities/ChatStep";
+import type { ChatMessage } from "../../domain/entities/ChatMessage";
+export interface UseChatOnboardingOptions {
+    /** Chat onboarding flow configuration */
+    flow: Record<string, ChatStep>;
+    /** Initial step ID (default: first step in flow) */
+    initialStepId?: string;
+    /** Callback when onboarding completes */
+    onComplete?: () => void;
+    /** Callback when user skips onboarding */
+    onSkip?: () => void;
+    /** Delay between messages (ms) */
+    messageDelay?: number;
+    /** Store progress persistently */
+    storageKey?: string;
+}
+export interface UseChatOnboardingReturn {
+    /** Current chat step */
+    currentStep: ChatStep | null;
+    /** Current step ID */
+    currentStepId: string;
+    /** Array of chat messages */
+    messages: ChatMessage[];
+    /** Whether to show options */
+    showOptions: boolean;
+    /** Whether processing user input */
+    isProcessing: boolean;
+    /** Whether to show typing indicator */
+    showTypingIndicator: boolean;
+    /** Handle option selection */
+    handleOptionSelect: (option: ChatOption) => void;
+    /** Reset onboarding flow */
+    handleReset: () => void;
+    /** Navigate to specific step */
+    setCurrentStepId: (stepId: string) => void;
+    /** Submit name input */
+    handleSubmitName: (name: string) => void;
+    /** Skip current step */
+    handleSkip: () => void;
+}
+/**
+ * Hook for managing chat onboarding state
+ */
+export declare const useChatOnboarding: ({ flow, initialStepId, onComplete, onSkip, messageDelay, }: UseChatOnboardingOptions) => UseChatOnboardingReturn;

package/dist/onboarding/presentation/hooks/useOnboardingContainerStyle.d.ts

@@ -0,0 +1,12 @@
+/**
+ * useOnboardingContainerStyle Hook
+ * Single Responsibility: Manage container styling for onboarding screen
+ */
+import type { StyleProp, ViewStyle } from "react-native";
+export interface UseOnboardingContainerStyleProps {
+    useCustomBackground: boolean;
+}
+export interface UseOnboardingContainerStyleReturn {
+    containerStyle: StyleProp<ViewStyle>;
+}
+export declare function useOnboardingContainerStyle({ useCustomBackground, }: UseOnboardingContainerStyleProps): UseOnboardingContainerStyleReturn;