';\n document.body.appendChild(el);\n let testNode = el.childNodes[0];\n if (testNode.offsetWidth === testNode.clientWidth) {\n return true;\n }\n return false;\n }\n\n hiddenScrollbars = testScrollbars();\n onScrollbarChange();\n\n window.addEventListener('focus', () => {\n hiddenScrollbars = testScrollbars();\n onScrollbarChange();\n });\n}\n\nexport const hasHiddenScrollbars = () => hiddenScrollbars;\n\nexport const mobileStyles = {\n header: {\n headerStyle: {\n backgroundColor: 'white',\n borderBottomWidth: 1,\n borderBottomColor: colors.n9,\n elevation: 0\n },\n headerTintColor: colors.n1,\n headerTitleStyle: {\n color: colors.n1,\n fontSize: 15,\n fontWeight: '600'\n },\n headerBackTitle: null\n },\n text: {\n color: colors.n1,\n fontSize: 16,\n lineHeight: 22.4\n },\n smallText: {\n color: colors.n1,\n fontSize: 15,\n lineHeight: 21\n },\n shadow: {\n shadowColor: '#9594A8',\n shadowOffset: { width: 0, height: 1 },\n shadowRadius: 1,\n shadowOpacity: 1,\n elevation: 2\n },\n shadowLarge: {\n shadowColor: '#9594A8',\n shadowOffset: { width: 0, height: 10 },\n shadowRadius: 10,\n shadowOpacity: 1,\n elevation: 3\n }\n};\n\nexport function transform(spec) {\n // We've made React Native Web simulate a mobile environment so it\n // won't return \"web\" here. Explicit check for it so we can override\n // mobile behavior and return a value appropriate for the web.\n if (Platform.env !== 'web' && !Platform.isReactNativeWeb) {\n return spec;\n }\n\n let r = spec.reduce((str, prop) => {\n let name = Object.keys(prop)[0];\n let value = prop[name];\n if (typeof value === 'number') {\n value = value + 'px';\n }\n\n return `${name}(${value})`;\n }, spec);\n return r;\n}\n","import React, { useState } from 'react';\nimport { css } from 'glamor';\nimport {\n View,\n Text,\n Stack,\n Modal,\n Button,\n ButtonWithLoading,\n ExternalLink,\n P,\n ModalButtons,\n Input,\n InitialFocus\n} from 'loot-design/src/components/common';\nimport { send } from 'loot-core/src/platform/client/fetch';\nimport { styles, colors } from 'loot-design/src/style';\nimport { getCreateKeyError } from 'loot-core/src/shared/errors';\n\nexport default function CreateEncryptionKey({\n modalProps,\n actions,\n budgetId,\n options = {}\n}) {\n let [enabling, setEnabling] = useState(false);\n let [password, setPassword] = useState('');\n let [loading, setLoading] = useState(false);\n let [error, setError] = useState('');\n let [showPassword, setShowPassword] = useState(false);\n\n let isRecreating = options.recreate;\n\n async function onCreateKey() {\n if (password !== '' && !loading) {\n setLoading(true);\n setError(null);\n\n let res = await send('key-make', { password });\n if (res.error) {\n setLoading(null);\n setError(getCreateKeyError(res.error));\n return;\n }\n\n actions.loadGlobalPrefs();\n actions.loadAllFiles();\n actions.sync();\n\n setLoading(false);\n actions.popModal();\n }\n }\n\n return (\n
actions.popModal()}\n >\n {() => (\n <>\n {!isRecreating ? (\n <>\n \n To enable end-to-end encryption, you need to create a key. We\n will generate a key based on a password and use it to encrypt\n from now on. This requires a sync reset and all\n other devices will have to revert to this version of your data.{' '}\n \n Learn more\n \n
\n \n
\n - \n Important: if you forget this password{' '}\n and you don't have any local copies of your data,\n you will lose access to all your data. We cannot decrypt\n your data.\n
\n - \n This key only applies to this file. You will need to\n generate a new key for each file you want to encrypt.\n
\n - \n If you've already downloaded your data on other devices, you\n will need to reset them. Actual will automatically take you\n through this process.\n
\n
\n \n \n ) : (\n <>\n \n This will generate a new key for encrypting your data.{' '}\n This requires a sync reset and all other\n devices will have to revert to this version of your data. Actual\n will take you through that process on those devices.{' '}\n \n Learn more\n \n
\n \n Key generation is randomized. The same password will create\n different keys, so this will change your key regardless of the\n password being different.\n
\n \n )}\n {\n e.preventDefault();\n onCreateKey();\n }}\n >\n \n Password\n\n {error && (\n \n {error}\n \n )}\n\n \n setPassword(e.target.value)}\n />\n \n \n \n \n \n\n \n \n Enable\n \n \n \n \n )}\n \n );\n}\n","import React, { useState } from 'react';\nimport {\n View,\n Text,\n Modal,\n Button,\n ButtonWithLoading,\n P,\n ModalButtons,\n Input,\n InitialFocus,\n ExternalLink\n} from 'loot-design/src/components/common';\nimport { send } from 'loot-core/src/platform/client/fetch';\nimport { styles, colors } from 'loot-design/src/style';\nimport { getTestKeyError } from 'loot-core/src/shared/errors';\n\nexport default function FixEncryptionKey({\n modalProps,\n actions,\n options = {}\n}) {\n let { hasExistingKey, cloudFileId, onSuccess } = options;\n\n let [password, setPassword] = useState('');\n let [error, setError] = useState('');\n let [loading, setLoading] = useState(false);\n let [showPassword, setShowPassword] = useState(false);\n\n async function onUpdateKey() {\n if (password !== '' && !loading) {\n setLoading(true);\n setError(null);\n\n let { error } = await send('key-test', {\n password,\n fileId: cloudFileId\n });\n if (error) {\n setError(getTestKeyError(error));\n setLoading(false);\n return;\n }\n\n actions.popModal();\n onSuccess && onSuccess();\n }\n }\n\n return (\n \n {() => (\n \n \n {hasExistingKey\n ? 'Unable to decrypt file'\n : 'This file is encrypted'}\n \n {hasExistingKey ? (\n \n This file was encrypted with a different key than you are\n currently using. This probably means you changed your password.\n Enter your current password to update your key.{' '}\n \n Learn more\n \n
\n ) : (\n \n We don{\"'\"}t have a key that encrypts or decrypts this file. Enter\n the password for this file to create the key for encryption.{' '}\n \n Learn more\n \n
\n )}\n {\n e.preventDefault();\n onUpdateKey();\n }}\n >\n \n Password{' '}\n {error && (\n \n {error}\n \n )}\n \n setPassword(e.target.value)}\n />\n \n \n \n \n \n\n \n modalProps.onBack()}\n type=\"button\"\n >\n Back\n \n \n {hasExistingKey ? 'Update key' : 'Create key'}\n \n \n \n \n )}\n \n );\n}\n","import { send } from '../../platform/client/fetch';\nimport constants from '../constants';\nimport { getPayees, getAccounts, filterTransactions } from './queries';\nimport { addNotification } from './notifications';\n\nexport function setAccountsSyncing(name) {\n return {\n type: constants.SET_ACCOUNTS_SYNCING,\n name\n };\n}\n\nexport function markAccountFailed(id, errorType, errorCode) {\n return {\n type: 'ACCOUNT_SYNC_STATUS',\n id,\n failed: true,\n errorType,\n errorCode\n };\n}\nexport function markAccountSuccess(id) {\n return {\n type: 'ACCOUNT_SYNC_STATUS',\n id,\n failed: false\n };\n}\nexport function setFailedAccounts(syncErrors) {\n return {\n type: 'ACCOUNT_SYNC_FAILURES',\n syncErrors\n };\n}\n\nexport function unlinkAccount(id) {\n return async dispatch => {\n await send('account-unlink', { id });\n dispatch(markAccountSuccess(id));\n dispatch(getAccounts());\n };\n}\n\nexport function linkAccount(institution, publicToken, accountId, upgradingId) {\n return async dispatch => {\n await send('accounts-link', {\n institution,\n publicToken,\n accountId,\n upgradingId\n });\n await dispatch(getPayees());\n await dispatch(getAccounts());\n };\n}\n\nexport function connectAccounts(\n institution,\n publicToken,\n accountIds,\n offbudgetIds\n) {\n return async dispatch => {\n let ids = await send('accounts-connect', {\n institution,\n publicToken,\n accountIds,\n offbudgetIds\n });\n await dispatch(getPayees());\n await dispatch(getAccounts());\n return ids;\n };\n}\n\nexport function syncAccounts(id) {\n return async (dispatch, getState) => {\n if (getState().account.accountsSyncing) {\n return false;\n }\n\n if (id) {\n let account = getState().queries.accounts.find(a => a.id === id);\n dispatch(setAccountsSyncing(account.name));\n } else {\n dispatch(setAccountsSyncing('__all'));\n }\n\n const {\n errors,\n newTransactions,\n matchedTransactions,\n updatedAccounts\n } = await send('accounts-sync', { id });\n dispatch(setAccountsSyncing(null));\n\n if (id) {\n let error = errors.find(error => error.accountId === id);\n\n if (error) {\n // We only want to mark the account as having problem if it\n // was a real syncing error.\n if (error.type === 'SyncError') {\n dispatch(markAccountFailed(id, error.category, error.code));\n }\n } else {\n dispatch(markAccountSuccess(id));\n }\n } else {\n dispatch(\n setFailedAccounts(\n errors\n .filter(error => error.type === 'SyncError')\n .map(error => ({\n id: error.accountId,\n type: error.category,\n code: error.code\n }))\n )\n );\n }\n\n errors.forEach(error => {\n if (error.type === 'SyncError') {\n dispatch(\n addNotification({\n type: 'error',\n message: error.message\n })\n );\n } else {\n dispatch(\n addNotification({\n type: 'error',\n message: error.message,\n internal: error.internal\n })\n );\n }\n });\n\n dispatch({\n type: constants.SET_NEW_TRANSACTIONS,\n newTransactions,\n matchedTransactions,\n updatedAccounts\n });\n\n return newTransactions.length > 0 || matchedTransactions.length > 0;\n };\n}\n\n// Remember the last transaction manually added to the system\nexport function setLastTransaction(transaction) {\n return {\n type: constants.SET_LAST_TRANSACTION,\n transaction\n };\n}\n\nexport function parseTransactions(filepath, options) {\n return async dispatch => {\n return await send('transactions-parse-file', {\n filepath,\n options\n });\n };\n}\n\nexport function importTransactions(id, transactions) {\n return async dispatch => {\n let { errors = [], added, updated } = await send('transactions-import', {\n accountId: id,\n transactions\n });\n\n errors.forEach(error => {\n dispatch(\n addNotification({\n type: 'error',\n message: error.message,\n internal: error.internal\n })\n );\n });\n\n dispatch({\n type: constants.SET_NEW_TRANSACTIONS,\n newTransactions: added,\n matchedTransactions: updated,\n updatedAccounts: added.length > 0 ? [id] : []\n });\n\n return added.length > 0 || updated.length > 0;\n };\n}\n\nexport function updateNewTransactions(changedId) {\n return {\n type: constants.UPDATE_NEW_TRANSACTIONS,\n changedId\n };\n}\n\nexport function markAccountRead(accountId) {\n return {\n type: constants.MARK_ACCOUNT_READ,\n accountId: accountId\n };\n}\n\nexport function getBanks() {\n return async dispatch => {\n dispatch({\n type: constants.LOAD_BANKS,\n banks: await send('banks')\n });\n };\n}\n","import constants from '../constants';\n\nexport function debugCell(sheet, name) {\n return {\n type: constants.DEBUG_CELL,\n sheet,\n name\n }\n}\n","import { send } from '../../platform/client/fetch';\nimport { closeBudget, loadBudget } from './budgets';\n\n// Take in the budget id so that backups can be loaded when a budget\n// isn't opened\nexport function loadBackup(budgetId, backupId) {\n return async (dispatch, getState) => {\n const prefs = getState().prefs.local;\n if (prefs && prefs.id) {\n await dispatch(closeBudget());\n }\n\n await send('backup-load', { id: budgetId, backupId });\n dispatch(loadBudget(budgetId));\n };\n}\n\nexport function makeBackup() {\n return async (dispatch, getState) => {\n const prefs = getState().prefs.local;\n if (prefs && prefs.id) {\n await send('backup-make', { id: prefs.id });\n }\n };\n}\n","import { send } from '../../platform/client/fetch';\nimport constants from '../constants';\nimport { loadPrefs } from './prefs';\nimport { createBudget, loadBudget } from './budgets';\nimport { getCategories, getAccounts, getPayees } from './queries';\nimport { syncAccounts } from './account';\nimport { setAppState } from './app';\nimport { pushModal } from './modals';\nimport { getUploadError } from '../../shared/errors';\n\nexport function unregister() {\n return async dispatch => {\n const profile = await send('unregister');\n dispatch({\n type: constants.SET_PROFILE,\n profile\n });\n };\n}\n\nexport function resetSync() {\n return async (dispatch, getState) => {\n let { error } = await send('sync-reset');\n\n if (error) {\n alert(getUploadError(error));\n\n if (\n (error.reason === 'encrypt-failure' && error.meta.isMissingKey) ||\n error.reason === 'file-has-new-key'\n ) {\n dispatch(\n pushModal('fix-encryption-key', {\n onSuccess: () => {\n // TODO: There won't be a loading indicator for this\n dispatch(resetSync());\n }\n })\n );\n } else if (error.reason === 'encrypt-failure') {\n dispatch(pushModal('create-encryption-key', { recreate: true }));\n }\n } else {\n await dispatch(sync());\n await dispatch(loadPrefs());\n }\n };\n}\n\nexport function sync() {\n return async (dispatch, getState) => {\n const prefs = getState().prefs.local;\n if (prefs && prefs.id) {\n let { error } = await send('sync');\n return { error };\n }\n };\n}\n\nexport function syncAndDownload(accountId) {\n return async (dispatch, getState) => {\n // It is *critical* that we sync first because of transaction\n // reconciliation. We want to get all transactions that other\n // clients have already made, so that imported transactions can be\n // reconciled against them. Otherwise, two clients will each add\n // new transactions from the bank and create duplicate ones.\n let syncState = await dispatch(sync());\n if (syncState.error) {\n return { error: syncState.error };\n }\n\n let hasDownloaded = await dispatch(syncAccounts(accountId));\n\n if (hasDownloaded) {\n // Sync again afterwards if new transactions were created\n let syncState = await dispatch(sync());\n if (syncState.error) {\n return { error: syncState.error };\n }\n\n // `hasDownloaded` is already true, we know there has been\n // updates\n return true;\n }\n return { hasUpdated: hasDownloaded || syncState.updated };\n };\n}\n","export * from './queries';\nexport * from './account';\nexport * from './debug';\nexport * from './modals';\nexport * from './notifications';\nexport * from './prefs';\nexport * from './budgets';\nexport * from './app';\nexport * from './tutorial';\nexport * from './backups';\nexport * from './sync';\nexport * from './user';\n","import React from 'react';\nimport View from './View';\nimport Text from './Text';\n\nfunction getChildren(key, children) {\n return React.Children.toArray(children).reduce((list, child) => {\n if (child) {\n if (child.type === React.Fragment) {\n return list.concat(getChildren(child.key, child.props.children));\n }\n list.push({ key: key + child.key, child });\n return list;\n }\n return list;\n }, []);\n}\n\nconst Stack = React.forwardRef(\n (\n {\n direction = 'column',\n align,\n justify,\n spacing = 3,\n children,\n debug,\n style\n },\n ref\n ) => {\n const isReversed = direction.endsWith('reverse');\n const isHorizontal = direction.startsWith('row');\n const validChildren = getChildren('', children);\n\n return (\n \n {validChildren.map(({ key, child }, index) => {\n let isLastChild = validChildren.length === index + 1;\n\n let marginProp;\n if (isHorizontal) {\n marginProp = isReversed ? 'marginLeft' : 'marginRight';\n } else {\n marginProp = isReversed ? 'marginTop' : 'marginBottom';\n }\n\n return React.cloneElement(\n typeof child === 'string' ? {child} : child,\n {\n key,\n style: [\n debug && { borderWidth: 1, borderColor: 'red' },\n isLastChild ? null : { [marginProp]: spacing * 5 },\n child.props ? child.props.style : null\n ]\n }\n );\n })}\n \n );\n }\n);\n\nexport default Stack;\n","import React, {\n useContext,\n useReducer,\n useCallback,\n useEffect,\n useRef\n} from 'react';\nimport { hasModifierKey } from '../util/keys';\nimport { useSelector } from 'react-redux';\nimport * as undo from 'loot-core/src/platform/client/undo';\nimport { listen } from 'loot-core/src/platform/client/fetch';\n\nfunction iterateRange(range, func) {\n let from = Math.min(range.start, range.end);\n let to = Math.max(range.start, range.end);\n\n for (let i = from; i <= to; i++) {\n func(i);\n }\n}\n\nexport default function useSelected(name, items, initialSelectedIds) {\n let [state, dispatch] = useReducer(\n (state, action) => {\n switch (action.type) {\n case 'select': {\n let { selectedRange } = state;\n let selectedItems = new Set(state.selectedItems);\n let { id } = action;\n\n if (hasModifierKey('shift') && selectedRange) {\n let idx = items.findIndex(p => p.id === id);\n let startIdx = items.findIndex(p => p.id === selectedRange.start);\n let endIdx = items.findIndex(p => p.id === selectedRange.end);\n let range;\n let deleteUntil;\n\n if (endIdx === -1) {\n range = { start: startIdx, end: idx };\n } else if (endIdx < startIdx) {\n if (idx <= startIdx) {\n range = { start: startIdx, end: idx };\n\n if (idx > endIdx) {\n deleteUntil = { start: idx - 1, end: endIdx };\n }\n } else {\n // Switching directions\n range = { start: endIdx, end: idx };\n }\n } else {\n if (idx >= startIdx) {\n range = { start: startIdx, end: idx };\n\n if (idx < endIdx) {\n deleteUntil = { start: idx + 1, end: endIdx };\n }\n } else {\n // Switching directions\n range = { start: endIdx, end: idx };\n }\n }\n\n iterateRange(range, i => selectedItems.add(items[i].id));\n\n if (deleteUntil) {\n iterateRange(deleteUntil, i => selectedItems.delete(items[i].id));\n }\n\n return {\n ...state,\n selectedItems,\n selectedRange: {\n start: items[range.start].id,\n end: items[range.end].id\n }\n };\n } else {\n let range = null;\n if (!selectedItems.delete(id)) {\n selectedItems.add(id);\n range = { start: id, end: null };\n }\n\n return {\n ...state,\n selectedItems,\n selectedRange: range\n };\n }\n }\n\n case 'select-none':\n return { ...state, selectedItems: new Set() };\n\n case 'select-all':\n return {\n ...state,\n selectedItems: new Set(action.ids || items.map(item => item.id)),\n selectedRange:\n action.ids && action.ids.length === 1\n ? { start: action.ids[0], end: null }\n : null\n };\n\n default:\n throw new Error('Unexpected action: ' + action.type);\n }\n },\n null,\n () => ({\n selectedItems: new Set(initialSelectedIds || []),\n selectedRange:\n initialSelectedIds && initialSelectedIds.length === 1\n ? { start: initialSelectedIds[0], end: null }\n : null\n })\n );\n\n let prevItems = useRef(items);\n useEffect(() => {\n if (state.selectedItems.size > 0) {\n // We need to make sure there are no ids in the selection that\n // aren't valid anymore. This happens if the item has been\n // deleted or otherwise removed from the current view. We do\n // this by cross-referencing the current selection with the\n // available item ids\n //\n // This effect may run multiple times while items is updated, we\n // need to make sure that we don't remove selected ids until the\n // items array *actually* changes. A component may render with\n // new `items` arrays that are the same, just fresh instances, but\n // we need to wait until the actual array changes. This solves\n // the case where undo-ing adds back items, but we remove the\n // selected item too early (because the component rerenders\n // multiple times)\n\n let ids = new Set(items.map(item => item.id));\n let isSame =\n prevItems.current.length === items.length &&\n prevItems.current.every(item => ids.has(item.id));\n\n if (!isSame) {\n let selected = [...state.selectedItems];\n let filtered = selected.filter(id => ids.has(id));\n\n // If the selected items has changed, update the selection\n if (selected.length !== filtered.length) {\n dispatch({ type: 'select-all', ids: filtered });\n }\n }\n }\n\n prevItems.current = items;\n }, [items, state.selectedItems]);\n\n useEffect(() => {\n let prevState = undo.getUndoState('selectedItems');\n undo.setUndoState('selectedItems', { name, items: state.selectedItems });\n return () => undo.setUndoState('selectedItems', prevState);\n }, [state.selectedItems]);\n\n let lastUndoState = useSelector(state => state.app.lastUndoState);\n\n useEffect(() => {\n function onUndo({ messages, undoTag }) {\n let tagged = undo.getTaggedState(undoTag);\n\n let deletedIds = new Set(\n messages\n .filter(msg => msg.column === 'tombstone' && msg.value === 1)\n .map(msg => msg.row)\n );\n\n if (\n tagged &&\n tagged.selectedItems &&\n tagged.selectedItems.name === name\n ) {\n dispatch({\n type: 'select-all',\n // Coerce the Set into an array\n ids: [...tagged.selectedItems.items].filter(id => !deletedIds.has(id))\n });\n }\n }\n\n if (lastUndoState && lastUndoState.current) {\n onUndo(lastUndoState.current);\n }\n\n return listen('undo-event', onUndo);\n }, []);\n\n return {\n items: state.selectedItems,\n setItems: state.setSelectedItems,\n dispatch\n };\n}\n\nlet SelectedDispatch = React.createContext(null);\nlet SelectedItems = React.createContext(null);\n\nexport function useSelectedDispatch() {\n return useContext(SelectedDispatch);\n}\n\nexport function useSelectedItems() {\n return useContext(SelectedItems);\n}\n\nexport function SelectedProvider({ instance, fetchAllIds, children }) {\n let latestItems = useRef(null);\n\n useEffect(() => {\n latestItems.current = instance.items;\n }, [instance.items]);\n\n let dispatch = useCallback(\n async action => {\n if (action.type === 'select-all') {\n if (latestItems.current && latestItems.current.size > 0) {\n return instance.dispatch({ type: 'select-none' });\n } else {\n if (fetchAllIds) {\n return instance.dispatch({\n type: 'select-all',\n ids: await fetchAllIds()\n });\n }\n return instance.dispatch({ type: 'select-all' });\n }\n }\n return instance.dispatch(action);\n },\n [instance.dispatch, fetchAllIds]\n );\n\n return (\n \n \n {children}\n \n \n );\n}\n\n// This can be helpful in class components if you cannot use the\n// custom hook\nexport function SelectedProviderWithItems({\n name,\n items,\n initialSelectedIds,\n fetchAllIds,\n registerDispatch,\n children\n}) {\n let selected = useSelected(name, items, initialSelectedIds);\n\n useEffect(() => {\n registerDispatch && registerDispatch(selected.dispatch);\n }, [registerDispatch]);\n\n return (\n \n );\n}\n","import React from 'react';\nimport { css } from 'glamor';\n\nimport BG from './manager/bg.svg';\n\nfunction Background({ selected }) {\n return (\n