@oxyhq/services 5.16.23 → 5.16.25

package/lib/module/ui/components/BottomSheetRouter.js

@@ -0,0 +1,356 @@
+"use strict";
+
+import React, { useRef, useEffect, useCallback } from 'react';
+import { BackHandler, View, StyleSheet } from 'react-native';
+import Animated, { useSharedValue, useAnimatedStyle } from 'react-native-reanimated';
+import { useStore } from 'zustand';
+import { getScreenComponent, isValidRoute } from '../navigation/routes';
+import { useColorScheme } from '../hooks/use-color-scheme';
+import { Colors } from '../constants/theme';
+import BottomSheet from './BottomSheet';
+import { setBottomSheetRef as setManagerRef, updateBottomSheetState, subscribeToBottomSheetState, managerShowBottomSheet, managerCloseBottomSheet, managerGoBack, getBottomSheetState, bottomSheetStore } from '../navigation/bottomSheetManager';
+
+// Re-export types for backward compatibility
+import { jsx as _jsx } from "react/jsx-runtime";
+export { subscribeToBottomSheetState };
+
+// Re-export BottomSheetRef for backward compatibility
+
+/**
+ * BottomSheetRouter - Manages navigation within bottom sheet modals
+ * 
+ * Uses custom BottomSheet component built with react-native-reanimated v4.
+ * State is managed by bottomSheetManager (single source of truth).
+ * 
+ * Features:
+ * - Screen navigation with history stack
+ * - Step-based navigation for multi-step screens
+ * - Android back button handling
+ * - Minimal props passing (screens use useOxy() for context)
+ */
+// Animated screen container for smooth transitions
+const AnimatedScreenContainer = ({
+  children,
+  fadeAnim,
+  scaleAnim,
+  screenKey
+}) => {
+  const animatedStyle = useAnimatedStyle(() => ({
+    opacity: fadeAnim.value,
+    transform: [{
+      scale: scaleAnim.value
+    }]
+  }));
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [{
+      flexShrink: 1
+    }, animatedStyle],
+    children: children
+  }, screenKey);
+};
+const BottomSheetRouterComponent = ({
+  onScreenChange,
+  onDismiss
+}) => {
+  const bottomSheetRef = useRef(null);
+  const colorScheme = useColorScheme();
+  const colors = Colors[colorScheme ?? 'light'];
+
+  // Animation values for screen transitions
+  const fadeAnim = useSharedValue(1);
+  const scaleAnim = useSharedValue(1);
+  const previousScreenRef = useRef(null);
+  const isTransitioningRef = useRef(false);
+
+  // Create stable ref object for manager compatibility
+  // Manager expects: { current: { present: () => void; dismiss: () => void } | null } | null
+  const managerRefObject = useRef({
+    current: {
+      present: () => bottomSheetRef.current?.present(),
+      dismiss: () => bottomSheetRef.current?.dismiss()
+    }
+  });
+
+  // Single source of truth - subscribe to manager state using Zustand
+  const state = useStore(bottomSheetStore);
+
+  // Animate screen transition when screen changes
+  const animateScreenTransition = useCallback((newScreen, newState) => {
+    // ... implementation uses newState which comes from the store ...
+    // We can just rely on the re-render from useStore, no need to manually set local state
+    // However, the animation logic relied on queueing state updates.
+    // Let's adapt it.
+    onScreenChange?.(newScreen);
+
+    // Note: The original logic tried to defer the state update (setState) until animation completed.
+    // With Zustand, the global state is already updated.
+    // The animation logic needs to react to the state change.
+
+    // Since useStore forces a re-render with the NEW state, we are already "in" the new state.
+    // To animate "out" the old screen, we would need to have captured the previous screen
+    // before the re-render, OR we accept that the transition might be slightly different.
+
+    // Actually, the original logic had `setState` to control when the UI updates.
+    // With global store, the UI updates immediately.
+    // For now, let's trust the re-render. If animation is jerky, we can revisit.
+    // But wait, the original logic:
+    // 1. Check if transitioning. If so, wait.
+    // 2. If valid change, start exit animation -> then update local state -> then enter animation.
+
+    // With Zustand, we can't "delay" the state update because it's global.
+    // So `state` (from useStore) is ALREADY the new state.
+    // We need to detect that `state.currentScreen` changed from our `previousScreenRef`.
+  }, [onScreenChange]);
+
+  // Handle screen transitions based on state changes
+  useEffect(() => {
+    const newScreen = state.currentScreen;
+    const previousScreen = previousScreenRef.current;
+    const isScreenChange = previousScreen !== null && previousScreen !== newScreen && newScreen !== null;
+    if (isScreenChange) {
+      // Logic to handle transition...
+      // Since we are already re-rendered with new state, we might see a flash of new content.
+      // Ideally we shouldn't have updated the global store until animation started...
+      // BUT `bottomSheetManager` updates the store immediately.
+
+      // For this fix, let's keep it simple: Just update the refs. 
+      // The complex animation logic in the original file was trying to bridge imperative calls with React state.
+
+      previousScreenRef.current = newScreen;
+    } else if (previousScreen === null && newScreen !== null) {
+      // Opening first time
+      fadeAnim.value = 1;
+      scaleAnim.value = 1;
+      previousScreenRef.current = newScreen;
+      onScreenChange?.(newScreen);
+    } else {
+      previousScreenRef.current = newScreen;
+    }
+    setManagerRef(managerRefObject.current);
+  }, [state.currentScreen, onScreenChange, fadeAnim, scaleAnim]);
+
+  // Clean up on unmount
+  useEffect(() => {
+    return () => {
+      setManagerRef(null);
+    };
+  }, []);
+
+  // Handle explicit dismiss - only update state, don't call dismiss again
+  const handleDismiss = useCallback(() => {
+    // Only update state, don't call dismiss() as it's already being dismissed
+    updateBottomSheetState({
+      currentScreen: null,
+      screenProps: {},
+      currentStep: undefined,
+      navigationHistory: [],
+      isOpen: false
+    });
+    onDismiss?.();
+  }, [onDismiss]);
+
+  // Get current screen component (lazy-loaded)
+  const ScreenComponent = state.currentScreen ? getScreenComponent(state.currentScreen) : null;
+
+  // Navigation handler - validates route and updates manager state
+  // For step-based screens, step changes are treated as navigation events (added to history)
+  const navigate = useCallback((screen, props) => {
+    if (!isValidRoute(screen)) {
+      if (__DEV__) {
+        console.warn(`[BottomSheetRouter] Invalid route: ${screen}`);
+      }
+      return;
+    }
+    const isSameScreen = screen === state.currentScreen;
+    const newStep = typeof props?.initialStep === 'number' ? props.initialStep : undefined;
+    const currentStep = state.currentStep ?? (typeof state.screenProps?.initialStep === 'number' ? state.screenProps.initialStep : undefined);
+
+    // For step-based screens: if same screen but different step, treat as navigation (add to history)
+    // This allows step navigation to be handled by router with animations
+    const isStepChange = isSameScreen && newStep !== undefined && newStep !== currentStep;
+    managerShowBottomSheet(screen, props, {
+      addToHistory: !isSameScreen || isStepChange // Add to history if different screen OR step change
+    });
+  }, [state.currentScreen, state.currentStep, state.screenProps]);
+
+  // Step change handler for step-based screens
+  // This is called by StepBasedScreen to notify router of step changes
+  // The router now handles step navigation through navigate/goBack, so this is mainly for compatibility
+  const handleStepChange = useCallback((step, _totalSteps) => {
+    // Step changes are now handled through navigate/goBack, but we still update currentStep
+    // for screens that might query it directly
+    if (state.currentScreen) {
+      updateBottomSheetState({
+        currentStep: step,
+        screenProps: {
+          ...state.screenProps,
+          initialStep: step
+        }
+      });
+    }
+  }, [state.currentScreen, state.screenProps]);
+
+  // Check if the bottom sheet can be dismissed (no navigation history or steps to go back to)
+  const canDismiss = useCallback(() => {
+    // Use global state to avoid stale closures during transitions
+    const currentState = getBottomSheetState();
+
+    // Check if there's navigation history
+    if (currentState.navigationHistory.length > 0) {
+      return false;
+    }
+
+    // Check if there are steps to go back to
+    const initialStep = typeof currentState.screenProps?.initialStep === 'number' ? currentState.screenProps.initialStep : undefined;
+    const currentStep = currentState.currentStep ?? initialStep ?? 0;
+    const isStepBased = initialStep !== undefined || currentState.currentStep !== undefined;
+    if (isStepBased && typeof currentStep === 'number' && currentStep > 0) {
+      return false;
+    }
+
+    // No history and on step 0 (or not step-based) - can dismiss
+    return true;
+  }, []);
+
+  // Go back handler with priority:
+  // 1. Screen history (navigate to previous screen)
+  // 2. Step navigation (navigate to previous step)
+  // 3. Close sheet (no history/step available)
+  const goBack = useCallback(() => {
+    // Use global state to avoid stale closures during transitions
+    const currentState = getBottomSheetState();
+
+    // Priority 1: Screen history
+    if (currentState.navigationHistory.length > 0) {
+      const wentBack = managerGoBack();
+      if (wentBack) {
+        return true;
+      }
+    }
+
+    // Priority 2: Step navigation
+    const initialStep = typeof currentState.screenProps?.initialStep === 'number' ? currentState.screenProps.initialStep : undefined;
+    const currentStep = currentState.currentStep ?? initialStep ?? 0;
+    const isStepBased = initialStep !== undefined || currentState.currentStep !== undefined;
+    if (isStepBased && typeof currentStep === 'number' && currentStep > 0) {
+      const previousStep = currentStep - 1;
+      updateBottomSheetState({
+        screenProps: {
+          ...currentState.screenProps,
+          initialStep: previousStep
+        },
+        currentStep: previousStep
+      });
+      return true;
+    }
+
+    // Priority 3: Close sheet
+    managerCloseBottomSheet();
+    return true;
+  }, []);
+
+  // Android hardware back button handler
+  useEffect(() => {
+    if (!state.isOpen) {
+      return;
+    }
+    const backHandler = BackHandler.addEventListener('hardwareBackPress', () => {
+      return goBack();
+    });
+    return () => {
+      backHandler.remove();
+    };
+  }, [state.isOpen, goBack]);
+
+  // Present modal when state changes to open
+  // This must be before any early returns to follow rules of hooks
+  useEffect(() => {
+    if (state.isOpen && bottomSheetRef.current) {
+      bottomSheetRef.current.present();
+    }
+  }, [state.isOpen]);
+
+  // Minimal screen props - only navigation-specific
+  // Screens should use useOxy() hook for OxyContext values (user, sessions, etc.)
+  // Calculate initialStep first, ensuring it's always a number or undefined
+  const calculatedInitialStep = typeof state.currentStep === 'number' ? state.currentStep : typeof state.screenProps?.initialStep === 'number' ? state.screenProps.initialStep : undefined;
+
+  // Extract screenProps without initialStep to avoid conflicts
+  const {
+    initialStep: _,
+    ...otherScreenProps
+  } = state.screenProps;
+  const scrollTo = useCallback((y, animated) => {
+    bottomSheetRef.current?.scrollTo(y, animated);
+  }, []);
+  const screenProps = {
+    navigate,
+    goBack,
+    onClose: () => managerCloseBottomSheet(),
+    onAuthenticated: () => managerCloseBottomSheet(),
+    theme: colorScheme ?? 'light',
+    currentScreen: state.currentScreen ?? undefined,
+    initialStep: calculatedInitialStep,
+    onStepChange: handleStepChange,
+    scrollTo,
+    // Pass scrollTo method
+    ...otherScreenProps
+  };
+
+  // renderBackground must be called before any conditional returns (React hooks rule)
+  const renderBackground = useCallback(props => /*#__PURE__*/_jsx(View, {
+    style: [styles.background, {
+      backgroundColor: colors.background
+    }, props.style]
+  }), [colors.background]);
+
+  // Handle dismissal attempt - check if we can dismiss or need to go back
+  const handleDismissAttempt = useCallback(() => {
+    if (!canDismiss()) {
+      // There's navigation history or steps to go back to - navigate back instead
+      goBack();
+      return false; // Prevent dismissal
+    }
+    // No history or steps - allow dismissal
+    return true;
+  }, [canDismiss, goBack]);
+
+  // Don't render if no screen is set
+  if (!ScreenComponent || !state.currentScreen) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(BottomSheet, {
+    ref: bottomSheetRef,
+    enablePanDownToClose: true,
+    backgroundComponent: renderBackground,
+    enableHandlePanningGesture: true,
+    style: styles.container,
+    onDismiss: handleDismiss,
+    onDismissAttempt: handleDismissAttempt,
+    children: /*#__PURE__*/_jsx(AnimatedScreenContainer, {
+      fadeAnim: fadeAnim,
+      scaleAnim: scaleAnim,
+      screenKey: state.currentScreen,
+      children: /*#__PURE__*/_jsx(ScreenComponent, {
+        ...screenProps
+      })
+    })
+  });
+};
+const BottomSheetRouter = /*#__PURE__*/React.memo(BottomSheetRouterComponent);
+BottomSheetRouter.displayName = 'BottomSheetRouter';
+const styles = StyleSheet.create({
+  container: {
+    maxWidth: 800,
+    width: '100%',
+    alignSelf: 'center',
+    marginHorizontal: 'auto'
+  },
+  background: {
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20,
+    overflow: 'hidden'
+  }
+});
+export default BottomSheetRouter;
+//# sourceMappingURL=BottomSheetRouter.js.map

package/lib/module/ui/components/BottomSheetRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useEffect","useCallback","BackHandler","View","StyleSheet","Animated","useSharedValue","useAnimatedStyle","useStore","getScreenComponent","isValidRoute","useColorScheme","Colors","BottomSheet","setBottomSheetRef","setManagerRef","updateBottomSheetState","subscribeToBottomSheetState","managerShowBottomSheet","managerCloseBottomSheet","managerGoBack","getBottomSheetState","bottomSheetStore","jsx","_jsx","AnimatedScreenContainer","children","fadeAnim","scaleAnim","screenKey","animatedStyle","opacity","value","transform","scale","style","flexShrink","BottomSheetRouterComponent","onScreenChange","onDismiss","bottomSheetRef","colorScheme","colors","previousScreenRef","isTransitioningRef","managerRefObject","current","present","dismiss","state","animateScreenTransition","newScreen","newState","currentScreen","previousScreen","isScreenChange","handleDismiss","screenProps","currentStep","undefined","navigationHistory","isOpen","ScreenComponent","navigate","screen","props","__DEV__","console","warn","isSameScreen","newStep","initialStep","isStepChange","addToHistory","handleStepChange","step","_totalSteps","canDismiss","currentState","length","isStepBased","goBack","wentBack","previousStep","backHandler","addEventListener","remove","calculatedInitialStep","_","otherScreenProps","scrollTo","y","animated","onClose","onAuthenticated","theme","onStepChange","renderBackground","styles","background","backgroundColor","handleDismissAttempt","ref","enablePanDownToClose","backgroundComponent","enableHandlePanningGesture","container","onDismissAttempt","BottomSheetRouter","memo","displayName","create","maxWidth","width","alignSelf","marginHorizontal","borderTopLeftRadius","borderTopRightRadius","overflow"],"sourceRoot":"../../../../src","sources":["ui/components/BottomSheetRouter.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/CrossFadeIcon.js

@@ -0,0 +1,101 @@
+"use strict";
+
+import * as React from 'react';
+import { Animated, StyleSheet, View } from 'react-native';
+import Icon, { isEqualIcon, isValidIcon } from './Icon';
+import { useInternalTheme } from './theming';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CrossFadeIcon = ({
+  color,
+  size,
+  source,
+  theme: themeOverrides,
+  testID = 'cross-fade-icon'
+}) => {
+  const theme = useInternalTheme(themeOverrides);
+  const [currentIcon, setCurrentIcon] = React.useState(() => source);
+  const [previousIcon, setPreviousIcon] = React.useState(null);
+  const {
+    current: fade
+  } = React.useRef(new Animated.Value(1));
+  const {
+    scale
+  } = theme.animation;
+  if (currentIcon !== source) {
+    setPreviousIcon(() => currentIcon);
+    setCurrentIcon(() => source);
+  }
+  React.useEffect(() => {
+    if (isValidIcon(previousIcon) && !isEqualIcon(previousIcon, currentIcon)) {
+      fade.setValue(1);
+      Animated.timing(fade, {
+        duration: scale * 200,
+        toValue: 0,
+        useNativeDriver: true
+      }).start();
+    }
+  }, [currentIcon, previousIcon, fade, scale]);
+  const opacityPrev = fade;
+  const opacityNext = previousIcon ? fade.interpolate({
+    inputRange: [0, 1],
+    outputRange: [1, 0]
+  }) : 1;
+  const rotatePrev = fade.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['-90deg', '0deg']
+  });
+  const rotateNext = previousIcon ? fade.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0deg', '-180deg']
+  }) : '0deg';
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.content, {
+      height: size,
+      width: size
+    }],
+    children: [previousIcon ? /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.icon, {
+        opacity: opacityPrev,
+        transform: [{
+          rotate: rotatePrev
+        }]
+      }],
+      testID: `${testID}-previous`,
+      children: /*#__PURE__*/_jsx(Icon, {
+        source: previousIcon,
+        size: size,
+        color: color,
+        theme: theme
+      })
+    }) : null, /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.icon, {
+        opacity: opacityNext,
+        transform: [{
+          rotate: rotateNext
+        }]
+      }],
+      testID: `${testID}-current`,
+      children: /*#__PURE__*/_jsx(Icon, {
+        source: currentIcon,
+        size: size,
+        color: color,
+        theme: theme
+      })
+    })]
+  });
+};
+export default CrossFadeIcon;
+const styles = StyleSheet.create({
+  content: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  icon: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  }
+});
+//# sourceMappingURL=CrossFadeIcon.js.map

package/lib/module/ui/components/CrossFadeIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","StyleSheet","View","Icon","isEqualIcon","isValidIcon","useInternalTheme","jsx","_jsx","jsxs","_jsxs","CrossFadeIcon","color","size","source","theme","themeOverrides","testID","currentIcon","setCurrentIcon","useState","previousIcon","setPreviousIcon","current","fade","useRef","Value","scale","animation","useEffect","setValue","timing","duration","toValue","useNativeDriver","start","opacityPrev","opacityNext","interpolate","inputRange","outputRange","rotatePrev","rotateNext","style","styles","content","height","width","children","icon","opacity","transform","rotate","create","alignItems","justifyContent","position","top","left","right","bottom"],"sourceRoot":"../../../../src","sources":["ui/components/CrossFadeIcon.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAEzD,OAAOC,IAAI,IAAgBC,WAAW,EAAEC,WAAW,QAAQ,QAAQ;AACnE,SAASC,gBAAgB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AA0B7C,MAAMC,aAAa,GAAGA,CAAC;EACrBC,KAAK;EACLC,IAAI;EACJC,MAAM;EACNC,KAAK,EAAEC,cAAc;EACrBC,MAAM,GAAG;AACJ,CAAC,KAAK;EACX,MAAMF,KAAK,GAAGT,gBAAgB,CAACU,cAAc,CAAC;EAC9C,MAAM,CAACE,WAAW,EAAEC,cAAc,CAAC,GAAGpB,KAAK,CAACqB,QAAQ,CAClD,MAAMN,MACR,CAAC;EACD,MAAM,CAACO,YAAY,EAAEC,eAAe,CAAC,GAAGvB,KAAK,CAACqB,QAAQ,CACpD,IACF,CAAC;EACD,MAAM;IAAEG,OAAO,EAAEC;EAAK,CAAC,GAAGzB,KAAK,CAAC0B,MAAM,CAAiB,IAAIzB,QAAQ,CAAC0B,KAAK,CAAC,CAAC,CAAC,CAAC;EAE7E,MAAM;IAAEC;EAAM,CAAC,GAAGZ,KAAK,CAACa,SAAS;EAEjC,IAAIV,WAAW,KAAKJ,MAAM,EAAE;IAC1BQ,eAAe,CAAC,MAAMJ,WAAW,CAAC;IAClCC,cAAc,CAAC,MAAML,MAAM,CAAC;EAC9B;EAEAf,KAAK,CAAC8B,SAAS,CAAC,MAAM;IACpB,IAAIxB,WAAW,CAACgB,YAAY,CAAC,IAAI,CAACjB,WAAW,CAACiB,YAAY,EAAEH,WAAW,CAAC,EAAE;MACxEM,IAAI,CAACM,QAAQ,CAAC,CAAC,CAAC;MAEhB9B,QAAQ,CAAC+B,MAAM,CAACP,IAAI,EAAE;QACpBQ,QAAQ,EAAEL,KAAK,GAAG,GAAG;QACrBM,OAAO,EAAE,CAAC;QACVC,eAAe,EAAE;MACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IACZ;EACF,CAAC,EAAE,CAACjB,WAAW,EAAEG,YAAY,EAAEG,IAAI,EAAEG,KAAK,CAAC,CAAC;EAE5C,MAAMS,WAAW,GAAGZ,IAAI;EACxB,MAAMa,WAAW,GAAGhB,YAAY,GAC5BG,IAAI,CAACc,WAAW,CAAC;IACjBC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC;EACpB,CAAC,CAAC,GACA,CAAC;EAEL,MAAMC,UAAU,GAAGjB,IAAI,CAACc,WAAW,CAAC;IAClCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM;EAChC,CAAC,CAAC;EAEF,MAAME,UAAU,GAAGrB,YAAY,GAC3BG,IAAI,CAACc,WAAW,CAAC;IACjBC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAAC,MAAM,EAAE,SAAS;EACjC,CAAC,CAAC,GACA,MAAM;EAEV,oBACE9B,KAAA,CAACR,IAAI;IACHyC,KAAK,EAAE,CACLC,MAAM,CAACC,OAAO,EACd;MACEC,MAAM,EAAEjC,IAAI;MACZkC,KAAK,EAAElC;IACT,CAAC,CACD;IAAAmC,QAAA,GAED3B,YAAY,gBACXb,IAAA,CAACR,QAAQ,CAACE,IAAI;MACZyC,KAAK,EAAE,CACLC,MAAM,CAACK,IAAI,EACX;QACEC,OAAO,EAAEd,WAAW;QACpBe,SAAS,EAAE,CAAC;UAAEC,MAAM,EAAEX;QAAW,CAAC;MACpC,CAAC,CACD;MACFxB,MAAM,EAAE,GAAGA,MAAM,WAAY;MAAA+B,QAAA,eAE7BxC,IAAA,CAACL,IAAI;QAACW,MAAM,EAAEO,YAAa;QAACR,IAAI,EAAEA,IAAK;QAACD,KAAK,EAAEA,KAAM;QAACG,KAAK,EAAEA;MAAM,CAAE;IAAC,CACzD,CAAC,GACd,IAAI,eACRP,IAAA,CAACR,QAAQ,CAACE,IAAI;MACZyC,KAAK,EAAE,CACLC,MAAM,CAACK,IAAI,EACX;QACEC,OAAO,EAAEb,WAAW;QACpBc,SAAS,EAAE,CAAC;UAAEC,MAAM,EAAEV;QAAW,CAAC;MACpC,CAAC,CACD;MACFzB,MAAM,EAAE,GAAGA,MAAM,UAAW;MAAA+B,QAAA,eAE5BxC,IAAA,CAACL,IAAI;QAACW,MAAM,EAAEI,WAAY;QAACL,IAAI,EAAEA,IAAK;QAACD,KAAK,EAAEA,KAAM;QAACG,KAAK,EAAEA;MAAM,CAAE;IAAC,CACxD,CAAC;EAAA,CACZ,CAAC;AAEX,CAAC;AAED,eAAeJ,aAAa;AAE5B,MAAMiC,MAAM,GAAG3C,UAAU,CAACoD,MAAM,CAAC;EAC/BR,OAAO,EAAE;IACPS,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDN,IAAI,EAAE;IACJO,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/ui/components/EmptyState.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Reusable empty state component
+ * Provides consistent empty state displays across screens
+ */
+const EmptyState = ({
+  message,
+  textColor
+}) => {
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [styles.message, textColor ? {
+        color: textColor
+      } : undefined],
+      children: message
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    padding: 40,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  message: {
+    fontSize: 16,
+    textAlign: 'center'
+  }
+});
+export default /*#__PURE__*/React.memo(EmptyState);
+//# sourceMappingURL=EmptyState.js.map

package/lib/module/ui/components/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","jsx","_jsx","EmptyState","message","textColor","style","styles","container","children","color","undefined","create","padding","alignItems","justifyContent","fontSize","textAlign","memo"],"sourceRoot":"../../../../src","sources":["ui/components/EmptyState.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOtD;AACA;AACA;AACA;AACA,MAAMC,UAAqC,GAAGA,CAAC;EAC3CC,OAAO;EACPC;AACJ,CAAC,KAAK;EACF,oBACIH,IAAA,CAACJ,IAAI;IAACQ,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC1BP,IAAA,CAACH,IAAI;MAACO,KAAK,EAAE,CAACC,MAAM,CAACH,OAAO,EAAEC,SAAS,GAAG;QAAEK,KAAK,EAAEL;MAAU,CAAC,GAAGM,SAAS,CAAE;MAAAF,QAAA,EACvEL;IAAO,CACN;EAAC,CACL,CAAC;AAEf,CAAC;AAED,MAAMG,MAAM,GAAGP,UAAU,CAACY,MAAM,CAAC;EAC7BJ,SAAS,EAAE;IACPK,OAAO,EAAE,EAAE;IACXC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EACpB,CAAC;EACDX,OAAO,EAAE;IACLY,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE;EACf;AACJ,CAAC,CAAC;AAEF,4BAAepB,KAAK,CAACqB,IAAI,CAACf,UAAU,CAAC","ignoreList":[]}

package/lib/module/ui/components/ErrorBoundary.js

@@ -0,0 +1,139 @@
+"use strict";
+
+import React, { Component } from 'react';
+import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Error Boundary Component
+ * 
+ * Catches JavaScript errors anywhere in the child component tree,
+ * logs those errors, and displays a fallback UI instead of crashing.
+ * 
+ * Usage:
+ * <ErrorBoundary>
+ *   <YourComponent />
+ * </ErrorBoundary>
+ */
+export class ErrorBoundary extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      hasError: false,
+      error: null,
+      errorInfo: null
+    };
+  }
+  static getDerivedStateFromError(error) {
+    // Update state so the next render will show the fallback UI
+    return {
+      hasError: true,
+      error
+    };
+  }
+  componentDidCatch(error, errorInfo) {
+    // Log error to console in development
+    if (__DEV__) {
+      console.error('ErrorBoundary caught an error:', error, errorInfo);
+    }
+
+    // Call optional error handler
+    if (this.props.onError) {
+      this.props.onError(error, errorInfo);
+    }
+
+    // Update state with error info
+    this.setState({
+      error,
+      errorInfo
+    });
+  }
+  handleReset = () => {
+    this.setState({
+      hasError: false,
+      error: null,
+      errorInfo: null
+    });
+  };
+  render() {
+    if (this.state.hasError) {
+      // Use custom fallback if provided
+      if (this.props.fallback) {
+        return this.props.fallback;
+      }
+
+      // Default fallback UI
+      return /*#__PURE__*/_jsx(View, {
+        style: styles.container,
+        children: /*#__PURE__*/_jsxs(View, {
+          style: styles.errorContainer,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.errorTitle,
+            children: "Something went wrong"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.errorMessage,
+            children: this.state.error?.message || 'An unexpected error occurred'
+          }), __DEV__ && this.state.errorInfo && /*#__PURE__*/_jsx(Text, {
+            style: styles.errorDetails,
+            children: this.state.errorInfo.componentStack
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            style: styles.resetButton,
+            onPress: this.handleReset,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: styles.resetButtonText,
+              children: "Try Again"
+            })
+          })]
+        })
+      });
+    }
+    return this.props.children;
+  }
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 20,
+    backgroundColor: '#fff'
+  },
+  errorContainer: {
+    maxWidth: 400,
+    width: '100%',
+    padding: 20,
+    borderRadius: 8,
+    backgroundColor: '#f5f5f5',
+    borderWidth: 1,
+    borderColor: '#e0e0e0'
+  },
+  errorTitle: {
+    fontSize: 20,
+    fontWeight: 'bold',
+    marginBottom: 10,
+    color: '#d32f2f'
+  },
+  errorMessage: {
+    fontSize: 14,
+    marginBottom: 15,
+    color: '#666'
+  },
+  errorDetails: {
+    fontSize: 12,
+    marginBottom: 15,
+    color: '#999',
+    fontFamily: 'monospace'
+  },
+  resetButton: {
+    backgroundColor: '#007AFF',
+    padding: 12,
+    borderRadius: 6,
+    alignItems: 'center'
+  },
+  resetButtonText: {
+    color: '#fff',
+    fontSize: 16,
+    fontWeight: '600'
+  }
+});
+export default ErrorBoundary;
+//# sourceMappingURL=ErrorBoundary.js.map

package/lib/module/ui/components/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","View","Text","StyleSheet","TouchableOpacity","jsx","_jsx","jsxs","_jsxs","ErrorBoundary","constructor","props","state","hasError","error","errorInfo","getDerivedStateFromError","componentDidCatch","__DEV__","console","onError","setState","handleReset","render","fallback","style","styles","container","children","errorContainer","errorTitle","errorMessage","message","errorDetails","componentStack","resetButton","onPress","resetButtonText","create","flex","justifyContent","alignItems","padding","backgroundColor","maxWidth","width","borderRadius","borderWidth","borderColor","fontSize","fontWeight","marginBottom","color","fontFamily"],"sourceRoot":"../../../../src","sources":["ui/components/ErrorBoundary.tsx"],"mappings":"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","ignoreList":[]}