@oxyhq/services 5.15.8 → 5.16.0

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

@@ -25,10 +25,8 @@ var _EditEmailModal = require("../components/profile/EditEmailModal");
 var _EditBioModal = require("../components/profile/EditBioModal");
 var _EditLocationModal = require("../components/profile/EditLocationModal");
 var _EditLinksModal = require("../components/profile/EditLinksModal");
-var _TwoFactorSetupModal = require("../components/profile/TwoFactorSetupModal");
 var _userUtils = require("../utils/user-utils");
 var _cache = require("../../utils/cache");
-var _reactNativeQrcodeSvg = _interopRequireDefault(require("react-native-qrcode-svg"));
 var _OxyContext = require("../context/OxyContext");
 var _spacing = require("../constants/spacing");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -87,14 +85,6 @@ const AccountSettingsScreen = ({
   const [quickActionsSectionY, setQuickActionsSectionY] = (0, _react.useState)(null);
   const [securitySectionY, setSecuritySectionY] = (0, _react.useState)(null);
 
-  // Two-Factor (TOTP) state
-  const [totpSetupUrl, setTotpSetupUrl] = (0, _react.useState)(null);
-  const [totpCode, setTotpCode] = (0, _react.useState)('');
-  const [isTotpBusy, setIsTotpBusy] = (0, _react.useState)(false);
-  const [showRecoveryModal, setShowRecoveryModal] = (0, _react.useState)(false);
-  const [generatedBackupCodes, setGeneratedBackupCodes] = (0, _react.useState)(null);
-  const [generatedRecoveryKey, setGeneratedRecoveryKey] = (0, _react.useState)(null);
-
   // Animation refs
   const saveButtonScale = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
 
@@ -115,7 +105,6 @@ const AccountSettingsScreen = ({
   const [showEditBioModal, setShowEditBioModal] = (0, _react.useState)(false);
   const [showEditLocationModal, setShowEditLocationModal] = (0, _react.useState)(false);
   const [showEditLinksModal, setShowEditLinksModal] = (0, _react.useState)(false);
-  const [showTwoFactorModal, setShowTwoFactorModal] = (0, _react.useState)(false);
 
   // Location and links state (for display only - modals handle editing)
   const [locations, setLocations] = (0, _react.useState)([]);
@@ -300,9 +289,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 = (0, _react.useCallback)(() => {
@@ -393,8 +379,6 @@ const AccountSettingsScreen = ({
         return bio;
       case 'location':
       case 'links':
-      case 'twoFactor':
-        return '';
       default:
         return '';
     }
@@ -495,7 +479,6 @@ const AccountSettingsScreen = ({
   const handleOpenBioModal = (0, _react.useCallback)(() => setShowEditBioModal(true), []);
   const handleOpenLocationModal = (0, _react.useCallback)(() => setShowEditLocationModal(true), []);
   const handleOpenLinksModal = (0, _react.useCallback)(() => setShowEditLinksModal(true), []);
-  const handleOpenTwoFactorModal = (0, _react.useCallback)(() => setShowTwoFactorModal(true), []);
 
   // Handler to refresh data after modal saves
   // Note: Access user directly from store when invoked to get latest value,
@@ -574,9 +557,6 @@ const AccountSettingsScreen = ({
             case 'links':
               setShowEditLinksModal(true);
               break;
-            case 'twoFactor':
-              setShowTwoFactorModal(true);
-              break;
           }
         }, 300);
       }
@@ -698,186 +678,9 @@ const AccountSettingsScreen = ({
   // Memoize display name for avatar
   const displayNameForAvatar = (0, _react.useMemo)(() => (0, _userUtils.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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.editingFieldContainer, {
-          backgroundColor: colors.background
-        }],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.editingFieldContent,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.newValueSection,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-              style: styles.editingFieldHeader,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: [styles.editingFieldLabel, {
-                  color: colors.text
-                }],
-                children: "Two\u2011Factor Authentication (TOTP)"
-              })
-            }), !enabled ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-                style: [styles.primaryButton, {
-                  backgroundColor: colors.iconSecurity
-                }],
-                disabled: isTotpBusy,
-                onPress: async () => {
-                  if (!activeSessionId) {
-                    _sonner.toast.error(t('editProfile.toasts.noActiveSession') || 'No active session');
-                    return;
-                  }
-                  setIsTotpBusy(true);
-                  try {
-                    const {
-                      otpauthUrl
-                    } = await oxyServices.startTotpEnrollment(activeSessionId);
-                    setTotpSetupUrl(otpauthUrl);
-                  } catch (e) {
-                    _sonner.toast.error(e?.message || t('editProfile.toasts.totpStartFailed') || 'Failed to start TOTP enrollment');
-                  } finally {
-                    setIsTotpBusy(false);
-                  }
-                },
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
-                  name: "shield-checkmark",
-                  size: 18,
-                  color: "#fff"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: styles.primaryButtonText,
-                  children: "Generate QR Code"
-                })]
-              }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                style: {
-                  alignItems: 'center',
-                  gap: 16
-                },
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                  style: {
-                    padding: 16,
-                    backgroundColor: '#fff',
-                    borderRadius: 16
-                  },
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeQrcodeSvg.default, {
-                    value: totpSetupUrl,
-                    size: 180
-                  })
-                }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    style: styles.editingFieldLabel,
-                    children: "Enter 6\u2011digit code"
-                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-                    style: styles.editingFieldInput,
-                    keyboardType: "number-pad",
-                    placeholder: "123456",
-                    value: totpCode,
-                    onChangeText: setTotpCode,
-                    maxLength: 6
-                  })]
-                }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-                  style: [styles.primaryButton, {
-                    backgroundColor: colors.iconSecurity
-                  }],
-                  disabled: isTotpBusy || totpCode.length !== 6,
-                  onPress: async () => {
-                    if (!activeSessionId) {
-                      _sonner.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 {
-                        _sonner.toast.success(t('editProfile.toasts.twoFactorEnabled') || 'Two‑Factor Authentication enabled');
-                        setEditingField(null);
-                      }
-                    } catch (e) {
-                      _sonner.toast.error(e?.message || t('editProfile.toasts.invalidCode') || 'Invalid code');
-                    } finally {
-                      setIsTotpBusy(false);
-                    }
-                  },
-                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
-                    name: "checkmark-circle",
-                    size: 18,
-                    color: "#fff"
-                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    style: styles.primaryButtonText,
-                    children: "Verify & Enable"
-                  })]
-                })]
-              })]
-            }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.editingFieldDescription,
-                children: "Two\u2011Factor Authentication is currently enabled. To disable, enter a code from your authenticator app."
-              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: styles.editingFieldLabel,
-                  children: "Enter 6\u2011digit code"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-                  style: styles.editingFieldInput,
-                  keyboardType: "number-pad",
-                  placeholder: "123456",
-                  value: totpCode,
-                  onChangeText: setTotpCode,
-                  maxLength: 6
-                })]
-              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-                style: [styles.primaryButton, {
-                  backgroundColor: colors.sidebarIconSharing
-                }],
-                disabled: isTotpBusy || totpCode.length !== 6,
-                onPress: async () => {
-                  if (!activeSessionId) {
-                    _sonner.toast.error(t('editProfile.toasts.noActiveSession') || 'No active session');
-                    return;
-                  }
-                  setIsTotpBusy(true);
-                  try {
-                    await oxyServices.disableTotp(activeSessionId, totpCode);
-                    await updateUser({
-                      privacySettings: {
-                        twoFactorEnabled: false
-                      }
-                    }, oxyServices);
-                    _sonner.toast.success(t('editProfile.toasts.twoFactorDisabled') || 'Two‑Factor Authentication disabled');
-                    setEditingField(null);
-                  } catch (e) {
-                    _sonner.toast.error(e?.message || t('editProfile.toasts.disableFailed') || 'Failed to disable');
-                  } finally {
-                    setIsTotpBusy(false);
-                  }
-                },
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
-                  name: "close-circle",
-                  size: 18,
-                  color: "#fff"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: styles.primaryButtonText,
-                  children: "Disable 2FA"
-                })]
-              })]
-            })]
-          })
-        })
-      });
-    }
     if (type === 'displayName') {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: [styles.editingFieldContainer, {
@@ -1473,111 +1276,6 @@ const AccountSettingsScreen = ({
             }],
             children: t('accountOverview.items.editProfile.subtitle') || t('editProfile.subtitle') || 'Manage your profile and preferences'
           })]
-        }), showRecoveryModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: {
-              backgroundColor: '#fff',
-              borderRadius: 20,
-              padding: 20,
-              maxHeight: '80%'
-            },
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: {
-                fontSize: 18,
-                fontWeight: '700',
-                marginBottom: 12
-              },
-              children: "Save These Codes Now"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: {
-                marginBottom: 12
-              },
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: {
-                  fontSize: 16,
-                  fontWeight: '600',
-                  marginBottom: 8
-                },
-                children: "Backup Codes"
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                style: {
-                  backgroundColor: '#F8F9FA',
-                  borderRadius: 12,
-                  padding: 12
-                },
-                children: generatedBackupCodes.map((c, idx) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: {
-                    fontFamily: _reactNative.Platform.OS === 'web' ? 'monospace' : 'monospace',
-                    fontSize: 14,
-                    marginBottom: 4
-                  },
-                  children: c
-                }, idx))
-              })]
-            }), generatedRecoveryKey && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: {
-                marginBottom: 12
-              },
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: {
-                  fontSize: 16,
-                  fontWeight: '600',
-                  marginBottom: 8
-                },
-                children: "Recovery Key"
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                style: {
-                  backgroundColor: '#F8F9FA',
-                  borderRadius: 12,
-                  padding: 12
-                },
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: {
-                    fontFamily: _reactNative.Platform.OS === 'web' ? 'monospace' : 'monospace',
-                    fontSize: 14
-                  },
-                  children: generatedRecoveryKey
-                })
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-              style: [styles.primaryButton, {
-                backgroundColor: colors.iconSecurity,
-                alignSelf: 'flex-end',
-                marginTop: 8
-              }],
-              onPress: () => {
-                setShowRecoveryModal(false);
-                setEditingField(null);
-                _sonner.toast.success(t('editProfile.toasts.twoFactorEnabled') || 'Two‑Factor Authentication enabled');
-              },
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
-                name: "checkmark",
-                size: 18,
-                color: "#fff"
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.primaryButtonText,
-                children: "I saved them"
-              })]
-            })]
-          })
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
           ref: ref => {
             avatarSectionRef.current = ref;
@@ -1808,17 +1506,7 @@ const AccountSettingsScreen = ({
             }],
             children: t('editProfile.sections.security') || 'SECURITY'
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.groupedSectionWrapper,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.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
           })]
         })]
       })
@@ -1859,11 +1547,6 @@ const AccountSettingsScreen = ({
       initialLinks: linksMetadata,
       theme: normalizedTheme,
       onSave: handleModalSave
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TwoFactorSetupModal.TwoFactorSetupModal, {
-      visible: showTwoFactorModal,
-      onClose: () => setShowTwoFactorModal(false),
-      isEnabled: !!user?.privacySettings?.twoFactorEnabled,
-      theme: normalizedTheme
     })]
   });
 };