1646 lines
58 KiB
JavaScript
1646 lines
58 KiB
JavaScript
|
import { React, ReactNative } from "@vendetta/metro/common";
|
||
|
|
import { storage } from "@vendetta/plugin";
|
||
|
|
import { useProxy } from "@vendetta/storage";
|
||
|
|
import { showConfirmationAlert } from "@vendetta/ui/alerts";
|
||
|
|
import { showToast } from "@vendetta/ui/toasts";
|
||
|
|
import { clipboard } from "@vendetta/metro/common";
|
||
|
|
import { findByProps, findByStoreName } from "@vendetta/metro";
|
||
|
|
|
||
|
|
|
||
|
|
import { addLog, getLogs, clearLogs } from "./Logger.js";
|
||
|
|
import { PasswordPrompt } from "./PassPrompt.js";
|
||
|
|
import {
|
||
|
|
exportAccounts,
|
||
|
|
importAccounts,
|
||
|
|
setExportPassword,
|
||
|
|
removeExportPassword,
|
||
|
|
addAccountWithToken,
|
||
|
|
addAccountWithCredentials,
|
||
|
|
forceLogout
|
||
|
|
} from "./AccountActions.js";
|
||
|
|
|
||
|
|
const UserStore = findByStoreName("UserStore");
|
||
|
|
const TokenManager = findByProps("getToken");
|
||
|
|
|
||
|
|
|
||
|
|
if (!storage.accounts) storage.accounts = {};
|
||
|
|
if (!storage.accountOrder) storage.accountOrder = [];
|
||
|
|
if (!storage.settings) {
|
||
|
|
storage.settings = {
|
||
|
|
enableCLI: true,
|
||
|
|
confirmBeforeDelete: true,
|
||
|
|
enableUnsafeFeatures: false
|
||
|
|
};
|
||
|
|
} else {
|
||
|
|
if (storage.settings.enableUnsafeFeatures === undefined) {
|
||
|
|
storage.settings.enableUnsafeFeatures = false;
|
||
|
|
}
|
||
|
|
if (storage.settings.enableCLI === undefined) {
|
||
|
|
storage.settings.enableCLI = storage.settings.showAccountNames !== false; // Migrate from old setting
|
||
|
|
}
|
||
|
|
if (storage.settings.confirmBeforeDelete === undefined) {
|
||
|
|
storage.settings.confirmBeforeDelete = true;
|
||
|
|
}
|
||
|
|
if (storage.settings.showAccountNames !== undefined) {
|
||
|
|
delete storage.settings.showAccountNames;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
addLog('info', 'AccountSwitcher plugin initialized', {
|
||
|
|
accountsCount: Object.keys(storage.accounts).length,
|
||
|
|
cliEnabled: storage.settings.enableCLI,
|
||
|
|
unsafeFeaturesEnabled: storage.settings.enableUnsafeFeatures
|
||
|
|
});
|
||
|
|
|
||
|
|
function SettingsPage({ onBack }) {
|
||
|
|
useProxy(storage);
|
||
|
|
|
||
|
|
const [newToken, setNewToken] = React.useState("");
|
||
|
|
const [isAdding, setIsAdding] = React.useState(false);
|
||
|
|
const [importText, setImportText] = React.useState("");
|
||
|
|
const [showPasswordDialog, setShowPasswordDialog] = React.useState(null);
|
||
|
|
const [newPassword, setNewPassword] = React.useState("");
|
||
|
|
const [confirmPassword, setConfirmPassword] = React.useState("");
|
||
|
|
|
||
|
|
const updateSetting = (key, value) => {
|
||
|
|
const newSettings = { ...storage.settings, [key]: value };
|
||
|
|
storage.settings = newSettings;
|
||
|
|
addLog('info', `Setting updated: ${key}`, { newValue: value });
|
||
|
|
};
|
||
|
|
|
||
|
|
const copyLogs = () => {
|
||
|
|
const logs = getLogs();
|
||
|
|
const logsText = logs.map(log =>
|
||
|
|
`[${log.timestamp}] ${log.type.toUpperCase()}: ${log.message}${log.data ? ' | Data: ' + JSON.stringify(log.data) : ''}`
|
||
|
|
).join('\n');
|
||
|
|
|
||
|
|
clipboard.setString(logsText);
|
||
|
|
addLog('info', 'Logs copied to clipboard', { count: logs.length });
|
||
|
|
showToast(`Copied ${logs.length} log entries to clipboard`, 0);
|
||
|
|
};
|
||
|
|
|
||
|
|
const enableUnsafeFeatures = (value) => {
|
||
|
|
if (value) {
|
||
|
|
showConfirmationAlert({
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "enable-cli",
|
||
|
|
style: {
|
||
|
|
flexDirection: 'row',
|
||
|
|
justifyContent: 'space-between',
|
||
|
|
alignItems: 'center',
|
||
|
|
paddingVertical: 12,
|
||
|
|
backgroundColor: '#36393f',
|
||
|
|
paddingHorizontal: 16,
|
||
|
|
borderRadius: 8,
|
||
|
|
marginBottom: 8
|
||
|
|
}
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "label",
|
||
|
|
style: { color: 'white', fontSize: 16 }
|
||
|
|
}, "Enable CLI Interface"),
|
||
|
|
React.createElement(ReactNative.Switch, {
|
||
|
|
key: "toggle",
|
||
|
|
value: storage.settings.enableCLI,
|
||
|
|
onValueChange: (v) => updateSetting("enableCLI", v),
|
||
|
|
trackColor: { false: '#72767d', true: '#7289da' },
|
||
|
|
thumbColor: 'white'
|
||
|
|
})
|
||
|
|
]),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "add-to-sidebar",
|
||
|
|
style: {
|
||
|
|
flexDirection: 'row',
|
||
|
|
justifyContent: 'space-between',
|
||
|
|
alignItems: 'center',
|
||
|
|
paddingVertical: 12,
|
||
|
|
backgroundColor: '#36393f',
|
||
|
|
paddingHorizontal: 16,
|
||
|
|
borderRadius: 8,
|
||
|
|
marginBottom: 8
|
||
|
|
}
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "text-container",
|
||
|
|
style: { flex: 1 }
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "label",
|
||
|
|
style: { color: 'white', fontSize: 16 }
|
||
|
|
}, "Add to Settings Sidebar"),
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "desc",
|
||
|
|
style: { color: '#72767d', fontSize: 12, marginTop: 2 }
|
||
|
|
}, "Show Account Switcher in Revenge settings menu")
|
||
|
|
]),
|
||
|
|
React.createElement(ReactNative.Switch, {
|
||
|
|
key: "toggle",
|
||
|
|
value: storage.settings.addToSidebar,
|
||
|
|
onValueChange: (v) => {
|
||
|
|
updateSetting("addToSidebar", v);
|
||
|
|
if (v) {
|
||
|
|
showToast("Sidebar enabled - restart app to see changes", 0);
|
||
|
|
} else {
|
||
|
|
showToast("Sidebar disabled - restart app to remove", 0);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
trackColor: { false: '#72767d', true: '#7289da' },
|
||
|
|
thumbColor: 'white'
|
||
|
|
})
|
||
|
|
]),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "confirm-delete",
|
||
|
|
style: {
|
||
|
|
flexDirection: 'row',
|
||
|
|
justifyContent: 'space-between',
|
||
|
|
alignItems: 'center',
|
||
|
|
paddingVertical: 12,
|
||
|
|
backgroundColor: '#36393f',
|
||
|
|
paddingHorizontal: 16,
|
||
|
|
borderRadius: 8
|
||
|
|
}
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "label",
|
||
|
|
style: { color: 'white', fontSize: 16 }
|
||
|
|
}, "Confirm Before Delete"),
|
||
|
|
React.createElement(ReactNative.Switch, {
|
||
|
|
key: "toggle",
|
||
|
|
value: storage.settings.confirmBeforeDelete,
|
||
|
|
onValueChange: (v) => updateSetting("confirmBeforeDelete", v),
|
||
|
|
trackColor: { false: '#72767d', true: '#7289da' },
|
||
|
|
thumbColor: 'white'
|
||
|
|
})
|
||
|
|
])
|
||
|
|
])
|
||
|
|
])
|
||
|
|
]);
|
||
|
|
}
|
||
|
|
|
||
|
|
export default function AccountsManager(props) {
|
||
|
|
useProxy(storage);
|
||
|
|
|
||
|
|
const [showSettings, setShowSettings] = React.useState(false);
|
||
|
|
const [switchingTo, setSwitchingTo] = React.useState(null);
|
||
|
|
const [showAddDialog, setShowAddDialog] = React.useState(false);
|
||
|
|
const [email, setEmail] = React.useState("");
|
||
|
|
const [password, setPassword] = React.useState("");
|
||
|
|
const [isAddingDynamic, setIsAddingDynamic] = React.useState(false);
|
||
|
|
|
||
|
|
const currentUserId = UserStore.getCurrentUser()?.id;
|
||
|
|
|
||
|
|
const removeAccount = (accountId) => {
|
||
|
|
const account = storage.accounts[accountId];
|
||
|
|
if (!account) return;
|
||
|
|
|
||
|
|
const isCurrent = accountId === currentUserId;
|
||
|
|
const accountName = account.username;
|
||
|
|
addLog('info', 'Attempting to remove account', { username: accountName, isCurrent });
|
||
|
|
|
||
|
|
const deleteFromStorage = () => {
|
||
|
|
delete storage.accounts[accountId];
|
||
|
|
storage.accountOrder = storage.accountOrder.filter(id => id !== accountId);
|
||
|
|
};
|
||
|
|
|
||
|
|
const removeFromSwitcherOnly = () => {
|
||
|
|
deleteFromStorage();
|
||
|
|
addLog('info', 'Account removed from switcher only', { username: accountName });
|
||
|
|
showToast(`Account ${accountName} removed from switcher`, 0);
|
||
|
|
};
|
||
|
|
|
||
|
|
const logoutAndDelete = async () => {
|
||
|
|
try {
|
||
|
|
addLog('info', 'Starting account removal and logout', { username: accountName });
|
||
|
|
const currentToken = TokenManager.getToken();
|
||
|
|
|
||
|
|
await findByProps("login", "logout", "switchAccountToken").switchAccountToken(account.token);
|
||
|
|
addLog('debug', 'Switched to account for logout');
|
||
|
|
|
||
|
|
await findByProps("login", "logout").logout();
|
||
|
|
addLog('debug', 'Account logged out from Discord');
|
||
|
|
|
||
|
|
setTimeout(async () => {
|
||
|
|
try {
|
||
|
|
await findByProps("login", "logout", "switchAccountToken").switchAccountToken(currentToken);
|
||
|
|
addLog('debug', 'Switched back to original account');
|
||
|
|
} catch (e) {
|
||
|
|
addLog('warn', 'Could not switch back to original account', { error: e.message });
|
||
|
|
}
|
||
|
|
}, 100);
|
||
|
|
} catch (e) {
|
||
|
|
addLog('error', 'Failed to logout account from Discord', { error: e.message });
|
||
|
|
showToast("Failed to logout, but removed from switcher", 1);
|
||
|
|
}
|
||
|
|
|
||
|
|
deleteFromStorage();
|
||
|
|
addLog('info', 'Account removed and logged out', { username: accountName });
|
||
|
|
showToast(`Account ${accountName} removed and logged out`, 0);
|
||
|
|
};
|
||
|
|
|
||
|
|
if (storage.settings.confirmBeforeDelete) {
|
||
|
|
ReactNative.Alert.alert(
|
||
|
|
isCurrent ? "Remove Current Account" : "Remove Account",
|
||
|
|
isCurrent
|
||
|
|
? "Do you want to remove the current account from the switcher? (To logout, use Force Logout in settings)"
|
||
|
|
: `What do you want to do with ${accountName}?`,
|
||
|
|
[
|
||
|
|
{ text: "Cancel", style: "cancel" },
|
||
|
|
{ text: "Delete from switcher only", onPress: removeFromSwitcherOnly },
|
||
|
|
!isCurrent && { text: "Delete and logout", onPress: logoutAndDelete },
|
||
|
|
].filter(Boolean)
|
||
|
|
);
|
||
|
|
} else {
|
||
|
|
if (isCurrent) {
|
||
|
|
removeFromSwitcherOnly();
|
||
|
|
} else {
|
||
|
|
logoutAndDelete();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
const switchToAccount = async (accountId) => {
|
||
|
|
const account = storage.accounts[accountId];
|
||
|
|
if (!account) return;
|
||
|
|
setSwitchingTo(accountId);
|
||
|
|
|
||
|
|
addLog('info', 'Starting account switch', { username: account.username });
|
||
|
|
|
||
|
|
try {
|
||
|
|
showToast(`Switching to ${account.username}...`, 0);
|
||
|
|
await findByProps("login", "logout", "switchAccountToken").switchAccountToken(account.token);
|
||
|
|
addLog('info', 'Account switch successful', { username: account.username });
|
||
|
|
showToast(`Switched to ${account.username}!`, 0);
|
||
|
|
} catch (e) {
|
||
|
|
addLog('error', 'Account switch failed', { username: account.username, error: e.message });
|
||
|
|
console.error("Switch error:", e);
|
||
|
|
showToast(`Failed to switch: ${e.message}`, 1);
|
||
|
|
}
|
||
|
|
setSwitchingTo(null);
|
||
|
|
};
|
||
|
|
|
||
|
|
const copyToken = (accountId) => {
|
||
|
|
if (!storage.settings.enableUnsafeFeatures) return;
|
||
|
|
const account = storage.accounts[accountId];
|
||
|
|
if (!account) return;
|
||
|
|
|
||
|
|
clipboard.setString(account.token);
|
||
|
|
addLog('info', 'Token copied to clipboard', { username: account.username });
|
||
|
|
showToast(`Token for ${account.username} copied`, 0);
|
||
|
|
};
|
||
|
|
|
||
|
|
const addCurrentAccount = async () => {
|
||
|
|
setIsAddingDynamic(true);
|
||
|
|
addLog('info', 'Adding current account');
|
||
|
|
|
||
|
|
try {
|
||
|
|
const token = TokenManager.getToken();
|
||
|
|
const currentUser = UserStore.getCurrentUser();
|
||
|
|
|
||
|
|
if (!currentUser || storage.accounts[currentUser.id]) {
|
||
|
|
const message = storage.accounts[currentUser.id] ? "Current account already saved" : "Failed to get current user";
|
||
|
|
addLog('warn', message, { userId: currentUser?.id });
|
||
|
|
showToast(message, 1);
|
||
|
|
setIsAddingDynamic(false);
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
const newAccount = {
|
||
|
|
id: currentUser.id,
|
||
|
|
username: currentUser.username,
|
||
|
|
discriminator: currentUser.discriminator,
|
||
|
|
avatar: currentUser.avatar,
|
||
|
|
displayName: currentUser.globalName || currentUser.username,
|
||
|
|
token: token,
|
||
|
|
addedAt: Date.now()
|
||
|
|
};
|
||
|
|
|
||
|
|
storage.accounts[currentUser.id] = newAccount;
|
||
|
|
if (!storage.accountOrder.includes(currentUser.id)) {
|
||
|
|
storage.accountOrder.push(currentUser.id);
|
||
|
|
}
|
||
|
|
|
||
|
|
setShowAddDialog(false);
|
||
|
|
addLog('info', 'Current account added successfully', { username: currentUser.username });
|
||
|
|
showToast(`Current account ${currentUser.username} added!`, 0);
|
||
|
|
} catch (e) {
|
||
|
|
addLog('error', 'Failed to add current account', { error: e.message });
|
||
|
|
console.error("Add current account error:", e);
|
||
|
|
showToast("Failed to add current account", 1);
|
||
|
|
}
|
||
|
|
setIsAddingDynamic(false);
|
||
|
|
};
|
||
|
|
|
||
|
|
const addAccountWithCredentialsHandler = async () => {
|
||
|
|
await addAccountWithCredentials(storage, email, password, setEmail, setPassword, setShowAddDialog, setIsAddingDynamic);
|
||
|
|
};
|
||
|
|
|
||
|
|
const formatDate = (timestamp) => {
|
||
|
|
const date = new Date(timestamp);
|
||
|
|
return date.toLocaleDateString('en-US', {
|
||
|
|
month: 'short',
|
||
|
|
day: 'numeric',
|
||
|
|
year: 'numeric'
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
const orderedAccounts = storage.accountOrder
|
||
|
|
.filter(id => storage.accounts[id])
|
||
|
|
.map(id => storage.accounts[id]);
|
||
|
|
|
||
|
|
if (showSettings) {
|
||
|
|
return React.createElement(SettingsPage, {
|
||
|
|
onBack: () => setShowSettings(false)
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
if (showAddDialog) {
|
||
|
|
return React.createElement(ReactNative.View, {
|
||
|
|
style: { flex: 1, backgroundColor: '#2f3136' }
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "add-header",
|
||
|
|
style: {
|
||
|
|
flexDirection: 'row',
|
||
|
|
alignItems: 'center',
|
||
|
|
padding: 16,
|
||
|
|
backgroundColor: '#202225',
|
||
|
|
borderBottomWidth: 1,
|
||
|
|
borderBottomColor: '#40444b'
|
||
|
|
}
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.TouchableOpacity, {
|
||
|
|
key: "back",
|
||
|
|
onPress: () => {
|
||
|
|
setShowAddDialog(false);
|
||
|
|
setEmail("");
|
||
|
|
setPassword("");
|
||
|
|
},
|
||
|
|
style: { marginRight: 16 }
|
||
|
|
}, React.createElement(ReactNative.Text, {
|
||
|
|
style: { color: '#7289da', fontSize: 16 }
|
||
|
|
}, "← Back")),
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "title",
|
||
|
|
style: { color: 'white', fontSize: 18, fontWeight: 'bold' }
|
||
|
|
}, "Add Account")
|
||
|
|
]),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.ScrollView, {
|
||
|
|
key: "add-content",
|
||
|
|
style: { flex: 1 },
|
||
|
|
contentContainerStyle: { padding: 16, paddingBottom: 100 }
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "instruction",
|
||
|
|
style: { color: '#b9bbbe', fontSize: 16, marginBottom: 20, textAlign: 'center' }
|
||
|
|
}, "Enter your Discord account credentials or add your current account"),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.TextInput, {
|
||
|
|
key: "email-input",
|
||
|
|
placeholder: "Email address",
|
||
|
|
placeholderTextColor: '#72767d',
|
||
|
|
value: email,
|
||
|
|
onChangeText: setEmail,
|
||
|
|
keyboardType: "email-address",
|
||
|
|
autoCapitalize: "none",
|
||
|
|
style: {
|
||
|
|
backgroundColor: '#40444b',
|
||
|
|
color: 'white',
|
||
|
|
padding: 16,
|
||
|
|
borderRadius: 8,
|
||
|
|
marginBottom: 12,
|
||
|
|
fontSize: 16
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.TextInput, {
|
||
|
|
key: "password-input",
|
||
|
|
placeholder: "Password",
|
||
|
|
placeholderTextColor: '#72767d',
|
||
|
|
value: password,
|
||
|
|
onChangeText: setPassword,
|
||
|
|
secureTextEntry: true,
|
||
|
|
style: {
|
||
|
|
backgroundColor: '#40444b',
|
||
|
|
color: 'white',
|
||
|
|
padding: 16,
|
||
|
|
borderRadius: 8,
|
||
|
|
marginBottom: 20,
|
||
|
|
fontSize: 16
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.TouchableOpacity, {
|
||
|
|
key: "login-btn",
|
||
|
|
onPress: addAccountWithCredentialsHandler,
|
||
|
|
disabled: isAddingDynamic,
|
||
|
|
style: {
|
||
|
|
backgroundColor: isAddingDynamic ? '#5c6bc0' : '#7289da',
|
||
|
|
paddingVertical: 16,
|
||
|
|
paddingHorizontal: 20,
|
||
|
|
borderRadius: 8,
|
||
|
|
alignItems: 'center',
|
||
|
|
marginBottom: 12,
|
||
|
|
opacity: isAddingDynamic ? 0.6 : 1
|
||
|
|
}
|
||
|
|
}, React.createElement(ReactNative.Text, {
|
||
|
|
style: { color: 'white', fontSize: 18, fontWeight: 'bold' }
|
||
|
|
}, isAddingDynamic ? "Adding Account..." : "Add Account with Email & Password")),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "divider",
|
||
|
|
style: {
|
||
|
|
height: 1,
|
||
|
|
backgroundColor: '#40444b',
|
||
|
|
marginVertical: 16
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.TouchableOpacity, {
|
||
|
|
key: "add-current-btn",
|
||
|
|
onPress: addCurrentAccount,
|
||
|
|
disabled: isAddingDynamic,
|
||
|
|
style: {
|
||
|
|
backgroundColor: isAddingDynamic ? '#5c6bc0' : '#43b581',
|
||
|
|
paddingVertical: 16,
|
||
|
|
paddingHorizontal: 20,
|
||
|
|
borderRadius: 8,
|
||
|
|
alignItems: 'center',
|
||
|
|
opacity: isAddingDynamic ? 0.6 : 1
|
||
|
|
}
|
||
|
|
}, React.createElement(ReactNative.Text, {
|
||
|
|
style: { color: 'white', fontSize: 18, fontWeight: 'bold' }
|
||
|
|
}, isAddingDynamic ? "Adding..." : "Add Current Account"))
|
||
|
|
])
|
||
|
|
]);
|
||
|
|
}
|
||
|
|
|
||
|
|
return React.createElement(ReactNative.View, {
|
||
|
|
style: { flex: 1, backgroundColor: '#2f3136' }
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "header",
|
||
|
|
style: {
|
||
|
|
flexDirection: 'row',
|
||
|
|
alignItems: 'center',
|
||
|
|
justifyContent: 'space-between',
|
||
|
|
padding: 16,
|
||
|
|
backgroundColor: '#202225',
|
||
|
|
borderBottomWidth: 1,
|
||
|
|
borderBottomColor: '#40444b'
|
||
|
|
}
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "title",
|
||
|
|
style: { color: 'white', fontSize: 20, fontWeight: 'bold' }
|
||
|
|
}, "MoreAlts"),
|
||
|
|
React.createElement(ReactNative.TouchableOpacity, {
|
||
|
|
key: "settings-btn",
|
||
|
|
onPress: () => setShowSettings(true),
|
||
|
|
style: {
|
||
|
|
padding: 8,
|
||
|
|
borderRadius: 6,
|
||
|
|
backgroundColor: '#4f545c'
|
||
|
|
}
|
||
|
|
}, React.createElement(ReactNative.Text, {
|
||
|
|
style: { color: 'white', fontSize: 18 }
|
||
|
|
}, "⚙️"))
|
||
|
|
]),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "accounts-section",
|
||
|
|
style: { flex: 1, padding: 16 }
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "section-title",
|
||
|
|
style: { color: '#b9bbbe', fontSize: 14, fontWeight: 'bold', marginBottom: 12 }
|
||
|
|
}, `SAVED ACCOUNTS (${orderedAccounts.length})`),
|
||
|
|
|
||
|
|
orderedAccounts.length === 0
|
||
|
|
? React.createElement(ReactNative.View, {
|
||
|
|
key: "empty",
|
||
|
|
style: {
|
||
|
|
alignItems: 'center',
|
||
|
|
justifyContent: 'center',
|
||
|
|
paddingVertical: 40
|
||
|
|
}
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "empty-text",
|
||
|
|
style: { color: '#72767d', fontSize: 16, marginBottom: 8 }
|
||
|
|
}, "No accounts saved yet"),
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "empty-hint",
|
||
|
|
style: { color: '#72767d', fontSize: 14, textAlign: 'center' }
|
||
|
|
}, "Access the switcher by pressing the logout button on the main settings page.")
|
||
|
|
])
|
||
|
|
: React.createElement(ReactNative.ScrollView, {
|
||
|
|
key: "accounts-scroll",
|
||
|
|
style: { flex: 1 },
|
||
|
|
contentContainerStyle: { paddingBottom: 100 }
|
||
|
|
}, orderedAccounts.map((account, index) => {
|
||
|
|
const isCurrent = account.id === currentUserId;
|
||
|
|
const isSwitching = switchingTo === account.id;
|
||
|
|
|
||
|
|
let avatarUrl = `https://cdn.discordapp.com/embed/avatars/1.png`;
|
||
|
|
if (account.avatar) {
|
||
|
|
avatarUrl = `https://cdn.discordapp.com/avatars/${account.id}/${account.avatar}.png?size=48`;
|
||
|
|
}
|
||
|
|
|
||
|
|
return React.createElement(ReactNative.View, {
|
||
|
|
key: account.id,
|
||
|
|
style: {
|
||
|
|
flexDirection: 'row',
|
||
|
|
alignItems: 'center',
|
||
|
|
backgroundColor: isCurrent ? '#7289da20' : '#36393f',
|
||
|
|
borderWidth: isCurrent ? 2 : 0,
|
||
|
|
borderColor: '#7289da',
|
||
|
|
borderRadius: 12,
|
||
|
|
padding: 12,
|
||
|
|
marginBottom: 12
|
||
|
|
}
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.TouchableOpacity, {
|
||
|
|
key: "avatar",
|
||
|
|
onPress: () => switchToAccount(account.id),
|
||
|
|
disabled: isCurrent || isSwitching,
|
||
|
|
style: { marginRight: 12 }
|
||
|
|
}, React.createElement(ReactNative.Image, {
|
||
|
|
source: { uri: avatarUrl },
|
||
|
|
style: {
|
||
|
|
width: 48,
|
||
|
|
height: 48,
|
||
|
|
borderRadius: 24,
|
||
|
|
opacity: (isCurrent || isSwitching) ? 0.7 : 1
|
||
|
|
}
|
||
|
|
})),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "info",
|
||
|
|
style: { flex: 1 }
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "name",
|
||
|
|
style: { color: 'white', fontSize: 16, fontWeight: 'bold' }
|
||
|
|
}, `${index + 1}. ${storage.settings.enableCLI ? `${account.username}${account.discriminator !== "0" ? `#${account.discriminator}` : ''}` : account.displayName}`),
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "status",
|
||
|
|
style: {
|
||
|
|
color: isCurrent ? '#43b581' : '#72767d',
|
||
|
|
fontSize: 12,
|
||
|
|
marginTop: 2
|
||
|
|
}
|
||
|
|
}, isCurrent ? "✓ Current Account" :
|
||
|
|
isSwitching ? "Switching..." :
|
||
|
|
"Tap avatar to switch"),
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "date",
|
||
|
|
style: {
|
||
|
|
color: '#72767d',
|
||
|
|
fontSize: 11,
|
||
|
|
marginTop: 2
|
||
|
|
}
|
||
|
|
}, `Added: ${formatDate(account.addedAt || Date.now())}`)
|
||
|
|
]),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "actions",
|
||
|
|
style: { flexDirection: 'column', alignItems: 'flex-end' }
|
||
|
|
}, [
|
||
|
|
storage.settings.enableUnsafeFeatures && React.createElement(ReactNative.TouchableOpacity, {
|
||
|
|
key: "copy",
|
||
|
|
onPress: () => copyToken(account.id),
|
||
|
|
style: {
|
||
|
|
backgroundColor: '#4f545c',
|
||
|
|
paddingHorizontal: 12,
|
||
|
|
paddingVertical: 6,
|
||
|
|
borderRadius: 6,
|
||
|
|
minWidth: 80,
|
||
|
|
alignItems: 'center',
|
||
|
|
marginBottom: 6
|
||
|
|
}
|
||
|
|
}, React.createElement(ReactNative.Text, {
|
||
|
|
style: { color: 'white', fontSize: 12, fontWeight: 'bold' }
|
||
|
|
}, "Copy Token")),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.TouchableOpacity, {
|
||
|
|
key: "remove",
|
||
|
|
onPress: () => removeAccount(account.id),
|
||
|
|
style: {
|
||
|
|
backgroundColor: '#f04747',
|
||
|
|
paddingHorizontal: 12,
|
||
|
|
paddingVertical: 6,
|
||
|
|
borderRadius: 6,
|
||
|
|
minWidth: 80,
|
||
|
|
alignItems: 'center'
|
||
|
|
}
|
||
|
|
}, React.createElement(ReactNative.Text, {
|
||
|
|
style: { color: 'white', fontSize: 12, fontWeight: 'bold' }
|
||
|
|
}, "Remove"))
|
||
|
|
])
|
||
|
|
]);
|
||
|
|
}))
|
||
|
|
]),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "bottom-actions",
|
||
|
|
style: {
|
||
|
|
position: 'absolute',
|
||
|
|
bottom: 0,
|
||
|
|
left: 0,
|
||
|
|
right: 0,
|
||
|
|
backgroundColor: '#202225',
|
||
|
|
borderTopWidth: 1,
|
||
|
|
borderTopColor: '#40444b',
|
||
|
|
paddingVertical: 12,
|
||
|
|
paddingHorizontal: 16,
|
||
|
|
paddingBottom: 40
|
||
|
|
}
|
||
|
|
}, React.createElement(ReactNative.TouchableOpacity, {
|
||
|
|
key: "add",
|
||
|
|
onPress: () => setShowAddDialog(true),
|
||
|
|
style: {
|
||
|
|
backgroundColor: '#7289da',
|
||
|
|
paddingVertical: 16,
|
||
|
|
paddingHorizontal: 20,
|
||
|
|
borderRadius: 8,
|
||
|
|
alignItems: 'center',
|
||
|
|
flexDirection: 'row',
|
||
|
|
justifyContent: 'center'
|
||
|
|
}
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "add-icon",
|
||
|
|
style: { color: 'white', fontSize: 20, marginRight: 8 }
|
||
|
|
}, "+"),
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "add-text",
|
||
|
|
style: { color: 'white', fontSize: 18, fontWeight: 'bold' }
|
||
|
|
}, "Add Account")
|
||
|
|
]))
|
||
|
|
]);
|
||
|
|
}
|
||
|
|
|
||
|
|
export { addLog };title: "⚠️ Enable Unsafe Features - Security Warning",
|
||
|
|
content: "Unsafe features include token copying, manual token adding, and detailed logging. These features can compromise your account security if misused. Tokens provide full access to accounts and should never be shared. Only enable if you understand the security implications.",
|
||
|
|
confirmText: "I Understand - Enable",
|
||
|
|
cancelText: "Cancel",
|
||
|
|
confirmColor: "brand",
|
||
|
|
onConfirm: () => updateSetting("enableUnsafeFeatures", true)
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
updateSetting("enableUnsafeFeatures", false);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
// Password dialog handlers
|
||
|
|
const handlePasswordCancel = () => {
|
||
|
|
setShowPasswordDialog(null);
|
||
|
|
};
|
||
|
|
|
||
|
|
const handlePasswordSuccess = () => {
|
||
|
|
const callback = showPasswordDialog.callback;
|
||
|
|
setShowPasswordDialog(null);
|
||
|
|
callback();
|
||
|
|
};
|
||
|
|
|
||
|
|
if (showPasswordDialog) {
|
||
|
|
return React.createElement(PasswordPrompt, {
|
||
|
|
dialogInfo: showPasswordDialog,
|
||
|
|
onCancel: handlePasswordCancel,
|
||
|
|
onSuccess: handlePasswordSuccess,
|
||
|
|
storage: storage
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
return React.createElement(ReactNative.View, {
|
||
|
|
style: { flex: 1, backgroundColor: '#2f3136' }
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "header",
|
||
|
|
style: {
|
||
|
|
flexDirection: 'row',
|
||
|
|
alignItems: 'center',
|
||
|
|
padding: 16,
|
||
|
|
backgroundColor: '#202225',
|
||
|
|
borderBottomWidth: 1,
|
||
|
|
borderBottomColor: '#40444b'
|
||
|
|
}
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.TouchableOpacity, {
|
||
|
|
key: "back",
|
||
|
|
onPress: onBack,
|
||
|
|
style: { marginRight: 16 }
|
||
|
|
}, React.createElement(ReactNative.Text, {
|
||
|
|
style: { color: '#7289da', fontSize: 16 }
|
||
|
|
}, "← Back to Accounts")),
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "title",
|
||
|
|
style: { color: 'white', fontSize: 18, fontWeight: 'bold' }
|
||
|
|
}, "Settings")
|
||
|
|
]),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.ScrollView, {
|
||
|
|
key: "content",
|
||
|
|
style: { flex: 1, padding: 16 },
|
||
|
|
contentContainerStyle: { paddingBottom: 100 }
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "export-import",
|
||
|
|
style: { marginBottom: 24 }
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "export-title",
|
||
|
|
style: { color: '#b9bbbe', fontSize: 14, fontWeight: 'bold', marginBottom: 12 }
|
||
|
|
}, "BACKUP & RESTORE"),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.TouchableOpacity, {
|
||
|
|
key: "export-btn",
|
||
|
|
onPress: () => exportAccounts(storage, setShowPasswordDialog),
|
||
|
|
style: {
|
||
|
|
backgroundColor: '#7289da',
|
||
|
|
paddingVertical: 12,
|
||
|
|
paddingHorizontal: 16,
|
||
|
|
borderRadius: 8,
|
||
|
|
marginBottom: 12,
|
||
|
|
alignItems: 'center'
|
||
|
|
}
|
||
|
|
}, React.createElement(ReactNative.Text, {
|
||
|
|
style: { color: 'white', fontSize: 16, fontWeight: 'bold' }
|
||
|
|
}, "📤 Export Accounts to Clipboard")),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.TextInput, {
|
||
|
|
key: "import-input",
|
||
|
|
placeholder: "Paste exported account data here (or leave empty to use clipboard)...",
|
||
|
|
placeholderTextColor: '#72767d',
|
||
|
|
value: importText,
|
||
|
|
onChangeText: setImportText,
|
||
|
|
multiline: true,
|
||
|
|
numberOfLines: 4,
|
||
|
|
style: {
|
||
|
|
backgroundColor: '#40444b',
|
||
|
|
color: 'white',
|
||
|
|
padding: 12,
|
||
|
|
borderRadius: 8,
|
||
|
|
marginBottom: 12,
|
||
|
|
fontSize: 14,
|
||
|
|
textAlignVertical: 'top'
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.TouchableOpacity, {
|
||
|
|
key: "import-btn",
|
||
|
|
onPress: () => importAccounts(storage, setShowPasswordDialog, importText),
|
||
|
|
style: {
|
||
|
|
backgroundColor: '#43b581',
|
||
|
|
paddingVertical: 12,
|
||
|
|
paddingHorizontal: 16,
|
||
|
|
borderRadius: 8,
|
||
|
|
marginBottom: 12,
|
||
|
|
alignItems: 'center'
|
||
|
|
}
|
||
|
|
}, React.createElement(ReactNative.Text, {
|
||
|
|
style: { color: 'white', fontSize: 16, fontWeight: 'bold' }
|
||
|
|
}, "📥 Import Accounts")),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.TouchableOpacity, {
|
||
|
|
key: "force-logout-btn",
|
||
|
|
onPress: forceLogout,
|
||
|
|
style: {
|
||
|
|
backgroundColor: '#f04747',
|
||
|
|
paddingVertical: 12,
|
||
|
|
paddingHorizontal: 16,
|
||
|
|
borderRadius: 8,
|
||
|
|
alignItems: 'center'
|
||
|
|
}
|
||
|
|
}, React.createElement(ReactNative.Text, {
|
||
|
|
style: { color: 'white', fontSize: 16, fontWeight: 'bold' }
|
||
|
|
}, "🚪 Force Logout"))
|
||
|
|
]),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "export-password",
|
||
|
|
style: { marginBottom: 24 }
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "password-title",
|
||
|
|
style: { color: '#b9bbbe', fontSize: 14, fontWeight: 'bold', marginBottom: 12 }
|
||
|
|
}, "EXPORT PASSWORD PROTECTION"),
|
||
|
|
|
||
|
|
storage.settings.exportPasswordHash
|
||
|
|
? React.createElement(ReactNative.View, { key: "password-set" }, [
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "status",
|
||
|
|
style: { color: '#43b581', fontSize: 16, marginBottom: 12 }
|
||
|
|
}, "✓ Export password is set (hashed)"),
|
||
|
|
React.createElement(ReactNative.TouchableOpacity, {
|
||
|
|
key: "remove-pwd",
|
||
|
|
onPress: () => removeExportPassword(storage, setShowPasswordDialog),
|
||
|
|
style: {
|
||
|
|
backgroundColor: '#f04747',
|
||
|
|
paddingVertical: 12,
|
||
|
|
paddingHorizontal: 16,
|
||
|
|
borderRadius: 8,
|
||
|
|
alignItems: 'center'
|
||
|
|
}
|
||
|
|
}, React.createElement(ReactNative.Text, {
|
||
|
|
style: { color: 'white', fontSize: 16, fontWeight: 'bold' }
|
||
|
|
}, "Remove Password"))
|
||
|
|
])
|
||
|
|
: React.createElement(ReactNative.View, { key: "password-unset" }, [
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "desc",
|
||
|
|
style: { color: '#72767d', fontSize: 14, marginBottom: 12 }
|
||
|
|
}, "Set a password to protect your account exports and imports (will be hashed for security)"),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.TextInput, {
|
||
|
|
key: "new-password",
|
||
|
|
placeholder: "New password",
|
||
|
|
placeholderTextColor: '#72767d',
|
||
|
|
value: newPassword,
|
||
|
|
onChangeText: setNewPassword,
|
||
|
|
secureTextEntry: true,
|
||
|
|
style: {
|
||
|
|
backgroundColor: '#40444b',
|
||
|
|
color: 'white',
|
||
|
|
padding: 12,
|
||
|
|
borderRadius: 8,
|
||
|
|
marginBottom: 8,
|
||
|
|
fontSize: 14
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.TextInput, {
|
||
|
|
key: "confirm-password",
|
||
|
|
placeholder: "Confirm password",
|
||
|
|
placeholderTextColor: '#72767d',
|
||
|
|
value: confirmPassword,
|
||
|
|
onChangeText: setConfirmPassword,
|
||
|
|
secureTextEntry: true,
|
||
|
|
style: {
|
||
|
|
backgroundColor: '#40444b',
|
||
|
|
color: 'white',
|
||
|
|
padding: 12,
|
||
|
|
borderRadius: 8,
|
||
|
|
marginBottom: 12,
|
||
|
|
fontSize: 14
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.TouchableOpacity, {
|
||
|
|
key: "set-password",
|
||
|
|
onPress: () => setExportPassword(storage, newPassword, confirmPassword, setNewPassword, setConfirmPassword),
|
||
|
|
style: {
|
||
|
|
backgroundColor: '#7289da',
|
||
|
|
paddingVertical: 12,
|
||
|
|
paddingHorizontal: 16,
|
||
|
|
borderRadius: 8,
|
||
|
|
alignItems: 'center'
|
||
|
|
}
|
||
|
|
}, React.createElement(ReactNative.Text, {
|
||
|
|
style: { color: 'white', fontSize: 16, fontWeight: 'bold' }
|
||
|
|
}, "Set Password"))
|
||
|
|
])
|
||
|
|
]),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "unsafe",
|
||
|
|
style: { marginBottom: 24 }
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "unsafe-title",
|
||
|
|
style: { color: '#f04747', fontSize: 14, fontWeight: 'bold', marginBottom: 12 }
|
||
|
|
}, "UNSAFE FEATURES"),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "enable-unsafe",
|
||
|
|
style: {
|
||
|
|
flexDirection: 'row',
|
||
|
|
justifyContent: 'space-between',
|
||
|
|
alignItems: 'center',
|
||
|
|
paddingVertical: 12,
|
||
|
|
backgroundColor: '#36393f',
|
||
|
|
paddingHorizontal: 16,
|
||
|
|
borderRadius: 8,
|
||
|
|
marginBottom: 8
|
||
|
|
}
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "text-container",
|
||
|
|
style: { flex: 1 }
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "label",
|
||
|
|
style: { color: 'white', fontSize: 16 }
|
||
|
|
}, "Enable Unsafe Features"),
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "desc",
|
||
|
|
style: { color: '#72767d', fontSize: 12, marginTop: 2 }
|
||
|
|
}, "Allows token operations, detailed logging, and troubleshooting")
|
||
|
|
]),
|
||
|
|
React.createElement(ReactNative.Switch, {
|
||
|
|
key: "toggle",
|
||
|
|
value: storage.settings.enableUnsafeFeatures,
|
||
|
|
onValueChange: enableUnsafeFeatures,
|
||
|
|
trackColor: { false: '#72767d', true: '#f04747' },
|
||
|
|
thumbColor: 'white'
|
||
|
|
})
|
||
|
|
]),
|
||
|
|
|
||
|
|
storage.settings.enableUnsafeFeatures && React.createElement(ReactNative.View, {
|
||
|
|
key: "unsafe-features",
|
||
|
|
style: { marginTop: 16 }
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "logging-title",
|
||
|
|
style: { color: '#b9bbbe', fontSize: 14, fontWeight: 'bold', marginBottom: 8 }
|
||
|
|
}, "TROUBLESHOOTING & LOGGING"),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "log-actions",
|
||
|
|
style: { flexDirection: 'row', gap: 8, marginBottom: 16 }
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.TouchableOpacity, {
|
||
|
|
key: "copy-logs",
|
||
|
|
onPress: copyLogs,
|
||
|
|
style: {
|
||
|
|
flex: 1,
|
||
|
|
backgroundColor: '#7289da',
|
||
|
|
paddingVertical: 10,
|
||
|
|
paddingHorizontal: 12,
|
||
|
|
borderRadius: 6,
|
||
|
|
alignItems: 'center'
|
||
|
|
}
|
||
|
|
}, React.createElement(ReactNative.Text, {
|
||
|
|
style: { color: 'white', fontSize: 14, fontWeight: 'bold' }
|
||
|
|
}, `Copy Logs (${getLogs().length})`)),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.TouchableOpacity, {
|
||
|
|
key: "clear-logs",
|
||
|
|
onPress: clearLogs,
|
||
|
|
style: {
|
||
|
|
flex: 1,
|
||
|
|
backgroundColor: '#f04747',
|
||
|
|
paddingVertical: 10,
|
||
|
|
paddingHorizontal: 12,
|
||
|
|
borderRadius: 6,
|
||
|
|
alignItems: 'center'
|
||
|
|
}
|
||
|
|
}, React.createElement(ReactNative.Text, {
|
||
|
|
style: { color: 'white', fontSize: 14, fontWeight: 'bold' }
|
||
|
|
}, "Clear Logs"))
|
||
|
|
]),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "token-title",
|
||
|
|
style: { color: '#b9bbbe', fontSize: 14, fontWeight: 'bold', marginBottom: 8 }
|
||
|
|
}, "ADD ACCOUNT VIA TOKEN"),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.TextInput, {
|
||
|
|
key: "token-input",
|
||
|
|
placeholder: "Paste account token here (leave empty to add current account)...",
|
||
|
|
placeholderTextColor: '#72767d',
|
||
|
|
value: newToken,
|
||
|
|
onChangeText: setNewToken,
|
||
|
|
secureTextEntry: true,
|
||
|
|
style: {
|
||
|
|
backgroundColor: '#40444b',
|
||
|
|
color: 'white',
|
||
|
|
padding: 12,
|
||
|
|
borderRadius: 8,
|
||
|
|
marginBottom: 12,
|
||
|
|
fontSize: 14
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.TouchableOpacity, {
|
||
|
|
key: "add-btn",
|
||
|
|
onPress: () => addAccountWithToken(storage, newToken, setNewToken, setIsAdding),
|
||
|
|
disabled: isAdding,
|
||
|
|
style: {
|
||
|
|
backgroundColor: isAdding ? '#5c6bc0' : '#7289da',
|
||
|
|
paddingVertical: 12,
|
||
|
|
paddingHorizontal: 20,
|
||
|
|
borderRadius: 8,
|
||
|
|
alignItems: 'center',
|
||
|
|
opacity: isAdding ? 0.6 : 1
|
||
|
|
}
|
||
|
|
}, React.createElement(ReactNative.Text, {
|
||
|
|
style: { color: 'white', fontSize: 16, fontWeight: 'bold' }
|
||
|
|
}, isAdding ? "Adding..." : (newToken.trim() ? "Add Account" : "Add Current Account")))
|
||
|
|
])
|
||
|
|
]),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "general",
|
||
|
|
style: { marginBottom: 24 }
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "general-title",
|
||
|
|
style: { color: '#b9bbbe', fontSize: 14, fontWeight: 'bold', marginBottom: 12 }
|
||
|
|
}, "GENERAL"),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "enable-cli",
|
||
|
|
style: {
|
||
|
|
flexDirection: 'row',
|
||
|
|
justifyContent: 'space-between',
|
||
|
|
alignItems: 'center',
|
||
|
|
paddingVertical: 12,
|
||
|
|
backgroundColor: '#36393f',
|
||
|
|
paddingHorizontal: 16,
|
||
|
|
borderRadius: 8,
|
||
|
|
marginBottom: 8
|
||
|
|
}
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "label",
|
||
|
|
style: { color: 'white', fontSize: 16 }
|
||
|
|
}, "Enable CLI Interface"),
|
||
|
|
React.createElement(ReactNative.Switch, {
|
||
|
|
key: "toggle",
|
||
|
|
value: storage.settings.enableCLI,
|
||
|
|
onValueChange: (v) => updateSetting("enableCLI", v),
|
||
|
|
trackColor: { false: '#72767d', true: '#7289da' },
|
||
|
|
thumbColor: 'white'
|
||
|
|
})
|
||
|
|
]),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "add-to-sidebar",
|
||
|
|
style: {
|
||
|
|
flexDirection: 'row',
|
||
|
|
justifyContent: 'space-between',
|
||
|
|
alignItems: 'center',
|
||
|
|
paddingVertical: 12,
|
||
|
|
backgroundColor: '#36393f',
|
||
|
|
paddingHorizontal: 16,
|
||
|
|
borderRadius: 8,
|
||
|
|
marginBottom: 8
|
||
|
|
}
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "text-container",
|
||
|
|
style: { flex: 1 }
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "label",
|
||
|
|
style: { color: 'white', fontSize: 16 }
|
||
|
|
}, "Add to Settings Sidebar"),
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "desc",
|
||
|
|
style: { color: '#72767d', fontSize: 12, marginTop: 2 }
|
||
|
|
}, "Show Account Switcher in Revenge settings menu")
|
||
|
|
]),
|
||
|
|
React.createElement(ReactNative.Switch, {
|
||
|
|
key: "toggle",
|
||
|
|
value: storage.settings.addToSidebar,
|
||
|
|
onValueChange: (v) => {
|
||
|
|
updateSetting("addToSidebar", v);
|
||
|
|
if (v) {
|
||
|
|
showToast("Sidebar enabled - restart app to see changes", 0);
|
||
|
|
} else {
|
||
|
|
showToast("Sidebar disabled - restart app to remove", 0);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
trackColor: { false: '#72767d', true: '#7289da' },
|
||
|
|
thumbColor: 'white'
|
||
|
|
})
|
||
|
|
]),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "confirm-delete",
|
||
|
|
style: {
|
||
|
|
flexDirection: 'row',
|
||
|
|
justifyContent: 'space-between',
|
||
|
|
alignItems: 'center',
|
||
|
|
paddingVertical: 12,
|
||
|
|
backgroundColor: '#36393f',
|
||
|
|
paddingHorizontal: 16,
|
||
|
|
borderRadius: 8
|
||
|
|
}
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "label",
|
||
|
|
style: { color: 'white', fontSize: 16 }
|
||
|
|
}, "Confirm Before Delete"),
|
||
|
|
React.createElement(ReactNative.Switch, {
|
||
|
|
key: "toggle",
|
||
|
|
value: storage.settings.confirmBeforeDelete,
|
||
|
|
onValueChange: (v) => updateSetting("confirmBeforeDelete", v),
|
||
|
|
trackColor: { false: '#72767d', true: '#7289da' },
|
||
|
|
thumbColor: 'white'
|
||
|
|
})
|
||
|
|
])
|
||
|
|
])
|
||
|
|
])
|
||
|
|
]);
|
||
|
|
}
|
||
|
|
|
||
|
|
export default function AccountsManager(props) {
|
||
|
|
useProxy(storage);
|
||
|
|
|
||
|
|
const [showSettings, setShowSettings] = React.useState(false);
|
||
|
|
const [switchingTo, setSwitchingTo] = React.useState(null);
|
||
|
|
const [showAddDialog, setShowAddDialog] = React.useState(false);
|
||
|
|
const [email, setEmail] = React.useState("");
|
||
|
|
const [password, setPassword] = React.useState("");
|
||
|
|
const [isAddingDynamic, setIsAddingDynamic] = React.useState(false);
|
||
|
|
|
||
|
|
const currentUserId = UserStore.getCurrentUser()?.id;
|
||
|
|
|
||
|
|
const removeAccount = (accountId) => {
|
||
|
|
const account = storage.accounts[accountId];
|
||
|
|
if (!account) return;
|
||
|
|
|
||
|
|
const isCurrent = accountId === currentUserId;
|
||
|
|
const accountName = account.username;
|
||
|
|
addLog('info', 'Attempting to remove account', { username: accountName, isCurrent });
|
||
|
|
|
||
|
|
const deleteFromStorage = () => {
|
||
|
|
delete storage.accounts[accountId];
|
||
|
|
storage.accountOrder = storage.accountOrder.filter(id => id !== accountId);
|
||
|
|
};
|
||
|
|
|
||
|
|
const removeFromSwitcherOnly = () => {
|
||
|
|
deleteFromStorage();
|
||
|
|
addLog('info', 'Account removed from switcher only', { username: accountName });
|
||
|
|
showToast(`Account ${accountName} removed from switcher`, 0);
|
||
|
|
};
|
||
|
|
|
||
|
|
const logoutAndDelete = async () => {
|
||
|
|
try {
|
||
|
|
addLog('info', 'Starting account removal and logout', { username: accountName });
|
||
|
|
const currentToken = TokenManager.getToken();
|
||
|
|
|
||
|
|
await findByProps("login", "logout", "switchAccountToken").switchAccountToken(account.token);
|
||
|
|
addLog('debug', 'Switched to account for logout');
|
||
|
|
|
||
|
|
await findByProps("login", "logout").logout();
|
||
|
|
addLog('debug', 'Account logged out from Discord');
|
||
|
|
|
||
|
|
setTimeout(async () => {
|
||
|
|
try {
|
||
|
|
await findByProps("login", "logout", "switchAccountToken").switchAccountToken(currentToken);
|
||
|
|
addLog('debug', 'Switched back to original account');
|
||
|
|
} catch (e) {
|
||
|
|
addLog('warn', 'Could not switch back to original account', { error: e.message });
|
||
|
|
}
|
||
|
|
}, 100);
|
||
|
|
} catch (e) {
|
||
|
|
addLog('error', 'Failed to logout account from Discord', { error: e.message });
|
||
|
|
showToast("Failed to logout, but removed from switcher", 1);
|
||
|
|
}
|
||
|
|
|
||
|
|
deleteFromStorage();
|
||
|
|
addLog('info', 'Account removed and logged out', { username: accountName });
|
||
|
|
showToast(`Account ${accountName} removed and logged out`, 0);
|
||
|
|
};
|
||
|
|
|
||
|
|
if (storage.settings.confirmBeforeDelete) {
|
||
|
|
ReactNative.Alert.alert(
|
||
|
|
isCurrent ? "Remove Current Account" : "Remove Account",
|
||
|
|
isCurrent
|
||
|
|
? "Do you want to remove the current account from the switcher? (To logout, use Force Logout in settings)"
|
||
|
|
: `What do you want to do with ${accountName}?`,
|
||
|
|
[
|
||
|
|
{ text: "Cancel", style: "cancel" },
|
||
|
|
{ text: "Delete from switcher only", onPress: removeFromSwitcherOnly },
|
||
|
|
!isCurrent && { text: "Delete and logout", onPress: logoutAndDelete },
|
||
|
|
].filter(Boolean)
|
||
|
|
);
|
||
|
|
} else {
|
||
|
|
if (isCurrent) {
|
||
|
|
removeFromSwitcherOnly();
|
||
|
|
} else {
|
||
|
|
logoutAndDelete();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
const switchToAccount = async (accountId) => {
|
||
|
|
const account = storage.accounts[accountId];
|
||
|
|
if (!account) return;
|
||
|
|
setSwitchingTo(accountId);
|
||
|
|
|
||
|
|
addLog('info', 'Starting account switch', { username: account.username });
|
||
|
|
|
||
|
|
try {
|
||
|
|
showToast(`Switching to ${account.username}...`, 0);
|
||
|
|
await findByProps("login", "logout", "switchAccountToken").switchAccountToken(account.token);
|
||
|
|
addLog('info', 'Account switch successful', { username: account.username });
|
||
|
|
showToast(`Switched to ${account.username}!`, 0);
|
||
|
|
} catch (e) {
|
||
|
|
addLog('error', 'Account switch failed', { username: account.username, error: e.message });
|
||
|
|
console.error("Switch error:", e);
|
||
|
|
showToast(`Failed to switch: ${e.message}`, 1);
|
||
|
|
}
|
||
|
|
setSwitchingTo(null);
|
||
|
|
};
|
||
|
|
|
||
|
|
const copyToken = (accountId) => {
|
||
|
|
if (!storage.settings.enableUnsafeFeatures) return;
|
||
|
|
const account = storage.accounts[accountId];
|
||
|
|
if (!account) return;
|
||
|
|
|
||
|
|
clipboard.setString(account.token);
|
||
|
|
addLog('info', 'Token copied to clipboard', { username: account.username });
|
||
|
|
showToast(`Token for ${account.username} copied`, 0);
|
||
|
|
};
|
||
|
|
|
||
|
|
const addCurrentAccount = async () => {
|
||
|
|
setIsAddingDynamic(true);
|
||
|
|
addLog('info', 'Adding current account');
|
||
|
|
|
||
|
|
try {
|
||
|
|
const token = TokenManager.getToken();
|
||
|
|
const currentUser = UserStore.getCurrentUser();
|
||
|
|
|
||
|
|
if (!currentUser || storage.accounts[currentUser.id]) {
|
||
|
|
const message = storage.accounts[currentUser.id] ? "Current account already saved" : "Failed to get current user";
|
||
|
|
addLog('warn', message, { userId: currentUser?.id });
|
||
|
|
showToast(message, 1);
|
||
|
|
setIsAddingDynamic(false);
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
const newAccount = {
|
||
|
|
id: currentUser.id,
|
||
|
|
username: currentUser.username,
|
||
|
|
discriminator: currentUser.discriminator,
|
||
|
|
avatar: currentUser.avatar,
|
||
|
|
displayName: currentUser.globalName || currentUser.username,
|
||
|
|
token: token,
|
||
|
|
addedAt: Date.now()
|
||
|
|
};
|
||
|
|
|
||
|
|
storage.accounts[currentUser.id] = newAccount;
|
||
|
|
if (!storage.accountOrder.includes(currentUser.id)) {
|
||
|
|
storage.accountOrder.push(currentUser.id);
|
||
|
|
}
|
||
|
|
|
||
|
|
setShowAddDialog(false);
|
||
|
|
addLog('info', 'Current account added successfully', { username: currentUser.username });
|
||
|
|
showToast(`Current account ${currentUser.username} added!`, 0);
|
||
|
|
} catch (e) {
|
||
|
|
addLog('error', 'Failed to add current account', { error: e.message });
|
||
|
|
console.error("Add current account error:", e);
|
||
|
|
showToast("Failed to add current account", 1);
|
||
|
|
}
|
||
|
|
setIsAddingDynamic(false);
|
||
|
|
};
|
||
|
|
|
||
|
|
const addAccountWithCredentialsHandler = async () => {
|
||
|
|
await addAccountWithCredentials(storage, email, password, setEmail, setPassword, setShowAddDialog, setIsAddingDynamic);
|
||
|
|
};
|
||
|
|
|
||
|
|
const formatDate = (timestamp) => {
|
||
|
|
const date = new Date(timestamp);
|
||
|
|
return date.toLocaleDateString('en-US', {
|
||
|
|
month: 'short',
|
||
|
|
day: 'numeric',
|
||
|
|
year: 'numeric'
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
const orderedAccounts = storage.accountOrder
|
||
|
|
.filter(id => storage.accounts[id])
|
||
|
|
.map(id => storage.accounts[id]);
|
||
|
|
|
||
|
|
if (showSettings) {
|
||
|
|
return React.createElement(SettingsPage, {
|
||
|
|
onBack: () => setShowSettings(false)
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
if (showAddDialog) {
|
||
|
|
return React.createElement(ReactNative.View, {
|
||
|
|
style: { flex: 1, backgroundColor: '#2f3136' }
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "add-header",
|
||
|
|
style: {
|
||
|
|
flexDirection: 'row',
|
||
|
|
alignItems: 'center',
|
||
|
|
padding: 16,
|
||
|
|
backgroundColor: '#202225',
|
||
|
|
borderBottomWidth: 1,
|
||
|
|
borderBottomColor: '#40444b'
|
||
|
|
}
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.TouchableOpacity, {
|
||
|
|
key: "back",
|
||
|
|
onPress: () => {
|
||
|
|
setShowAddDialog(false);
|
||
|
|
setEmail("");
|
||
|
|
setPassword("");
|
||
|
|
},
|
||
|
|
style: { marginRight: 16 }
|
||
|
|
}, React.createElement(ReactNative.Text, {
|
||
|
|
style: { color: '#7289da', fontSize: 16 }
|
||
|
|
}, "← Back")),
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "title",
|
||
|
|
style: { color: 'white', fontSize: 18, fontWeight: 'bold' }
|
||
|
|
}, "Add Account")
|
||
|
|
]),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.ScrollView, {
|
||
|
|
key: "add-content",
|
||
|
|
style: { flex: 1 },
|
||
|
|
contentContainerStyle: { padding: 16, paddingBottom: 100 }
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "instruction",
|
||
|
|
style: { color: '#b9bbbe', fontSize: 16, marginBottom: 20, textAlign: 'center' }
|
||
|
|
}, "Enter your Discord account credentials or add your current account"),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.TextInput, {
|
||
|
|
key: "email-input",
|
||
|
|
placeholder: "Email address",
|
||
|
|
placeholderTextColor: '#72767d',
|
||
|
|
value: email,
|
||
|
|
onChangeText: setEmail,
|
||
|
|
keyboardType: "email-address",
|
||
|
|
autoCapitalize: "none",
|
||
|
|
style: {
|
||
|
|
backgroundColor: '#40444b',
|
||
|
|
color: 'white',
|
||
|
|
padding: 16,
|
||
|
|
borderRadius: 8,
|
||
|
|
marginBottom: 12,
|
||
|
|
fontSize: 16
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.TextInput, {
|
||
|
|
key: "password-input",
|
||
|
|
placeholder: "Password",
|
||
|
|
placeholderTextColor: '#72767d',
|
||
|
|
value: password,
|
||
|
|
onChangeText: setPassword,
|
||
|
|
secureTextEntry: true,
|
||
|
|
style: {
|
||
|
|
backgroundColor: '#40444b',
|
||
|
|
color: 'white',
|
||
|
|
padding: 16,
|
||
|
|
borderRadius: 8,
|
||
|
|
marginBottom: 20,
|
||
|
|
fontSize: 16
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.TouchableOpacity, {
|
||
|
|
key: "login-btn",
|
||
|
|
onPress: addAccountWithCredentialsHandler,
|
||
|
|
disabled: isAddingDynamic,
|
||
|
|
style: {
|
||
|
|
backgroundColor: isAddingDynamic ? '#5c6bc0' : '#7289da',
|
||
|
|
paddingVertical: 16,
|
||
|
|
paddingHorizontal: 20,
|
||
|
|
borderRadius: 8,
|
||
|
|
alignItems: 'center',
|
||
|
|
marginBottom: 12,
|
||
|
|
opacity: isAddingDynamic ? 0.6 : 1
|
||
|
|
}
|
||
|
|
}, React.createElement(ReactNative.Text, {
|
||
|
|
style: { color: 'white', fontSize: 18, fontWeight: 'bold' }
|
||
|
|
}, isAddingDynamic ? "Adding Account..." : "Add Account with Email & Password")),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "divider",
|
||
|
|
style: {
|
||
|
|
height: 1,
|
||
|
|
backgroundColor: '#40444b',
|
||
|
|
marginVertical: 16
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.TouchableOpacity, {
|
||
|
|
key: "add-current-btn",
|
||
|
|
onPress: addCurrentAccount,
|
||
|
|
disabled: isAddingDynamic,
|
||
|
|
style: {
|
||
|
|
backgroundColor: isAddingDynamic ? '#5c6bc0' : '#43b581',
|
||
|
|
paddingVertical: 16,
|
||
|
|
paddingHorizontal: 20,
|
||
|
|
borderRadius: 8,
|
||
|
|
alignItems: 'center',
|
||
|
|
opacity: isAddingDynamic ? 0.6 : 1
|
||
|
|
}
|
||
|
|
}, React.createElement(ReactNative.Text, {
|
||
|
|
style: { color: 'white', fontSize: 18, fontWeight: 'bold' }
|
||
|
|
}, isAddingDynamic ? "Adding..." : "Add Current Account"))
|
||
|
|
])
|
||
|
|
]);
|
||
|
|
}
|
||
|
|
|
||
|
|
return React.createElement(ReactNative.View, {
|
||
|
|
style: { flex: 1, backgroundColor: '#2f3136' }
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "header",
|
||
|
|
style: {
|
||
|
|
flexDirection: 'row',
|
||
|
|
alignItems: 'center',
|
||
|
|
justifyContent: 'space-between',
|
||
|
|
padding: 16,
|
||
|
|
backgroundColor: '#202225',
|
||
|
|
borderBottomWidth: 1,
|
||
|
|
borderBottomColor: '#40444b'
|
||
|
|
}
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "title",
|
||
|
|
style: { color: 'white', fontSize: 20, fontWeight: 'bold' }
|
||
|
|
}, "Account Switcher"),
|
||
|
|
React.createElement(ReactNative.TouchableOpacity, {
|
||
|
|
key: "settings-btn",
|
||
|
|
onPress: () => setShowSettings(true),
|
||
|
|
style: {
|
||
|
|
padding: 8,
|
||
|
|
borderRadius: 6,
|
||
|
|
backgroundColor: '#4f545c'
|
||
|
|
}
|
||
|
|
}, React.createElement(ReactNative.Text, {
|
||
|
|
style: { color: 'white', fontSize: 18 }
|
||
|
|
}, "⚙️"))
|
||
|
|
]),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "accounts-section",
|
||
|
|
style: { flex: 1, padding: 16 }
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "section-title",
|
||
|
|
style: { color: '#b9bbbe', fontSize: 14, fontWeight: 'bold', marginBottom: 12 }
|
||
|
|
}, `SAVED ACCOUNTS (${orderedAccounts.length})`),
|
||
|
|
|
||
|
|
orderedAccounts.length === 0
|
||
|
|
? React.createElement(ReactNative.View, {
|
||
|
|
key: "empty",
|
||
|
|
style: {
|
||
|
|
alignItems: 'center',
|
||
|
|
justifyContent: 'center',
|
||
|
|
paddingVertical: 40
|
||
|
|
}
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "empty-text",
|
||
|
|
style: { color: '#72767d', fontSize: 16, marginBottom: 8 }
|
||
|
|
}, "No accounts saved yet"),
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "empty-hint",
|
||
|
|
style: { color: '#72767d', fontSize: 14, textAlign: 'center' }
|
||
|
|
}, "Access the switcher by pressing the logout button on the main settings page.")
|
||
|
|
])
|
||
|
|
: React.createElement(ReactNative.ScrollView, {
|
||
|
|
key: "accounts-scroll",
|
||
|
|
style: { flex: 1 },
|
||
|
|
contentContainerStyle: { paddingBottom: 100 }
|
||
|
|
}, orderedAccounts.map((account, index) => {
|
||
|
|
const isCurrent = account.id === currentUserId;
|
||
|
|
const isSwitching = switchingTo === account.id;
|
||
|
|
|
||
|
|
let avatarUrl = `https://cdn.discordapp.com/embed/avatars/1.png`;
|
||
|
|
if (account.avatar) {
|
||
|
|
avatarUrl = `https://cdn.discordapp.com/avatars/${account.id}/${account.avatar}.png?size=48`;
|
||
|
|
}
|
||
|
|
|
||
|
|
return React.createElement(ReactNative.View, {
|
||
|
|
key: account.id,
|
||
|
|
style: {
|
||
|
|
flexDirection: 'row',
|
||
|
|
alignItems: 'center',
|
||
|
|
backgroundColor: isCurrent ? '#7289da20' : '#36393f',
|
||
|
|
borderWidth: isCurrent ? 2 : 0,
|
||
|
|
borderColor: '#7289da',
|
||
|
|
borderRadius: 12,
|
||
|
|
padding: 12,
|
||
|
|
marginBottom: 12
|
||
|
|
}
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.TouchableOpacity, {
|
||
|
|
key: "avatar",
|
||
|
|
onPress: () => switchToAccount(account.id),
|
||
|
|
disabled: isCurrent || isSwitching,
|
||
|
|
style: { marginRight: 12 }
|
||
|
|
}, React.createElement(ReactNative.Image, {
|
||
|
|
source: { uri: avatarUrl },
|
||
|
|
style: {
|
||
|
|
width: 48,
|
||
|
|
height: 48,
|
||
|
|
borderRadius: 24,
|
||
|
|
opacity: (isCurrent || isSwitching) ? 0.7 : 1
|
||
|
|
}
|
||
|
|
})),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "info",
|
||
|
|
style: { flex: 1 }
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "name",
|
||
|
|
style: { color: 'white', fontSize: 16, fontWeight: 'bold' }
|
||
|
|
}, `${index + 1}. ${storage.settings.enableCLI ? `${account.username}${account.discriminator !== "0" ? `#${account.discriminator}` : ''}` : account.displayName}`),
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "status",
|
||
|
|
style: {
|
||
|
|
color: isCurrent ? '#43b581' : '#72767d',
|
||
|
|
fontSize: 12,
|
||
|
|
marginTop: 2
|
||
|
|
}
|
||
|
|
}, isCurrent ? "✓ Current Account" :
|
||
|
|
isSwitching ? "Switching..." :
|
||
|
|
"Tap avatar to switch"),
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "date",
|
||
|
|
style: {
|
||
|
|
color: '#72767d',
|
||
|
|
fontSize: 11,
|
||
|
|
marginTop: 2
|
||
|
|
}
|
||
|
|
}, `Added: ${formatDate(account.addedAt || Date.now())}`)
|
||
|
|
]),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "actions",
|
||
|
|
style: { flexDirection: 'column', alignItems: 'flex-end' }
|
||
|
|
}, [
|
||
|
|
storage.settings.enableUnsafeFeatures && React.createElement(ReactNative.TouchableOpacity, {
|
||
|
|
key: "copy",
|
||
|
|
onPress: () => copyToken(account.id),
|
||
|
|
style: {
|
||
|
|
backgroundColor: '#4f545c',
|
||
|
|
paddingHorizontal: 12,
|
||
|
|
paddingVertical: 6,
|
||
|
|
borderRadius: 6,
|
||
|
|
minWidth: 80,
|
||
|
|
alignItems: 'center',
|
||
|
|
marginBottom: 6
|
||
|
|
}
|
||
|
|
}, React.createElement(ReactNative.Text, {
|
||
|
|
style: { color: 'white', fontSize: 12, fontWeight: 'bold' }
|
||
|
|
}, "Copy Token")),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.TouchableOpacity, {
|
||
|
|
key: "remove",
|
||
|
|
onPress: () => removeAccount(account.id),
|
||
|
|
style: {
|
||
|
|
backgroundColor: '#f04747',
|
||
|
|
paddingHorizontal: 12,
|
||
|
|
paddingVertical: 6,
|
||
|
|
borderRadius: 6,
|
||
|
|
minWidth: 80,
|
||
|
|
alignItems: 'center'
|
||
|
|
}
|
||
|
|
}, React.createElement(ReactNative.Text, {
|
||
|
|
style: { color: 'white', fontSize: 12, fontWeight: 'bold' }
|
||
|
|
}, "Remove"))
|
||
|
|
])
|
||
|
|
]);
|
||
|
|
}))
|
||
|
|
]),
|
||
|
|
|
||
|
|
React.createElement(ReactNative.View, {
|
||
|
|
key: "bottom-actions",
|
||
|
|
style: {
|
||
|
|
position: 'absolute',
|
||
|
|
bottom: 0,
|
||
|
|
left: 0,
|
||
|
|
right: 0,
|
||
|
|
backgroundColor: '#202225',
|
||
|
|
borderTopWidth: 1,
|
||
|
|
borderTopColor: '#40444b',
|
||
|
|
paddingVertical: 12,
|
||
|
|
paddingHorizontal: 16,
|
||
|
|
paddingBottom: 40
|
||
|
|
}
|
||
|
|
}, React.createElement(ReactNative.TouchableOpacity, {
|
||
|
|
key: "add",
|
||
|
|
onPress: () => setShowAddDialog(true),
|
||
|
|
style: {
|
||
|
|
backgroundColor: '#7289da',
|
||
|
|
paddingVertical: 16,
|
||
|
|
paddingHorizontal: 20,
|
||
|
|
borderRadius: 8,
|
||
|
|
alignItems: 'center',
|
||
|
|
flexDirection: 'row',
|
||
|
|
justifyContent: 'center'
|
||
|
|
}
|
||
|
|
}, [
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "add-icon",
|
||
|
|
style: { color: 'white', fontSize: 20, marginRight: 8 }
|
||
|
|
}, "+"),
|
||
|
|
React.createElement(ReactNative.Text, {
|
||
|
|
key: "add-text",
|
||
|
|
style: { color: 'white', fontSize: 18, fontWeight: 'bold' }
|
||
|
|
}, "Add Account")
|
||
|
|
]))
|
||
|
|
]);
|
||
|
|
}
|
||
|
|
|
||
|
|
export { addLog };
|