@umituz/react-native-settings 4.19.3 → 4.19.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.19.3",
+  "version": "4.19.5",
   "description": "Complete settings hub for React Native apps - consolidated package with settings, about, legal, appearance, feedback, FAQs, and rating",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -55,8 +55,13 @@
   "devDependencies": {
     "@babel/plugin-transform-runtime": "^7.28.5",
     "@expo/vector-icons": "^15.0.0",
+    "@gorhom/bottom-sheet": "^5.2.8",
+    "@react-native-community/datetimepicker": "^8.5.1",
+    "@react-navigation/bottom-tabs": "^7.9.0",
     "@react-navigation/native": "^6.1.18",
     "@react-navigation/stack": "^6.4.1",
+    "@sentry/react-native": "^7.8.0",
+    "@sentry/types": "^10.32.1",
     "@tanstack/react-query": "^5.0.0",
     "@types/jest": "^29.5.14",
     "@types/react": "~19.1.10",
@@ -64,15 +69,40 @@
     "@typescript-eslint/parser": "^7.0.0",
     "@umituz/react-native-auth": "latest",
     "@umituz/react-native-design-system": "latest",
+    "@umituz/react-native-filesystem": "^2.1.7",
+    "@umituz/react-native-firebase": "^1.13.28",
+    "@umituz/react-native-haptics": "^1.0.3",
     "@umituz/react-native-localization": "latest",
     "@umituz/react-native-notifications": "latest",
     "@umituz/react-native-onboarding": "latest",
+    "@umituz/react-native-sentry": "^1.4.2",
     "@umituz/react-native-storage": "latest",
     "@umituz/react-native-tanstack": "latest",
+    "@umituz/react-native-uuid": "^1.2.2",
     "eslint": "^8.57.0",
+    "expo-apple-authentication": "^8.0.8",
+    "expo-application": "^7.0.8",
+    "expo-clipboard": "^8.0.8",
+    "expo-crypto": "^15.0.8",
+    "expo-device": "^8.0.10",
+    "expo-file-system": "^19.0.21",
+    "expo-haptics": "^15.0.8",
+    "expo-image": "^3.0.11",
+    "expo-linear-gradient": "^15.0.8",
+    "expo-localization": "^17.0.8",
+    "expo-notifications": "^0.32.15",
+    "expo-sharing": "^14.0.8",
+    "expo-video": "^3.0.15",
+    "i18next": "^25.7.3",
     "react": "19.1.0",
+    "react-i18next": "^16.5.0",
     "react-native": "0.81.5",
-    "typescript": "^5.3.0"
+    "react-native-gesture-handler": "^2.30.0",
+    "react-native-reanimated": "^4.2.1",
+    "react-native-safe-area-context": "^5.6.2",
+    "rn-emoji-keyboard": "^1.7.0",
+    "typescript": "^5.3.0",
+    "zustand": "^5.0.9"
   },
   "publishConfig": {
     "access": "public"

package/src/domains/about/index.ts

@@ -8,3 +8,4 @@ export * from './presentation/components/AboutContent';
 export * from './presentation/components/AboutSection';
 export * from './presentation/components/AboutSettingItem';
 export * from './presentation/components/AboutHeader';
+export * from './domain/entities/AppInfo';

package/src/index.ts

@@ -86,6 +86,9 @@ export { SettingsErrorBoundary } from './presentation/components/SettingsErrorBo
 export { StorageClearSetting } from './presentation/components/StorageClearSetting';
 export type { StorageClearSettingProps } from './presentation/components/StorageClearSetting';
 
+export { CloudSyncSetting } from './presentation/components/CloudSyncSetting';
+export type { CloudSyncSettingProps } from './presentation/components/CloudSyncSetting';
+
 export { DevSettingsSection } from './presentation/components/DevSettingsSection';
 export type { DevSettingsProps } from './presentation/components/DevSettingsSection';
 

package/src/presentation/components/CloudSyncSetting.tsx

@@ -0,0 +1,70 @@
+/**
+ * Cloud Sync Setting Component
+ * Displays cloud sync status and allows triggering sync
+ */
+
+import React, { useMemo } from "react";
+import { SettingItem } from "./SettingItem";
+
+export interface CloudSyncSettingProps {
+  title?: string;
+  description?: string;
+  isSyncing?: boolean;
+  lastSynced?: Date | null;
+  onPress?: () => void;
+  disabled?: boolean;
+  isLast?: boolean;
+}
+
+const formatLastSynced = (date: Date): string => {
+  const now = new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffMinutes = Math.floor(diffMs / (1000 * 60));
+  const diffHours = Math.floor(diffMinutes / 60);
+  const diffDays = Math.floor(diffHours / 24);
+
+  if (diffMinutes < 1) {
+    return "last_synced_just_now";
+  }
+  if (diffMinutes < 60) {
+    return `last_synced_${diffMinutes}m_ago`;
+  }
+  if (diffHours < 24) {
+    return `last_synced_${diffHours}h_ago`;
+  }
+  return `last_synced_${diffDays}d_ago`;
+};
+
+export const CloudSyncSetting: React.FC<CloudSyncSettingProps> = ({
+  title = "cloud_sync",
+  description,
+  isSyncing = false,
+  lastSynced,
+  onPress,
+  disabled = false,
+  isLast = false,
+}) => {
+  const displayValue = useMemo(() => {
+    if (isSyncing) {
+      return "syncing";
+    }
+    if (description) {
+      return description;
+    }
+    if (lastSynced) {
+      return formatLastSynced(lastSynced);
+    }
+    return undefined;
+  }, [isSyncing, description, lastSynced]);
+
+  return (
+    <SettingItem
+      icon="cloud"
+      title={title}
+      value={displayValue}
+      onPress={onPress}
+      disabled={disabled || isSyncing}
+      isLast={isLast}
+    />
+  );
+};