@xyo-network/react-wallet 2.56.0 → 2.56.2

package/dist/esm/hooks/index.js

@@ -1,4 +1,5 @@
 export * from './useAccount';
 export * from './useWallet';
 export * from './useWallets';
+export * from './useWrapperWallet';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA"}

package/dist/esm/hooks/useWallet.js

@@ -20,7 +20,6 @@ export const useWallet = ({ mnemonic, wallet, path, required = false, seed } = {
                 return contextAccount;
             })();
             if (path) {
-                console.log(`path: ${path}`);
                 return newAccount?.derivePath?.(path);
             }
             else {

package/dist/esm/hooks/useWallet.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWallet.js","sourceRoot":"","sources":["../../../src/hooks/useWallet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAG/C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AAUtD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,IAAI,KAAuB,EAAE,EAGjG,EAAE;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAS,CAAA;IAC3C,MAAM,CAAC,cAAc,CAAC,GAAG,wBAAwB,CAAC,CAAC,MAAM,IAAI,QAAQ,CAAC,CAAA;IACtE,MAAM,CAAC,aAAa,CAAC,GAAG,UAAU,CAAC,KAAK,IAAI,EAAE;QAC5C,IAAI;YACF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,EAAE;gBAC7B,IAAI,MAAM,EAAE;oBACV,OAAO,MAAM,CAAA;iBACd;qBAAM,IAAI,QAAQ,EAAE;oBACnB,OAAO,QAAQ,CAAC,YAAY,CAAC,QAAkB,CAAC,CAAA;iBACjD;qBAAM,IAAI,IAAI,EAAE;oBACf,OAAO,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;iBAC/B;gBACD,OAAO,cAAc,CAAA;YACvB,CAAC,CAAC,EAAE,CAAA;YAEJ,IAAI,IAAI,EAAE;gBACR,OAAO,CAAC,GAAG,CAAC,SAAS,IAAI,EAAE,CAAC,CAAA;gBAC5B,OAAO,UAAU,EAAE,UAAU,EAAE,CAAC,IAAI,CAAC,CAAA;aACtC;iBAAM;gBACL,OAAO,UAAU,IAAI,MAAM,CAAA;aAC5B;SACF;QAAC,OAAO,EAAE,EAAE;YACX,QAAQ,CAAC,EAAW,CAAC,CAAA;SACtB;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAA;IAClD,OAAO,CAAC,aAAa,EAAE,KAAK,CAAC,CAAA;AAC/B,CAAC,CAAA"}
+{"version":3,"file":"useWallet.js","sourceRoot":"","sources":["../../../src/hooks/useWallet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAG/C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AAUtD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,IAAI,KAAuB,EAAE,EAGjG,EAAE;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAS,CAAA;IAC3C,MAAM,CAAC,cAAc,CAAC,GAAG,wBAAwB,CAAC,CAAC,MAAM,IAAI,QAAQ,CAAC,CAAA;IACtE,MAAM,CAAC,aAAa,CAAC,GAAG,UAAU,CAAC,KAAK,IAAI,EAAE;QAC5C,IAAI;YACF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,EAAE;gBAC7B,IAAI,MAAM,EAAE;oBACV,OAAO,MAAM,CAAA;iBACd;qBAAM,IAAI,QAAQ,EAAE;oBACnB,OAAO,QAAQ,CAAC,YAAY,CAAC,QAAkB,CAAC,CAAA;iBACjD;qBAAM,IAAI,IAAI,EAAE;oBACf,OAAO,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;iBAC/B;gBACD,OAAO,cAAc,CAAA;YACvB,CAAC,CAAC,EAAE,CAAA;YAEJ,IAAI,IAAI,EAAE;gBACR,OAAO,UAAU,EAAE,UAAU,EAAE,CAAC,IAAI,CAAC,CAAA;aACtC;iBAAM;gBACL,OAAO,UAAU,IAAI,MAAM,CAAA;aAC5B;SACF;QAAC,OAAO,EAAE,EAAE;YACX,QAAQ,CAAC,EAAW,CAAC,CAAA;SACtB;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAA;IAClD,OAAO,CAAC,aAAa,EAAE,KAAK,CAAC,CAAA;AAC/B,CAAC,CAAA"}

package/dist/esm/hooks/useWrapperWallet.js

@@ -0,0 +1,24 @@
+import { usePromise } from '@xylabs/react-promise';
+import { HDWallet } from '@xyo-network/account';
+import { Mutex } from 'async-mutex';
+let globalWrapperWallet = undefined;
+const globalWrapperWalletMutex = new Mutex();
+export const useWrapperWallet = () => {
+    const [wallet] = usePromise(async () => {
+        return await globalWrapperWalletMutex.runExclusive(async () => {
+            if (globalWrapperWallet) {
+                return globalWrapperWallet;
+            }
+            try {
+                globalWrapperWallet = await HDWallet.random();
+            }
+            catch (ex) {
+                const error = ex;
+                console.error(`Wrapper Wallet Creation Failed: ${error.message}`);
+            }
+            return globalWrapperWallet;
+        });
+    }, []);
+    return wallet;
+};
+//# sourceMappingURL=useWrapperWallet.js.map

package/dist/esm/hooks/useWrapperWallet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWrapperWallet.js","sourceRoot":"","sources":["../../../src/hooks/useWrapperWallet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAEnC,IAAI,mBAAmB,GAA+B,SAAS,CAAA;AAC/D,MAAM,wBAAwB,GAAG,IAAI,KAAK,EAAE,CAAA;AAE5C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAA+B,EAAE;IAC/D,MAAM,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,KAAK,IAAI,EAAE;QACrC,OAAO,MAAM,wBAAwB,CAAC,YAAY,CAAC,KAAK,IAAI,EAAE;YAC5D,IAAI,mBAAmB,EAAE;gBACvB,OAAO,mBAAmB,CAAA;aAC3B;YACD,IAAI;gBACF,mBAAmB,GAAG,MAAM,QAAQ,CAAC,MAAM,EAAE,CAAA;aAC9C;YAAC,OAAO,EAAE,EAAE;gBACX,MAAM,KAAK,GAAG,EAAW,CAAA;gBACzB,OAAO,CAAC,KAAK,CAAC,mCAAmC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;aAClE;YACD,OAAO,mBAAmB,CAAA;QAC5B,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,OAAO,MAAM,CAAA;AACf,CAAC,CAAA"}

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

@@ -1,4 +1,5 @@
 export * from './useAccount';
 export * from './useWallet';
 export * from './useWallets';
+export * from './useWrapperWallet';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA"}

package/dist/types/hooks/useWallet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWallet.d.ts","sourceRoot":"","sources":["../../../src/hooks/useWallet.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAK1D,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB;AAED,eAAO,MAAM,SAAS,gDAAwD,gBAAgB,KAAQ;IACpG,cAAc,GAAG,SAAS;IAC1B,KAAK,GAAG,SAAS;CA4BlB,CAAA"}
+{"version":3,"file":"useWallet.d.ts","sourceRoot":"","sources":["../../../src/hooks/useWallet.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAK1D,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB;AAED,eAAO,MAAM,SAAS,gDAAwD,gBAAgB,KAAQ;IACpG,cAAc,GAAG,SAAS;IAC1B,KAAK,GAAG,SAAS;CA2BlB,CAAA"}

package/dist/types/hooks/useWrapperWallet.d.ts

@@ -0,0 +1,3 @@
+import { WalletInstance } from '@xyo-network/wallet-model';
+export declare const useWrapperWallet: () => WalletInstance | undefined;
+//# sourceMappingURL=useWrapperWallet.d.ts.map

package/dist/types/hooks/useWrapperWallet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWrapperWallet.d.ts","sourceRoot":"","sources":["../../../src/hooks/useWrapperWallet.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAM1D,eAAO,MAAM,gBAAgB,QAAO,cAAc,GAAG,SAgBpD,CAAA"}

package/package.json

@@ -14,18 +14,21 @@
     "@xylabs/react-button": "^2.17.6",
     "@xylabs/react-crypto": "^2.17.6",
     "@xylabs/react-flexbox": "^2.17.6",
+    "@xylabs/react-identicon": "^2.17.6",
     "@xylabs/react-number-status": "^2.17.6",
     "@xylabs/react-promise": "^2.17.6",
+    "@xylabs/react-quick-tip-button": "^2.17.6",
     "@xylabs/react-select": "^2.17.6",
     "@xylabs/react-shared": "^2.17.6",
-    "@xyo-network/account": "^2.64.0",
-    "@xyo-network/account-model": "^2.64.0",
-    "@xyo-network/bip39": "^2.64.0",
-    "@xyo-network/core": "^2.64.0",
-    "@xyo-network/react-address-render": "^2.56.0",
-    "@xyo-network/react-network": "^2.56.0",
-    "@xyo-network/react-shared": "^2.56.0",
-    "@xyo-network/wallet-model": "^2.64.0"
+    "@xyo-network/account": "^2.64.1",
+    "@xyo-network/account-model": "^2.64.1",
+    "@xyo-network/bip39": "^2.64.1",
+    "@xyo-network/core": "^2.64.1",
+    "@xyo-network/react-address-render": "^2.56.2",
+    "@xyo-network/react-network": "^2.56.2",
+    "@xyo-network/react-shared": "^2.56.2",
+    "@xyo-network/wallet-model": "^2.64.1",
+    "async-mutex": "^0.4.0"
   },
   "peerDependencies": {
     "@mui/icons-material": "^5",
@@ -39,9 +42,9 @@
   "description": "Common React library for all XYO projects that use React",
   "devDependencies": {
     "@storybook/react": "^7.0.24",
-    "@xylabs/ts-scripts-yarn3": "^2.17.17",
-    "@xylabs/tsconfig-react": "^2.17.17",
-    "@xyo-network/react-storybook": "^2.56.0",
+    "@xylabs/ts-scripts-yarn3": "^2.18.2",
+    "@xylabs/tsconfig-react": "^2.18.2",
+    "@xyo-network/react-storybook": "^2.56.2",
     "typescript": "^5.1.6"
   },
   "browser": "dist/esm/index.js",
@@ -86,5 +89,5 @@
   },
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
-  "version": "2.56.0"
+  "version": "2.56.2"
 }

package/src/hooks/index.ts

@@ -1,3 +1,4 @@
 export * from './useAccount'
 export * from './useWallet'
 export * from './useWallets'
+export * from './useWrapperWallet'

package/src/hooks/useWallet.tsx

@@ -34,7 +34,6 @@ export const useWallet = ({ mnemonic, wallet, path, required = false, seed }: Wa
       })()
 
       if (path) {
-        console.log(`path: ${path}`)
         return newAccount?.derivePath?.(path)
       } else {
         return newAccount ?? wallet

package/src/hooks/useWrapperWallet.tsx

@@ -0,0 +1,25 @@
+import { usePromise } from '@xylabs/react-promise'
+import { HDWallet } from '@xyo-network/account'
+import { WalletInstance } from '@xyo-network/wallet-model'
+import { Mutex } from 'async-mutex'
+
+let globalWrapperWallet: WalletInstance | undefined = undefined
+const globalWrapperWalletMutex = new Mutex()
+
+export const useWrapperWallet = (): WalletInstance | undefined => {
+  const [wallet] = usePromise(async () => {
+    return await globalWrapperWalletMutex.runExclusive(async () => {
+      if (globalWrapperWallet) {
+        return globalWrapperWallet
+      }
+      try {
+        globalWrapperWallet = await HDWallet.random()
+      } catch (ex) {
+        const error = ex as Error
+        console.error(`Wrapper Wallet Creation Failed: ${error.message}`)
+      }
+      return globalWrapperWallet
+    })
+  }, [])
+  return wallet
+}