@xyo-network/react-wallet 2.47.18 → 2.47.20

package/dist/esm/components/MaxAccounts/MaxAccountsTableRow.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ButtonGroup, TableCell, TableRow, Typography } from '@mui/material';
+import { ButtonEx } from '@xylabs/react-button';
+import { useState } from 'react';
+import { OutOfBoundsSnackBar } from './OutOfBoundsSnackBar';
+export const MaxAccountsTableRow = ({ activeAccountIndex, changeMaxAccounts, maxAccounts }) => {
+    const [desiredMaximumAccounts, setDesiredMaximumAccounts] = useState();
+    const [showSnackBar, setShowSnackBar] = useState(false);
+    const handleChangeMaxAccounts = (change) => {
+        if (maxAccounts !== undefined && activeAccountIndex !== undefined) {
+            switch (change) {
+                case 'decrease': {
+                    const desiredMaximumAccounts = maxAccounts - 1;
+                    const validMaximumAccounts = desiredMaximumAccounts > 0;
+                    const maxAccountsWithinRange = activeAccountIndex + 1 <= desiredMaximumAccounts;
+                    if (validMaximumAccounts && maxAccountsWithinRange) {
+                        changeMaxAccounts?.(desiredMaximumAccounts);
+                    }
+                    if (!maxAccountsWithinRange)
+                        setShowSnackBar(true);
+                    setDesiredMaximumAccounts(desiredMaximumAccounts);
+                    return;
+                }
+                case 'increase': {
+                    changeMaxAccounts?.(maxAccounts + 1);
+                    return;
+                }
+                default: {
+                    console.error(change, 'is not a recognized value');
+                }
+            }
+        }
+        else {
+            throw new Error('Max Accounts is unset and needs a default');
+        }
+    };
+    return (_jsxs(TableRow, { children: [_jsx(TableCell, { children: "Maximum Accounts" }), _jsx(TableCell, { align: "center", children: _jsx(Typography, { variant: 'caption', children: maxAccounts }) }), _jsxs(TableCell, { align: "center", children: [_jsxs(ButtonGroup, { children: [_jsx(ButtonEx, { onClick: () => handleChangeMaxAccounts('decrease'), variant: 'contained', size: 'small', children: "-" }), _jsx(ButtonEx, { onClick: () => handleChangeMaxAccounts('increase'), variant: 'contained', size: 'small', children: "+" })] }), _jsx(OutOfBoundsSnackBar, { desiredMaximumAccounts: desiredMaximumAccounts, activeAccountIndex: activeAccountIndex, setShowSnackBar: setShowSnackBar, showSnackBar: showSnackBar })] })] }));
+};
+//# sourceMappingURL=MaxAccountsTableRow.js.map

package/dist/esm/components/MaxAccounts/MaxAccountsTableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaxAccountsTableRow.js","sourceRoot":"","sources":["../../../../src/components/MaxAccounts/MaxAccountsTableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAiB,UAAU,EAAE,MAAM,eAAe,CAAA;AAC3F,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,MAAM,CAAC,MAAM,mBAAmB,GAAkC,CAAC,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,WAAW,EAAE,EAAE,EAAE;IAC3H,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,EAAsB,CAAA;IAC1F,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvD,MAAM,uBAAuB,GAAG,CAAC,MAA+B,EAAE,EAAE;QAClE,IAAI,WAAW,KAAK,SAAS,IAAI,kBAAkB,KAAK,SAAS,EAAE;YACjE,QAAQ,MAAM,EAAE;gBACd,KAAK,UAAU,CAAC,CAAC;oBACf,MAAM,sBAAsB,GAAG,WAAW,GAAG,CAAC,CAAA;oBAC9C,MAAM,oBAAoB,GAAG,sBAAsB,GAAG,CAAC,CAAA;oBACvD,MAAM,sBAAsB,GAAG,kBAAkB,GAAG,CAAC,IAAI,sBAAsB,CAAA;oBAC/E,IAAI,oBAAoB,IAAI,sBAAsB,EAAE;wBAClD,iBAAiB,EAAE,CAAC,sBAAsB,CAAC,CAAA;qBAC5C;oBACD,IAAI,CAAC,sBAAsB;wBAAE,eAAe,CAAC,IAAI,CAAC,CAAA;oBAClD,yBAAyB,CAAC,sBAAsB,CAAC,CAAA;oBACjD,OAAM;iBACP;gBACD,KAAK,UAAU,CAAC,CAAC;oBACf,iBAAiB,EAAE,CAAC,WAAW,GAAG,CAAC,CAAC,CAAA;oBACpC,OAAM;iBACP;gBACD,OAAO,CAAC,CAAC;oBACP,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,2BAA2B,CAAC,CAAA;iBACnD;aACF;SACF;aAAM;YACL,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAA;SAC7D;IACH,CAAC,CAAA;IAED,OAAO,CACL,MAAC,QAAQ,eACP,KAAC,SAAS,mCAA6B,EACvC,KAAC,SAAS,IAAC,KAAK,EAAC,QAAQ,YACvB,KAAC,UAAU,IAAC,OAAO,EAAE,SAAS,YAAG,WAAW,GAAc,GAChD,EACZ,MAAC,SAAS,IAAC,KAAK,EAAC,QAAQ,aACvB,MAAC,WAAW,eACV,KAAC,QAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,uBAAuB,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,kBAEtF,EACX,KAAC,QAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,uBAAuB,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,kBAEtF,IACC,EACd,KAAC,mBAAmB,IAClB,sBAAsB,EAAE,sBAAsB,EAC9C,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,GAC1B,IACQ,IACH,CACZ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/MaxAccounts/OutOfBoundsSnackBar.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert, AlertTitle, Snackbar } from '@mui/material';
+export const OutOfBoundsSnackBar = ({ activeAccountIndex, desiredMaximumAccounts, setShowSnackBar, showSnackBar, }) => {
+    return (_jsx(Snackbar, { anchorOrigin: { horizontal: 'center', vertical: 'top' }, autoHideDuration: 5000, onClose: () => setShowSnackBar?.(false), open: showSnackBar, children: _jsxs(Alert, { severity: 'error', onClose: () => setShowSnackBar?.(false), children: [_jsx(AlertTitle, { children: "Maximum Accounts Error" }), "Your currently selected account number (", activeAccountIndex !== undefined ? activeAccountIndex + 1 : '', ") cannot be greater than the desired Maximum Accounts (", desiredMaximumAccounts, ")."] }) }));
+};
+//# sourceMappingURL=OutOfBoundsSnackBar.js.map

package/dist/esm/components/MaxAccounts/OutOfBoundsSnackBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OutOfBoundsSnackBar.js","sourceRoot":"","sources":["../../../../src/components/MaxAccounts/OutOfBoundsSnackBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAA;AAU1E,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,kBAAkB,EAClB,sBAAsB,EACtB,eAAe,EACf,YAAY,GACb,EAAE,EAAE;IACH,OAAO,CACL,KAAC,QAAQ,IACP,YAAY,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EACvD,gBAAgB,EAAE,IAAI,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,EAAE,CAAC,KAAK,CAAC,EACvC,IAAI,EAAE,YAAY,YAElB,MAAC,KAAK,IAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,EAAE,CAAC,KAAK,CAAC,aAC/D,KAAC,UAAU,yCAAoC,8CACN,kBAAkB,KAAK,SAAS,CAAC,CAAC,CAAC,kBAAkB,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,6DACpF,sBAAsB,UACnC,GACC,CACZ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/MaxAccounts/index.js

@@ -0,0 +1,2 @@
+export * from './MaxAccountsTableRow';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/MaxAccounts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MaxAccounts/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}

package/dist/esm/components/WalletAccountSelect/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAe,MAAM,eAAe,CAAA;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAgC,MAAM,mCAAmC,CAAA;AAErG,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAU1C,MAAM,UAAU,GAAG,CAAC,MAAc,EAAE,KAAK,GAAG,CAAC,EAAE,EAAE;IAC/C,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,CAAA;AAC/D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,SAAS,EACT,QAAQ,EACR,QAAQ,GAAG,EAAE,EACb,KAAK,EACL,WAAW,GAAG,CAAC,EACf,YAAY,GAAG,KAAK,EACpB,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,kBAAkB,GAAG,CAAC,EAAE,qBAAqB,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAA;IAC7E,MAAM,QAAQ,GAAG,CAAC,MAAM,IAAI,kBAAkB,KAAK,SAAS,CAAA;IAE5D,OAAO,CACL,4BACG,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,QAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE;gBACxB,MAAM,OAAO,GAAG,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAA;gBACzD,OAAO,KAAC,mBAAmB,IAAC,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,CAAA;YAC1H,CAAC,EACD,KAAK,EAAE,kBAAkB,EACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,qBAAqB,EAAE,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,EAC/E,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,UAAU,KACd,KAAK,YAER,UAAU,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACrC,MAAM,OAAO,GAAG,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAA;gBACtD,OAAO,CACL,KAAC,QAAQ,IAAiC,KAAK,EAAE,KAAK,YACpD,KAAC,mBAAmB,IAClB,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC,GAAG,EAClC,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,EACpC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,GAC1B,IARW,OAAO,EAAE,YAAY,CAAC,GAAG,CAS7B,CACZ,CAAA;YACH,CAAC,CAAC,GACO,CACZ,CAAC,CAAC,CAAC,CACF,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,GAAI,CAC/B,GACA,CACJ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAe,MAAM,eAAe,CAAA;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAgC,MAAM,mCAAmC,CAAA;AAErG,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAS1C,MAAM,UAAU,GAAG,CAAC,MAAc,EAAE,KAAK,GAAG,CAAC,EAAE,EAAE;IAC/C,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,CAAA;AAC/D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,SAAS,EACT,QAAQ,EACR,QAAQ,GAAG,EAAE,EACb,KAAK,EACL,WAAW,GAAG,CAAC,EACf,YAAY,GAAG,KAAK,EACpB,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,kBAAkB,GAAG,CAAC,EAAE,qBAAqB,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAA;IAC7E,MAAM,QAAQ,GAAG,CAAC,MAAM,IAAI,kBAAkB,KAAK,SAAS,CAAA;IAE5D,OAAO,CACL,4BACG,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,QAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE;gBACxB,MAAM,OAAO,GAAG,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAA;gBACzD,OAAO,KAAC,mBAAmB,IAAC,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,CAAA;YAC1H,CAAC,EACD,KAAK,EAAE,kBAAkB,EACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,qBAAqB,EAAE,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,EAC/E,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,UAAU,KACd,KAAK,YAER,UAAU,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACrC,MAAM,OAAO,GAAG,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAA;gBACtD,OAAO,CACL,KAAC,QAAQ,IAAiC,KAAK,EAAE,KAAK,YACpD,KAAC,mBAAmB,IAClB,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC,GAAG,EAClC,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,EACpC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,GAC1B,IARW,OAAO,EAAE,YAAY,CAAC,GAAG,CAS7B,CACZ,CAAA;YACH,CAAC,CAAC,GACO,CACZ,CAAC,CAAC,CAAC,CACF,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,GAAI,CAC/B,GACA,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/index.js

@@ -1,3 +1,4 @@
+export * from './MaxAccounts';
 export * from './SeedPhrase';
 export * from './WalletAccountDetails';
 export * from './WalletAccountSelect';

package/dist/esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA"}

package/dist/types/components/MaxAccounts/MaxAccountsTableRow.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { TableRowProps } from '@mui/material';
+export interface MaxAccountsTableRow extends TableRowProps {
+    activeAccountIndex?: number;
+    changeMaxAccounts?: (maxAccounts: number) => void;
+    maxAccounts?: number;
+}
+export declare const MaxAccountsTableRow: React.FC<MaxAccountsTableRow>;
+//# sourceMappingURL=MaxAccountsTableRow.d.ts.map

package/dist/types/components/MaxAccounts/MaxAccountsTableRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaxAccountsTableRow.d.ts","sourceRoot":"","sources":["../../../../src/components/MaxAccounts/MaxAccountsTableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoC,aAAa,EAAc,MAAM,eAAe,CAAA;AAM3F,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACxD,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuD7D,CAAA"}

package/dist/types/components/MaxAccounts/OutOfBoundsSnackBar.d.ts

@@ -0,0 +1,10 @@
+import { SnackbarProps } from '@mui/material';
+import { Dispatch, SetStateAction } from 'react';
+export interface OutOfBoundsSnackBarProps extends SnackbarProps {
+    activeAccountIndex?: number;
+    desiredMaximumAccounts?: number;
+    setShowSnackBar?: Dispatch<SetStateAction<boolean>>;
+    showSnackBar?: boolean;
+}
+export declare const OutOfBoundsSnackBar: React.FC<OutOfBoundsSnackBarProps>;
+//# sourceMappingURL=OutOfBoundsSnackBar.d.ts.map

package/dist/types/components/MaxAccounts/OutOfBoundsSnackBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OutOfBoundsSnackBar.d.ts","sourceRoot":"","sources":["../../../../src/components/MaxAccounts/OutOfBoundsSnackBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,aAAa,EAAE,MAAM,eAAe,CAAA;AAC1E,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,WAAW,wBAAyB,SAAQ,aAAa;IAC7D,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,eAAe,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IACnD,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAoBlE,CAAA"}

package/dist/types/components/MaxAccounts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MaxAccountsTableRow';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/MaxAccounts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MaxAccounts/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}

package/dist/types/components/WalletAccountSelect/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA8B,WAAW,EAAE,MAAM,eAAe,CAAA;AAEvE,OAAO,EAAuB,4BAA4B,EAAE,MAAM,mCAAmC,CAAA;AAIrG,KAAK,8BAA8B,GAAG,IAAI,CAAC,4BAA4B,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,CAAC,CAAA;AAE5H,MAAM,WAAW,wBAAyB,SAAQ,8BAA8B,EAAE,WAAW,CAAC,MAAM,CAAC;IACnG,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;IAEpB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAMD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAiDlE,CAAA"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA8B,WAAW,EAAE,MAAM,eAAe,CAAA;AAEvE,OAAO,EAAuB,4BAA4B,EAAE,MAAM,mCAAmC,CAAA;AAIrG,KAAK,8BAA8B,GAAG,IAAI,CAAC,4BAA4B,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,CAAC,CAAA;AAE5H,MAAM,WAAW,wBAAyB,SAAQ,8BAA8B,EAAE,WAAW,CAAC,MAAM,CAAC;IACnG,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAMD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAiDlE,CAAA"}

package/dist/types/components/index.d.ts

@@ -1,3 +1,4 @@
+export * from './MaxAccounts';
 export * from './SeedPhrase';
 export * from './WalletAccountDetails';
 export * from './WalletAccountSelect';

package/dist/types/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA"}

package/package.json

@@ -17,11 +17,11 @@
     "@xylabs/react-number-status": "^2.16.11",
     "@xylabs/react-select": "^2.16.11",
     "@xylabs/react-shared": "^2.16.11",
-    "@xyo-network/account": "^2.53.18",
-    "@xyo-network/account-model": "^2.53.18",
-    "@xyo-network/react-address-render": "^2.47.18",
-    "@xyo-network/react-network": "^2.47.18",
-    "@xyo-network/react-shared": "^2.47.18"
+    "@xyo-network/account": "^2.53.24",
+    "@xyo-network/account-model": "^2.53.24",
+    "@xyo-network/react-address-render": "^2.47.20",
+    "@xyo-network/react-network": "^2.47.20",
+    "@xyo-network/react-shared": "^2.47.20"
   },
   "peerDependencies": {
     "@mui/icons-material": "^5",
@@ -37,7 +37,7 @@
     "@storybook/react": "^6.5.16",
     "@xylabs/ts-scripts-yarn3": "^2.16.1",
     "@xylabs/tsconfig-react": "^2.16.1",
-    "@xyo-network/react-storybook": "^2.47.18",
+    "@xyo-network/react-storybook": "^2.47.20",
     "require-from-string": "^2.0.2",
     "typescript": "^4.9.5"
   },
@@ -83,5 +83,5 @@
   },
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
-  "version": "2.47.18"
+  "version": "2.47.20"
 }

package/src/components/MaxAccounts/MaxAccountsTableRow.tsx

@@ -0,0 +1,68 @@
+import { ButtonGroup, TableCell, TableRow, TableRowProps, Typography } from '@mui/material'
+import { ButtonEx } from '@xylabs/react-button'
+import { useState } from 'react'
+
+import { OutOfBoundsSnackBar } from './OutOfBoundsSnackBar'
+
+export interface MaxAccountsTableRow extends TableRowProps {
+  activeAccountIndex?: number
+  changeMaxAccounts?: (maxAccounts: number) => void
+  maxAccounts?: number
+}
+
+export const MaxAccountsTableRow: React.FC<MaxAccountsTableRow> = ({ activeAccountIndex, changeMaxAccounts, maxAccounts }) => {
+  const [desiredMaximumAccounts, setDesiredMaximumAccounts] = useState<number | undefined>()
+  const [showSnackBar, setShowSnackBar] = useState(false)
+
+  const handleChangeMaxAccounts = (change: 'increase' | 'decrease') => {
+    if (maxAccounts !== undefined && activeAccountIndex !== undefined) {
+      switch (change) {
+        case 'decrease': {
+          const desiredMaximumAccounts = maxAccounts - 1
+          const validMaximumAccounts = desiredMaximumAccounts > 0
+          const maxAccountsWithinRange = activeAccountIndex + 1 <= desiredMaximumAccounts
+          if (validMaximumAccounts && maxAccountsWithinRange) {
+            changeMaxAccounts?.(desiredMaximumAccounts)
+          }
+          if (!maxAccountsWithinRange) setShowSnackBar(true)
+          setDesiredMaximumAccounts(desiredMaximumAccounts)
+          return
+        }
+        case 'increase': {
+          changeMaxAccounts?.(maxAccounts + 1)
+          return
+        }
+        default: {
+          console.error(change, 'is not a recognized value')
+        }
+      }
+    } else {
+      throw new Error('Max Accounts is unset and needs a default')
+    }
+  }
+
+  return (
+    <TableRow>
+      <TableCell>Maximum Accounts</TableCell>
+      <TableCell align="center">
+        <Typography variant={'caption'}>{maxAccounts}</Typography>
+      </TableCell>
+      <TableCell align="center">
+        <ButtonGroup>
+          <ButtonEx onClick={() => handleChangeMaxAccounts('decrease')} variant={'contained'} size={'small'}>
+            -
+          </ButtonEx>
+          <ButtonEx onClick={() => handleChangeMaxAccounts('increase')} variant={'contained'} size={'small'}>
+            +
+          </ButtonEx>
+        </ButtonGroup>
+        <OutOfBoundsSnackBar
+          desiredMaximumAccounts={desiredMaximumAccounts}
+          activeAccountIndex={activeAccountIndex}
+          setShowSnackBar={setShowSnackBar}
+          showSnackBar={showSnackBar}
+        />
+      </TableCell>
+    </TableRow>
+  )
+}

package/src/components/MaxAccounts/OutOfBoundsSnackBar.tsx

@@ -0,0 +1,31 @@
+import { Alert, AlertTitle, Snackbar, SnackbarProps } from '@mui/material'
+import { Dispatch, SetStateAction } from 'react'
+
+export interface OutOfBoundsSnackBarProps extends SnackbarProps {
+  activeAccountIndex?: number
+  desiredMaximumAccounts?: number
+  setShowSnackBar?: Dispatch<SetStateAction<boolean>>
+  showSnackBar?: boolean
+}
+
+export const OutOfBoundsSnackBar: React.FC<OutOfBoundsSnackBarProps> = ({
+  activeAccountIndex,
+  desiredMaximumAccounts,
+  setShowSnackBar,
+  showSnackBar,
+}) => {
+  return (
+    <Snackbar
+      anchorOrigin={{ horizontal: 'center', vertical: 'top' }}
+      autoHideDuration={5000}
+      onClose={() => setShowSnackBar?.(false)}
+      open={showSnackBar}
+    >
+      <Alert severity={'error'} onClose={() => setShowSnackBar?.(false)}>
+        <AlertTitle>Maximum Accounts Error</AlertTitle>
+        Your currently selected account number ({activeAccountIndex !== undefined ? activeAccountIndex + 1 : ''}) cannot be greater than the desired
+        Maximum Accounts ({desiredMaximumAccounts}).
+      </Alert>
+    </Snackbar>
+  )
+}

package/src/components/MaxAccounts/index.ts

@@ -0,0 +1 @@
+export * from './MaxAccountsTableRow'

package/src/components/WalletAccountSelect/Select.tsx

@@ -8,7 +8,6 @@ type SharedAddressRenderRowBoxProps = Pick<AddressRenderRowBoxPropsBase, 'iconOn
 
 export interface WalletAccountSelectProps extends SharedAddressRenderRowBoxProps, SelectProps<number> {
   favorites?: number[]
-
   maxAccounts?: number
 }
 

package/src/components/index.ts

@@ -1,3 +1,4 @@
+export * from './MaxAccounts'
 export * from './SeedPhrase'
 export * from './WalletAccountDetails'
 export * from './WalletAccountSelect'