@xyo-network/react-wallet 2.77.2 → 2.78.1

package/dist/node/index.cjs

@@ -1,2 +1,853 @@
-"use strict";var ue=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var dt=Object.getOwnPropertyNames;var ut=Object.prototype.hasOwnProperty;var mt=(e,o)=>{for(var t in o)ue(e,t,{get:o[t],enumerable:!0})},pt=(e,o,t,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of dt(o))!ut.call(e,n)&&n!==t&&ue(e,n,{get:()=>o[n],enumerable:!(r=ct(o,n))||r.enumerable});return e};var ft=e=>pt(ue({},"__esModule",{value:!0}),e);var At={};mt(At,{DefaultSeedPhrase:()=>xt,DialogActionButtons:()=>ge,InvalidPhraseTypography:()=>Y,MaxAccountsTableRow:()=>ht,NewPhraseTextField:()=>ve,OverwriteWarning:()=>Ae,PhraseDialogActions:()=>We,PhraseHeaderBox:()=>U,SavedPhraseTextField:()=>we,SeedPhraseContext:()=>$,SeedPhraseDialog:()=>ye,SeedPhraseDialogInner:()=>Xe,SeedPhraseIconButton:()=>L,SeedPhraseProvider:()=>he,SeedPhraseTableRow:()=>St,WalletAccountDetails:()=>vt,WalletAccountSelect:()=>Re,WalletAccountSelectBar:()=>wt,WalletContext:()=>E,WalletProvider:()=>Pt,colorParser:()=>Ce,useAccount:()=>Fe,useIndexedWalletFromContext:()=>Ye,useRootWallet:()=>Pe,useSeedPhrase:()=>S,useSelectedWalletAccount:()=>Se,useWallet:()=>H,useWalletContext:()=>g,useWalletProvided:()=>xe,useWallets:()=>gt,useWrapperAccount:()=>bt});module.exports=ft(At);var w=require("@mui/material"),me=require("@xylabs/react-button"),pe=require("react");var D=require("@mui/material"),G=require("react/jsx-runtime"),ke=({activeAccountIndex:e,desiredMaximumAccounts:o,setShowSnackBar:t,showSnackBar:r})=>(0,G.jsx)(D.Snackbar,{anchorOrigin:{horizontal:"center",vertical:"top"},autoHideDuration:5e3,onClose:()=>t==null?void 0:t(!1),open:r,children:(0,G.jsxs)(D.Alert,{severity:"error",onClose:()=>t==null?void 0:t(!1),children:[(0,G.jsx)(D.AlertTitle,{children:"Maximum Accounts Error"}),"Your currently selected account number (",e===void 0?"":e+1,") cannot be greater than the desired Maximum Accounts (",o,")."]})});var v=require("react/jsx-runtime"),ht=({activeAccountIndex:e,changeMaxAccounts:o,maxAccounts:t})=>{let[r,n]=(0,pe.useState)(),[a,i]=(0,pe.useState)(!1),l=h=>{if(t!==void 0&&e!==void 0)switch(h){case"decrease":{let s=t-1,x=s>0,u=e+1<=s;x&&u&&(o==null||o(s)),u||i(!0),n(s);return}case"increase":{o==null||o(t+1);return}default:console.error(h,"is not a recognized value")}else throw new Error("Max Accounts is unset and needs a default")};return(0,v.jsxs)(w.TableRow,{children:[(0,v.jsx)(w.TableCell,{children:"Maximum Accounts"}),(0,v.jsx)(w.TableCell,{align:"center",children:(0,v.jsx)(w.Typography,{variant:"caption",children:t})}),(0,v.jsxs)(w.TableCell,{align:"center",children:[(0,v.jsxs)(w.ButtonGroup,{children:[(0,v.jsx)(me.ButtonEx,{onClick:()=>l("decrease"),variant:"contained",size:"small",children:"-"}),(0,v.jsx)(me.ButtonEx,{onClick:()=>l("increase"),variant:"contained",size:"small",children:"+"})]}),(0,v.jsx)(ke,{desiredMaximumAccounts:r,activeAccountIndex:e,setShowSnackBar:i,showSnackBar:a})]})]})};var Ee=require("@mui/icons-material"),d=require("@mui/material"),Oe=require("react"),m=require("react/jsx-runtime"),L=e=>{let[o,t]=(0,Oe.useState)(!1),r=()=>t(!1);return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(d.IconButton,{onClick:()=>t(!0),...e,children:(0,m.jsx)(Ee.HelpOutline,{fontSize:"small"})}),(0,m.jsxs)(d.Dialog,{open:o,children:[(0,m.jsx)(d.DialogTitle,{children:"Understanding your Seed Phrase"}),(0,m.jsxs)(d.DialogContent,{children:[(0,m.jsxs)(d.Typography,{children:["Your Seed Phrase should adhere to the"," ",(0,m.jsx)(d.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."]}),(0,m.jsxs)(d.List,{children:[(0,m.jsx)(d.ListItem,{children:"Do not share this phrase with anyone."}),(0,m.jsx)(d.ListItem,{children:"Do not save it to a public computer."}),(0,m.jsx)(d.ListItem,{children:"Do not use a existing phrase from another wallet (i.e. Metamask)."}),(0,m.jsx)(d.ListItem,{children:"Do not use before copying it down somewhere safe."})]})]}),(0,m.jsx)(d.DialogActions,{children:(0,m.jsx)(d.Button,{onClick:r,variant:"outlined",children:"OK"})})]})]})};var k=require("@mui/material"),He=require("@scure/bip39"),ze=require("@scure/bip39/wordlists/english"),ee=require("react"),I=require("react/jsx-runtime"),xt=({changeSeedPhrase:e,children:o,hideDefaultSeedPhraseMessage:t,seedPhrase:r})=>{let[n,a]=(0,ee.useState)(!1);return(0,ee.useEffect)(()=>{if(!r){let i=(0,He.generateMnemonic)(ze.wordlist,256);e==null||e(i),a(!0)}},[e,r]),(0,I.jsxs)(I.Fragment,{children:[t?null:(0,I.jsx)(k.Snackbar,{open:n,autoHideDuration:5e3,onClose:()=>a(!1),anchorOrigin:{horizontal:"center",vertical:"top"},children:(0,I.jsxs)(k.Alert,{severity:"success",children:[(0,I.jsx)(k.AlertTitle,{children:"Default Seed Phrase Generated"}),"Go to application settings to save it."]})}),o]})};var _=require("@mui/material");var Me=require("@xyo-network/react-shared"),$=(0,Me.createContextEx)();var te=require("@scure/bip39"),fe=require("@scure/bip39/wordlists/english"),p=require("react");var Ne=require("react/jsx-runtime"),R=e=>e?(0,te.validateMnemonic)(e,fe.wordlist):null,he=({children:e,defaultPhrase:o,handleChangeSeedPhrase:t,saveCallback:r,seedPhrase:n,open:a})=>{let[i,l]=(0,p.useState)(),[h,s]=(0,p.useState)(!1);(0,p.useEffect)(()=>{l(o)},[o]),(0,p.useEffect)(()=>{(n||a)&&(l==null||l(n??""))},[n,a,l]);let x=(0,p.useCallback)(()=>{let N=(0,te.generateMnemonic)(fe.wordlist,256);l==null||l(N),s==null||s(!1)},[]),u=(0,p.useCallback)(()=>{s==null||s(!1)},[]),z=(0,p.useCallback)(()=>{l==null||l(""),s==null||s(!1)},[]),P=(0,p.useCallback)(()=>{!h&&n&&n!==i?s==null||s(!0):(t==null||t(i??""),r==null||r())},[t,h,i,r,n]);(0,p.useEffect)(()=>{a||u()},[u,a]);let M=(0,p.useMemo)(()=>R==null?void 0:R(n),[n]),c=(0,p.useMemo)(()=>R==null?void 0:R(i),[i]);return(0,Ne.jsx)($.Provider,{value:{handleCancelOverwrite:u,handleChangeSeedPhrase:t,handleClear:z,handleGenerate:x,handleSave:P,overwriteWarning:h,phrase:i,provided:!0,seedPhrase:n,setOverwriteWarning:s,setPhrase:l,validPhrase:c,validSeedPhrase:M,validate:R},children:e})};var Ge=require("@xyo-network/react-shared");var S=()=>(0,Ge.useContextEx)($,"SeedPhrase",!0);var Le=require("@xyo-network/react-shared"),E=(0,Le.createContextEx)();var $e=require("@xylabs/react-promise"),oe=require("react");var _e=require("react/jsx-runtime"),Pt=({children:e,defaultActiveAccountIndex:o=0,rootWallet:t=null,...r})=>{let[n,a]=(0,oe.useState)(o);(0,oe.useEffect)(()=>{o!==void 0&&a(o)},[o]);let[i=null]=(0,$e.usePromise)(async()=>await(t==null?void 0:t.derivePath(n.toString())),[n,t]);return(0,_e.jsx)(E.Provider,{value:{activeAccount:i,activeAccountIndex:n,provided:!0,rootWallet:t,setActiveAccountIndex:a},...r,children:e})};var Ve=require("@xylabs/react-promise"),re=require("@xyo-network/react-shared");var g=(e=!0)=>(0,re.useContextEx)(E,"Wallet",e),xe=()=>(0,re.useProvided)(E),Pe=(e=!0)=>{let{rootWallet:o}=g(e);return[o,void 0]},Ye=(e,o=!0)=>{let{rootWallet:t}=g(o),[r]=(0,Ve.usePromise)(async()=>await(t==null?void 0:t.derivePath(e.toString()))??t,[t,e]);return[r,void 0]},Se=(e=!0)=>{let{activeAccountIndex:o}=g(e),[t]=Ye(o??0,e);return o===void 0&&t===null?[null,void 0]:[t,void 0]};var V=require("react/jsx-runtime"),ge=({onClose:e,...o})=>{let{handleSave:t,setPhrase:r}=S();return(0,V.jsxs)(_.DialogActions,{...o,children:[(0,V.jsx)(_.Button,{variant:"outlined",onClick:a=>{r==null||r(""),e==null||e(a,"escapeKeyDown")},children:"Cancel"}),(0,V.jsx)(_.Button,{variant:"outlined",onClick:t,children:"Save"})]})};var ie=require("@mui/material");var Ce=e=>{switch(e){case!0:return"success";case!1:return"error";default:return}};var ne=require("@mui/material"),ae=require("react/jsx-runtime"),Y=e=>(0,ae.jsxs)(ne.Typography,{variant:"caption",color:"error",...e,children:["Invalid seed phrase. See -"," ",(0,ae.jsx)(ne.Link,{target:"_blank",href:"https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki",children:"bip39 Proposal"})]});var se=require("@mui/icons-material"),Ke=require("@xylabs/react-flexbox"),be=require("react"),K=require("react/jsx-runtime"),U=({children:e,conditional:o,...t})=>{let r=(0,be.useMemo)(()=>{switch(o){case!0:return"success";case!1:return"error";default:return null}},[o]),n=(0,be.useMemo)(()=>{switch(r){case"success":return(0,K.jsx)(se.CheckCircleOutline,{fontSize:"small",color:"success"});case"error":return(0,K.jsx)(se.HighlightOff,{fontSize:"small",color:"error"});default:return null}},[r]);return(0,K.jsxs)(Ke.FlexRow,{justifyContent:"start",columnGap:1,...t,children:[n,e]})};var F=require("react/jsx-runtime"),ve=({children:e,disableColor:o,...t})=>{let{phrase:r,setPhrase:n,validPhrase:a}=S();return(0,F.jsx)(F.Fragment,{children:(0,F.jsxs)(ie.FormControl,{fullWidth:!0,size:"small",sx:{display:"flex",flexDirection:"column",rowGap:1},children:[e,(0,F.jsx)(ie.TextField,{focused:!0,color:o?void 0:Ce(a),error:a===!1,helperText:a===!1?(0,F.jsx)(Y,{}):null,fullWidth:!0,maxRows:Number.POSITIVE_INFINITY,multiline:!0,onChange:i=>n==null?void 0:n(i.target.value),value:r,...t})]})})};var q=require("@mui/material");var X=require("react/jsx-runtime"),We=()=>{let{handleClear:e,handleGenerate:o,overwriteWarning:t}=S();return(0,X.jsxs)(q.DialogActions,{sx:{justifyContent:"center"},children:[(0,X.jsx)(q.Button,{disabled:t,variant:"outlined",onClick:o,children:"Generate"}),(0,X.jsx)(q.Button,{variant:"outlined",onClick:e,children:"Clear"})]})};var T=require("@mui/material"),Ue=require("react");var W=require("react/jsx-runtime"),we=({fullWidth:e,showPhraseHeader:o,...t})=>{let{validSeedPhrase:r,seedPhrase:n}=S(),[a,i]=(0,Ue.useState)(!1);return(0,W.jsxs)(T.FormControl,{fullWidth:e,size:"small",sx:{display:"flex",flexDirection:"column",rowGap:1},children:[(0,W.jsx)(T.Chip,{label:a?"Hide Saved Seed Phrase":"Reveal Saved Seed Phrase",onClick:()=>i(!a),sx:{alignSelf:"center"}}),a?(0,W.jsxs)(W.Fragment,{children:[o?(0,W.jsx)(T.FormLabel,{children:(0,W.jsx)(U,{conditional:r,children:"Saved Seed Phrase"})}):null,(0,W.jsx)(T.TextField,{defaultValue:n,disabled:!0,error:r===!1,helperText:r===!1?(0,W.jsx)(Y,{}):null,fullWidth:!0,maxRows:Number.POSITIVE_INFINITY,multiline:!0,...t})]}):null]})};var J=require("@mui/material"),qe=require("@xylabs/react-flexbox");var O=require("react/jsx-runtime"),Ae=()=>{let{handleCancelOverwrite:e,handleSave:o}=S();return(0,O.jsx)(J.Alert,{variant:"outlined",severity:"warning",action:(0,O.jsxs)(qe.FlexRow,{sx:{columnGap:1},children:[(0,O.jsx)(J.Button,{variant:"outlined",color:"inherit",size:"small",onClick:o,children:"Overwrite"}),(0,O.jsx)(J.Button,{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."})};var B=require("@mui/material");var f=require("react/jsx-runtime"),ye=({changeSeedPhrase:e,seedPhrase:o,...t})=>(0,f.jsx)(he,{seedPhrase:o,handleChangeSeedPhrase:e,open:t.open,saveCallback:()=>{var r;return(r=t.onClose)==null?void 0:r.call(t,{},"escapeKeyDown")},children:(0,f.jsx)(Xe,{...t})}),Xe=e=>{let{overwriteWarning:o,seedPhrase:t,validPhrase:r}=S();return(0,f.jsxs)(B.Dialog,{"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description",fullWidth:!0,maxWidth:"sm",...e,children:[(0,f.jsxs)(B.DialogTitle,{id:"alert-dialog-title",children:["Update Your Seed Phrase ",(0,f.jsx)(L,{})]}),(0,f.jsxs)(B.DialogContent,{sx:{display:"flex",flexDirection:"column",rowGap:2},children:[(0,f.jsx)(ve,{children:(0,f.jsx)(B.FormLabel,{children:(0,f.jsx)(U,{conditional:r,children:"New Seed Phrase"})})}),(0,f.jsx)(We,{}),t?(0,f.jsx)(we,{}):null,o?(0,f.jsx)(Ae,{}):null]}),(0,f.jsx)(ge,{onClose:e.onClose})]})};var le=require("@mui/icons-material"),A=require("@mui/material"),Je=require("react");var C=require("react/jsx-runtime"),St=({changeSeedPhrase:e,seedPhrase:o,...t})=>{let[r,n]=(0,Je.useState)(!1);return(0,C.jsxs)(A.TableRow,{...t,children:[(0,C.jsxs)(A.TableCell,{children:["Seed Phrase ",(0,C.jsx)(L,{})]}),(0,C.jsx)(A.TableCell,{align:"center",children:o?(0,C.jsx)(le.RadioButtonChecked,{color:"success"}):(0,C.jsx)(le.Cancel,{color:"error"})}),(0,C.jsxs)(A.TableCell,{children:[(0,C.jsx)(ye,{changeSeedPhrase:e,open:r,onClose:()=>n(!1),seedPhrase:o}),(0,C.jsx)(A.ButtonGroup,{fullWidth:!0,children:(0,C.jsx)(A.Button,{variant:"contained",size:"small",onClick:()=>{n(!0)},children:"Update"})})]})]})};var nt=require("@xylabs/eth-address"),at=require("@xylabs/react-crypto"),ce=require("@xylabs/react-flexbox"),Z=require("@xylabs/react-number-status"),st=require("@xyo-network/react-network");var Qe=require("@xylabs/react-promise"),Ie=require("react");var Fe=({wallet:e,account:o,index:t,required:r=!1}={})=>{let n=xe(),[a,i]=(0,Ie.useState)();e&&o&&!a&&i(new Error("useAccount can not have both a wallet and an account in the parameters")),t&&o&&!a&&i(new Error("useAccount can not have both a index and an account in the parameters"));let[l,h]=(0,Ie.useState)(),[s]=Pe(!e&&r),{activeAccountIndex:x}=g(!1),[u]=(0,Qe.usePromise)(async()=>{var z,P;try{if(!a){if(e)return await((z=e==null?void 0:e.derivePath)==null?void 0:z.call(e,`${t??0}'\0`));if(s)return await((P=s==null?void 0:s.derivePath)==null?void 0:P.call(s,`${t??x??0}'\0`))}}catch(M){let c=M;console.error(c.message),h(c)}},[t,e,s,x,a]);return a&&!l&&(console.error(a.message),h(a)),[l?void 0:o??u??n?null:void 0,l]};var Ze=require("@xylabs/react-promise"),Te=require("@xyo-network/account"),je=require("react");var H=({mnemonic:e,wallet:o,path:t,required:r=!1,seed:n}={})=>{let a=g(!1),[i,l]=(0,je.useState)(),[h]=Se(!o&&r),[s]=(0,Ze.usePromise)(async()=>{var x;try{let u=await(o||(e?Te.HDWallet.fromPhrase(e):n?Te.HDWallet.fromSeed(n):h));return t?(x=u==null?void 0:u.derivePath)==null?void 0:x.call(u,t):u??o}catch(u){l(u)}},[e,h,n,t,o]);return[s??(a?null:s),i]};var et=require("@xylabs/react-promise");var gt=({wallet:e,paths:o})=>{let t=g(!1),[r]=H({wallet:e}),[n,a]=(0,et.usePromise)(async()=>r?await Promise.all(o.map(i=>r.derivePath(i))):void 0,[r,o]);return[n??(t?null:n),a]};var tt=require("@xylabs/react-promise"),ot=require("@xyo-network/account"),rt=require("async-mutex"),Q,Ct=new rt.Mutex,bt=e=>(0,tt.usePromise)(async()=>await Ct.runExclusive(async()=>{if(e!==void 0)return e;if(Q)return Q;try{Q=await ot.HDWallet.random(),console.log(`Global Wrapper Wallet Creation Success: ${Q.address}`)}catch(o){console.error(`Global Wrapper Wallet Creation Failed: ${o.message}`)}return Q}),[e]);var y=require("react/jsx-runtime"),vt=({exploreUrl:e="https://explore.xyo.network",account:o,...t})=>{let[r]=Fe({account:o}),{network:n}=(0,st.useNetwork)(),a=`${e}/recent?account=${r==null?void 0:r.address}&network=${(n==null?void 0:n.name)??"main"}`;return(0,y.jsxs)(ce.FlexCol,{...t,children:[(0,y.jsx)(at.EthAccountButton,{address:nt.EthAddress.fromString(r==null?void 0:r.address)}),(0,y.jsxs)(ce.FlexRow,{gap:1,children:[(0,y.jsx)(Z.NumberStatus,{rounded:!0,title:"Tokens",value:0,to:`${a}&schema=network.xyo.account.tokens`,target:"_blank"}),(0,y.jsx)(Z.NumberStatus,{rounded:!0,title:"NFTs",value:0,to:`${a}&schema=network.xyo.account.nfts`,target:"_blank"}),(0,y.jsx)(Z.NumberStatus,{rounded:!0,title:"Signatures",value:0,to:`${a}&schema=network.xyo.account.signatures`,target:"_blank"}),(0,y.jsx)(Z.NumberStatus,{rounded:!0,title:"Signins",value:0,to:`${a}&schema=network.xyo.account.signins`,target:"_blank"})]})]})};var j=require("@mui/material"),it=require("@xylabs/react-select"),Be=require("@xyo-network/react-address-render");var b=require("react/jsx-runtime"),Wt=(e,o=0)=>[...Array.from({length:e}).keys()].map(t=>t+o),Re=({addressNames:e={},iconOnly:o,iconSize:t=24,icons:r,maxAccounts:n=1,showFavorite:a=!1,size:i,variant:l="outlined",...h})=>{let{activeAccountIndex:s=0,setActiveAccountIndex:x,rootWallet:u}=g();return(0,b.jsx)(b.Fragment,{children:u?(0,b.jsx)(it.SelectEx,{margin:"dense",disabled:!u||s===void 0,renderValue:P=>(0,b.jsx)(()=>{let[c]=H({path:P.toString(),wallet:u}),N=c?e[c.address]:void 0,de=!!c&&c.address in e;return(0,b.jsx)(j.MenuItem,{value:P,sx:{minHeight:0,paddingBottom:0,paddingTop:0},children:(0,b.jsx)(Be.AddressRenderRowBox,{disableSharedRef:!0,flexGrow:1,address:c==null?void 0:c.address,iconOnly:o,iconSize:t,icons:r,name:N,favorite:de,showFavorite:a})})},{}),value:s,onChange:P=>x==null?void 0:x(Number.parseInt(`${P.target.value}`)),size:i,variant:l,...h,children:Wt(n).map(P=>(0,b.jsx)(()=>{let[c]=H({path:P.toString(),wallet:u}),N=c?e[c.address]:void 0,de=!!c&&c.address in e;return(0,b.jsx)(j.MenuItem,{value:P,sx:{minHeight:0,paddingBottom:0,paddingTop:0},children:(0,b.jsx)(Be.AddressRenderRowBox,{disableSharedRef:!0,flexGrow:1,address:c==null?void 0:c.address,favorite:de,iconOnly:o,iconSize:t,icons:r,name:N,showFavorite:a})},c==null?void 0:c.address)},{},P))}):(0,b.jsx)(j.CircularProgress,{size:24})})};var lt=require("@xylabs/react-flexbox");var De=require("react/jsx-runtime"),wt=({addressNames:e={},iconOnly:o,iconSize:t,icons:r,maxAccounts:n=1,showFavorite:a=!1,size:i="small",...l})=>(0,De.jsx)(lt.FlexCol,{alignItems:"stretch",...l,children:(0,De.jsx)(Re,{addressNames:e,fullWidth:!0,showFavorite:a,iconSize:t,iconOnly:o,icons:r,maxAccounts:n,size:i??"small",variant:"outlined"})});0&&(module.exports={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});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  DefaultSeedPhrase: () => DefaultSeedPhrase,
+  DialogActionButtons: () => DialogActionButtons,
+  InvalidPhraseTypography: () => InvalidPhraseTypography,
+  MaxAccountsTableRow: () => MaxAccountsTableRow,
+  NewPhraseTextField: () => NewPhraseTextField,
+  OverwriteWarning: () => OverwriteWarning,
+  PhraseDialogActions: () => PhraseDialogActions,
+  PhraseHeaderBox: () => PhraseHeaderBox,
+  SavedPhraseTextField: () => SavedPhraseTextField,
+  SeedPhraseContext: () => SeedPhraseContext,
+  SeedPhraseDialog: () => SeedPhraseDialog,
+  SeedPhraseDialogInner: () => SeedPhraseDialogInner,
+  SeedPhraseIconButton: () => SeedPhraseIconButton,
+  SeedPhraseProvider: () => SeedPhraseProvider,
+  SeedPhraseTableRow: () => SeedPhraseTableRow,
+  WalletAccountDetails: () => WalletAccountDetails,
+  WalletAccountSelect: () => WalletAccountSelect,
+  WalletAccountSelectBar: () => WalletAccountSelectBar,
+  WalletContext: () => WalletContext,
+  WalletProvider: () => WalletProvider,
+  colorParser: () => colorParser,
+  useAccount: () => useAccount,
+  useIndexedWalletFromContext: () => useIndexedWalletFromContext,
+  useRootWallet: () => useRootWallet,
+  useSeedPhrase: () => useSeedPhrase,
+  useSelectedWalletAccount: () => useSelectedWalletAccount,
+  useWallet: () => useWallet,
+  useWalletContext: () => useWalletContext,
+  useWalletProvided: () => useWalletProvided,
+  useWallets: () => useWallets,
+  useWrapperAccount: () => useWrapperAccount
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/MaxAccounts/MaxAccountsTableRow.tsx
+var import_material2 = require("@mui/material");
+var import_react_button = require("@xylabs/react-button");
+var import_react = require("react");
+
+// src/components/MaxAccounts/OutOfBoundsSnackBar.tsx
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var OutOfBoundsSnackBar = ({
+  activeAccountIndex,
+  desiredMaximumAccounts,
+  setShowSnackBar,
+  showSnackBar
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_material.Snackbar,
+    {
+      anchorOrigin: { horizontal: "center", vertical: "top" },
+      autoHideDuration: 5e3,
+      onClose: () => setShowSnackBar == null ? void 0 : setShowSnackBar(false),
+      open: showSnackBar,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Alert, { severity: "error", onClose: () => setShowSnackBar == null ? void 0 : setShowSnackBar(false), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.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
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var MaxAccountsTableRow = ({ activeAccountIndex, changeMaxAccounts, maxAccounts }) => {
+  const [desiredMaximumAccounts, setDesiredMaximumAccounts] = (0, import_react.useState)();
+  const [showSnackBar, setShowSnackBar] = (0, import_react.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 == null ? void 0 : changeMaxAccounts(desiredMaximumAccounts2);
+          }
+          if (!maxAccountsWithinRange) setShowSnackBar(true);
+          setDesiredMaximumAccounts(desiredMaximumAccounts2);
+          return;
+        }
+        case "increase": {
+          changeMaxAccounts == null ? void 0 : 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__ */ (0, import_jsx_runtime2.jsxs)(import_material2.TableRow, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.TableCell, { children: "Maximum Accounts" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.TableCell, { align: "center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Typography, { variant: "caption", children: maxAccounts }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material2.TableCell, { align: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material2.ButtonGroup, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_button.ButtonEx, { onClick: () => handleChangeMaxAccounts("decrease"), variant: "contained", size: "small", children: "-" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_button.ButtonEx, { onClick: () => handleChangeMaxAccounts("increase"), variant: "contained", size: "small", children: "+" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        OutOfBoundsSnackBar,
+        {
+          desiredMaximumAccounts,
+          activeAccountIndex,
+          setShowSnackBar,
+          showSnackBar
+        }
+      )
+    ] })
+  ] });
+};
+
+// src/components/SeedPhrase/_shared/SeedPhraseIconButton.tsx
+var import_icons_material = require("@mui/icons-material");
+var import_material3 = require("@mui/material");
+var import_react2 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var SeedPhraseIconButton = (props) => {
+  const [open, setOpen] = (0, import_react2.useState)(false);
+  const onClose = () => setOpen(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.IconButton, { onClick: () => setOpen(true), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material.HelpOutline, { fontSize: "small" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material3.Dialog, { open, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.DialogTitle, { children: "Understanding your Seed Phrase" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material3.DialogContent, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material3.Typography, { children: [
+          "Your Seed Phrase should adhere to the",
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.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__ */ (0, import_jsx_runtime3.jsxs)(import_material3.List, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.ListItem, { children: "Do not share this phrase with anyone." }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.ListItem, { children: "Do not save it to a public computer." }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.ListItem, { children: "Do not use a existing phrase from another wallet (i.e. Metamask)." }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.ListItem, { children: "Do not use before copying it down somewhere safe." })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Button, { onClick: onClose, variant: "outlined", children: "OK" }) })
+    ] })
+  ] });
+};
+
+// src/components/SeedPhrase/DefaultSeedPhrase.tsx
+var import_material4 = require("@mui/material");
+var import_bip39 = require("@scure/bip39");
+var import_english = require("@scure/bip39/wordlists/english");
+var import_react3 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var DefaultSeedPhrase = ({ changeSeedPhrase, children, hideDefaultSeedPhraseMessage, seedPhrase }) => {
+  const [showSnackBar, setShowSnackBar] = (0, import_react3.useState)(false);
+  (0, import_react3.useEffect)(() => {
+    if (!seedPhrase) {
+      const mnemonic = (0, import_bip39.generateMnemonic)(import_english.wordlist, 256);
+      changeSeedPhrase == null ? void 0 : changeSeedPhrase(mnemonic);
+      setShowSnackBar(true);
+    }
+  }, [changeSeedPhrase, seedPhrase]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    hideDefaultSeedPhraseMessage ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_material4.Snackbar,
+      {
+        open: showSnackBar,
+        autoHideDuration: 5e3,
+        onClose: () => setShowSnackBar(false),
+        anchorOrigin: { horizontal: "center", vertical: "top" },
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_material4.Alert, { severity: "success", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material4.AlertTitle, { children: "Default Seed Phrase Generated" }),
+          "Go to application settings to save it."
+        ] })
+      }
+    ),
+    children
+  ] });
+};
+
+// src/components/SeedPhrase/dialog/components/DialogActionButtons.tsx
+var import_material5 = require("@mui/material");
+
+// src/contexts/SeedPhrase/Context.ts
+var import_react_shared = require("@xyo-network/react-shared");
+var SeedPhraseContext = (0, import_react_shared.createContextEx)();
+
+// src/contexts/SeedPhrase/Provider.tsx
+var import_bip392 = require("@scure/bip39");
+var import_english2 = require("@scure/bip39/wordlists/english");
+var import_react4 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var validate = (passedPhrase) => {
+  if (!passedPhrase) {
+    return null;
+  }
+  return (0, import_bip392.validateMnemonic)(passedPhrase, import_english2.wordlist);
+};
+var SeedPhraseProvider = ({
+  children,
+  defaultPhrase,
+  handleChangeSeedPhrase,
+  saveCallback,
+  seedPhrase,
+  open
+}) => {
+  const [phrase, setPhrase] = (0, import_react4.useState)();
+  const [overwriteWarning, setOverwriteWarning] = (0, import_react4.useState)(false);
+  (0, import_react4.useEffect)(() => {
+    setPhrase(defaultPhrase);
+  }, [defaultPhrase]);
+  (0, import_react4.useEffect)(() => {
+    if (seedPhrase || open) {
+      setPhrase == null ? void 0 : setPhrase(seedPhrase ?? "");
+    }
+  }, [seedPhrase, open, setPhrase]);
+  const handleGenerate = (0, import_react4.useCallback)(() => {
+    const mnemonic = (0, import_bip392.generateMnemonic)(import_english2.wordlist, 256);
+    setPhrase == null ? void 0 : setPhrase(mnemonic);
+    setOverwriteWarning == null ? void 0 : setOverwriteWarning(false);
+  }, []);
+  const handleCancelOverwrite = (0, import_react4.useCallback)(() => {
+    setOverwriteWarning == null ? void 0 : setOverwriteWarning(false);
+  }, []);
+  const handleClear = (0, import_react4.useCallback)(() => {
+    setPhrase == null ? void 0 : setPhrase("");
+    setOverwriteWarning == null ? void 0 : setOverwriteWarning(false);
+  }, []);
+  const handleSave = (0, import_react4.useCallback)(() => {
+    if (!overwriteWarning && seedPhrase && seedPhrase !== phrase) {
+      setOverwriteWarning == null ? void 0 : setOverwriteWarning(true);
+    } else {
+      handleChangeSeedPhrase == null ? void 0 : handleChangeSeedPhrase(phrase ?? "");
+      saveCallback == null ? void 0 : saveCallback();
+    }
+  }, [handleChangeSeedPhrase, overwriteWarning, phrase, saveCallback, seedPhrase]);
+  (0, import_react4.useEffect)(() => {
+    if (!open) {
+      handleCancelOverwrite();
+    }
+  }, [handleCancelOverwrite, open]);
+  const validSeedPhrase = (0, import_react4.useMemo)(() => validate == null ? void 0 : validate(seedPhrase), [seedPhrase]);
+  const validPhrase = (0, import_react4.useMemo)(() => validate == null ? void 0 : validate(phrase), [phrase]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    SeedPhraseContext.Provider,
+    {
+      value: {
+        handleCancelOverwrite,
+        handleChangeSeedPhrase,
+        handleClear,
+        handleGenerate,
+        handleSave,
+        overwriteWarning,
+        phrase,
+        provided: true,
+        seedPhrase,
+        setOverwriteWarning,
+        setPhrase,
+        validPhrase,
+        validSeedPhrase,
+        validate
+      },
+      children
+    }
+  );
+};
+
+// src/contexts/SeedPhrase/use.tsx
+var import_react_shared2 = require("@xyo-network/react-shared");
+var useSeedPhrase = () => (0, import_react_shared2.useContextEx)(SeedPhraseContext, "SeedPhrase", true);
+
+// src/contexts/Wallet/Context.ts
+var import_react_shared3 = require("@xyo-network/react-shared");
+var WalletContext = (0, import_react_shared3.createContextEx)();
+
+// src/contexts/Wallet/Provider.tsx
+var import_react_promise = require("@xylabs/react-promise");
+var import_react5 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var WalletProvider = ({
+  children,
+  defaultActiveAccountIndex = 0,
+  rootWallet = null,
+  ...props
+}) => {
+  const [activeAccountIndex, setActiveAccountIndex] = (0, import_react5.useState)(defaultActiveAccountIndex);
+  (0, import_react5.useEffect)(() => {
+    if (defaultActiveAccountIndex !== void 0) {
+      setActiveAccountIndex(defaultActiveAccountIndex);
+    }
+  }, [defaultActiveAccountIndex]);
+  const [activeAccount = null] = (0, import_react_promise.usePromise)(async () => await (rootWallet == null ? void 0 : rootWallet.derivePath(activeAccountIndex.toString())), [activeAccountIndex, rootWallet]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    WalletContext.Provider,
+    {
+      value: {
+        activeAccount,
+        activeAccountIndex,
+        provided: true,
+        rootWallet,
+        setActiveAccountIndex
+      },
+      ...props,
+      children
+    }
+  );
+};
+
+// src/contexts/Wallet/use.ts
+var import_react_promise2 = require("@xylabs/react-promise");
+var import_react_shared4 = require("@xyo-network/react-shared");
+var useWalletContext = (required = true) => {
+  return (0, import_react_shared4.useContextEx)(WalletContext, "Wallet", required);
+};
+var useWalletProvided = () => {
+  return (0, import_react_shared4.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] = (0, import_react_promise2.usePromise)(async () => await (rootWallet == null ? void 0 : 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
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var DialogActionButtons = ({ onClose, ...props }) => {
+  const { handleSave, setPhrase } = useSeedPhrase();
+  const wrappedOnClose = (e) => {
+    setPhrase == null ? void 0 : setPhrase("");
+    onClose == null ? void 0 : onClose(e, "escapeKeyDown");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material5.DialogActions, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.Button, { variant: "outlined", onClick: wrappedOnClose, children: "Cancel" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.Button, { variant: "outlined", onClick: handleSave, children: "Save" })
+  ] });
+};
+
+// src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx
+var import_material7 = require("@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
+var import_material6 = require("@mui/material");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var InvalidPhraseTypography = (props) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material6.Typography, { variant: "caption", color: "error", ...props, children: [
+  "Invalid seed phrase. See -",
+  " ",
+  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material6.Link, { 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
+var import_icons_material2 = require("@mui/icons-material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react6 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var PhraseHeaderBox = ({ children, conditional, ...props }) => {
+  const state = (0, import_react6.useMemo)(() => {
+    switch (conditional) {
+      case true: {
+        return "success";
+      }
+      case false: {
+        return "error";
+      }
+      default: {
+        return null;
+      }
+    }
+  }, [conditional]);
+  const Icon = (0, import_react6.useMemo)(() => {
+    switch (state) {
+      case "success": {
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons_material2.CheckCircleOutline, { fontSize: "small", color: "success" });
+      }
+      case "error": {
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons_material2.HighlightOff, { fontSize: "small", color: "error" });
+      }
+      default: {
+        return null;
+      }
+    }
+  }, [state]);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_flexbox.FlexRow, { justifyContent: "start", columnGap: 1, ...props, children: [
+    Icon,
+    children
+  ] });
+};
+
+// src/components/SeedPhrase/dialog/components/fields/NewPhraseTextField.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var NewPhraseTextField = ({ children, disableColor, ...props }) => {
+  const { phrase, setPhrase, validPhrase } = useSeedPhrase();
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.FormControl, { fullWidth: true, size: "small", sx: { display: "flex", flexDirection: "column", rowGap: 1 }, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      import_material7.TextField,
+      {
+        focused: true,
+        color: disableColor ? void 0 : colorParser(validPhrase),
+        error: validPhrase === false,
+        helperText: validPhrase === false ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InvalidPhraseTypography, {}) : null,
+        fullWidth: true,
+        maxRows: Number.POSITIVE_INFINITY,
+        multiline: true,
+        onChange: (e) => setPhrase == null ? void 0 : setPhrase(e.target.value),
+        value: phrase,
+        ...props
+      }
+    )
+  ] }) });
+};
+
+// src/components/SeedPhrase/dialog/components/fields/PhraseDialogActions.tsx
+var import_material8 = require("@mui/material");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var PhraseDialogActions = () => {
+  const { handleClear, handleGenerate, overwriteWarning } = useSeedPhrase();
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material8.DialogActions, { sx: { justifyContent: "center" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.Button, { disabled: overwriteWarning, variant: "outlined", onClick: handleGenerate, children: "Generate" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.Button, { variant: "outlined", onClick: handleClear, children: "Clear" })
+  ] });
+};
+
+// src/components/SeedPhrase/dialog/components/fields/SavedPhraseTextField.tsx
+var import_material9 = require("@mui/material");
+var import_react7 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var SavedPhraseTextField = ({ fullWidth, showPhraseHeader, ...props }) => {
+  const { validSeedPhrase, seedPhrase } = useSeedPhrase();
+  const [visible, setVisible] = (0, import_react7.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material9.FormControl, { fullWidth, size: "small", sx: { display: "flex", flexDirection: "column", rowGap: 1 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material9.Chip, { label: visible ? "Hide Saved Seed Phrase" : "Reveal Saved Seed Phrase", onClick: () => setVisible(!visible), sx: { alignSelf: "center" } }),
+    visible ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+      showPhraseHeader ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material9.FormLabel, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PhraseHeaderBox, { conditional: validSeedPhrase, children: "Saved Seed Phrase" }) }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        import_material9.TextField,
+        {
+          defaultValue: seedPhrase,
+          disabled: true,
+          error: validSeedPhrase === false,
+          helperText: validSeedPhrase === false ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(InvalidPhraseTypography, {}) : null,
+          fullWidth: true,
+          maxRows: Number.POSITIVE_INFINITY,
+          multiline: true,
+          ...props
+        }
+      )
+    ] }) : null
+  ] });
+};
+
+// src/components/SeedPhrase/dialog/components/OverwriteWarning.tsx
+var import_material10 = require("@mui/material");
+var import_react_flexbox2 = require("@xylabs/react-flexbox");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var OverwriteWarning = () => {
+  const { handleCancelOverwrite, handleSave } = useSeedPhrase();
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    import_material10.Alert,
+    {
+      variant: "outlined",
+      severity: "warning",
+      action: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_flexbox2.FlexRow, { sx: { columnGap: 1 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material10.Button, { variant: "outlined", color: "inherit", size: "small", onClick: handleSave, children: "Overwrite" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material10.Button, { 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
+var import_material11 = require("@mui/material");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var SeedPhraseDialog = ({ changeSeedPhrase, seedPhrase, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    SeedPhraseProvider,
+    {
+      seedPhrase,
+      handleChangeSeedPhrase: changeSeedPhrase,
+      open: props.open,
+      saveCallback: () => {
+        var _a;
+        return (_a = props.onClose) == null ? void 0 : _a.call(props, {}, "escapeKeyDown");
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SeedPhraseDialogInner, { ...props })
+    }
+  );
+};
+var SeedPhraseDialogInner = (props) => {
+  const { overwriteWarning, seedPhrase, validPhrase } = useSeedPhrase();
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material11.Dialog, { "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description", fullWidth: true, maxWidth: "sm", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material11.DialogTitle, { id: "alert-dialog-title", children: [
+      "Update Your Seed Phrase ",
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SeedPhraseIconButton, {})
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material11.DialogContent, { sx: { display: "flex", flexDirection: "column", rowGap: 2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(NewPhraseTextField, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material11.FormLabel, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PhraseHeaderBox, { conditional: validPhrase, children: "New Seed Phrase" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PhraseDialogActions, {}),
+      seedPhrase ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SavedPhraseTextField, {}) : null,
+      overwriteWarning ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(OverwriteWarning, {}) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogActionButtons, { onClose: props.onClose })
+  ] });
+};
+
+// src/components/SeedPhrase/settings/SeedPhraseTableRow.tsx
+var import_icons_material3 = require("@mui/icons-material");
+var import_material12 = require("@mui/material");
+var import_react8 = require("react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var SeedPhraseTableRow = ({ changeSeedPhrase, seedPhrase, ...props }) => {
+  const [open, setOpen] = (0, import_react8.useState)(false);
+  const handleOpen = () => {
+    setOpen(true);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material12.TableRow, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material12.TableCell, { children: [
+      "Seed Phrase ",
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SeedPhraseIconButton, {})
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material12.TableCell, { align: "center", children: seedPhrase ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons_material3.RadioButtonChecked, { color: "success" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons_material3.Cancel, { color: "error" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material12.TableCell, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SeedPhraseDialog, { changeSeedPhrase, open, onClose: () => setOpen(false), seedPhrase }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material12.ButtonGroup, { fullWidth: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material12.Button, { variant: "contained", size: "small", onClick: handleOpen, children: "Update" }) })
+    ] })
+  ] });
+};
+
+// src/components/WalletAccountDetails/WalletAccountDetails.tsx
+var import_eth_address = require("@xylabs/eth-address");
+var import_react_crypto = require("@xylabs/react-crypto");
+var import_react_flexbox3 = require("@xylabs/react-flexbox");
+var import_react_number_status = require("@xylabs/react-number-status");
+var import_react_network = require("@xyo-network/react-network");
+
+// src/hooks/useAccount.ts
+var import_react_promise3 = require("@xylabs/react-promise");
+var import_react9 = require("react");
+var useAccount = ({ wallet, account, index, required = false } = {}) => {
+  const walletContextProvided = useWalletProvided();
+  const [validationError, setValidationError] = (0, import_react9.useState)();
+  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] = (0, import_react9.useState)();
+  const [rootWallet] = useRootWallet(!wallet && required);
+  const { activeAccountIndex } = useWalletContext(false);
+  const [activeAccount] = (0, import_react_promise3.usePromise)(async () => {
+    var _a, _b;
+    try {
+      if (!validationError) {
+        if (wallet) {
+          return await ((_a = wallet == null ? void 0 : wallet.derivePath) == null ? void 0 : _a.call(wallet, `${index ?? 0}'\0`));
+        } else if (rootWallet) {
+          return await ((_b = rootWallet == null ? void 0 : rootWallet.derivePath) == null ? void 0 : _b.call(rootWallet, `${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
+var import_react_promise4 = require("@xylabs/react-promise");
+var import_account = require("@xyo-network/account");
+var import_react10 = require("react");
+var useWallet = ({ mnemonic, wallet, path, required = false, seed } = {}) => {
+  const walletContextProvided = useWalletContext(false);
+  const [error, setError] = (0, import_react10.useState)();
+  const [contextAccount] = useSelectedWalletAccount(!wallet && required);
+  const [activeAccount] = (0, import_react_promise4.usePromise)(async () => {
+    var _a;
+    try {
+      const newAccount = await (() => {
+        if (wallet) {
+          return wallet;
+        } else if (mnemonic) {
+          return import_account.HDWallet.fromPhrase(mnemonic);
+        } else if (seed) {
+          return import_account.HDWallet.fromSeed(seed);
+        }
+        return contextAccount;
+      })();
+      return path ? (_a = newAccount == null ? void 0 : newAccount.derivePath) == null ? void 0 : _a.call(newAccount, path) : newAccount ?? wallet;
+    } catch (ex) {
+      setError(ex);
+    }
+  }, [mnemonic, contextAccount, seed, path, wallet]);
+  return [activeAccount ?? (walletContextProvided ? null : activeAccount), error];
+};
+
+// src/hooks/useWallets.ts
+var import_react_promise5 = require("@xylabs/react-promise");
+var useWallets = ({ wallet, paths }) => {
+  const walletContextProvided = useWalletContext(false);
+  const [foundWallet] = useWallet({ wallet });
+  const [wallets, error] = (0, import_react_promise5.usePromise)(
+    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
+var import_react_promise6 = require("@xylabs/react-promise");
+var import_account2 = require("@xyo-network/account");
+var import_async_mutex = require("async-mutex");
+var globalWrapperWallet;
+var globalWrapperWalletMutex = new import_async_mutex.Mutex();
+var useWrapperAccount = (account) => {
+  return (0, import_react_promise6.usePromise)(async () => {
+    return await globalWrapperWalletMutex.runExclusive(async () => {
+      if (account !== void 0) {
+        return account;
+      }
+      if (globalWrapperWallet) {
+        return globalWrapperWallet;
+      }
+      try {
+        globalWrapperWallet = await import_account2.HDWallet.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
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var WalletAccountDetails = ({ exploreUrl = "https://explore.xyo.network", account, ...props }) => {
+  const [accountToUse] = useAccount({ account });
+  const { network } = (0, import_react_network.useNetwork)();
+  const exploreAddressUrl = `${exploreUrl}/recent?account=${accountToUse == null ? void 0 : accountToUse.address}&network=${(network == null ? void 0 : network.name) ?? "main"}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_flexbox3.FlexCol, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_crypto.EthAccountButton, { address: import_eth_address.EthAddress.fromString(accountToUse == null ? void 0 : accountToUse.address) }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_flexbox3.FlexRow, { gap: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_number_status.NumberStatus, { rounded: true, title: "Tokens", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.tokens`, target: "_blank" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_number_status.NumberStatus, { rounded: true, title: "NFTs", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.nfts`, target: "_blank" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_number_status.NumberStatus, { rounded: true, title: "Signatures", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signatures`, target: "_blank" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_number_status.NumberStatus, { rounded: true, title: "Signins", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signins`, target: "_blank" })
+    ] })
+  ] });
+};
+
+// src/components/WalletAccountSelect/Select.tsx
+var import_material13 = require("@mui/material");
+var import_react_select = require("@xylabs/react-select");
+var import_react_address_render = require("@xyo-network/react-address-render");
+var import_jsx_runtime17 = require("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__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, { children: rootWallet ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_react_select.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__ */ (0, import_jsx_runtime17.jsx)(import_material13.MenuItem, { value: selectedAccountIndex, sx: { minHeight: 0, paddingBottom: 0, paddingTop: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            import_react_address_render.AddressRenderRowBox,
+            {
+              disableSharedRef: true,
+              flexGrow: 1,
+              address: selectedAccount == null ? void 0 : selectedAccount.address,
+              iconOnly,
+              iconSize,
+              icons,
+              name: customName,
+              favorite,
+              showFavorite
+            }
+          ) });
+        };
+        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Item, {});
+      },
+      value: activeAccountIndex,
+      onChange: (event) => setActiveAccountIndex == null ? void 0 : 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__ */ (0, import_jsx_runtime17.jsx)(import_material13.MenuItem, { value: index, sx: { minHeight: 0, paddingBottom: 0, paddingTop: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            import_react_address_render.AddressRenderRowBox,
+            {
+              disableSharedRef: true,
+              flexGrow: 1,
+              address: account == null ? void 0 : account.address,
+              favorite,
+              iconOnly,
+              iconSize,
+              icons,
+              name: customName,
+              showFavorite
+            }
+          ) }, account == null ? void 0 : account.address);
+        };
+        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Item, {}, index);
+      })
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material13.CircularProgress, { size: 24 }) });
+};
+
+// src/components/WalletAccountSelect/SelectBar.tsx
+var import_react_flexbox4 = require("@xylabs/react-flexbox");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var WalletAccountSelectBar = ({
+  addressNames = {},
+  iconOnly,
+  iconSize,
+  icons,
+  maxAccounts = 1,
+  showFavorite = false,
+  size = "small",
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_flexbox4.FlexCol, { alignItems: "stretch", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    WalletAccountSelect,
+    {
+      addressNames,
+      fullWidth: true,
+      showFavorite,
+      iconSize,
+      iconOnly,
+      icons,
+      maxAccounts,
+      size: size ?? "small",
+      variant: "outlined"
+    }
+  ) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  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.cjs.map