const tables = { walletsTable: { columns: [ { name: 'new', align: 'left', label: '' }, { name: 'title', align: 'left', label: 'Title', field: 'title' }, { name: 'amount', align: 'left', label: 'Amount' }, { name: 'type', align: 'left', label: 'Type', field: 'type' }, {name: 'id', align: 'left', label: 'ID', field: 'id'} ], pagination: { rowsPerPage: 10 }, filter: '' }, utxosTable: { columns: [ { name: 'expand', align: 'left', label: '' }, { name: 'selected', align: 'left', label: '' }, { name: 'status', align: 'center', label: 'Status', sortable: true }, { name: 'address', align: 'left', label: 'Address', field: 'address', sortable: true }, { name: 'amount', align: 'left', label: 'Amount', field: 'amount', sortable: true }, { name: 'date', align: 'left', label: 'Date', field: 'date', sortable: true }, { name: 'wallet', align: 'left', label: 'Account', field: 'wallet', sortable: true } ], pagination: { rowsPerPage: 10 }, filter: '' }, paymentTable: { columns: [ { name: 'data', align: 'left' } ], pagination: { rowsPerPage: 10 }, filter: '' }, summaryTable: { columns: [ { name: 'totalInputs', align: 'center', label: 'Selected Amount' }, { name: 'totalOutputs', align: 'center', label: 'Payed Amount' }, { name: 'fees', align: 'center', label: 'Fees' }, { name: 'change', align: 'center', label: 'Change' } ] }, addressesTable: { columns: [ { name: 'expand', align: 'left', label: '' }, { name: 'address', align: 'left', label: 'Address', field: 'address', sortable: true }, { name: 'amount', align: 'left', label: 'Amount', field: 'amount', sortable: true }, { name: 'note', align: 'left', label: 'Note', field: 'note', sortable: true }, { name: 'wallet', align: 'left', label: 'Account', field: 'wallet', sortable: true } ], pagination: { rowsPerPage: 0, sortBy: 'amount', descending: true }, filter: '' }, historyTable: { columns: [ { name: 'expand', align: 'left', label: '' }, { name: 'status', align: 'left', label: 'Status' }, { name: 'amount', align: 'left', label: 'Amount', field: 'amount', sortable: true }, { name: 'address', align: 'left', label: 'Address', field: 'address', sortable: true }, { name: 'date', align: 'left', label: 'Date', field: 'date', sortable: true } ], exportColums: [ { label: 'Action', field: 'action' }, { label: 'Date&Time', field: 'date' }, { label: 'Amount', field: 'amount' }, { label: 'Fee', field: 'fee' }, { label: 'Transaction Id', field: 'txId' } ], pagination: { rowsPerPage: 0 }, filter: '' } } const tableData = { walletAccounts: [], addresses: { show: false, data: [], history: [], selectedWallet: null, note: '', filterOptions: [ 'Show Change Addresses', 'Show Gap Addresses', 'Only With Amount' ], filterValues: [] }, utxos: { data: [], total: 0 }, payment: { data: [{address: '', amount: undefined}], changeWallet: null, changeAddress: {}, changeAmount: 0, feeRate: 1, recommededFees: { fastestFee: 1, halfHourFee: 1, hourFee: 1, economyFee: 1, minimumFee: 1 }, fee: 0, txSize: 0, psbtBase64: '', psbtBase64Signed: '', utxoSelectionModes: [ 'Manual', 'Random', 'Select All', 'Smaller Inputs First', 'Larger Inputs First' ], utxoSelectionMode: 'Manual', signModes: [ { label: 'Serial Port', value: 'serial-port' }, { label: 'Animated QR', value: 'animated-qr', disable: true } ], signMode: '', show: false, showAdvanced: false }, summary: { data: [{totalInputs: 0, totalOutputs: 0, fees: 0, change: 0}] } }