@oxyhq/services 5.16.23 → 5.16.24

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

@@ -0,0 +1,140 @@
+"use strict";
+
+import { useEffect, useRef, useState } from 'react';
+import { AppState } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
+import { KeyboardProvider } from 'react-native-keyboard-controller';
+import { OxyContextProvider } from '../context/OxyContext';
+import { QueryClientProvider, focusManager, onlineManager } from '@tanstack/react-query';
+import { setupFonts } from './FontLoader';
+import BottomSheetRouter from './BottomSheetRouter';
+import { Toaster } from '../../lib/sonner';
+import { createQueryClient } from '../hooks/queryClient';
+import { useStorage } from '../hooks/useStorage';
+
+// Initialize fonts automatically
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+setupFonts();
+
+/**
+ * OxyProvider component
+ *
+ * Provides the authentication/session context used across the app.
+ * UI composition (e.g. OxyRouter inside a bottom sheet) can be added externally.
+ */
+const OxyProvider = ({
+  oxyServices,
+  children,
+  contextOnly = false,
+  onAuthStateChange,
+  storageKeyPrefix,
+  baseURL,
+  queryClient: providedQueryClient
+}) => {
+  // contextOnly is retained for backwards compatibility while the UI-only
+  // bottom sheet experience is removed. At the moment both modes behave the same.
+  void contextOnly;
+
+  // Get storage for query persistence
+  const {
+    storage,
+    isReady: isStorageReady
+  } = useStorage();
+
+  // Initialize React Query Client with persistence
+  const queryClientRef = useRef(null);
+  const [queryClient, setQueryClient] = useState(null);
+  useEffect(() => {
+    if (providedQueryClient) {
+      queryClientRef.current = providedQueryClient;
+      setQueryClient(providedQueryClient);
+    } else if (isStorageReady) {
+      // Create query client with persistence once storage is ready
+      if (!queryClientRef.current) {
+        const client = createQueryClient(storage);
+        queryClientRef.current = client;
+        setQueryClient(client);
+      }
+    }
+  }, [providedQueryClient, isStorageReady, storage]);
+
+  // Hook React Query focus manager into React Native AppState
+  useEffect(() => {
+    const subscription = AppState.addEventListener('change', state => {
+      focusManager.setFocused(state === 'active');
+    });
+    return () => {
+      subscription.remove();
+    };
+  }, []);
+
+  // Setup network status monitoring for offline detection
+  useEffect(() => {
+    let cleanup;
+    const setupNetworkMonitoring = async () => {
+      try {
+        // For React Native, try to use NetInfo
+        if (typeof window === 'undefined' || typeof navigator !== 'undefined' && navigator.product === 'ReactNative') {
+          try {
+            const NetInfo = await import('@react-native-community/netinfo');
+            const state = await NetInfo.default.fetch();
+            onlineManager.setOnline(state.isConnected ?? true);
+            const unsubscribe = NetInfo.default.addEventListener(state => {
+              onlineManager.setOnline(state.isConnected ?? true);
+            });
+            cleanup = () => unsubscribe();
+          } catch {
+            // NetInfo not available, default to online
+            onlineManager.setOnline(true);
+          }
+        } else {
+          // For web, use navigator.onLine
+          onlineManager.setOnline(navigator.onLine);
+          const handleOnline = () => onlineManager.setOnline(true);
+          const handleOffline = () => onlineManager.setOnline(false);
+          window.addEventListener('online', handleOnline);
+          window.addEventListener('offline', handleOffline);
+          cleanup = () => {
+            window.removeEventListener('online', handleOnline);
+            window.removeEventListener('offline', handleOffline);
+          };
+        }
+      } catch (error) {
+        // Default to online if detection fails
+        onlineManager.setOnline(true);
+      }
+    };
+    setupNetworkMonitoring();
+    return () => {
+      cleanup?.();
+    };
+  }, []);
+
+  // Ensure we have a valid QueryClient
+  if (!queryClient) {
+    // Return loading state or fallback
+    return null;
+  }
+  return /*#__PURE__*/_jsx(SafeAreaProvider, {
+    children: /*#__PURE__*/_jsx(GestureHandlerRootView, {
+      style: {
+        flex: 1
+      },
+      children: /*#__PURE__*/_jsx(KeyboardProvider, {
+        children: queryClient && /*#__PURE__*/_jsx(QueryClientProvider, {
+          client: queryClient,
+          children: /*#__PURE__*/_jsxs(OxyContextProvider, {
+            oxyServices: oxyServices,
+            baseURL: baseURL,
+            storageKeyPrefix: storageKeyPrefix,
+            onAuthStateChange: onAuthStateChange,
+            children: [children, /*#__PURE__*/_jsx(BottomSheetRouter, {}), /*#__PURE__*/_jsx(Toaster, {})]
+          })
+        })
+      })
+    })
+  });
+};
+export default OxyProvider;
+//# sourceMappingURL=OxyProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","AppState","GestureHandlerRootView","SafeAreaProvider","KeyboardProvider","OxyContextProvider","QueryClientProvider","focusManager","onlineManager","setupFonts","BottomSheetRouter","Toaster","createQueryClient","useStorage","jsx","_jsx","jsxs","_jsxs","OxyProvider","oxyServices","children","contextOnly","onAuthStateChange","storageKeyPrefix","baseURL","queryClient","providedQueryClient","storage","isReady","isStorageReady","queryClientRef","setQueryClient","current","client","subscription","addEventListener","state","setFocused","remove","cleanup","setupNetworkMonitoring","window","navigator","product","NetInfo","default","fetch","setOnline","isConnected","unsubscribe","onLine","handleOnline","handleOffline","removeEventListener","error","style","flex"],"sourceRoot":"../../../../src","sources":["ui/components/OxyProvider.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,174 @@
+"use strict";
+
+import { TouchableOpacity, Text, View, StyleSheet, Platform } from 'react-native';
+import { useOxy } from '../context/OxyContext';
+import OxyLogo from './OxyLogo';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * A pre-styled button component for signing in with Oxy identity
+ * 
+ * This component opens the Oxy Auth flow which allows users to authenticate
+ * using their Oxy Accounts identity (via QR code or deep link).
+ * 
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <OxySignInButton />
+ * 
+ * // Custom styling
+ * <OxySignInButton 
+ *   variant="contained" 
+ *   style={{ marginTop: 20 }} 
+ *   text="Login with Oxy" 
+ * />
+ * 
+ * // Custom handler
+ * <OxySignInButton onPress={() => {
+ *   // Custom authentication flow
+ *   console.log('Custom auth flow initiated');
+ * }} />
+ * ```
+ */
+export const OxySignInButton = ({
+  variant = 'default',
+  onPress,
+  style,
+  textStyle,
+  text = 'Sign in with Oxy',
+  disabled = false,
+  showWhenAuthenticated = false
+}) => {
+  // Get all needed values from context in a single call
+  const {
+    isAuthenticated,
+    showBottomSheet
+  } = useOxy();
+
+  // Don't show the button if already authenticated (unless explicitly overridden)
+  if (isAuthenticated && !showWhenAuthenticated) return null;
+
+  // Default handler that uses the context methods
+  const handlePress = () => {
+    if (onPress) {
+      onPress();
+      return;
+    }
+
+    // Use the new bottom sheet system to show the OxyAuth screen
+    if (showBottomSheet) {
+      showBottomSheet('OxyAuth');
+    } else {
+      if (__DEV__) {
+        console.warn(`OxySignInButton: showBottomSheet is not available. Make sure OxyProvider is set up correctly.`);
+      }
+    }
+  };
+
+  // Determine the button style based on the variant
+  const getButtonStyle = () => {
+    switch (variant) {
+      case 'outline':
+        return [styles.buttonOutline, style];
+      case 'contained':
+        return [styles.buttonContained, style];
+      default:
+        return [styles.buttonDefault, style];
+    }
+  };
+
+  // Determine the text style based on the variant
+  const getTextStyle = () => {
+    switch (variant) {
+      case 'outline':
+        return [styles.textOutline, textStyle];
+      case 'contained':
+        return [styles.textContained, textStyle];
+      default:
+        return [styles.textDefault, textStyle];
+    }
+  };
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    style: [styles.button, getButtonStyle(), disabled && styles.buttonDisabled],
+    onPress: handlePress,
+    disabled: disabled,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.buttonContent,
+      children: [/*#__PURE__*/_jsx(OxyLogo, {
+        width: 20,
+        height: 20,
+        fillColor: variant === 'contained' ? 'white' : '#d169e5',
+        secondaryFillColor: variant === 'contained' ? '#d169e5' : undefined,
+        style: disabled ? {
+          opacity: 0.6
+        } : undefined
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.text, getTextStyle(), disabled && styles.textDisabled],
+        children: text
+      })]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  button: {
+    padding: 14,
+    borderRadius: 35,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  buttonDefault: {
+    backgroundColor: '#FFFFFF',
+    borderWidth: 1,
+    borderColor: '#DDDDDD',
+    ...Platform.select({
+      web: {
+        boxShadow: '0 2px 4px rgba(0,0,0,0.1)'
+      },
+      default: {
+        shadowColor: '#000000',
+        shadowOffset: {
+          width: 0,
+          height: 2
+        },
+        shadowOpacity: 0.1,
+        shadowRadius: 4,
+        elevation: 2
+      }
+    })
+  },
+  buttonOutline: {
+    backgroundColor: 'transparent',
+    borderWidth: 1,
+    borderColor: '#d169e5'
+  },
+  buttonContained: {
+    backgroundColor: '#d169e5'
+  },
+  buttonDisabled: {
+    opacity: 0.6
+  },
+  buttonContent: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  text: {
+    fontFamily: Platform.OS === 'web' ? 'Phudu' : 'Phudu-SemiBold',
+    fontWeight: Platform.OS === 'web' ? '600' : undefined,
+    fontSize: 16,
+    marginLeft: 10
+  },
+  textDefault: {
+    color: '#333333'
+  },
+  textOutline: {
+    color: '#d169e5'
+  },
+  textContained: {
+    color: '#FFFFFF'
+  },
+  textDisabled: {
+    color: '#888888'
+  }
+});
+export default OxySignInButton;
+//# sourceMappingURL=OxySignInButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["TouchableOpacity","Text","View","StyleSheet","Platform","useOxy","OxyLogo","jsx","_jsx","jsxs","_jsxs","OxySignInButton","variant","onPress","style","textStyle","text","disabled","showWhenAuthenticated","isAuthenticated","showBottomSheet","handlePress","__DEV__","console","warn","getButtonStyle","styles","buttonOutline","buttonContained","buttonDefault","getTextStyle","textOutline","textContained","textDefault","button","buttonDisabled","children","buttonContent","width","height","fillColor","secondaryFillColor","undefined","opacity","textDisabled","create","padding","borderRadius","alignItems","justifyContent","backgroundColor","borderWidth","borderColor","select","web","boxShadow","default","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","flexDirection","fontFamily","OS","fontWeight","fontSize","marginLeft","color"],"sourceRoot":"../../../../src","sources":["ui/components/OxySignInButton.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,133 @@
+"use strict";
+
+import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
+import { Ionicons } from '@expo/vector-icons';
+import { useI18n } from '../hooks/useI18n';
+import Avatar from './Avatar';
+import { useOxy } from '../context/OxyContext';
+import { useFileDownloadUrl } from '../hooks';
+import { fontFamilies } from '../styles/fonts';
+import { useThemeStyles } from '../hooks/useThemeStyles';
+import { useColorScheme } from '../hooks/use-color-scheme';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ProfileCard = ({
+  user,
+  theme,
+  onEditPress,
+  onClosePress,
+  showCloseButton = false
+}) => {
+  const colorScheme = useColorScheme();
+  const themeStyles = useThemeStyles(theme, colorScheme);
+  const {
+    oxyServices
+  } = useOxy();
+  const {
+    t
+  } = useI18n();
+  const textColor = themeStyles.textColor;
+  const secondaryBackgroundColor = themeStyles.secondaryBackgroundColor;
+  const primaryColor = '#0066CC';
+  const avatarUrl = useFileDownloadUrl(user?.avatar, {
+    variant: 'thumb'
+  }).url || undefined;
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.headerSection,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: [styles.profileCard, styles.firstGroupedItem, styles.lastGroupedItem, {
+        backgroundColor: secondaryBackgroundColor
+      }],
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.userProfile,
+        children: [/*#__PURE__*/_jsx(Avatar, {
+          uri: user?.avatar ? avatarUrl : undefined,
+          name: user?.name?.full || user?.username,
+          size: 60,
+          theme: theme
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.userInfo,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: [styles.userName, {
+              color: textColor
+            }],
+            children: user.username
+          }), user.email && /*#__PURE__*/_jsx(Text, {
+            style: [styles.userEmail, {
+              color: themeStyles.isDarkTheme ? '#BBBBBB' : '#666666'
+            }],
+            children: user.email
+          }), onEditPress && /*#__PURE__*/_jsx(TouchableOpacity, {
+            style: styles.editProfileButton,
+            onPress: onEditPress,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: [styles.editProfileText, {
+                color: primaryColor
+              }],
+              children: t('editProfile.title') || 'Edit Profile'
+            })
+          })]
+        })]
+      }), showCloseButton && onClosePress && /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: styles.closeButton,
+        onPress: onClosePress,
+        children: /*#__PURE__*/_jsx(Ionicons, {
+          name: "close",
+          size: 24,
+          color: textColor
+        })
+      })]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  headerSection: {
+    padding: 16,
+    paddingTop: 20
+  },
+  profileCard: {
+    padding: 20,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  firstGroupedItem: {
+    borderTopLeftRadius: 24,
+    borderTopRightRadius: 24
+  },
+  lastGroupedItem: {
+    borderBottomLeftRadius: 24,
+    borderBottomRightRadius: 24,
+    marginBottom: 8
+  },
+  userProfile: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    flex: 1
+  },
+  userInfo: {
+    marginLeft: 16,
+    flex: 1
+  },
+  userName: {
+    fontSize: 22,
+    fontWeight: 'bold',
+    fontFamily: fontFamilies.phuduBold,
+    marginBottom: 4
+  },
+  userEmail: {
+    fontSize: 14,
+    marginBottom: 8
+  },
+  editProfileButton: {
+    alignSelf: 'flex-start'
+  },
+  editProfileText: {
+    fontSize: 14,
+    fontWeight: '600'
+  },
+  closeButton: {
+    padding: 8
+  }
+});
+export default ProfileCard;
+//# sourceMappingURL=ProfileCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","TouchableOpacity","StyleSheet","Ionicons","useI18n","Avatar","useOxy","useFileDownloadUrl","fontFamilies","useThemeStyles","useColorScheme","jsx","_jsx","jsxs","_jsxs","ProfileCard","user","theme","onEditPress","onClosePress","showCloseButton","colorScheme","themeStyles","oxyServices","t","textColor","secondaryBackgroundColor","primaryColor","avatarUrl","avatar","variant","url","undefined","style","styles","headerSection","children","profileCard","firstGroupedItem","lastGroupedItem","backgroundColor","userProfile","uri","name","full","username","size","userInfo","userName","color","email","userEmail","isDarkTheme","editProfileButton","onPress","editProfileText","closeButton","create","padding","paddingTop","flexDirection","alignItems","justifyContent","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","marginBottom","flex","marginLeft","fontSize","fontWeight","fontFamily","phuduBold","alignSelf"],"sourceRoot":"../../../../src","sources":["ui/components/ProfileCard.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,84 @@
+"use strict";
+
+import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
+import { Ionicons } from '@expo/vector-icons';
+import { useThemeStyles } from '../hooks/useThemeStyles';
+import { useColorScheme } from '../hooks/use-color-scheme';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const QuickActions = ({
+  actions,
+  theme
+}) => {
+  const colorScheme = useColorScheme();
+  const themeStyles = useThemeStyles(theme, colorScheme);
+  const textColor = themeStyles.textColor;
+  const secondaryBackgroundColor = themeStyles.secondaryBackgroundColor;
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.quickActionsContainer, styles.firstGroupedItem, styles.lastGroupedItem, {
+      backgroundColor: secondaryBackgroundColor
+    }],
+    children: /*#__PURE__*/_jsx(View, {
+      style: styles.quickActionsRow,
+      children: actions.map(action => /*#__PURE__*/_jsxs(View, {
+        style: styles.quickActionItem,
+        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+          style: [styles.quickActionCircle, {
+            backgroundColor: themeStyles.isDarkTheme ? 'rgba(255,255,255,0.08)' : 'rgba(0,0,0,0.03)'
+          }],
+          onPress: action.onPress,
+          children: /*#__PURE__*/_jsx(Ionicons, {
+            name: action.icon,
+            size: 24,
+            color: action.iconColor
+          })
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [styles.quickActionText, {
+            color: textColor
+          }],
+          children: action.title
+        })]
+      }, action.id))
+    })
+  });
+};
+const styles = StyleSheet.create({
+  quickActionsContainer: {
+    padding: 16,
+    marginBottom: 8
+  },
+  firstGroupedItem: {
+    borderTopLeftRadius: 24,
+    borderTopRightRadius: 24
+  },
+  lastGroupedItem: {
+    borderBottomLeftRadius: 24,
+    borderBottomRightRadius: 24,
+    marginBottom: 8
+  },
+  quickActionsRow: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    justifyContent: 'space-around',
+    flexWrap: 'wrap'
+  },
+  quickActionItem: {
+    alignItems: 'center',
+    minWidth: 70,
+    marginBottom: 8
+  },
+  quickActionCircle: {
+    width: 50,
+    height: 50,
+    borderRadius: 25,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginBottom: 8
+  },
+  quickActionText: {
+    fontSize: 12,
+    fontWeight: '500',
+    textAlign: 'center'
+  }
+});
+export default QuickActions;
+//# sourceMappingURL=QuickActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","TouchableOpacity","StyleSheet","Ionicons","useThemeStyles","useColorScheme","jsx","_jsx","jsxs","_jsxs","QuickActions","actions","theme","colorScheme","themeStyles","textColor","secondaryBackgroundColor","style","styles","quickActionsContainer","firstGroupedItem","lastGroupedItem","backgroundColor","children","quickActionsRow","map","action","quickActionItem","quickActionCircle","isDarkTheme","onPress","name","icon","size","color","iconColor","quickActionText","title","id","create","padding","marginBottom","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexDirection","alignItems","justifyContent","flexWrap","minWidth","width","height","borderRadius","fontSize","fontWeight","textAlign"],"sourceRoot":"../../../../src","sources":["ui/components/QuickActions.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+import { View, StyleSheet } from 'react-native';
+import SectionTitle from './SectionTitle';
+import { useColorScheme } from '../hooks/use-color-scheme';
+import { normalizeColorScheme } from '../utils/themeUtils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Section = ({
+  title,
+  theme,
+  children,
+  isFirst = false,
+  style
+}) => {
+  const colorScheme = normalizeColorScheme(useColorScheme(), theme);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.section, isFirst && styles.firstSection, style],
+    children: [title && /*#__PURE__*/_jsx(SectionTitle, {
+      title: title,
+      theme: colorScheme
+    }), children]
+  });
+};
+const styles = StyleSheet.create({
+  section: {
+    marginBottom: 10,
+    gap: 12
+  },
+  firstSection: {
+    marginTop: 8
+  }
+});
+export default Section;
+//# sourceMappingURL=Section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","StyleSheet","SectionTitle","useColorScheme","normalizeColorScheme","jsx","_jsx","jsxs","_jsxs","Section","title","theme","children","isFirst","style","colorScheme","styles","section","firstSection","create","marginBottom","gap","marginTop"],"sourceRoot":"../../../../src","sources":["ui/components/Section.tsx"],"mappings":";;AACA,SAASA,IAAI,EAAEC,UAAU,QAAwC,cAAc;AAC/E,OAAOC,YAAY,MAAM,gBAAgB;AACzC,SAASC,cAAc,QAAQ,2BAA2B;AAC1D,SAASC,oBAAoB,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAU3D,MAAMC,OAA+B,GAAGA,CAAC;EACrCC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,OAAO,GAAG,KAAK;EACfC;AACJ,CAAC,KAAK;EACF,MAAMC,WAAW,GAAGX,oBAAoB,CAACD,cAAc,CAAC,CAAC,EAAEQ,KAAK,CAAC;EAEjE,oBACIH,KAAA,CAACR,IAAI;IAACc,KAAK,EAAE,CAACE,MAAM,CAACC,OAAO,EAAEJ,OAAO,IAAIG,MAAM,CAACE,YAAY,EAAEJ,KAAK,CAAE;IAAAF,QAAA,GAChEF,KAAK,iBAAIJ,IAAA,CAACJ,YAAY;MAACQ,KAAK,EAAEA,KAAM;MAACC,KAAK,EAAEI;IAAY,CAAE,CAAC,EAC3DH,QAAQ;EAAA,CACP,CAAC;AAEf,CAAC;AAED,MAAMI,MAAM,GAAGf,UAAU,CAACkB,MAAM,CAAC;EAC7BF,OAAO,EAAE;IACLG,YAAY,EAAE,EAAE;IAChBC,GAAG,EAAE;EACT,CAAC;EACDH,YAAY,EAAE;IACVI,SAAS,EAAE;EACf;AACJ,CAAC,CAAC;AAEF,eAAeb,OAAO","ignoreList":[]}

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

@@ -0,0 +1,31 @@
+"use strict";
+
+import { Text, StyleSheet } from 'react-native';
+import { fontFamilies } from '../styles/fonts';
+import { useColorScheme } from '../hooks/use-color-scheme';
+import { normalizeColorScheme } from '../utils/themeUtils';
+import { useThemeStyles } from '../hooks/useThemeStyles';
+import { jsx as _jsx } from "react/jsx-runtime";
+const SectionTitle = ({
+  title,
+  theme,
+  style
+}) => {
+  const colorScheme = normalizeColorScheme(useColorScheme(), theme);
+  const themeStyles = useThemeStyles(theme || colorScheme, colorScheme);
+  return /*#__PURE__*/_jsx(Text, {
+    style: [styles.sectionTitle, {
+      color: themeStyles.textColor
+    }, style],
+    children: title
+  });
+};
+const styles = StyleSheet.create({
+  sectionTitle: {
+    fontSize: 16,
+    fontWeight: '600',
+    fontFamily: fontFamilies.phuduSemiBold
+  }
+});
+export default SectionTitle;
+//# sourceMappingURL=SectionTitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Text","StyleSheet","fontFamilies","useColorScheme","normalizeColorScheme","useThemeStyles","jsx","_jsx","SectionTitle","title","theme","style","colorScheme","themeStyles","styles","sectionTitle","color","textColor","children","create","fontSize","fontWeight","fontFamily","phuduSemiBold"],"sourceRoot":"../../../../src","sources":["ui/components/SectionTitle.tsx"],"mappings":";;AACA,SAASA,IAAI,EAAEC,UAAU,QAAwC,cAAc;AAC/E,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,cAAc,QAAQ,2BAA2B;AAC1D,SAASC,oBAAoB,QAAQ,qBAAqB;AAC1D,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQzD,MAAMC,YAAyC,GAAGA,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC;AAAM,CAAC,KAAK;EAC3E,MAAMC,WAAW,GAAGR,oBAAoB,CAACD,cAAc,CAAC,CAAC,EAAEO,KAAK,CAAC;EACjE,MAAMG,WAAW,GAAGR,cAAc,CAACK,KAAK,IAAIE,WAAW,EAAEA,WAAW,CAAC;EAErE,oBACIL,IAAA,CAACP,IAAI;IAACW,KAAK,EAAE,CAACG,MAAM,CAACC,YAAY,EAAE;MAAEC,KAAK,EAAEH,WAAW,CAACI;IAAU,CAAC,EAAEN,KAAK,CAAE;IAAAO,QAAA,EACvET;EAAK,CACJ,CAAC;AAEf,CAAC;AAED,MAAMK,MAAM,GAAGb,UAAU,CAACkB,MAAM,CAAC;EAC7BJ,YAAY,EAAE;IACVK,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAEpB,YAAY,CAACqB;EAC7B;AACJ,CAAC,CAAC;AAEF,eAAef,YAAY","ignoreList":[]}