@oxyhq/services 5.13.40 → 5.15.0

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

@@ -0,0 +1,366 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+Object.defineProperty(exports, "subscribeToBottomSheetState", {
+  enumerable: true,
+  get: function () {
+    return _bottomSheetManager.subscribeToBottomSheetState;
+  }
+});
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _zustand = require("zustand");
+var _routes = require("../navigation/routes");
+var _useColorScheme = require("../hooks/use-color-scheme");
+var _theme = require("../constants/theme");
+var _BottomSheet = _interopRequireDefault(require("./BottomSheet"));
+var _bottomSheetManager = require("../navigation/bottomSheetManager");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// Re-export types for backward compatibility
+
+// 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 = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: fadeAnim.value,
+    transform: [{
+      scale: scaleAnim.value
+    }]
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: [{
+      flexShrink: 1
+    }, animatedStyle],
+    children: children
+  }, screenKey);
+};
+const BottomSheetRouterComponent = ({
+  onScreenChange,
+  onDismiss
+}) => {
+  const bottomSheetRef = (0, _react.useRef)(null);
+  const colorScheme = (0, _useColorScheme.useColorScheme)();
+  const colors = _theme.Colors[colorScheme ?? 'light'];
+
+  // Animation values for screen transitions
+  const fadeAnim = (0, _reactNativeReanimated.useSharedValue)(1);
+  const scaleAnim = (0, _reactNativeReanimated.useSharedValue)(1);
+  const previousScreenRef = (0, _react.useRef)(null);
+  const isTransitioningRef = (0, _react.useRef)(false);
+
+  // Create stable ref object for manager compatibility
+  // Manager expects: { current: { present: () => void; dismiss: () => void } | null } | null
+  const managerRefObject = (0, _react.useRef)({
+    current: {
+      present: () => bottomSheetRef.current?.present(),
+      dismiss: () => bottomSheetRef.current?.dismiss()
+    }
+  });
+
+  // Single source of truth - subscribe to manager state using Zustand
+  const state = (0, _zustand.useStore)(_bottomSheetManager.bottomSheetStore);
+
+  // Animate screen transition when screen changes
+  const animateScreenTransition = (0, _react.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
+  (0, _react.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;
+    }
+    (0, _bottomSheetManager.setBottomSheetRef)(managerRefObject.current);
+  }, [state.currentScreen, onScreenChange, fadeAnim, scaleAnim]);
+
+  // Clean up on unmount
+  (0, _react.useEffect)(() => {
+    return () => {
+      (0, _bottomSheetManager.setBottomSheetRef)(null);
+    };
+  }, []);
+
+  // Handle explicit dismiss - only update state, don't call dismiss again
+  const handleDismiss = (0, _react.useCallback)(() => {
+    // Only update state, don't call dismiss() as it's already being dismissed
+    (0, _bottomSheetManager.updateBottomSheetState)({
+      currentScreen: null,
+      screenProps: {},
+      currentStep: undefined,
+      navigationHistory: [],
+      isOpen: false
+    });
+    onDismiss?.();
+  }, [onDismiss]);
+
+  // Get current screen component (lazy-loaded)
+  const ScreenComponent = state.currentScreen ? (0, _routes.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 = (0, _react.useCallback)((screen, props) => {
+    if (!(0, _routes.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;
+    (0, _bottomSheetManager.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 = (0, _react.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) {
+      (0, _bottomSheetManager.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 = (0, _react.useCallback)(() => {
+    // Use global state to avoid stale closures during transitions
+    const currentState = (0, _bottomSheetManager.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 = (0, _react.useCallback)(() => {
+    // Use global state to avoid stale closures during transitions
+    const currentState = (0, _bottomSheetManager.getBottomSheetState)();
+
+    // Priority 1: Screen history
+    if (currentState.navigationHistory.length > 0) {
+      const wentBack = (0, _bottomSheetManager.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;
+      (0, _bottomSheetManager.updateBottomSheetState)({
+        screenProps: {
+          ...currentState.screenProps,
+          initialStep: previousStep
+        },
+        currentStep: previousStep
+      });
+      return true;
+    }
+
+    // Priority 3: Close sheet
+    (0, _bottomSheetManager.managerCloseBottomSheet)();
+    return true;
+  }, []);
+
+  // Android hardware back button handler
+  (0, _react.useEffect)(() => {
+    if (!state.isOpen) {
+      return;
+    }
+    const backHandler = _reactNative.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
+  (0, _react.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 = (0, _react.useCallback)((y, animated) => {
+    bottomSheetRef.current?.scrollTo(y, animated);
+  }, []);
+  const screenProps = {
+    navigate,
+    goBack,
+    onClose: () => (0, _bottomSheetManager.managerCloseBottomSheet)(),
+    onAuthenticated: () => (0, _bottomSheetManager.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 = (0, _react.useCallback)(props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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 = (0, _react.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__*/(0, _jsxRuntime.jsx)(_BottomSheet.default, {
+    ref: bottomSheetRef,
+    enablePanDownToClose: true,
+    backgroundComponent: renderBackground,
+    enableHandlePanningGesture: true,
+    style: styles.container,
+    onDismiss: handleDismiss,
+    onDismissAttempt: handleDismissAttempt,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedScreenContainer, {
+      fadeAnim: fadeAnim,
+      scaleAnim: scaleAnim,
+      screenKey: state.currentScreen,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ScreenComponent, {
+        ...screenProps
+      })
+    })
+  });
+};
+const BottomSheetRouter = /*#__PURE__*/_react.default.memo(BottomSheetRouterComponent);
+BottomSheetRouter.displayName = 'BottomSheetRouter';
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    maxWidth: 800,
+    width: '100%',
+    alignSelf: 'center',
+    marginHorizontal: 'auto'
+  },
+  background: {
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20,
+    overflow: 'hidden'
+  }
+});
+var _default = exports.default = BottomSheetRouter;
+//# sourceMappingURL=BottomSheetRouter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_zustand","_routes","_useColorScheme","_theme","_BottomSheet","_interopRequireDefault","_bottomSheetManager","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedScreenContainer","children","fadeAnim","scaleAnim","screenKey","animatedStyle","useAnimatedStyle","opacity","value","transform","scale","jsx","View","style","flexShrink","BottomSheetRouterComponent","onScreenChange","onDismiss","bottomSheetRef","useRef","colorScheme","useColorScheme","colors","Colors","useSharedValue","previousScreenRef","isTransitioningRef","managerRefObject","current","present","dismiss","state","useStore","bottomSheetStore","animateScreenTransition","useCallback","newScreen","newState","useEffect","currentScreen","previousScreen","isScreenChange","setManagerRef","handleDismiss","updateBottomSheetState","screenProps","currentStep","undefined","navigationHistory","isOpen","ScreenComponent","getScreenComponent","navigate","screen","props","isValidRoute","__DEV__","console","warn","isSameScreen","newStep","initialStep","isStepChange","managerShowBottomSheet","addToHistory","handleStepChange","step","_totalSteps","canDismiss","currentState","getBottomSheetState","length","isStepBased","goBack","wentBack","managerGoBack","previousStep","managerCloseBottomSheet","backHandler","BackHandler","addEventListener","remove","calculatedInitialStep","_","otherScreenProps","scrollTo","y","animated","onClose","onAuthenticated","theme","onStepChange","renderBackground","styles","background","backgroundColor","handleDismissAttempt","ref","enablePanDownToClose","backgroundComponent","enableHandlePanningGesture","container","onDismissAttempt","BottomSheetRouter","React","memo","displayName","StyleSheet","create","maxWidth","width","alignSelf","marginHorizontal","borderTopLeftRadius","borderTopRightRadius","overflow","_default","exports"],"sourceRoot":"../../../../src","sources":["ui/components/BottomSheetRouter.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _Icon = _interopRequireWildcard(require("./Icon"));
+var _theming = require("./theming");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const CrossFadeIcon = ({
+  color,
+  size,
+  source,
+  theme: themeOverrides,
+  testID = 'cross-fade-icon'
+}) => {
+  const theme = (0, _theming.useInternalTheme)(themeOverrides);
+  const [currentIcon, setCurrentIcon] = React.useState(() => source);
+  const [previousIcon, setPreviousIcon] = React.useState(null);
+  const {
+    current: fade
+  } = React.useRef(new _reactNative.Animated.Value(1));
+  const {
+    scale
+  } = theme.animation;
+  if (currentIcon !== source) {
+    setPreviousIcon(() => currentIcon);
+    setCurrentIcon(() => source);
+  }
+  React.useEffect(() => {
+    if ((0, _Icon.isValidIcon)(previousIcon) && !(0, _Icon.isEqualIcon)(previousIcon, currentIcon)) {
+      fade.setValue(1);
+      _reactNative.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.content, {
+      height: size,
+      width: size
+    }],
+    children: [previousIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      style: [styles.icon, {
+        opacity: opacityPrev,
+        transform: [{
+          rotate: rotatePrev
+        }]
+      }],
+      testID: `${testID}-previous`,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+        source: previousIcon,
+        size: size,
+        color: color,
+        theme: theme
+      })
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      style: [styles.icon, {
+        opacity: opacityNext,
+        transform: [{
+          rotate: rotateNext
+        }]
+      }],
+      testID: `${testID}-current`,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+        source: currentIcon,
+        size: size,
+        color: color,
+        theme: theme
+      })
+    })]
+  });
+};
+var _default = exports.default = CrossFadeIcon;
+const styles = _reactNative.StyleSheet.create({
+  content: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  icon: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  }
+});
+//# sourceMappingURL=CrossFadeIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_Icon","_theming","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CrossFadeIcon","color","size","source","theme","themeOverrides","testID","useInternalTheme","currentIcon","setCurrentIcon","useState","previousIcon","setPreviousIcon","current","fade","useRef","Animated","Value","scale","animation","useEffect","isValidIcon","isEqualIcon","setValue","timing","duration","toValue","useNativeDriver","start","opacityPrev","opacityNext","interpolate","inputRange","outputRange","rotatePrev","rotateNext","jsxs","View","style","styles","content","height","width","children","jsx","icon","opacity","transform","rotate","_default","exports","StyleSheet","create","alignItems","justifyContent","position","top","left","right","bottom"],"sourceRoot":"../../../../src","sources":["ui/components/CrossFadeIcon.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Reusable empty state component
+ * Provides consistent empty state displays across screens
+ */
+const EmptyState = ({
+  message,
+  textColor
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.message, textColor ? {
+        color: textColor
+      } : undefined],
+      children: message
+    })
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    padding: 40,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  message: {
+    fontSize: 16,
+    textAlign: 'center'
+  }
+});
+var _default = exports.default = /*#__PURE__*/_react.default.memo(EmptyState);
+//# sourceMappingURL=EmptyState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","EmptyState","message","textColor","jsx","View","style","styles","container","children","Text","color","undefined","StyleSheet","create","padding","alignItems","justifyContent","fontSize","textAlign","_default","exports","React","memo"],"sourceRoot":"../../../../src","sources":["ui/components/EmptyState.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAsD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOtD;AACA;AACA;AACA;AACA,MAAMG,UAAqC,GAAGA,CAAC;EAC3CC,OAAO;EACPC;AACJ,CAAC,KAAK;EACF,oBACI,IAAAN,WAAA,CAAAO,GAAA,EAACR,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC1B,IAAAZ,WAAA,CAAAO,GAAA,EAACR,YAAA,CAAAc,IAAI;MAACJ,KAAK,EAAE,CAACC,MAAM,CAACL,OAAO,EAAEC,SAAS,GAAG;QAAEQ,KAAK,EAAER;MAAU,CAAC,GAAGS,SAAS,CAAE;MAAAH,QAAA,EACvEP;IAAO,CACN;EAAC,CACL,CAAC;AAEf,CAAC;AAED,MAAMK,MAAM,GAAGM,uBAAU,CAACC,MAAM,CAAC;EAC7BN,SAAS,EAAE;IACPO,OAAO,EAAE,EAAE;IACXC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EACpB,CAAC;EACDf,OAAO,EAAE;IACLgB,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE;EACf;AACJ,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAArB,OAAA,gBAEYsB,cAAK,CAACC,IAAI,CAACtB,UAAU,CAAC","ignoreList":[]}