@xyo-network/react-wallet 2.55.0 → 2.55.2

package/dist/esm/components/WalletAccountDetails/WalletAccountDetails.js

@@ -5,10 +5,10 @@ import { FlexCol, FlexRow } from '@xylabs/react-flexbox';
 import { NumberStatus } from '@xylabs/react-number-status';
 import { useNetwork } from '@xyo-network/react-network';
 import { useAccount } from '../../hooks';
-export const WalletAccountDetails = ({ exploreUrl = 'https://explore.xyo.network', account: accountProp, ...props }) => {
-    const [account = accountProp] = useAccount();
+export const WalletAccountDetails = ({ exploreUrl = 'https://explore.xyo.network', account, ...props }) => {
+    const [accountToUse] = useAccount({ account });
     const { network } = useNetwork();
-    const exploreAddressUrl = `${exploreUrl}/recent?account=${account?.address}&network=${network?.name ?? 'main'}`;
-    return (_jsxs(FlexCol, { ...props, children: [_jsx(EthAccountButton, { address: EthAddress.fromString(account?.address) }), _jsxs(FlexRow, { gap: 1, children: [_jsx(NumberStatus, { rounded: true, title: "Tokens", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.tokens`, target: "_blank" }), _jsx(NumberStatus, { rounded: true, title: "NFTs", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.nfts`, target: "_blank" }), _jsx(NumberStatus, { rounded: true, title: "Signatures", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signatures`, target: "_blank" }), _jsx(NumberStatus, { rounded: true, title: "Signins", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signins`, target: "_blank" })] })] }));
+    const exploreAddressUrl = `${exploreUrl}/recent?account=${accountToUse?.address}&network=${network?.name ?? 'main'}`;
+    return (_jsxs(FlexCol, { ...props, children: [_jsx(EthAccountButton, { address: EthAddress.fromString(accountToUse?.address) }), _jsxs(FlexRow, { gap: 1, children: [_jsx(NumberStatus, { rounded: true, title: "Tokens", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.tokens`, target: "_blank" }), _jsx(NumberStatus, { rounded: true, title: "NFTs", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.nfts`, target: "_blank" }), _jsx(NumberStatus, { rounded: true, title: "Signatures", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signatures`, target: "_blank" }), _jsx(NumberStatus, { rounded: true, title: "Signins", value: 0, to: `${exploreAddressUrl}&schema=network.xyo.account.signins`, target: "_blank" })] })] }));
 };
 //# sourceMappingURL=WalletAccountDetails.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WalletAccountDetails.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountDetails/WalletAccountDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAgB,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAE1D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAOxC,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,EACxE,UAAU,GAAG,6BAA6B,EAC1C,OAAO,EAAE,WAAW,EACpB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,GAAG,WAAW,CAAC,GAAG,UAAU,EAAE,CAAA;IAC5C,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAChC,MAAM,iBAAiB,GAAG,GAAG,UAAU,mBAAmB,OAAO,EAAE,OAAO,YAAY,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,CAAA;IAE/G,OAAO,CACL,MAAC,OAAO,OAAK,KAAK,aAChB,KAAC,gBAAgB,IAAC,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,GAAI,EACtE,MAAC,OAAO,IAAC,GAAG,EAAE,CAAC,aACb,KAAC,YAAY,IAAC,OAAO,QAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,iBAAiB,oCAAoC,EAAE,MAAM,EAAC,QAAQ,GAAG,EAC/H,KAAC,YAAY,IAAC,OAAO,QAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,iBAAiB,kCAAkC,EAAE,MAAM,EAAC,QAAQ,GAAG,EAC3H,KAAC,YAAY,IAAC,OAAO,QAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,iBAAiB,wCAAwC,EAAE,MAAM,EAAC,QAAQ,GAAG,EACvI,KAAC,YAAY,IAAC,OAAO,QAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,iBAAiB,qCAAqC,EAAE,MAAM,EAAC,QAAQ,GAAG,IACzH,IACF,CACX,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"WalletAccountDetails.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountDetails/WalletAccountDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAgB,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAGvD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAOxC,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,EAAE,UAAU,GAAG,6BAA6B,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC7I,MAAM,CAAC,YAAY,CAAC,GAAG,UAAU,CAAC,EAAE,OAAO,EAAE,CAAC,CAAA;IAC9C,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAChC,MAAM,iBAAiB,GAAG,GAAG,UAAU,mBAAmB,YAAY,EAAE,OAAO,YAAY,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,CAAA;IAEpH,OAAO,CACL,MAAC,OAAO,OAAK,KAAK,aAChB,KAAC,gBAAgB,IAAC,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC,YAAY,EAAE,OAAO,CAAC,GAAI,EAC3E,MAAC,OAAO,IAAC,GAAG,EAAE,CAAC,aACb,KAAC,YAAY,IAAC,OAAO,QAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,iBAAiB,oCAAoC,EAAE,MAAM,EAAC,QAAQ,GAAG,EAC/H,KAAC,YAAY,IAAC,OAAO,QAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,iBAAiB,kCAAkC,EAAE,MAAM,EAAC,QAAQ,GAAG,EAC3H,KAAC,YAAY,IAAC,OAAO,QAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,iBAAiB,wCAAwC,EAAE,MAAM,EAAC,QAAQ,GAAG,EACvI,KAAC,YAAY,IAAC,OAAO,QAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,iBAAiB,qCAAqC,EAAE,MAAM,EAAC,QAAQ,GAAG,IACzH,IACF,CACX,CAAA;AACH,CAAC,CAAA"}

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { FlexBoxProps } from '@xylabs/react-flexbox';
-import { Account } from '@xyo-network/account';
+import { WalletInstance } from '@xyo-network/wallet-model';
 export interface WalletAccountDetailsProps extends FlexBoxProps {
-    account?: Account;
+    account?: WalletInstance;
     exploreUrl?: string;
 }
 export declare const WalletAccountDetails: React.FC<WalletAccountDetailsProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"WalletAccountDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/WalletAccountDetails/WalletAccountDetails.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAoB,MAAM,uBAAuB,CAAA;AAEtE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAK9C,MAAM,WAAW,yBAA0B,SAAQ,YAAY;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAoBpE,CAAA"}
+{"version":3,"file":"WalletAccountDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/WalletAccountDetails/WalletAccountDetails.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAoB,MAAM,uBAAuB,CAAA;AAGtE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAI1D,MAAM,WAAW,yBAA0B,SAAQ,YAAY;IAC7D,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAgBpE,CAAA"}

package/package.json

@@ -19,12 +19,12 @@
     "@xylabs/react-number-status": "^2.17.3",
     "@xylabs/react-select": "^2.17.3",
     "@xylabs/react-shared": "^2.17.3",
-    "@xyo-network/account": "^2.63.1",
-    "@xyo-network/core": "^2.63.1",
-    "@xyo-network/react-address-render": "^2.55.0",
-    "@xyo-network/react-network": "^2.55.0",
-    "@xyo-network/react-shared": "^2.55.0",
-    "@xyo-network/wallet-model": "^2.63.1"
+    "@xyo-network/account": "^2.63.2",
+    "@xyo-network/core": "^2.63.2",
+    "@xyo-network/react-address-render": "^2.55.2",
+    "@xyo-network/react-network": "^2.55.2",
+    "@xyo-network/react-shared": "^2.55.2",
+    "@xyo-network/wallet-model": "^2.63.2"
   },
   "peerDependencies": {
     "@mui/icons-material": "^5",
@@ -40,7 +40,7 @@
     "@storybook/react": "^7.0.23",
     "@xylabs/ts-scripts-yarn3": "^2.17.17",
     "@xylabs/tsconfig-react": "^2.17.17",
-    "@xyo-network/react-storybook": "^2.55.0",
+    "@xyo-network/react-storybook": "^2.55.2",
     "typescript": "^5.1.3"
   },
   "browser": "dist/esm/index.js",
@@ -85,5 +85,5 @@
   },
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
-  "version": "2.55.0"
+  "version": "2.55.2"
 }

package/src/components/WalletAccountDetails/WalletAccountDetails.tsx

@@ -2,28 +2,24 @@ import { EthAddress } from '@xylabs/eth-address'
 import { EthAccountButton } from '@xylabs/react-crypto'
 import { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'
 import { NumberStatus } from '@xylabs/react-number-status'
-import { Account } from '@xyo-network/account'
 import { useNetwork } from '@xyo-network/react-network'
+import { WalletInstance } from '@xyo-network/wallet-model'
 
 import { useAccount } from '../../hooks'
 
 export interface WalletAccountDetailsProps extends FlexBoxProps {
-  account?: Account
+  account?: WalletInstance
   exploreUrl?: string
 }
 
-export const WalletAccountDetails: React.FC<WalletAccountDetailsProps> = ({
-  exploreUrl = 'https://explore.xyo.network',
-  account: accountProp,
-  ...props
-}) => {
-  const [account = accountProp] = useAccount()
+export const WalletAccountDetails: React.FC<WalletAccountDetailsProps> = ({ exploreUrl = 'https://explore.xyo.network', account, ...props }) => {
+  const [accountToUse] = useAccount({ account })
   const { network } = useNetwork()
-  const exploreAddressUrl = `${exploreUrl}/recent?account=${account?.address}&network=${network?.name ?? 'main'}`
+  const exploreAddressUrl = `${exploreUrl}/recent?account=${accountToUse?.address}&network=${network?.name ?? 'main'}`
 
   return (
     <FlexCol {...props}>
-      <EthAccountButton address={EthAddress.fromString(account?.address)} />
+      <EthAccountButton address={EthAddress.fromString(accountToUse?.address)} />
       <FlexRow gap={1}>
         <NumberStatus rounded title="Tokens" value={0} to={`${exploreAddressUrl}&schema=network.xyo.account.tokens`} target="_blank" />
         <NumberStatus rounded title="NFTs" value={0} to={`${exploreAddressUrl}&schema=network.xyo.account.nfts`} target="_blank" />

package/src/components/WalletAccountSelect/WalletAccountSelectBar.stories.tsx

@@ -35,12 +35,12 @@ const WithWalletTemplate: StoryFn<typeof WalletAccountSelectBar> = (args) => {
 const WithFavoritesTemplate: StoryFn<typeof WalletAccountSelectBar> = (args) => {
   const [defaultWallet] = usePromise(() => HDWallet.fromMnemonic(DefaultSeedPhrase))
   const [wallets] = useAccounts({ account: defaultWallet, paths: ['0', '3', '5'] })
-  const castWallets = wallets as WalletInstance[]
+  const castWallets = wallets as WalletInstance[] | undefined
   return (
     <WalletProvider defaultWallet={defaultWallet}>
       <WalletAccountSelectBar
         addressNames={
-          wallets
+          castWallets
             ? {
                 [castWallets[0]?.address]: 'first address',
                 [castWallets[1]?.address]: undefined,