noboarding 1.0.7 → 1.0.8

package/lib/OnboardingFlow.js

@@ -74,7 +74,7 @@ const detectEnvironment = () => {
         return 'test';
     return 'production';
 };
-const OnboardingFlow = ({ apiKey, testKey, productionKey, onComplete, onSkip, baseUrl, initialVariables, customComponents, onUserIdGenerated, }) => {
+const OnboardingFlow = ({ apiKey, testKey, productionKey, onComplete, onSkip, baseUrl, initialVariables, customComponents, onUserIdGenerated, loadingComponent, }) => {
     // Determine which API key to use
     const getApiKey = () => {
         // If dual keys provided, use environment detection
@@ -268,6 +268,9 @@ const OnboardingFlow = ({ apiKey, testKey, productionKey, onComplete, onSkip, ba
         }
     };
     if (loading) {
+        if (loadingComponent) {
+            return <>{loadingComponent}</>;
+        }
         return (<react_native_1.View style={styles.centerContainer}>
         <react_native_1.ActivityIndicator size="large" color="#007AFF"/>
         <react_native_1.Text style={styles.loadingText}>Loading...</react_native_1.Text>

package/lib/types.d.ts

@@ -233,4 +233,5 @@ export interface OnboardingFlowProps {
     initialVariables?: Record<string, any>;
     customComponents?: Record<string, React.ComponentType<CustomScreenProps>>;
     onUserIdGenerated?: (userId: string) => void;
+    loadingComponent?: React.ReactNode;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "noboarding",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "Expo SDK for remote onboarding flow management",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

package/src/OnboardingFlow.tsx

@@ -51,6 +51,7 @@ export const OnboardingFlow: React.FC<OnboardingFlowProps> = ({
   initialVariables,
   customComponents,
   onUserIdGenerated,
+  loadingComponent,
 }) => {
   // Determine which API key to use
   const getApiKey = (): string => {
@@ -285,6 +286,9 @@ export const OnboardingFlow: React.FC<OnboardingFlowProps> = ({
   };
 
   if (loading) {
+    if (loadingComponent) {
+      return <>{loadingComponent}</>;
+    }
     return (
       <View style={styles.centerContainer}>
         <ActivityIndicator size="large" color="#007AFF" />

package/src/types.ts

@@ -300,4 +300,5 @@ export interface OnboardingFlowProps {
   initialVariables?: Record<string, any>; // seed the variable store
   customComponents?: Record<string, React.ComponentType<CustomScreenProps>>;
   onUserIdGenerated?: (userId: string) => void; // Called when user ID is generated for analytics
+  loadingComponent?: React.ReactNode; // Custom loading UI shown while fetching flow config
 }