@rejourneyco/react-native 1.0.0 → 1.0.2

package/lib/module/sdk/constants.js

@@ -8,35 +8,25 @@ export const SDK_VERSION = '1.0.0';
 export const DEFAULT_CONFIG = {
   enabled: true,
   captureFPS: 0.5,
-  // Every 2 seconds (only used in timer mode)
   captureOnEvents: true,
-  // Event-driven capture (not time-based)
   maxSessionDuration: 10 * 60 * 1000,
-  // 10 minutes (project-level configurable, clamped 1–10)
   maxStorageSize: 50 * 1024 * 1024,
-  // 50MB
   autoScreenTracking: true,
   autoGestureTracking: true,
   privacyOcclusion: true,
   enableCompression: true,
   inactivityThreshold: 5000,
-  // 5 seconds
   disableInDev: false,
   detectRageTaps: true,
   rageTapThreshold: 3,
   rageTapTimeWindow: 1000,
-  // 1 second
   debug: false,
   autoStartRecording: true,
   collectDeviceInfo: true,
-  // Collect detailed device information
   collectGeoLocation: true,
-  // Collect IP address and geolocation
   postNavigationDelay: 300,
-  // 300ms - allow navigation animations to complete
   postGestureDelay: 200,
-  // 200ms - show result of taps, not animations
-  postModalDelay: 400 // 400ms - ensure modals/alerts are fully rendered
+  postModalDelay: 400
 };
 
 /** Event type constants */
@@ -72,8 +62,7 @@ export const CAPTURE_SETTINGS = {
   MIN_FPS: 0.1,
   MAX_FPS: 2,
   CAPTURE_SCALE: 0.25,
-  // 25% resolution for video segments
-  MIN_CAPTURE_DELTA_TIME: 0.5 // Minimum 0.5s between captures (rate limiting)
+  MIN_CAPTURE_DELTA_TIME: 0.5
 };
 
 /** Memory management settings */

package/lib/module/sdk/errorTracking.js

@@ -5,20 +5,11 @@
  * Split from autoTracking.ts for better code organization.
  */
 
-// Type declarations for browser globals (only used in hybrid apps where DOM is available)
-
-// Cast globalThis to work with both RN and hybrid scenarios
 const _globalThis = globalThis;
-
-// Original error handlers (for restoration)
 let originalErrorHandler;
 let originalOnError = null;
 let originalOnUnhandledRejection = null;
-
-// Callbacks
 let onErrorCallback = null;
-
-// Metrics
 let errorCount = 0;
 
 /**
@@ -27,18 +18,12 @@ let errorCount = 0;
 export function setupErrorTracking(config, onError) {
   onErrorCallback = onError;
   errorCount = 0;
-
-  // Track React Native errors
   if (config.trackReactNativeErrors !== false) {
     setupReactNativeErrorHandler();
   }
-
-  // Track JavaScript errors (only works in web/debug)
   if (config.trackJSErrors !== false && typeof _globalThis !== 'undefined') {
     setupJSErrorHandler();
   }
-
-  // Track unhandled promise rejections
   if (config.trackPromiseRejections !== false && typeof _globalThis !== 'undefined') {
     setupPromiseRejectionHandler();
   }
@@ -48,7 +33,6 @@ export function setupErrorTracking(config, onError) {
  * Cleanup error tracking and restore original handlers
  */
 export function cleanupErrorTracking() {
-  // Restore React Native handler
   if (originalErrorHandler) {
     try {
       const ErrorUtils = _globalThis.ErrorUtils;
@@ -60,14 +44,10 @@ export function cleanupErrorTracking() {
     }
     originalErrorHandler = undefined;
   }
-
-  // Restore global onerror
   if (originalOnError !== null) {
     _globalThis.onerror = originalOnError;
     originalOnError = null;
   }
-
-  // Remove promise rejection handler
   if (originalOnUnhandledRejection && typeof _globalThis.removeEventListener !== 'undefined') {
     _globalThis.removeEventListener('unhandledrejection', originalOnUnhandledRejection);
     originalOnUnhandledRejection = null;
@@ -119,11 +99,7 @@ function setupReactNativeErrorHandler() {
   try {
     const ErrorUtils = _globalThis.ErrorUtils;
     if (!ErrorUtils) return;
-
-    // Store original handler
     originalErrorHandler = ErrorUtils.getGlobalHandler();
-
-    // Set new handler
     ErrorUtils.setGlobalHandler((error, isFatal) => {
       trackError({
         type: 'error',
@@ -132,14 +108,12 @@ function setupReactNativeErrorHandler() {
         stack: error.stack,
         name: error.name || 'Error'
       });
-
-      // Call original handler
       if (originalErrorHandler) {
         originalErrorHandler(error, isFatal);
       }
     });
   } catch {
-    // ErrorUtils not available
+    // Ignore
   }
 }
 
@@ -157,8 +131,6 @@ function setupJSErrorHandler() {
         stack: error?.stack || `${source}:${lineno}:${colno}`,
         name: error?.name || 'Error'
       });
-
-      // Call original handler
       if (originalOnError) {
         return originalOnError(message, source, lineno, colno, error);
       }

package/lib/module/sdk/index.js

@@ -7,6 +7,4 @@ export * from './constants';
 export * from './utils';
 export * from './autoTracking';
 export * from './networkInterceptor';
-// Note: errorTracking and metricsTracking are internal modules
-// Their exports are re-exported through autoTracking for backward compatibility
 //# sourceMappingURL=index.js.map

package/lib/module/sdk/metricsTracking.js

@@ -10,10 +10,9 @@
  * Session metrics structure
  */
 
-// Metrics state
 let metrics = createEmptyMetrics();
 let sessionStartTime = 0;
-let maxSessionDurationMs = 10 * 60 * 1000; // 10 minutes default
+let maxSessionDurationMs = 10 * 60 * 1000;
 
 /**
  * Create empty metrics object
@@ -61,11 +60,8 @@ export function initMetrics() {
  * Get current session metrics with calculated scores
  */
 export function getSessionMetrics() {
-  // Calculate duration, clamped to max session duration
   const rawDuration = Date.now() - sessionStartTime;
   const durationMs = Math.min(rawDuration, maxSessionDurationMs);
-
-  // Calculate scores
   const interactionScore = calculateInteractionScore(durationMs);
   const explorationScore = calculateExplorationScore();
   const uxScore = calculateUXScore();
@@ -87,9 +83,6 @@ export function setMaxSessionDurationMinutes(minutes) {
     maxSessionDurationMs = clampedMinutes * 60 * 1000;
   }
 }
-
-// ==================== Metric Increment Methods ====================
-
 export function incrementTouchCount() {
   metrics.touchCount++;
   metrics.totalEvents++;
@@ -129,8 +122,6 @@ export function trackAPIMetrics(success, durationMs = 0, responseBytes = 0) {
   }
 }
 
-// ==================== Score Calculations ====================
-
 /**
  * Calculate interaction score based on engagement with app
  * Higher = more engaged (more interactions per minute)
@@ -139,16 +130,12 @@ function calculateInteractionScore(durationMs) {
   if (durationMs <= 0) return 100;
   const durationMinutes = durationMs / 60000;
   const interactionsPerMinute = metrics.touchCount / Math.max(0.5, durationMinutes);
-
-  // Ideal: 10-30 interactions per minute
-  // Low (< 5): user passive/confused
-  // Very high (> 60): rage tapping
   if (interactionsPerMinute < 2) return 20;
   if (interactionsPerMinute < 5) return 50;
   if (interactionsPerMinute < 10) return 70;
   if (interactionsPerMinute <= 30) return 100;
   if (interactionsPerMinute <= 60) return 80;
-  return 50; // Very high might indicate frustration
+  return 50;
 }
 
 /**
@@ -157,14 +144,12 @@ function calculateInteractionScore(durationMs) {
  */
 function calculateExplorationScore() {
   const uniqueScreens = metrics.uniqueScreensCount;
-
-  // More unique screens = better exploration
   if (uniqueScreens >= 10) return 100;
   if (uniqueScreens >= 7) return 90;
   if (uniqueScreens >= 5) return 80;
   if (uniqueScreens >= 3) return 60;
   if (uniqueScreens >= 2) return 40;
-  return 20; // Single screen visit
+  return 20;
 }
 
 /**
@@ -173,14 +158,8 @@ function calculateExplorationScore() {
  */
 function calculateUXScore() {
   let score = 100;
-
-  // Deduct for errors
   score -= metrics.errorCount * 10;
-
-  // Deduct heavily for rage taps
   score -= metrics.rageTapCount * 20;
-
-  // Deduct for API errors (less severe)
   score -= metrics.apiErrorCount * 5;
   return Math.max(0, Math.min(100, score));
 }

package/lib/module/sdk/navigation.js

@@ -18,46 +18,28 @@
 export function normalizeScreenName(raw) {
   if (!raw) return 'Unknown';
   let name = raw;
-
-  // 1. Remove non-printable characters and weird symbols (often from icons)
   name = name.replace(/[^\x20-\x7E\s]/g, '');
-
-  // 2. Handle hyphens: my-recipes -> My Recipes
   name = name.split(/[-_]/).map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(' ');
-
-  // 3. Remove common suffixes
   const suffixes = ['Screen', 'Page', 'View', 'Controller', 'ViewController', 'VC'];
   for (const suffix of suffixes) {
     if (name.endsWith(suffix) && name.length > suffix.length) {
       name = name.slice(0, -suffix.length).trim();
     }
   }
-
-  // 4. Remove common prefixes (React Native internals)
   const prefixes = ['RNS', 'RCT', 'RN', 'UI'];
   for (const prefix of prefixes) {
     if (name.startsWith(prefix) && name.length > prefix.length + 2) {
       name = name.slice(prefix.length).trim();
     }
   }
-
-  // 5. Handle dynamic route params: [id] -> (omit), [userId] -> "User"
   name = name.replace(/\[([a-zA-Z]+)(?:Id)?\]/g, (_, param) => {
     const clean = param.replace(/Id$/i, '');
     if (clean.length < 2) return '';
     return clean.charAt(0).toUpperCase() + clean.slice(1);
   });
-
-  // 6. Remove leftover brackets
   name = name.replace(/\[\]/g, '');
-
-  // 7. Convert camelCase/PascalCase to Title Case with spaces
   name = name.replace(/([a-z])([A-Z])/g, '$1 $2');
-
-  // 8. Clean up multiple spaces and trim
   name = name.replace(/\s+/g, ' ').trim();
-
-  // 9. Capitalize first letter
   if (name.length > 0) {
     name = name.charAt(0).toUpperCase() + name.slice(1);
   }
@@ -72,23 +54,17 @@ export function normalizeScreenName(raw) {
  * @returns Human-readable screen name
  */
 export function getScreenNameFromPath(pathname, segments) {
-  // Use segments for cleaner names if available
   if (segments.length > 0) {
-    // Filter out group markers like (tabs), (auth), etc.
     const cleanSegments = segments.filter(s => !s.startsWith('(') && !s.endsWith(')'));
     if (cleanSegments.length > 0) {
-      // Process each segment
       const processedSegments = cleanSegments.map(s => {
-        // Handle dynamic params like [id]
         if (s.startsWith('[') && s.endsWith(']')) {
           const param = s.slice(1, -1);
-          // Skip pure ID params, keep meaningful ones
           if (param === 'id' || param === 'slug') return null;
-          // Extract meaningful part: userId -> User
+          if (param === 'id' || param === 'slug') return null;
           const clean = param.replace(/Id$/i, '');
           return clean.charAt(0).toUpperCase() + clean.slice(1);
         }
-        // Regular segment - capitalize
         return s.charAt(0).toUpperCase() + s.slice(1);
       }).filter(Boolean);
       if (processedSegments.length > 0) {
@@ -96,30 +72,17 @@ export function getScreenNameFromPath(pathname, segments) {
       }
     }
   }
-
-  // Fall back to pathname
   if (!pathname || pathname === '/') {
     return 'Home';
   }
-
-  // Clean up the path
-  let cleanPath = pathname.replace(/^\/(tabs)?/, '') // Remove leading slash and (tabs)
-  .replace(/\([^)]+\)/g, '') // Remove all group markers like (settings)
-  .replace(/\[([^\]]+)\]/g, (_, param) => {
-    // Handle dynamic params in path
+  const cleanPath = pathname.replace(/^\/(tabs)?/, '').replace(/\([^)]+\)/g, '').replace(/\[([^\]]+)\]/g, (_, param) => {
     if (param === 'id' || param === 'slug') return '';
     const clean = param.replace(/Id$/i, '');
     return clean.charAt(0).toUpperCase() + clean.slice(1);
-  }).replace(/\/+/g, '/') // Collapse multiple slashes
-  .replace(/^\//, '') // Remove leading slash
-  .replace(/\/$/, '') // Remove trailing slash
-  .replace(/\//g, ' > ') // Replace slashes with arrows
-  .trim();
+  }).replace(/\/+/g, '/').replace(/^\//, '').replace(/\/$/, '').replace(/\//g, ' > ').trim();
   if (!cleanPath) {
     return 'Home';
   }
-
-  // Capitalize first letter of each word
   return cleanPath.split(' > ').map(s => s.charAt(0).toUpperCase() + s.slice(1)).filter(s => s.length > 0).join(' > ') || 'Home';
 }
 
@@ -133,8 +96,6 @@ export function getCurrentRouteFromState(state) {
   if (!state || !state.routes) return null;
   const route = state.routes[state.index ?? state.routes.length - 1];
   if (!route) return null;
-
-  // If nested state, recurse
   if (route.state) {
     return getCurrentRouteFromState(route.state);
   }

package/lib/module/sdk/networkInterceptor.js

@@ -13,41 +13,26 @@
  * - PII Scrubbing for query parameters
  */
 
-// Store original implementations
 let originalFetch = null;
 let originalXHROpen = null;
 let originalXHRSend = null;
-
-// Callback to log network requests (called asynchronously)
 let logCallback = null;
-
-// Pending requests buffer (circular buffer for memory efficiency)
 const MAX_PENDING_REQUESTS = 100;
 const pendingRequests = new Array(MAX_PENDING_REQUESTS).fill(null);
 let pendingHead = 0;
 let pendingTail = 0;
 let pendingCount = 0;
-
-// Flush timer
 let flushTimer = null;
-const FLUSH_INTERVAL = 500; // Flush every 500ms
-
-// Sampling for high-frequency endpoints
+const FLUSH_INTERVAL = 500;
 const endpointCounts = new Map();
-const SAMPLE_WINDOW = 10000; // 10 second window
-const MAX_PER_ENDPOINT = 20; // Max 20 requests per endpoint per window
-
-// Configuration
+const SAMPLE_WINDOW = 10000;
+const MAX_PER_ENDPOINT = 20;
 const config = {
   enabled: true,
   ignorePatterns: [],
-  // Simple string patterns for fast matching
   maxUrlLength: 300,
-  // Shorter for efficiency
-  captureSizes: false // Disabled by default for performance
+  captureSizes: false
 };
-
-// PII Scrubbing - Sensitive keys to look for in query params
 const SENSITIVE_KEYS = ['token', 'key', 'secret', 'password', 'auth', 'access_token', 'api_key'];
 
 /**
@@ -55,7 +40,6 @@ const SENSITIVE_KEYS = ['token', 'key', 'secret', 'password', 'auth', 'access_to
  */
 function scrubUrl(url) {
   try {
-    // Fast check if URL might contain params
     if (url.indexOf('?') === -1) return url;
     const urlObj = new URL(url);
     let modified = false;
@@ -65,13 +49,10 @@ function scrubUrl(url) {
         modified = true;
       }
     });
-
-    // Also scan for partial matches (case-insensitive) if strict scrubbing needed
-    // But for performance, we stick to exact keys or common variations
-
     return modified ? urlObj.toString() : url;
   } catch {
-    // If URL parsing fails (relative URL?), try primitive replacement
+    // Ignore error, fallback to primitive scrubbing
+
     let scrubbed = url;
     SENSITIVE_KEYS.forEach(key => {
       const regex = new RegExp(`([?&])${key}=[^&]*`, 'gi');
@@ -119,14 +100,10 @@ function queueRequest(request) {
     pendingHead = (pendingHead + 1) % MAX_PENDING_REQUESTS;
     pendingCount--;
   }
-
-  // Scrub URL before queuing
   request.url = scrubUrl(request.url);
   pendingRequests[pendingTail] = request;
   pendingTail = (pendingTail + 1) % MAX_PENDING_REQUESTS;
   pendingCount++;
-
-  // Schedule flush if not already scheduled
   if (!flushTimer) {
     flushTimer = setTimeout(flushPendingRequests, FLUSH_INTERVAL);
   }
@@ -149,7 +126,7 @@ function flushPendingRequests() {
       try {
         logCallback(request);
       } catch {
-        // Ignore logging errors
+        // Ignore
       }
     }
   }
@@ -162,12 +139,9 @@ function parseUrlFast(url) {
   // Fast path for common patterns
   let hostEnd = -1;
   let pathStart = -1;
-
-  // Find :// 
   const protoEnd = url.indexOf('://');
   if (protoEnd !== -1) {
     const afterProto = protoEnd + 3;
-    // Find end of host (first / after ://)
     const slashPos = url.indexOf('/', afterProto);
     if (slashPos !== -1) {
       hostEnd = slashPos;
@@ -181,8 +155,6 @@ function parseUrlFast(url) {
       path: pathStart < url.length ? url.substring(pathStart) : '/'
     };
   }
-
-  // Relative URL
   return {
     host: '',
     path: url
@@ -197,15 +169,10 @@ function interceptFetch() {
   if (originalFetch) return;
   originalFetch = globalThis.fetch;
   globalThis.fetch = function optimizedFetch(input, init) {
-    // Fast path: if disabled or no callback, skip entirely
     if (!config.enabled || !logCallback) {
       return originalFetch(input, init);
     }
-
-    // Extract URL string (minimal work)
     const url = typeof input === 'string' ? input : input instanceof URL ? input.href : input.url;
-
-    // Fast ignore check
     if (shouldIgnoreUrl(url)) {
       return originalFetch(input, init);
     }
@@ -237,7 +204,6 @@ function interceptFetch() {
       });
       return response;
     }, error => {
-      // Error - queue the log asynchronously  
       queueRequest({
         requestId: `f${startTime}`,
         method,
@@ -264,8 +230,6 @@ function interceptXHR() {
   originalXHRSend = XMLHttpRequest.prototype.send;
   XMLHttpRequest.prototype.open = function (method, url, async = true, username, password) {
     const urlString = typeof url === 'string' ? url : url.toString();
-
-    // Store minimal info
     this.__rj = {
       m: method.toUpperCase(),
       u: urlString,
@@ -301,9 +265,6 @@ function interceptXHR() {
         errorMessage: this.status === 0 ? 'Network error' : undefined
       });
     };
-
-    // Use load/error events (more efficient than readystatechange)
-    // Note: We use basic addEventListener without options for RN compatibility
     this.addEventListener('load', onComplete);
     this.addEventListener('error', onComplete);
     this.addEventListener('abort', onComplete);
@@ -316,11 +277,8 @@ function interceptXHR() {
  */
 export function initNetworkInterceptor(callback, options) {
   logCallback = callback;
-
-  // Convert patterns to simple strings for fast matching
   if (options?.ignoreUrls) {
     config.ignorePatterns = options.ignoreUrls.filter(p => typeof p === 'string');
-    // Note: RegExp patterns are not supported in optimized version for performance
   }
   if (options?.captureSizes !== undefined) {
     config.captureSizes = options.captureSizes;

package/lib/module/sdk/utils.js

@@ -280,11 +280,6 @@ class Logger {
     }
   }
 
-  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-  // Lifecycle Logs - Industry standard minimal logging
-  // These are the only logs integrators will see in debug builds
-  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-
   /**
    * Log SDK initialization success.
    * Only shown in development builds - this is the minimal "SDK started" log.

package/lib/typescript/NativeRejourney.d.ts

@@ -129,9 +129,11 @@ export interface Spec extends TurboModule {
     setUserIdentity(userId: string): Promise<{
         success: boolean;
     }>;
+    getUserIdentity(): Promise<string | null>;
     setDebugMode(enabled: boolean): Promise<{
         success: boolean;
     }>;
+    getDeviceInfo(): Promise<Object>;
 }
 /**
  * Default export for Codegen.

package/lib/typescript/sdk/autoTracking.d.ts

@@ -155,19 +155,18 @@ export declare function getSessionMetrics(): SessionMetrics & {
  * Reset metrics for new session
  */
 export declare function resetMetrics(): void;
-/** Clamp and set max session duration in minutes (1–10). Defaults to 10. */
 export declare function setMaxSessionDurationMinutes(minutes?: number): void;
-/** Returns true if the current session exceeded the configured max duration. */
 export declare function hasExceededMaxSessionDuration(): boolean;
-/** Returns remaining milliseconds until the session should stop. */
 export declare function getRemainingSessionDurationMs(): number;
 /**
  * Collect device information
  */
-export declare function collectDeviceInfo(): DeviceInfo;
+/**
+ * Collect device information
+ */
+export declare function collectDeviceInfo(): Promise<DeviceInfo>;
 /**
  * Get the anonymous ID (synchronous - returns generated ID immediately)
- * For persistent ID, call initAnonymousId() first
  */
 export declare function getAnonymousId(): string;
 /**
@@ -181,7 +180,7 @@ export declare function ensurePersistentAnonymousId(): Promise<string>;
  */
 export declare function loadAnonymousId(): Promise<string>;
 /**
- * Set a custom anonymous ID (e.g., from persistent storage)
+ * Set a custom anonymous ID
  */
 export declare function setAnonymousId(id: string): void;
 declare const _default: {

package/lib/typescript/types/index.d.ts

@@ -352,7 +352,6 @@ export interface SessionSummary {
     videoSegmentCount?: number;
     storageSize: number;
     isComplete: boolean;
-    /** Path to session data file */
     filePath: string;
 }
 export interface ReplayState {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rejourneyco/react-native",
-    "version": "1.0.0",
+    "version": "1.0.2",
     "description": "Rejourney Session Recording SDK for React Native",
     "main": "lib/commonjs/index.js",
     "module": "lib/module/index.js",
@@ -40,7 +40,10 @@
         "test:coverage": "vitest run --coverage",
         "release": "release-it",
         "verify:ios": "./scripts/verify-ios-structure.sh",
-        "test:ios-install": "./scripts/test-ios-install.sh"
+        "verify:package": "./scripts/verify-package-content.sh",
+        "test:ios-install": "./scripts/test-ios-install.sh",
+        "test:android-install": "./scripts/test-android-install.sh",
+        "audit:deps": "depcruise src --config .dependency-cruiser.js"
     },
     "keywords": [
         "react-native",
@@ -61,6 +64,9 @@
         "@typescript-eslint/eslint-plugin": "^8.15.0",
         "@typescript-eslint/parser": "^8.15.0",
         "@vitest/coverage-v8": "^2.1.0",
+        "dependency-cruiser": "^16.10.4",
+        "@react-navigation/native": "*",
+        "expo-router": "*",
         "eslint": "^9.39.2",
         "react": "*",
         "react-native": "*",
@@ -70,7 +76,9 @@
     },
     "peerDependencies": {
         "react": "*",
-        "react-native": "*"
+        "react-native": "*",
+        "@react-navigation/native": ">=6.0.0",
+        "expo-router": ">=3.0.0"
     },
     "codegenConfig": {
         "name": "RejourneySpec",

package/src/NativeRejourney.ts

@@ -150,7 +150,11 @@ export interface Spec extends TurboModule {
 
   setUserIdentity(userId: string): Promise<{ success: boolean }>;
 
+  getUserIdentity(): Promise<string | null>;
+
   setDebugMode(enabled: boolean): Promise<{ success: boolean }>;
+
+  getDeviceInfo(): Promise<Object>;
 }
 
 /**

package/src/components/Mask.tsx

@@ -25,7 +25,6 @@
 import React from 'react';
 import type { ViewProps } from 'react-native';
 
-// Lazy-loaded React Native modules
 let _RN: typeof import('react-native') | null = null;
 
 function getRN(): typeof import('react-native') | null {
@@ -52,7 +51,6 @@ export interface MaskProps extends ViewProps {
 export const Mask: React.FC<MaskProps> = ({ children, style, ...props }) => {
     const RN = getRN();
     
-    // If RN isn't loaded yet (shouldn't happen in practice), render children directly
     if (!RN) {
         return <>{children}</>;
     }
@@ -61,7 +59,6 @@ export const Mask: React.FC<MaskProps> = ({ children, style, ...props }) => {
     
     const styles = StyleSheet.create({
         container: {
-            // Minimal container style - doesn't affect layout
         },
     });