@oxyhq/services 5.15.9 → 5.16.1

package/lib/module/ui/screens/AccountSettingsScreen.js

@@ -23,10 +23,8 @@ import { EditEmailModal } from '../components/profile/EditEmailModal';
 import { EditBioModal } from '../components/profile/EditBioModal';
 import { EditLocationModal } from '../components/profile/EditLocationModal';
 import { EditLinksModal } from '../components/profile/EditLinksModal';
-import { TwoFactorSetupModal } from '../components/profile/TwoFactorSetupModal';
 import { getDisplayName } from '../utils/user-utils';
 import { TTLCache, registerCacheForCleanup } from '../../utils/cache';
-import QRCode from 'react-native-qrcode-svg';
 import { useOxy } from '../context/OxyContext';
 import { SECTION_GAP_LARGE, COMPONENT_GAP, HEADER_PADDING_TOP_SETTINGS, createScreenContentStyle } from '../constants/spacing';
 
@@ -82,14 +80,6 @@ const AccountSettingsScreen = ({
   const [quickActionsSectionY, setQuickActionsSectionY] = useState(null);
   const [securitySectionY, setSecuritySectionY] = useState(null);
 
-  // Two-Factor (TOTP) state
-  const [totpSetupUrl, setTotpSetupUrl] = useState(null);
-  const [totpCode, setTotpCode] = useState('');
-  const [isTotpBusy, setIsTotpBusy] = useState(false);
-  const [showRecoveryModal, setShowRecoveryModal] = useState(false);
-  const [generatedBackupCodes, setGeneratedBackupCodes] = useState(null);
-  const [generatedRecoveryKey, setGeneratedRecoveryKey] = useState(null);
-
   // Animation refs
   const saveButtonScale = useRef(new Animated.Value(1)).current;
 
@@ -110,7 +100,6 @@ const AccountSettingsScreen = ({
   const [showEditBioModal, setShowEditBioModal] = useState(false);
   const [showEditLocationModal, setShowEditLocationModal] = useState(false);
   const [showEditLinksModal, setShowEditLinksModal] = useState(false);
-  const [showTwoFactorModal, setShowTwoFactorModal] = useState(false);
 
   // Location and links state (for display only - modals handle editing)
   const [locations, setLocations] = useState([]);
@@ -295,9 +284,6 @@ const AccountSettingsScreen = ({
       case 'links':
         setTempLinksWithMetadata([...linksMetadata]);
         break;
-      case 'twoFactor':
-        // No temp state needed for twoFactor
-        break;
     }
   }, [displayName, lastName, username, email, bio, locations, linksMetadata]);
   const cancelEditing = useCallback(() => {
@@ -388,8 +374,6 @@ const AccountSettingsScreen = ({
         return bio;
       case 'location':
       case 'links':
-      case 'twoFactor':
-        return '';
       default:
         return '';
     }
@@ -490,7 +474,6 @@ const AccountSettingsScreen = ({
   const handleOpenBioModal = useCallback(() => setShowEditBioModal(true), []);
   const handleOpenLocationModal = useCallback(() => setShowEditLocationModal(true), []);
   const handleOpenLinksModal = useCallback(() => setShowEditLinksModal(true), []);
-  const handleOpenTwoFactorModal = useCallback(() => setShowTwoFactorModal(true), []);
 
   // Handler to refresh data after modal saves
   // Note: Access user directly from store when invoked to get latest value,
@@ -569,9 +552,6 @@ const AccountSettingsScreen = ({
             case 'links':
               setShowEditLinksModal(true);
               break;
-            case 'twoFactor':
-              setShowTwoFactorModal(true);
-              break;
           }
         }, 300);
       }
@@ -693,186 +673,9 @@ const AccountSettingsScreen = ({
   // Memoize display name for avatar
   const displayNameForAvatar = useMemo(() => getDisplayName(user), [user]);
 
-  // Legacy renderEditingField function (still used for twoFactor and fallback)
+  // Legacy renderEditingField function (fallback)
   const renderEditingField = type => {
     if (!type) return null;
-    if (type === 'twoFactor') {
-      const enabled = !!user?.privacySettings?.twoFactorEnabled;
-      return /*#__PURE__*/_jsx(View, {
-        style: [styles.editingFieldContainer, {
-          backgroundColor: colors.background
-        }],
-        children: /*#__PURE__*/_jsx(View, {
-          style: styles.editingFieldContent,
-          children: /*#__PURE__*/_jsxs(View, {
-            style: styles.newValueSection,
-            children: [/*#__PURE__*/_jsx(View, {
-              style: styles.editingFieldHeader,
-              children: /*#__PURE__*/_jsx(Text, {
-                style: [styles.editingFieldLabel, {
-                  color: colors.text
-                }],
-                children: "Two\u2011Factor Authentication (TOTP)"
-              })
-            }), !enabled ? /*#__PURE__*/_jsxs(_Fragment, {
-              children: [/*#__PURE__*/_jsx(Text, {
-                style: styles.editingFieldDescription,
-                children: "Protect your account with a 6\u2011digit code from an authenticator app. Scan the QR code then enter the code to enable."
-              }), !totpSetupUrl ? /*#__PURE__*/_jsxs(TouchableOpacity, {
-                style: [styles.primaryButton, {
-                  backgroundColor: colors.iconSecurity
-                }],
-                disabled: isTotpBusy,
-                onPress: async () => {
-                  if (!activeSessionId) {
-                    toast.error(t('editProfile.toasts.noActiveSession') || 'No active session');
-                    return;
-                  }
-                  setIsTotpBusy(true);
-                  try {
-                    const {
-                      otpauthUrl
-                    } = await oxyServices.startTotpEnrollment(activeSessionId);
-                    setTotpSetupUrl(otpauthUrl);
-                  } catch (e) {
-                    toast.error(e?.message || t('editProfile.toasts.totpStartFailed') || 'Failed to start TOTP enrollment');
-                  } finally {
-                    setIsTotpBusy(false);
-                  }
-                },
-                children: [/*#__PURE__*/_jsx(Ionicons, {
-                  name: "shield-checkmark",
-                  size: 18,
-                  color: "#fff"
-                }), /*#__PURE__*/_jsx(Text, {
-                  style: styles.primaryButtonText,
-                  children: "Generate QR Code"
-                })]
-              }) : /*#__PURE__*/_jsxs(View, {
-                style: {
-                  alignItems: 'center',
-                  gap: 16
-                },
-                children: [/*#__PURE__*/_jsx(View, {
-                  style: {
-                    padding: 16,
-                    backgroundColor: '#fff',
-                    borderRadius: 16
-                  },
-                  children: /*#__PURE__*/_jsx(QRCode, {
-                    value: totpSetupUrl,
-                    size: 180
-                  })
-                }), /*#__PURE__*/_jsxs(View, {
-                  children: [/*#__PURE__*/_jsx(Text, {
-                    style: styles.editingFieldLabel,
-                    children: "Enter 6\u2011digit code"
-                  }), /*#__PURE__*/_jsx(TextInput, {
-                    style: styles.editingFieldInput,
-                    keyboardType: "number-pad",
-                    placeholder: "123456",
-                    value: totpCode,
-                    onChangeText: setTotpCode,
-                    maxLength: 6
-                  })]
-                }), /*#__PURE__*/_jsxs(TouchableOpacity, {
-                  style: [styles.primaryButton, {
-                    backgroundColor: colors.iconSecurity
-                  }],
-                  disabled: isTotpBusy || totpCode.length !== 6,
-                  onPress: async () => {
-                    if (!activeSessionId) {
-                      toast.error(t('editProfile.toasts.noActiveSession') || 'No active session');
-                      return;
-                    }
-                    setIsTotpBusy(true);
-                    try {
-                      const result = await oxyServices.verifyTotpEnrollment(activeSessionId, totpCode);
-                      await updateUser({
-                        privacySettings: {
-                          twoFactorEnabled: true
-                        }
-                      }, oxyServices);
-                      if (result?.backupCodes || result?.recoveryKey) {
-                        setGeneratedBackupCodes(result.backupCodes || null);
-                        setGeneratedRecoveryKey(result.recoveryKey || null);
-                        setShowRecoveryModal(true);
-                      } else {
-                        toast.success(t('editProfile.toasts.twoFactorEnabled') || 'Two‑Factor Authentication enabled');
-                        setEditingField(null);
-                      }
-                    } catch (e) {
-                      toast.error(e?.message || t('editProfile.toasts.invalidCode') || 'Invalid code');
-                    } finally {
-                      setIsTotpBusy(false);
-                    }
-                  },
-                  children: [/*#__PURE__*/_jsx(Ionicons, {
-                    name: "checkmark-circle",
-                    size: 18,
-                    color: "#fff"
-                  }), /*#__PURE__*/_jsx(Text, {
-                    style: styles.primaryButtonText,
-                    children: "Verify & Enable"
-                  })]
-                })]
-              })]
-            }) : /*#__PURE__*/_jsxs(_Fragment, {
-              children: [/*#__PURE__*/_jsx(Text, {
-                style: styles.editingFieldDescription,
-                children: "Two\u2011Factor Authentication is currently enabled. To disable, enter a code from your authenticator app."
-              }), /*#__PURE__*/_jsxs(View, {
-                children: [/*#__PURE__*/_jsx(Text, {
-                  style: styles.editingFieldLabel,
-                  children: "Enter 6\u2011digit code"
-                }), /*#__PURE__*/_jsx(TextInput, {
-                  style: styles.editingFieldInput,
-                  keyboardType: "number-pad",
-                  placeholder: "123456",
-                  value: totpCode,
-                  onChangeText: setTotpCode,
-                  maxLength: 6
-                })]
-              }), /*#__PURE__*/_jsxs(TouchableOpacity, {
-                style: [styles.primaryButton, {
-                  backgroundColor: colors.sidebarIconSharing
-                }],
-                disabled: isTotpBusy || totpCode.length !== 6,
-                onPress: async () => {
-                  if (!activeSessionId) {
-                    toast.error(t('editProfile.toasts.noActiveSession') || 'No active session');
-                    return;
-                  }
-                  setIsTotpBusy(true);
-                  try {
-                    await oxyServices.disableTotp(activeSessionId, totpCode);
-                    await updateUser({
-                      privacySettings: {
-                        twoFactorEnabled: false
-                      }
-                    }, oxyServices);
-                    toast.success(t('editProfile.toasts.twoFactorDisabled') || 'Two‑Factor Authentication disabled');
-                    setEditingField(null);
-                  } catch (e) {
-                    toast.error(e?.message || t('editProfile.toasts.disableFailed') || 'Failed to disable');
-                  } finally {
-                    setIsTotpBusy(false);
-                  }
-                },
-                children: [/*#__PURE__*/_jsx(Ionicons, {
-                  name: "close-circle",
-                  size: 18,
-                  color: "#fff"
-                }), /*#__PURE__*/_jsx(Text, {
-                  style: styles.primaryButtonText,
-                  children: "Disable 2FA"
-                })]
-              })]
-            })]
-          })
-        })
-      });
-    }
     if (type === 'displayName') {
       return /*#__PURE__*/_jsx(View, {
         style: [styles.editingFieldContainer, {
@@ -1468,111 +1271,6 @@ const AccountSettingsScreen = ({
             }],
             children: t('accountOverview.items.editProfile.subtitle') || t('editProfile.subtitle') || 'Manage your profile and preferences'
           })]
-        }), showRecoveryModal && /*#__PURE__*/_jsx(View, {
-          style: {
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-            backgroundColor: 'rgba(0,0,0,0.6)',
-            zIndex: 50,
-            padding: 16,
-            justifyContent: 'center'
-          },
-          children: /*#__PURE__*/_jsxs(View, {
-            style: {
-              backgroundColor: '#fff',
-              borderRadius: 20,
-              padding: 20,
-              maxHeight: '80%'
-            },
-            children: [/*#__PURE__*/_jsx(Text, {
-              style: {
-                fontSize: 18,
-                fontWeight: '700',
-                marginBottom: 12
-              },
-              children: "Save These Codes Now"
-            }), /*#__PURE__*/_jsx(Text, {
-              style: {
-                fontSize: 14,
-                color: '#444',
-                marginBottom: 12
-              },
-              children: "Backup codes and your Recovery Key are shown only once. Store them securely (paper or password manager)."
-            }), generatedBackupCodes && generatedBackupCodes.length > 0 && /*#__PURE__*/_jsxs(View, {
-              style: {
-                marginBottom: 12
-              },
-              children: [/*#__PURE__*/_jsx(Text, {
-                style: {
-                  fontSize: 16,
-                  fontWeight: '600',
-                  marginBottom: 8
-                },
-                children: "Backup Codes"
-              }), /*#__PURE__*/_jsx(View, {
-                style: {
-                  backgroundColor: '#F8F9FA',
-                  borderRadius: 12,
-                  padding: 12
-                },
-                children: generatedBackupCodes.map((c, idx) => /*#__PURE__*/_jsx(Text, {
-                  style: {
-                    fontFamily: Platform.OS === 'web' ? 'monospace' : 'monospace',
-                    fontSize: 14,
-                    marginBottom: 4
-                  },
-                  children: c
-                }, idx))
-              })]
-            }), generatedRecoveryKey && /*#__PURE__*/_jsxs(View, {
-              style: {
-                marginBottom: 12
-              },
-              children: [/*#__PURE__*/_jsx(Text, {
-                style: {
-                  fontSize: 16,
-                  fontWeight: '600',
-                  marginBottom: 8
-                },
-                children: "Recovery Key"
-              }), /*#__PURE__*/_jsx(View, {
-                style: {
-                  backgroundColor: '#F8F9FA',
-                  borderRadius: 12,
-                  padding: 12
-                },
-                children: /*#__PURE__*/_jsx(Text, {
-                  style: {
-                    fontFamily: Platform.OS === 'web' ? 'monospace' : 'monospace',
-                    fontSize: 14
-                  },
-                  children: generatedRecoveryKey
-                })
-              })]
-            }), /*#__PURE__*/_jsxs(TouchableOpacity, {
-              style: [styles.primaryButton, {
-                backgroundColor: colors.iconSecurity,
-                alignSelf: 'flex-end',
-                marginTop: 8
-              }],
-              onPress: () => {
-                setShowRecoveryModal(false);
-                setEditingField(null);
-                toast.success(t('editProfile.toasts.twoFactorEnabled') || 'Two‑Factor Authentication enabled');
-              },
-              children: [/*#__PURE__*/_jsx(Ionicons, {
-                name: "checkmark",
-                size: 18,
-                color: "#fff"
-              }), /*#__PURE__*/_jsx(Text, {
-                style: styles.primaryButtonText,
-                children: "I saved them"
-              })]
-            })]
-          })
         }), /*#__PURE__*/_jsxs(View, {
           ref: ref => {
             avatarSectionRef.current = ref;
@@ -1803,17 +1501,7 @@ const AccountSettingsScreen = ({
             }],
             children: t('editProfile.sections.security') || 'SECURITY'
           }), /*#__PURE__*/_jsx(View, {
-            style: styles.groupedSectionWrapper,
-            children: /*#__PURE__*/_jsx(GroupedSection, {
-              items: [{
-                id: 'two-factor',
-                icon: 'shield-lock',
-                iconColor: colors.sidebarIconSecurity,
-                title: t('editProfile.items.twoFactor.title') || 'Two‑Factor Authentication',
-                subtitle: user?.privacySettings?.twoFactorEnabled ? t('editProfile.items.twoFactor.enabled') || 'Enabled' : t('editProfile.items.twoFactor.disabled') || 'Disabled (recommended)',
-                onPress: handleOpenTwoFactorModal
-              }]
-            })
+            style: styles.groupedSectionWrapper
           })]
         })]
       })
@@ -1854,11 +1542,6 @@ const AccountSettingsScreen = ({
       initialLinks: linksMetadata,
       theme: normalizedTheme,
       onSave: handleModalSave
-    }), /*#__PURE__*/_jsx(TwoFactorSetupModal, {
-      visible: showTwoFactorModal,
-      onClose: () => setShowTwoFactorModal(false),
-      isEnabled: !!user?.privacySettings?.twoFactorEnabled,
-      theme: normalizedTheme
     })]
   });
 };