@xyo-network/react-wallet 2.78.0 → 2.78.1

package/dist/neutral/index.js

@@ -1,2 +1,802 @@
-import{ButtonGroup as De,TableCell as z,TableRow as Ee,Typography as Oe}from"@mui/material";import{ButtonEx as X}from"@xylabs/react-button";import{useState as J}from"react";import{Alert as ye,AlertTitle as Te,Snackbar as Fe}from"@mui/material";import{jsx as K,jsxs as Re}from"react/jsx-runtime";var q=({activeAccountIndex:e,desiredMaximumAccounts:t,setShowSnackBar:o,showSnackBar:r})=>K(Fe,{anchorOrigin:{horizontal:"center",vertical:"top"},autoHideDuration:5e3,onClose:()=>o?.(!1),open:r,children:Re(ye,{severity:"error",onClose:()=>o?.(!1),children:[K(Te,{children:"Maximum Accounts Error"}),"Your currently selected account number (",e===void 0?"":e+1,") cannot be greater than the desired Maximum Accounts (",t,")."]})});import{jsx as v,jsxs as N}from"react/jsx-runtime";var Bo=({activeAccountIndex:e,changeMaxAccounts:t,maxAccounts:o})=>{let[r,a]=J(),[n,s]=J(!1),i=c=>{if(o!==void 0&&e!==void 0)switch(c){case"decrease":{let l=o-1,u=l>0,m=e+1<=l;u&&m&&t?.(l),m||s(!0),a(l);return}case"increase":{t?.(o+1);return}default:console.error(c,"is not a recognized value")}else throw new Error("Max Accounts is unset and needs a default")};return N(Ee,{children:[v(z,{children:"Maximum Accounts"}),v(z,{align:"center",children:v(Oe,{variant:"caption",children:o})}),N(z,{align:"center",children:[N(De,{children:[v(X,{onClick:()=>i("decrease"),variant:"contained",size:"small",children:"-"}),v(X,{onClick:()=>i("increase"),variant:"contained",size:"small",children:"+"})]}),v(q,{desiredMaximumAccounts:r,activeAccountIndex:e,setShowSnackBar:s,showSnackBar:n})]})]})};import{HelpOutline as Me}from"@mui/icons-material";import{Button as He,Dialog as ze,DialogActions as Ne,DialogContent as Ge,DialogTitle as Le,IconButton as $e,Link as _e,List as Ue,ListItem as y,Typography as Ve}from"@mui/material";import{useState as Ye}from"react";import{Fragment as Ke,jsx as x,jsxs as b}from"react/jsx-runtime";var T=e=>{let[t,o]=Ye(!1),r=()=>o(!1);return b(Ke,{children:[x($e,{onClick:()=>o(!0),...e,children:x(Me,{fontSize:"small"})}),b(ze,{open:t,children:[x(Le,{children:"Understanding your Seed Phrase"}),b(Ge,{children:[b(Ve,{children:["Your Seed Phrase should adhere to the"," ",x(_e,{target:"_blank",href:"https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki",children:"bip39 specification"})," ","and is used to generate accounts which identify your data on the XYO Network."]}),b(Ue,{children:[x(y,{children:"Do not share this phrase with anyone."}),x(y,{children:"Do not save it to a public computer."}),x(y,{children:"Do not use a existing phrase from another wallet (i.e. Metamask)."}),x(y,{children:"Do not use before copying it down somewhere safe."})]})]}),x(Ne,{children:x(He,{onClick:r,variant:"outlined",children:"OK"})})]})]})};import{Alert as qe,AlertTitle as Xe,Snackbar as Je}from"@mui/material";import{generateMnemonic as Qe}from"@scure/bip39";import{wordlist as Ze}from"@scure/bip39/wordlists/english";import{useEffect as je,useState as et}from"react";import{Fragment as tt,jsx as Q,jsxs as Z}from"react/jsx-runtime";var No=({changeSeedPhrase:e,children:t,hideDefaultSeedPhraseMessage:o,seedPhrase:r})=>{let[a,n]=et(!1);return je(()=>{if(!r){let s=Qe(Ze,256);e?.(s),n(!0)}},[e,r]),Z(tt,{children:[o?null:Q(Je,{open:a,autoHideDuration:5e3,onClose:()=>n(!1),anchorOrigin:{horizontal:"center",vertical:"top"},children:Z(qe,{severity:"success",children:[Q(Xe,{children:"Default Seed Phrase Generated"}),"Go to application settings to save it."]})}),t]})};import{Button as se,DialogActions as xt}from"@mui/material";import{createContextEx as ot}from"@xyo-network/react-shared";var F=ot();import{generateMnemonic as rt,validateMnemonic as nt}from"@scure/bip39";import{wordlist as te}from"@scure/bip39/wordlists/english";import{useCallback as R,useEffect as G,useMemo as j,useState as ee}from"react";import{jsx as at}from"react/jsx-runtime";var L=e=>e?nt(e,te):null,oe=({children:e,defaultPhrase:t,handleChangeSeedPhrase:o,saveCallback:r,seedPhrase:a,open:n})=>{let[s,i]=ee(),[c,l]=ee(!1);G(()=>{i(t)},[t]),G(()=>{(a||n)&&i?.(a??"")},[a,n,i]);let u=R(()=>{let C=rt(te,256);i?.(C),l?.(!1)},[]),m=R(()=>{l?.(!1)},[]),k=R(()=>{i?.(""),l?.(!1)},[]),p=R(()=>{!c&&a&&a!==s?l?.(!0):(o?.(s??""),r?.())},[o,c,s,r,a]);G(()=>{n||m()},[m,n]);let M=j(()=>L?.(a),[a]),d=j(()=>L?.(s),[s]);return at(F.Provider,{value:{handleCancelOverwrite:m,handleChangeSeedPhrase:o,handleClear:k,handleGenerate:u,handleSave:p,overwriteWarning:c,phrase:s,provided:!0,seedPhrase:a,setOverwriteWarning:l,setPhrase:i,validPhrase:d,validSeedPhrase:M,validate:L},children:e})};import{useContextEx as st}from"@xyo-network/react-shared";var f=()=>st(F,"SeedPhrase",!0);import{createContextEx as lt}from"@xyo-network/react-shared";var w=lt();import{usePromise as it}from"@xylabs/react-promise";import{useEffect as ct,useState as dt}from"react";import{jsx as ut}from"react/jsx-runtime";var nr=({children:e,defaultActiveAccountIndex:t=0,rootWallet:o=null,...r})=>{let[a,n]=dt(t);ct(()=>{t!==void 0&&n(t)},[t]);let[s=null]=it(async()=>await o?.derivePath(a.toString()),[a,o]);return ut(w.Provider,{value:{activeAccount:s,activeAccountIndex:a,provided:!0,rootWallet:o,setActiveAccountIndex:n},...r,children:e})};import{usePromise as mt}from"@xylabs/react-promise";import{useContextEx as pt,useProvided as ft}from"@xyo-network/react-shared";var h=(e=!0)=>pt(w,"Wallet",e),re=()=>ft(w),ne=(e=!0)=>{let{rootWallet:t}=h(e);return[t,void 0]},ht=(e,t=!0)=>{let{rootWallet:o}=h(t),[r]=mt(async()=>await o?.derivePath(e.toString())??o,[o,e]);return[r,void 0]},ae=(e=!0)=>{let{activeAccountIndex:t}=h(e),[o]=ht(t??0,e);return t===void 0&&o===null?[null,void 0]:[o,void 0]};import{jsx as le,jsxs as Pt}from"react/jsx-runtime";var ie=({onClose:e,...t})=>{let{handleSave:o,setPhrase:r}=f();return Pt(xt,{...t,children:[le(se,{variant:"outlined",onClick:n=>{r?.(""),e?.(n,"escapeKeyDown")},children:"Cancel"}),le(se,{variant:"outlined",onClick:o,children:"Save"})]})};import{FormControl as Bt,TextField as It}from"@mui/material";var ce=e=>{switch(e){case!0:return"success";case!1:return"error";default:return}};import{Link as St,Typography as gt}from"@mui/material";import{jsx as vt,jsxs as Ct}from"react/jsx-runtime";var D=e=>Ct(gt,{variant:"caption",color:"error",...e,children:["Invalid seed phrase. See -"," ",vt(St,{target:"_blank",href:"https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki",children:"bip39 Proposal"})]});import{CheckCircleOutline as bt,HighlightOff as wt}from"@mui/icons-material";import{FlexRow as Wt}from"@xylabs/react-flexbox";import{useMemo as de}from"react";import{jsx as ue,jsxs as At}from"react/jsx-runtime";var E=({children:e,conditional:t,...o})=>{let r=de(()=>{switch(t){case!0:return"success";case!1:return"error";default:return null}},[t]),a=de(()=>{switch(r){case"success":return ue(bt,{fontSize:"small",color:"success"});case"error":return ue(wt,{fontSize:"small",color:"error"});default:return null}},[r]);return At(Wt,{justifyContent:"start",columnGap:1,...o,children:[a,e]})};import{Fragment as yt,jsx as $,jsxs as kt}from"react/jsx-runtime";var me=({children:e,disableColor:t,...o})=>{let{phrase:r,setPhrase:a,validPhrase:n}=f();return $(yt,{children:kt(Bt,{fullWidth:!0,size:"small",sx:{display:"flex",flexDirection:"column",rowGap:1},children:[e,$(It,{focused:!0,color:t?void 0:ce(n),error:n===!1,helperText:n===!1?$(D,{}):null,fullWidth:!0,maxRows:Number.POSITIVE_INFINITY,multiline:!0,onChange:s=>a?.(s.target.value),value:r,...o})]})})};import{Button as pe,DialogActions as Tt}from"@mui/material";import{jsx as fe,jsxs as Ft}from"react/jsx-runtime";var he=()=>{let{handleClear:e,handleGenerate:t,overwriteWarning:o}=f();return Ft(Tt,{sx:{justifyContent:"center"},children:[fe(pe,{disabled:o,variant:"outlined",onClick:t,children:"Generate"}),fe(pe,{variant:"outlined",onClick:e,children:"Clear"})]})};import{Chip as Rt,FormControl as Dt,FormLabel as Et,TextField as Ot}from"@mui/material";import{useState as Mt}from"react";import{Fragment as Ht,jsx as W,jsxs as xe}from"react/jsx-runtime";var Pe=({fullWidth:e,showPhraseHeader:t,...o})=>{let{validSeedPhrase:r,seedPhrase:a}=f(),[n,s]=Mt(!1);return xe(Dt,{fullWidth:e,size:"small",sx:{display:"flex",flexDirection:"column",rowGap:1},children:[W(Rt,{label:n?"Hide Saved Seed Phrase":"Reveal Saved Seed Phrase",onClick:()=>s(!n),sx:{alignSelf:"center"}}),n?xe(Ht,{children:[t?W(Et,{children:W(E,{conditional:r,children:"Saved Seed Phrase"})}):null,W(Ot,{defaultValue:a,disabled:!0,error:r===!1,helperText:r===!1?W(D,{}):null,fullWidth:!0,maxRows:Number.POSITIVE_INFINITY,multiline:!0,...o})]}):null]})};import{Alert as zt,Button as Se}from"@mui/material";import{FlexRow as Nt}from"@xylabs/react-flexbox";import{jsx as _,jsxs as Gt}from"react/jsx-runtime";var ge=()=>{let{handleCancelOverwrite:e,handleSave:t}=f();return _(zt,{variant:"outlined",severity:"warning",action:Gt(Nt,{sx:{columnGap:1},children:[_(Se,{variant:"outlined",color:"inherit",size:"small",onClick:t,children:"Overwrite"}),_(Se,{variant:"outlined",color:"inherit",size:"small",onClick:e,children:"Cancel"})]}),children:"Are you sure you want to overwrite existing seed phrase? This action cannot be undone."})};import{Dialog as Lt,DialogContent as $t,DialogTitle as _t,FormLabel as Ut}from"@mui/material";import{jsx as P,jsxs as U}from"react/jsx-runtime";var ve=({changeSeedPhrase:e,seedPhrase:t,...o})=>P(oe,{seedPhrase:t,handleChangeSeedPhrase:e,open:o.open,saveCallback:()=>o.onClose?.({},"escapeKeyDown"),children:P(Vt,{...o})}),Vt=e=>{let{overwriteWarning:t,seedPhrase:o,validPhrase:r}=f();return U(Lt,{"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description",fullWidth:!0,maxWidth:"sm",...e,children:[U(_t,{id:"alert-dialog-title",children:["Update Your Seed Phrase ",P(T,{})]}),U($t,{sx:{display:"flex",flexDirection:"column",rowGap:2},children:[P(me,{children:P(Ut,{children:P(E,{conditional:r,children:"New Seed Phrase"})})}),P(he,{}),o?P(Pe,{}):null,t?P(ge,{}):null]}),P(ie,{onClose:e.onClose})]})};import{Cancel as Yt,RadioButtonChecked as Kt}from"@mui/icons-material";import{Button as qt,ButtonGroup as Xt,TableCell as V,TableRow as Jt}from"@mui/material";import{useState as Qt}from"react";import{jsx as g,jsxs as Y}from"react/jsx-runtime";var dn=({changeSeedPhrase:e,seedPhrase:t,...o})=>{let[r,a]=Qt(!1);return Y(Jt,{...o,children:[Y(V,{children:["Seed Phrase ",g(T,{})]}),g(V,{align:"center",children:t?g(Kt,{color:"success"}):g(Yt,{color:"error"})}),Y(V,{children:[g(ve,{changeSeedPhrase:e,open:r,onClose:()=>a(!1),seedPhrase:t}),g(Xt,{fullWidth:!0,children:g(qt,{variant:"contained",size:"small",onClick:()=>{a(!0)},children:"Update"})})]})]})};import{EthAddress as so}from"@xylabs/eth-address";import{EthAccountButton as lo}from"@xylabs/react-crypto";import{FlexCol as io,FlexRow as co}from"@xylabs/react-flexbox";import{NumberStatus as O}from"@xylabs/react-number-status";import{useNetwork as uo}from"@xyo-network/react-network";import{usePromise as Zt}from"@xylabs/react-promise";import{useState as Ce}from"react";var be=({wallet:e,account:t,index:o,required:r=!1}={})=>{let a=re(),[n,s]=Ce();e&&t&&!n&&s(new Error("useAccount can not have both a wallet and an account in the parameters")),o&&t&&!n&&s(new Error("useAccount can not have both a index and an account in the parameters"));let[i,c]=Ce(),[l]=ne(!e&&r),{activeAccountIndex:u}=h(!1),[m]=Zt(async()=>{try{if(!n){if(e)return await e?.derivePath?.(`${o??0}'\0`);if(l)return await l?.derivePath?.(`${o??u??0}'\0`)}}catch(k){let p=k;console.error(p.message),c(p)}},[o,e,l,u,n]);return n&&!i&&(console.error(n.message),c(n)),[i?void 0:t??m??a?null:void 0,i]};import{usePromise as jt}from"@xylabs/react-promise";import{HDWallet as we}from"@xyo-network/account";import{useState as eo}from"react";var A=({mnemonic:e,wallet:t,path:o,required:r=!1,seed:a}={})=>{let n=h(!1),[s,i]=eo(),[c]=ae(!t&&r),[l]=jt(async()=>{try{let u=await(t||(e?we.fromPhrase(e):a?we.fromSeed(a):c));return o?u?.derivePath?.(o):u??t}catch(u){i(u)}},[e,c,a,o,t]);return[l??(n?null:l),s]};import{usePromise as to}from"@xylabs/react-promise";var An=({wallet:e,paths:t})=>{let o=h(!1),[r]=A({wallet:e}),[a,n]=to(async()=>r?await Promise.all(t.map(s=>r.derivePath(s))):void 0,[r,t]);return[a??(o?null:a),n]};import{usePromise as oo}from"@xylabs/react-promise";import{HDWallet as ro}from"@xyo-network/account";import{Mutex as no}from"async-mutex";var B,ao=new no,Fn=e=>oo(async()=>await ao.runExclusive(async()=>{if(e!==void 0)return e;if(B)return B;try{B=await ro.random(),console.log(`Global Wrapper Wallet Creation Success: ${B.address}`)}catch(t){console.error(`Global Wrapper Wallet Creation Failed: ${t.message}`)}return B}),[e]);import{jsx as I,jsxs as We}from"react/jsx-runtime";var Gn=({exploreUrl:e="https://explore.xyo.network",account:t,...o})=>{let[r]=be({account:t}),{network:a}=uo(),n=`${e}/recent?account=${r?.address}&network=${a?.name??"main"}`;return We(io,{...o,children:[I(lo,{address:so.fromString(r?.address)}),We(co,{gap:1,children:[I(O,{rounded:!0,title:"Tokens",value:0,to:`${n}&schema=network.xyo.account.tokens`,target:"_blank"}),I(O,{rounded:!0,title:"NFTs",value:0,to:`${n}&schema=network.xyo.account.nfts`,target:"_blank"}),I(O,{rounded:!0,title:"Signatures",value:0,to:`${n}&schema=network.xyo.account.signatures`,target:"_blank"}),I(O,{rounded:!0,title:"Signins",value:0,to:`${n}&schema=network.xyo.account.signins`,target:"_blank"})]})]})};import{CircularProgress as mo,MenuItem as Ae}from"@mui/material";import{SelectEx as po}from"@xylabs/react-select";import{AddressRenderRowBox as Be}from"@xyo-network/react-address-render";import{Fragment as ho,jsx as S}from"react/jsx-runtime";var fo=(e,t=0)=>[...Array.from({length:e}).keys()].map(o=>o+t),Ie=({addressNames:e={},iconOnly:t,iconSize:o=24,icons:r,maxAccounts:a=1,showFavorite:n=!1,size:s,variant:i="outlined",...c})=>{let{activeAccountIndex:l=0,setActiveAccountIndex:u,rootWallet:m}=h();return S(ho,{children:m?S(po,{margin:"dense",disabled:!m||l===void 0,renderValue:p=>S(()=>{let[d]=A({path:p.toString(),wallet:m}),C=d?e[d.address]:void 0,H=!!d&&d.address in e;return S(Ae,{value:p,sx:{minHeight:0,paddingBottom:0,paddingTop:0},children:S(Be,{disableSharedRef:!0,flexGrow:1,address:d?.address,iconOnly:t,iconSize:o,icons:r,name:C,favorite:H,showFavorite:n})})},{}),value:l,onChange:p=>u?.(Number.parseInt(`${p.target.value}`)),size:s,variant:i,...c,children:fo(a).map(p=>S(()=>{let[d]=A({path:p.toString(),wallet:m}),C=d?e[d.address]:void 0,H=!!d&&d.address in e;return S(Ae,{value:p,sx:{minHeight:0,paddingBottom:0,paddingTop:0},children:S(Be,{disableSharedRef:!0,flexGrow:1,address:d?.address,favorite:H,iconOnly:t,iconSize:o,icons:r,name:C,showFavorite:n})},d?.address)},{},p))}):S(mo,{size:24})})};import{FlexCol as xo}from"@xylabs/react-flexbox";import{jsx as ke}from"react/jsx-runtime";var ta=({addressNames:e={},iconOnly:t,iconSize:o,icons:r,maxAccounts:a=1,showFavorite:n=!1,size:s="small",...i})=>ke(xo,{alignItems:"stretch",...i,children:ke(Ie,{addressNames:e,fullWidth:!0,showFavorite:n,iconSize:o,iconOnly:t,icons:r,maxAccounts:a,size:s??"small",variant:"outlined"})});export{No as DefaultSeedPhrase,ie as DialogActionButtons,D as InvalidPhraseTypography,Bo as MaxAccountsTableRow,me as NewPhraseTextField,ge as OverwriteWarning,he as PhraseDialogActions,E as PhraseHeaderBox,Pe as SavedPhraseTextField,F as SeedPhraseContext,ve as SeedPhraseDialog,Vt as SeedPhraseDialogInner,T as SeedPhraseIconButton,oe as SeedPhraseProvider,dn as SeedPhraseTableRow,Gn as WalletAccountDetails,Ie as WalletAccountSelect,ta as WalletAccountSelectBar,w as WalletContext,nr as WalletProvider,ce as colorParser,be as useAccount,ht as useIndexedWalletFromContext,ne as useRootWallet,f as useSeedPhrase,ae as useSelectedWalletAccount,A as useWallet,h as useWalletContext,re as useWalletProvided,An as useWallets,Fn as useWrapperAccount};
+// src/components/MaxAccounts/MaxAccountsTableRow.tsx
+import { ButtonGroup, TableCell, TableRow, Typography } from "@mui/material";
+import { ButtonEx } from "@xylabs/react-button";
+import { useState } from "react";
+
+// src/components/MaxAccounts/OutOfBoundsSnackBar.tsx
+import { Alert, AlertTitle, Snackbar } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var OutOfBoundsSnackBar = ({
+  activeAccountIndex,
+  desiredMaximumAccounts,
+  setShowSnackBar,
+  showSnackBar
+}) => {
+  return /* @__PURE__ */ jsx(
+    Snackbar,
+    {
+      anchorOrigin: { horizontal: "center", vertical: "top" },
+      autoHideDuration: 5e3,
+      onClose: () => setShowSnackBar?.(false),
+      open: showSnackBar,
+      children: /* @__PURE__ */ jsxs(Alert, { severity: "error", onClose: () => setShowSnackBar?.(false), children: [
+        /* @__PURE__ */ jsx(AlertTitle, { children: "Maximum Accounts Error" }),
+        "Your currently selected account number (",
+        activeAccountIndex === void 0 ? "" : activeAccountIndex + 1,
+        ") cannot be greater than the desired Maximum Accounts (",
+        desiredMaximumAccounts,
+        ")."
+      ] })
+    }
+  );
+};
+
+// src/components/MaxAccounts/MaxAccountsTableRow.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var MaxAccountsTableRow = ({ activeAccountIndex, changeMaxAccounts, maxAccounts }) => {
+  const [desiredMaximumAccounts, setDesiredMaximumAccounts] = useState();
+  const [showSnackBar, setShowSnackBar] = useState(false);
+  const handleChangeMaxAccounts = (change) => {
+    if (maxAccounts !== void 0 && activeAccountIndex !== void 0) {
+      switch (change) {
+        case "decrease": {
+          const desiredMaximumAccounts2 = maxAccounts - 1;
+          const validMaximumAccounts = desiredMaximumAccounts2 > 0;
+          const maxAccountsWithinRange = activeAccountIndex + 1 <= desiredMaximumAccounts2;
+          if (validMaximumAccounts && maxAccountsWithinRange) {
+            changeMaxAccounts?.(desiredMaximumAccounts2);
+          }
+          if (!maxAccountsWithinRange) setShowSnackBar(true);
+          setDesiredMaximumAccounts(desiredMaximumAccounts2);
+          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 /* @__PURE__ */ jsxs2(TableRow, { children: [
+    /* @__PURE__ */ jsx2(TableCell, { children: "Maximum Accounts" }),
+    /* @__PURE__ */ jsx2(TableCell, { align: "center", children: /* @__PURE__ */ jsx2(Typography, { variant: "caption", children: maxAccounts }) }),
+    /* @__PURE__ */ jsxs2(TableCell, { align: "center", children: [
+      /* @__PURE__ */ jsxs2(ButtonGroup, { children: [
+        /* @__PURE__ */ jsx2(ButtonEx, { onClick: () => handleChangeMaxAccounts("decrease"), variant: "contained", size: "small", children: "-" }),
+        /* @__PURE__ */ jsx2(ButtonEx, { onClick: () => handleChangeMaxAccounts("increase"), variant: "contained", size: "small", children: "+" })
+      ] }),
+      /* @__PURE__ */ jsx2(
+        OutOfBoundsSnackBar,
+        {
+          desiredMaximumAccounts,
+          activeAccountIndex,
+          setShowSnackBar,
+          showSnackBar
+        }
+      )
+    ] })
+  ] });
+};
+
+// src/components/SeedPhrase/_shared/SeedPhraseIconButton.tsx
+import { HelpOutline as HelpOutlineIcon } from "@mui/icons-material";
+import {
+  Button,
+  Dialog,
+  DialogActions,
+  DialogContent,
+  DialogTitle,
+  IconButton,
+  Link,
+  List,
+  ListItem,
+  Typography as Typography2
+} from "@mui/material";
+import { useState as useState2 } from "react";
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var SeedPhraseIconButton = (props) => {
+  const [open, setOpen] = useState2(false);
+  const onClose = () => setOpen(false);
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx3(IconButton, { onClick: () => setOpen(true), ...props, children: /* @__PURE__ */ jsx3(HelpOutlineIcon, { fontSize: "small" }) }),
+    /* @__PURE__ */ jsxs3(Dialog, { open, children: [
+      /* @__PURE__ */ jsx3(DialogTitle, { children: "Understanding your Seed Phrase" }),
+      /* @__PURE__ */ jsxs3(DialogContent, { children: [
+        /* @__PURE__ */ jsxs3(Typography2, { children: [
+          "Your Seed Phrase should adhere to the",
+          " ",
+          /* @__PURE__ */ jsx3(Link, { target: "_blank", href: "https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki", children: "bip39 specification" }),
+          " ",
+          "and is used to generate accounts which identify your data on the XYO Network."
+        ] }),
+        /* @__PURE__ */ jsxs3(List, { children: [
+          /* @__PURE__ */ jsx3(ListItem, { children: "Do not share this phrase with anyone." }),
+          /* @__PURE__ */ jsx3(ListItem, { children: "Do not save it to a public computer." }),
+          /* @__PURE__ */ jsx3(ListItem, { children: "Do not use a existing phrase from another wallet (i.e. Metamask)." }),
+          /* @__PURE__ */ jsx3(ListItem, { children: "Do not use before copying it down somewhere safe." })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx3(DialogActions, { children: /* @__PURE__ */ jsx3(Button, { onClick: onClose, variant: "outlined", children: "OK" }) })
+    ] })
+  ] });
+};
+
+// src/components/SeedPhrase/DefaultSeedPhrase.tsx
+import { Alert as Alert2, AlertTitle as AlertTitle2, Snackbar as Snackbar2 } from "@mui/material";
+import { generateMnemonic } from "@scure/bip39";
+import { wordlist } from "@scure/bip39/wordlists/english";
+import { useEffect, useState as useState3 } from "react";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var DefaultSeedPhrase = ({ changeSeedPhrase, children, hideDefaultSeedPhraseMessage, seedPhrase }) => {
+  const [showSnackBar, setShowSnackBar] = useState3(false);
+  useEffect(() => {
+    if (!seedPhrase) {
+      const mnemonic = generateMnemonic(wordlist, 256);
+      changeSeedPhrase?.(mnemonic);
+      setShowSnackBar(true);
+    }
+  }, [changeSeedPhrase, seedPhrase]);
+  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
+    hideDefaultSeedPhraseMessage ? null : /* @__PURE__ */ jsx4(
+      Snackbar2,
+      {
+        open: showSnackBar,
+        autoHideDuration: 5e3,
+        onClose: () => setShowSnackBar(false),
+        anchorOrigin: { horizontal: "center", vertical: "top" },
+        children: /* @__PURE__ */ jsxs4(Alert2, { severity: "success", children: [
+          /* @__PURE__ */ jsx4(AlertTitle2, { children: "Default Seed Phrase Generated" }),
+          "Go to application settings to save it."
+        ] })
+      }
+    ),
+    children
+  ] });
+};
+
+// src/components/SeedPhrase/dialog/components/DialogActionButtons.tsx
+import { Button as Button2, DialogActions as DialogActions2 } from "@mui/material";
+
+// src/contexts/SeedPhrase/Context.ts
+import { createContextEx } from "@xyo-network/react-shared";
+var SeedPhraseContext = createContextEx();
+
+// src/contexts/SeedPhrase/Provider.tsx
+import { generateMnemonic as generateMnemonic2, validateMnemonic } from "@scure/bip39";
+import { wordlist as wordlist2 } from "@scure/bip39/wordlists/english";
+import { useCallback, useEffect as useEffect2, useMemo, useState as useState4 } from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var validate = (passedPhrase) => {
+  if (!passedPhrase) {
+    return null;
+  }
+  return validateMnemonic(passedPhrase, wordlist2);
+};
+var SeedPhraseProvider = ({
+  children,
+  defaultPhrase,
+  handleChangeSeedPhrase,
+  saveCallback,
+  seedPhrase,
+  open
+}) => {
+  const [phrase, setPhrase] = useState4();
+  const [overwriteWarning, setOverwriteWarning] = useState4(false);
+  useEffect2(() => {
+    setPhrase(defaultPhrase);
+  }, [defaultPhrase]);
+  useEffect2(() => {
+    if (seedPhrase || open) {
+      setPhrase?.(seedPhrase ?? "");
+    }
+  }, [seedPhrase, open, setPhrase]);
+  const handleGenerate = useCallback(() => {
+    const mnemonic = generateMnemonic2(wordlist2, 256);
+    setPhrase?.(mnemonic);
+    setOverwriteWarning?.(false);
+  }, []);
+  const handleCancelOverwrite = useCallback(() => {
+    setOverwriteWarning?.(false);
+  }, []);
+  const handleClear = useCallback(() => {
+    setPhrase?.("");
+    setOverwriteWarning?.(false);
+  }, []);
+  const handleSave = useCallback(() => {
+    if (!overwriteWarning && seedPhrase && seedPhrase !== phrase) {
+      setOverwriteWarning?.(true);
+    } else {
+      handleChangeSeedPhrase?.(phrase ?? "");
+      saveCallback?.();
+    }
+  }, [handleChangeSeedPhrase, overwriteWarning, phrase, saveCallback, seedPhrase]);
+  useEffect2(() => {
+    if (!open) {
+      handleCancelOverwrite();
+    }
+  }, [handleCancelOverwrite, open]);
+  const validSeedPhrase = useMemo(() => validate?.(seedPhrase), [seedPhrase]);
+  const validPhrase = useMemo(() => validate?.(phrase), [phrase]);
+  return /* @__PURE__ */ jsx5(
+    SeedPhraseContext.Provider,
+    {
+      value: {
+        handleCancelOverwrite,
+        handleChangeSeedPhrase,
+        handleClear,
+        handleGenerate,
+        handleSave,
+        overwriteWarning,
+        phrase,
+        provided: true,
+        seedPhrase,
+        setOverwriteWarning,
+        setPhrase,
+        validPhrase,
+        validSeedPhrase,
+        validate
+      },
+      children
+    }
+  );
+};
+
+// src/contexts/SeedPhrase/use.tsx
+import { useContextEx } from "@xyo-network/react-shared";
+var useSeedPhrase = () => useContextEx(SeedPhraseContext, "SeedPhrase", true);
+
+// src/contexts/Wallet/Context.ts
+import { createContextEx as createContextEx2 } from "@xyo-network/react-shared";
+var WalletContext = createContextEx2();
+
+// src/contexts/Wallet/Provider.tsx
+import { usePromise } from "@xylabs/react-promise";
+import { useEffect as useEffect3, useState as useState5 } from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var WalletProvider = ({
+  children,
+  defaultActiveAccountIndex = 0,
+  rootWallet = null,
+  ...props
+}) => {
+  const [activeAccountIndex, setActiveAccountIndex] = useState5(defaultActiveAccountIndex);
+  useEffect3(() => {
+    if (defaultActiveAccountIndex !== void 0) {
+      setActiveAccountIndex(defaultActiveAccountIndex);
+    }
+  }, [defaultActiveAccountIndex]);
+  const [activeAccount = null] = usePromise(async () => await rootWallet?.derivePath(activeAccountIndex.toString()), [activeAccountIndex, rootWallet]);
+  return /* @__PURE__ */ jsx6(
+    WalletContext.Provider,
+    {
+      value: {
+        activeAccount,
+        activeAccountIndex,
+        provided: true,
+        rootWallet,
+        setActiveAccountIndex
+      },
+      ...props,
+      children
+    }
+  );
+};
+
+// src/contexts/Wallet/use.ts
+import { usePromise as usePromise2 } from "@xylabs/react-promise";
+import { useContextEx as useContextEx2, useProvided } from "@xyo-network/react-shared";
+var useWalletContext = (required = true) => {
+  return useContextEx2(WalletContext, "Wallet", required);
+};
+var useWalletProvided = () => {
+  return useProvided(WalletContext);
+};
+var useRootWallet = (required = true) => {
+  const { rootWallet } = useWalletContext(required);
+  return [rootWallet, void 0];
+};
+var useIndexedWalletFromContext = (index, required = true) => {
+  const { rootWallet } = useWalletContext(required);
+  const [wallet] = usePromise2(async () => await rootWallet?.derivePath(index.toString()) ?? rootWallet, [rootWallet, index]);
+  return [wallet, void 0];
+};
+var useSelectedWalletAccount = (required = true) => {
+  const { activeAccountIndex } = useWalletContext(required);
+  const [account] = useIndexedWalletFromContext(activeAccountIndex ?? 0, required);
+  return activeAccountIndex === void 0 && account === null ? [null, void 0] : [account, void 0];
+};
+
+// src/components/SeedPhrase/dialog/components/DialogActionButtons.tsx
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var DialogActionButtons = ({ onClose, ...props }) => {
+  const { handleSave, setPhrase } = useSeedPhrase();
+  const wrappedOnClose = (e) => {
+    setPhrase?.("");
+    onClose?.(e, "escapeKeyDown");
+  };
+  return /* @__PURE__ */ jsxs5(DialogActions2, { ...props, children: [
+    /* @__PURE__ */ jsx7(Button2, { variant: "outlined", onClick: wrappedOnClose, children: "Cancel" }),
+    /* @__PURE__ */ jsx7(Button2, { variant: "outlined", onClick: handleSave, children: "Save" })
+  ] });
+};
+
+// src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx
+import { FormControl, TextField } from "@mui/material";
+
+// src/components/SeedPhrase/dialog/components/fields/validation-messages/colorParser.ts
+var colorParser = (conditional) => {
+  switch (conditional) {
+    case true: {
+      return "success";
+    }
+    case false: {
+      return "error";
+    }
+    default: {
+      return;
+    }
+  }
+};
+
+// src/components/SeedPhrase/dialog/components/fields/validation-messages/InvalidPhrase.tsx
+import { Link as Link2, Typography as Typography3 } from "@mui/material";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var InvalidPhraseTypography = (props) => /* @__PURE__ */ jsxs6(Typography3, { variant: "caption", color: "error", ...props, children: [
+  "Invalid seed phrase. See -",
+  " ",
+  /* @__PURE__ */ jsx8(Link2, { target: "_blank", href: "https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki", children: "bip39 Proposal" })
+] });
+
+// src/components/SeedPhrase/dialog/components/fields/validation-messages/PhraseHeaderBox.tsx
+import { CheckCircleOutline as CheckCircleOutlineIcon, HighlightOff as HighlightOffIcon } from "@mui/icons-material";
+import { FlexRow } from "@xylabs/react-flexbox";
+import { useMemo as useMemo2 } from "react";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+var PhraseHeaderBox = ({ children, conditional, ...props }) => {
+  const state = useMemo2(() => {
+    switch (conditional) {
+      case true: {
+        return "success";
+      }
+      case false: {
+        return "error";
+      }
+      default: {
+        return null;
+      }
+    }
+  }, [conditional]);
+  const Icon = useMemo2(() => {
+    switch (state) {
+      case "success": {
+        return /* @__PURE__ */ jsx9(CheckCircleOutlineIcon, { fontSize: "small", color: "success" });
+      }
+      case "error": {
+        return /* @__PURE__ */ jsx9(HighlightOffIcon, { fontSize: "small", color: "error" });
+      }
+      default: {
+        return null;
+      }
+    }
+  }, [state]);
+  return /* @__PURE__ */ jsxs7(FlexRow, { justifyContent: "start", columnGap: 1, ...props, children: [
+    Icon,
+    children
+  ] });
+};
+
+// src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx
+import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+var NewPhraseTextField = ({ children, disableColor, ...props }) => {
+  const { phrase, setPhrase, validPhrase } = useSeedPhrase();
+  return /* @__PURE__ */ jsx10(Fragment3, { children: /* @__PURE__ */ jsxs8(FormControl, { fullWidth: true, size: "small", sx: { display: "flex", flexDirection: "column", rowGap: 1 }, children: [
+    children,
+    /* @__PURE__ */ jsx10(
+      TextField,
+      {
+        focused: true,
+        color: disableColor ? void 0 : colorParser(validPhrase),
+        error: validPhrase === false,
+        helperText: validPhrase === false ? /* @__PURE__ */ jsx10(InvalidPhraseTypography, {}) : null,
+        fullWidth: true,
+        maxRows: Number.POSITIVE_INFINITY,
+        multiline: true,
+        onChange: (e) => setPhrase?.(e.target.value),
+        value: phrase,
+        ...props
+      }
+    )
+  ] }) });
+};
+
+// src/components/SeedPhrase/dialog/components/fields/PhraseDialogActions.tsx
+import { Button as Button3, DialogActions as DialogActions3 } from "@mui/material";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+var PhraseDialogActions = () => {
+  const { handleClear, handleGenerate, overwriteWarning } = useSeedPhrase();
+  return /* @__PURE__ */ jsxs9(DialogActions3, { sx: { justifyContent: "center" }, children: [
+    /* @__PURE__ */ jsx11(Button3, { disabled: overwriteWarning, variant: "outlined", onClick: handleGenerate, children: "Generate" }),
+    /* @__PURE__ */ jsx11(Button3, { variant: "outlined", onClick: handleClear, children: "Clear" })
+  ] });
+};
+
+// src/components/SeedPhrase/dialog/components/fields/SavedPhraseTextField.tsx
+import { Chip, FormControl as FormControl2, FormLabel, TextField as TextField2 } from "@mui/material";
+import { useState as useState6 } from "react";
+import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+var SavedPhraseTextField = ({ fullWidth, showPhraseHeader, ...props }) => {
+  const { validSeedPhrase, seedPhrase } = useSeedPhrase();
+  const [visible, setVisible] = useState6(false);
+  return /* @__PURE__ */ jsxs10(FormControl2, { fullWidth, size: "small", sx: { display: "flex", flexDirection: "column", rowGap: 1 }, children: [
+    /* @__PURE__ */ jsx12(Chip, { label: visible ? "Hide Saved Seed Phrase" : "Reveal Saved Seed Phrase", onClick: () => setVisible(!visible), sx: { alignSelf: "center" } }),
+    visible ? /* @__PURE__ */ jsxs10(Fragment4, { children: [
+      showPhraseHeader ? /* @__PURE__ */ jsx12(FormLabel, { children: /* @__PURE__ */ jsx12(PhraseHeaderBox, { conditional: validSeedPhrase, children: "Saved Seed Phrase" }) }) : null,
+      /* @__PURE__ */ jsx12(
+        TextField2,
+        {
+          defaultValue: seedPhrase,
+          disabled: true,
+          error: validSeedPhrase === false,
+          helperText: validSeedPhrase === false ? /* @__PURE__ */ jsx12(InvalidPhraseTypography, {}) : null,
+          fullWidth: true,
+          maxRows: Number.POSITIVE_INFINITY,
+          multiline: true,
+          ...props
+        }
+      )
+    ] }) : null
+  ] });
+};
+
+// src/components/SeedPhrase/dialog/components/OverwriteWarning.tsx
+import { Alert as Alert3, Button as Button4 } from "@mui/material";
+import { FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+var OverwriteWarning = () => {
+  const { handleCancelOverwrite, handleSave } = useSeedPhrase();
+  return /* @__PURE__ */ jsx13(
+    Alert3,
+    {
+      variant: "outlined",
+      severity: "warning",
+      action: /* @__PURE__ */ jsxs11(FlexRow2, { sx: { columnGap: 1 }, children: [
+        /* @__PURE__ */ jsx13(Button4, { variant: "outlined", color: "inherit", size: "small", onClick: handleSave, children: "Overwrite" }),
+        /* @__PURE__ */ jsx13(Button4, { variant: "outlined", color: "inherit", size: "small", onClick: handleCancelOverwrite, children: "Cancel" })
+      ] }),
+      children: "Are you sure you want to overwrite existing seed phrase? This action cannot be undone."
+    }
+  );
+};
+
+// src/components/SeedPhrase/dialog/SeedPhraseDialog.tsx
+import { Dialog as Dialog2, DialogContent as DialogContent2, DialogTitle as DialogTitle2, FormLabel as FormLabel2 } from "@mui/material";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+var SeedPhraseDialog = ({ changeSeedPhrase, seedPhrase, ...props }) => {
+  return /* @__PURE__ */ jsx14(
+    SeedPhraseProvider,
+    {
+      seedPhrase,
+      handleChangeSeedPhrase: changeSeedPhrase,
+      open: props.open,
+      saveCallback: () => props.onClose?.({}, "escapeKeyDown"),
+      children: /* @__PURE__ */ jsx14(SeedPhraseDialogInner, { ...props })
+    }
+  );
+};
+var SeedPhraseDialogInner = (props) => {
+  const { overwriteWarning, seedPhrase, validPhrase } = useSeedPhrase();
+  return /* @__PURE__ */ jsxs12(Dialog2, { "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description", fullWidth: true, maxWidth: "sm", ...props, children: [
+    /* @__PURE__ */ jsxs12(DialogTitle2, { id: "alert-dialog-title", children: [
+      "Update Your Seed Phrase ",
+      /* @__PURE__ */ jsx14(SeedPhraseIconButton, {})
+    ] }),
+    /* @__PURE__ */ jsxs12(DialogContent2, { sx: { display: "flex", flexDirection: "column", rowGap: 2 }, children: [
+      /* @__PURE__ */ jsx14(NewPhraseTextField, { children: /* @__PURE__ */ jsx14(FormLabel2, { children: /* @__PURE__ */ jsx14(PhraseHeaderBox, { conditional: validPhrase, children: "New Seed Phrase" }) }) }),
+      /* @__PURE__ */ jsx14(PhraseDialogActions, {}),
+      seedPhrase ? /* @__PURE__ */ jsx14(SavedPhraseTextField, {}) : null,
+      overwriteWarning ? /* @__PURE__ */ jsx14(OverwriteWarning, {}) : null
+    ] }),
+    /* @__PURE__ */ jsx14(DialogActionButtons, { onClose: props.onClose })
+  ] });
+};
+
+// src/components/SeedPhrase/settings/SeedPhraseTableRow.tsx
+import { Cancel as CancelIcon, RadioButtonChecked as RadioButtonCheckedIcon } from "@mui/icons-material";
+import { Button as Button5, ButtonGroup as ButtonGroup2, TableCell as TableCell2, TableRow as TableRow2 } from "@mui/material";
+import { useState as useState7 } from "react";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+var SeedPhraseTableRow = ({ changeSeedPhrase, seedPhrase, ...props }) => {
+  const [open, setOpen] = useState7(false);
+  const handleOpen = () => {
+    setOpen(true);
+  };
+  return /* @__PURE__ */ jsxs13(TableRow2, { ...props, children: [
+    /* @__PURE__ */ jsxs13(TableCell2, { children: [
+      "Seed Phrase ",
+      /* @__PURE__ */ jsx15(SeedPhraseIconButton, {})
+    ] }),
+    /* @__PURE__ */ jsx15(TableCell2, { align: "center", children: seedPhrase ? /* @__PURE__ */ jsx15(RadioButtonCheckedIcon, { color: "success" }) : /* @__PURE__ */ jsx15(CancelIcon, { color: "error" }) }),
+    /* @__PURE__ */ jsxs13(TableCell2, { children: [
+      /* @__PURE__ */ jsx15(SeedPhraseDialog, { changeSeedPhrase, open, onClose: () => setOpen(false), seedPhrase }),
+      /* @__PURE__ */ jsx15(ButtonGroup2, { fullWidth: true, children: /* @__PURE__ */ jsx15(Button5, { variant: "contained", size: "small", onClick: handleOpen, children: "Update" }) })
+    ] })
+  ] });
+};
+
+// src/components/WalletAccountDetails/WalletAccountDetails.tsx
+import { EthAddress } from "@xylabs/eth-address";
+import { EthAccountButton } from "@xylabs/react-crypto";
+import { FlexCol, FlexRow as FlexRow3 } from "@xylabs/react-flexbox";
+import { NumberStatus } from "@xylabs/react-number-status";
+import { useNetwork } from "@xyo-network/react-network";
+
+// src/hooks/useAccount.ts
+import { usePromise as usePromise3 } from "@xylabs/react-promise";
+import { useState as useState8 } from "react";
+var useAccount = ({ wallet, account, index, required = false } = {}) => {
+  const walletContextProvided = useWalletProvided();
+  const [validationError, setValidationError] = useState8();
+  if (wallet && account && !validationError) {
+    setValidationError(new Error("useAccount can not have both a wallet and an account in the parameters"));
+  }
+  if (index && account && !validationError) {
+    setValidationError(new Error("useAccount can not have both a index and an account in the parameters"));
+  }
+  const [error, setError] = useState8();
+  const [rootWallet] = useRootWallet(!wallet && required);
+  const { activeAccountIndex } = useWalletContext(false);
+  const [activeAccount] = usePromise3(async () => {
+    try {
+      if (!validationError) {
+        if (wallet) {
+          return await wallet?.derivePath?.(`${index ?? 0}'\0`);
+        } else if (rootWallet) {
+          return await rootWallet?.derivePath?.(`${index ?? activeAccountIndex ?? 0}'\0`);
+        }
+      }
+    } catch (ex) {
+      const error2 = ex;
+      console.error(error2.message);
+      setError(error2);
+    }
+  }, [index, wallet, rootWallet, activeAccountIndex, validationError]);
+  if (validationError && !error) {
+    console.error(validationError.message);
+    setError(validationError);
+  }
+  return [
+    error ? void 0 : account ?? activeAccount ?? walletContextProvided ? null : void 0,
+    error
+  ];
+};
+
+// src/hooks/useWallet.ts
+import { usePromise as usePromise4 } from "@xylabs/react-promise";
+import { HDWallet } from "@xyo-network/account";
+import { useState as useState9 } from "react";
+var useWallet = ({ mnemonic, wallet, path, required = false, seed } = {}) => {
+  const walletContextProvided = useWalletContext(false);
+  const [error, setError] = useState9();
+  const [contextAccount] = useSelectedWalletAccount(!wallet && required);
+  const [activeAccount] = usePromise4(async () => {
+    try {
+      const newAccount = await (() => {
+        if (wallet) {
+          return wallet;
+        } else if (mnemonic) {
+          return HDWallet.fromPhrase(mnemonic);
+        } else if (seed) {
+          return HDWallet.fromSeed(seed);
+        }
+        return contextAccount;
+      })();
+      return path ? newAccount?.derivePath?.(path) : newAccount ?? wallet;
+    } catch (ex) {
+      setError(ex);
+    }
+  }, [mnemonic, contextAccount, seed, path, wallet]);
+  return [activeAccount ?? (walletContextProvided ? null : activeAccount), error];
+};
+
+// src/hooks/useWallets.ts
+import { usePromise as usePromise5 } from "@xylabs/react-promise";
+var useWallets = ({ wallet, paths }) => {
+  const walletContextProvided = useWalletContext(false);
+  const [foundWallet] = useWallet({ wallet });
+  const [wallets, error] = usePromise5(
+    async () => foundWallet ? await Promise.all(paths.map((path) => foundWallet.derivePath(path))) : void 0,
+    [foundWallet, paths]
+  );
+  return [wallets ?? (walletContextProvided ? null : wallets), error];
+};
+
+// src/hooks/useWrapperAccount.ts
+import { usePromise as usePromise6 } from "@xylabs/react-promise";
+import { HDWallet as HDWallet2 } from "@xyo-network/account";
+import { Mutex } from "async-mutex";
+var globalWrapperWallet;
+var globalWrapperWalletMutex = new Mutex();
+var useWrapperAccount = (account) => {
+  return usePromise6(async () => {
+    return await globalWrapperWalletMutex.runExclusive(async () => {
+      if (account !== void 0) {
+        return account;
+      }
+      if (globalWrapperWallet) {
+        return globalWrapperWallet;
+      }
+      try {
+        globalWrapperWallet = await HDWallet2.random();
+        console.log(`Global Wrapper Wallet Creation Success: ${globalWrapperWallet.address}`);
+      } catch (ex) {
+        const error = ex;
+        console.error(`Global Wrapper Wallet Creation Failed: ${error.message}`);
+      }
+      return globalWrapperWallet;
+    });
+  }, [account]);
+};
+
+// src/components/WalletAccountDetails/WalletAccountDetails.tsx
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+var WalletAccountDetails = ({ exploreUrl = "https://explore.xyo.network", account, ...props }) => {
+  const [accountToUse] = useAccount({ account });
+  const { network } = useNetwork();
+  const exploreAddressUrl = `${exploreUrl}/recent?account=${accountToUse?.address}&network=${network?.name ?? "main"}`;
+  return /* @__PURE__ */ jsxs14(FlexCol, { ...props, children: [
+    /* @__PURE__ */ jsx16(EthAccountButton, { address: EthAddress.fromString(accountToUse?.address) }),
+    /* @__PURE__ */ jsxs14(FlexRow3, { gap: 1, children: [
+      /* @__PURE__ */ jsx16(NumberStatus, { rounded: true, title: "Tokens", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.tokens`, target: "_blank" }),
+      /* @__PURE__ */ jsx16(NumberStatus, { rounded: true, title: "NFTs", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.nfts`, target: "_blank" }),
+      /* @__PURE__ */ jsx16(NumberStatus, { rounded: true, title: "Signatures", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signatures`, target: "_blank" }),
+      /* @__PURE__ */ jsx16(NumberStatus, { rounded: true, title: "Signins", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signins`, target: "_blank" })
+    ] })
+  ] });
+};
+
+// src/components/WalletAccountSelect/Select.tsx
+import { CircularProgress, MenuItem } from "@mui/material";
+import { SelectEx } from "@xylabs/react-select";
+import { AddressRenderRowBox } from "@xyo-network/react-address-render";
+import { Fragment as Fragment5, jsx as jsx17 } from "react/jsx-runtime";
+var arrayRange = (length, start = 0) => {
+  return [...Array.from({ length }).keys()].map((x) => x + start);
+};
+var WalletAccountSelect = ({
+  addressNames = {},
+  iconOnly,
+  iconSize = 24,
+  icons,
+  maxAccounts = 1,
+  showFavorite = false,
+  size,
+  variant = "outlined",
+  ...props
+}) => {
+  const { activeAccountIndex = 0, setActiveAccountIndex, rootWallet } = useWalletContext();
+  const disabled = !rootWallet || activeAccountIndex === void 0;
+  return /* @__PURE__ */ jsx17(Fragment5, { children: rootWallet ? /* @__PURE__ */ jsx17(
+    SelectEx,
+    {
+      margin: "dense",
+      disabled,
+      renderValue: (selectedAccountIndex) => {
+        const Item = () => {
+          const [selectedAccount] = useWallet({ path: selectedAccountIndex.toString(), wallet: rootWallet });
+          const customName = selectedAccount ? addressNames[selectedAccount.address] : void 0;
+          const favorite = !!selectedAccount && selectedAccount.address in addressNames;
+          return /* @__PURE__ */ jsx17(MenuItem, { value: selectedAccountIndex, sx: { minHeight: 0, paddingBottom: 0, paddingTop: 0 }, children: /* @__PURE__ */ jsx17(
+            AddressRenderRowBox,
+            {
+              disableSharedRef: true,
+              flexGrow: 1,
+              address: selectedAccount?.address,
+              iconOnly,
+              iconSize,
+              icons,
+              name: customName,
+              favorite,
+              showFavorite
+            }
+          ) });
+        };
+        return /* @__PURE__ */ jsx17(Item, {});
+      },
+      value: activeAccountIndex,
+      onChange: (event) => setActiveAccountIndex?.(Number.parseInt(`${event.target.value}`)),
+      size,
+      variant,
+      ...props,
+      children: arrayRange(maxAccounts).map((index) => {
+        const Item = () => {
+          const [account] = useWallet({ path: index.toString(), wallet: rootWallet });
+          const customName = account ? addressNames[account.address] : void 0;
+          const favorite = !!account && account.address in addressNames;
+          return /* @__PURE__ */ jsx17(MenuItem, { value: index, sx: { minHeight: 0, paddingBottom: 0, paddingTop: 0 }, children: /* @__PURE__ */ jsx17(
+            AddressRenderRowBox,
+            {
+              disableSharedRef: true,
+              flexGrow: 1,
+              address: account?.address,
+              favorite,
+              iconOnly,
+              iconSize,
+              icons,
+              name: customName,
+              showFavorite
+            }
+          ) }, account?.address);
+        };
+        return /* @__PURE__ */ jsx17(Item, {}, index);
+      })
+    }
+  ) : /* @__PURE__ */ jsx17(CircularProgress, { size: 24 }) });
+};
+
+// src/components/WalletAccountSelect/SelectBar.tsx
+import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var WalletAccountSelectBar = ({
+  addressNames = {},
+  iconOnly,
+  iconSize,
+  icons,
+  maxAccounts = 1,
+  showFavorite = false,
+  size = "small",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx18(FlexCol2, { alignItems: "stretch", ...props, children: /* @__PURE__ */ jsx18(
+    WalletAccountSelect,
+    {
+      addressNames,
+      fullWidth: true,
+      showFavorite,
+      iconSize,
+      iconOnly,
+      icons,
+      maxAccounts,
+      size: size ?? "small",
+      variant: "outlined"
+    }
+  ) });
+};
+export {
+  DefaultSeedPhrase,
+  DialogActionButtons,
+  InvalidPhraseTypography,
+  MaxAccountsTableRow,
+  NewPhraseTextField,
+  OverwriteWarning,
+  PhraseDialogActions,
+  PhraseHeaderBox,
+  SavedPhraseTextField,
+  SeedPhraseContext,
+  SeedPhraseDialog,
+  SeedPhraseDialogInner,
+  SeedPhraseIconButton,
+  SeedPhraseProvider,
+  SeedPhraseTableRow,
+  WalletAccountDetails,
+  WalletAccountSelect,
+  WalletAccountSelectBar,
+  WalletContext,
+  WalletProvider,
+  colorParser,
+  useAccount,
+  useIndexedWalletFromContext,
+  useRootWallet,
+  useSeedPhrase,
+  useSelectedWalletAccount,
+  useWallet,
+  useWalletContext,
+  useWalletProvided,
+  useWallets,
+  useWrapperAccount
+};
 //# sourceMappingURL=index.js.map