@xyo-network/react-wallet 2.56.1 → 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/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/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

@@ -24,10 +24,11 @@
     "@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.1",
-    "@xyo-network/react-network": "^2.56.1",
-    "@xyo-network/react-shared": "^2.56.1",
-    "@xyo-network/wallet-model": "^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",
@@ -41,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.1",
+    "@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",
@@ -88,5 +89,5 @@
   },
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
-  "version": "2.56.1"
+  "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/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
+}