@xyo-network/react-module 2.56.1 → 2.56.2

package/dist/cjs/components/Card/Diviner/CardContent.js

@@ -5,8 +5,8 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Module_1 = require("../Module");
 const DivinerCardContent = (_a) => {
-    var { children, module } = _a, props = tslib_1.__rest(_a, ["children", "module"]);
-    return ((0, jsx_runtime_1.jsx)(Module_1.ModuleCardContent, Object.assign({ module: module }, props, { children: children })));
+    var { children } = _a, props = tslib_1.__rest(_a, ["children"]);
+    return (0, jsx_runtime_1.jsx)(Module_1.ModuleCardContent, Object.assign({}, props, { children: children }));
 };
 exports.DivinerCardContent = DivinerCardContent;
 //# sourceMappingURL=CardContent.js.map

package/dist/cjs/components/Card/Diviner/CardContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardContent.tsx"],"names":[],"mappings":";;;;;AAIA,sCAA6C;AAEtC,MAAM,kBAAkB,GAAkE,CAAC,EAA8B,EAAE,EAAE;QAAlC,EAAE,QAAQ,EAAE,MAAM,OAAY,EAAP,KAAK,sBAA5B,sBAA8B,CAAF;IAC5H,OAAO,CACL,uBAAC,0BAAiB,kBAAC,MAAM,EAAE,MAAM,IAAM,KAAK,cACzC,QAAQ,IACS,CACrB,CAAA;AACH,CAAC,CAAA;AANY,QAAA,kBAAkB,sBAM9B"}
+{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardContent.tsx"],"names":[],"mappings":";;;;;AAIA,sCAA6C;AAEtC,MAAM,kBAAkB,GAAkE,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAApB,YAAsB,CAAF;IACpH,OAAO,uBAAC,0BAAiB,oBAAK,KAAK,cAAG,QAAQ,IAAqB,CAAA;AACrE,CAAC,CAAA;AAFY,QAAA,kBAAkB,sBAE9B"}

package/dist/cjs/components/Card/Module/CardActions.js

@@ -6,13 +6,13 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const react_button_1 = require("@xylabs/react-button");
 const react_flexbox_1 = require("@xylabs/react-flexbox");
-const module_1 = require("@xyo-network/module");
 const react_1 = require("react");
+const hooks_1 = require("../../../hooks");
 const components_1 = require("./components");
 const ModuleCardActions = (_a) => {
     var { children, module, sx } = _a, props = tslib_1.__rest(_a, ["children", "module", "sx"]);
     const [discoverDialogOpen, setDiscoverDialogOpen] = (0, react_1.useState)(false);
-    const wrapper = module ? module_1.ModuleWrapper.wrap(module) : undefined;
+    const [wrapper] = (0, hooks_1.useWrappedModule)(module);
     const config = wrapper === null || wrapper === void 0 ? void 0 : wrapper.config;
     return ((0, jsx_runtime_1.jsxs)(material_1.CardActions, Object.assign({ sx: Object.assign({ alignItems: 'stretch', flexDirection: 'column', ml: 1 }, sx) }, props, { children: [(0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowRow, { justifyContent: "space-between", alignItems: "center", children: [wrapper ? (0, jsx_runtime_1.jsx)(material_1.Chip, { label: config === null || config === void 0 ? void 0 : config.schema, size: 'small' }) : null, (0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, { onClick: () => setDiscoverDialogOpen(true), size: 'small', variant: 'outlined', children: "Discover" }), (0, jsx_runtime_1.jsx)(components_1.DiscoverDialog, { fullWidth: true, maxWidth: 'md', module: module, open: discoverDialogOpen, setOpen: setDiscoverDialogOpen, wrapper: wrapper })] }), children] })));
 };

package/dist/cjs/components/Card/Module/CardActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardActions.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardActions.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAmE;AACnE,uDAA+C;AAC/C,yDAAmD;AACnD,gDAAmD;AACnD,iCAAgC;AAGhC,6CAA6C;AAEtC,MAAM,iBAAiB,GAAmD,CAAC,EAAkC,EAAE,EAAE;QAAtC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,OAAY,EAAP,KAAK,sBAAhC,4BAAkC,CAAF;IAChH,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACnE,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,sBAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC/D,MAAM,MAAM,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAA;IAE9B,OAAO,CACL,wBAAC,sBAAW,kBAAC,EAAE,kBAAI,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,IAAK,EAAE,KAAQ,KAAK,eAC1F,wBAAC,2BAAW,IAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ,aAC5D,OAAO,CAAC,CAAC,CAAC,uBAAC,eAAI,IAAC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,IAAI,EAChE,uBAAC,uBAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,yBAE7E,EACX,uBAAC,2BAAc,IAAC,SAAS,QAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,EAAE,OAAO,EAAE,qBAAqB,EAAE,OAAO,EAAE,OAAO,GAAI,IAC5H,EACb,QAAQ,KACG,CACf,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,iBAAiB,qBAiB7B"}
+{"version":3,"file":"CardActions.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardActions.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAmE;AACnE,uDAA+C;AAC/C,yDAAmD;AACnD,iCAAgC;AAEhC,0CAAiD;AAEjD,6CAA6C;AAEtC,MAAM,iBAAiB,GAAmD,CAAC,EAAkC,EAAE,EAAE;QAAtC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,OAAY,EAAP,KAAK,sBAAhC,4BAAkC,CAAF;IAChH,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEnE,MAAM,CAAC,OAAO,CAAC,GAAG,IAAA,wBAAgB,EAAC,MAAM,CAAC,CAAA;IAC1C,MAAM,MAAM,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAA;IAE9B,OAAO,CACL,wBAAC,sBAAW,kBAAC,EAAE,kBAAI,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,IAAK,EAAE,KAAQ,KAAK,eAC1F,wBAAC,2BAAW,IAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ,aAC5D,OAAO,CAAC,CAAC,CAAC,uBAAC,eAAI,IAAC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,IAAI,EAChE,uBAAC,uBAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,yBAE7E,EACX,uBAAC,2BAAc,IAAC,SAAS,QAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,EAAE,OAAO,EAAE,qBAAqB,EAAE,OAAO,EAAE,OAAO,GAAI,IAC5H,EACb,QAAQ,KACG,CACf,CAAA;AACH,CAAC,CAAA;AAlBY,QAAA,iBAAiB,qBAkB7B"}

package/dist/cjs/hooks/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useWrappedModule"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,6DAAkC"}

package/dist/cjs/hooks/useWrappedModule.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWrappedModule = exports.WrappedModuleHookFactory = void 0;
+const module_1 = require("@xyo-network/module");
+const react_wallet_1 = require("@xyo-network/react-wallet");
+const react_1 = require("react");
+const WrappedModuleHookFactory = (wrapperObject, name) => {
+    const useHook = (module, wallet, logger) => {
+        logger === null || logger === void 0 ? void 0 : logger.debug(`Render: ${name}`);
+        const wrapperWallet = (0, react_wallet_1.useWrapperWallet)();
+        const [wrapper, setWrapper] = (0, react_1.useState)();
+        const [error, setError] = (0, react_1.useState)();
+        (0, react_1.useEffect)(() => {
+            const walletToUse = wallet || wrapperWallet;
+            if (module && walletToUse) {
+                try {
+                    const wrapper = wrapperObject.wrap(module, walletToUse);
+                    setWrapper(wrapper);
+                    setError(undefined);
+                }
+                catch (ex) {
+                    setWrapper(undefined);
+                    setError(ex);
+                }
+            }
+            else {
+                setWrapper(undefined);
+                setError(undefined);
+            }
+        }, [module, wallet, wrapperWallet]);
+        return [wrapper, error];
+    };
+    return useHook;
+};
+exports.WrappedModuleHookFactory = WrappedModuleHookFactory;
+exports.useWrappedModule = (0, exports.WrappedModuleHookFactory)(module_1.ModuleWrapper, 'useWrappedModule');
+//# sourceMappingURL=useWrappedModule.js.map

package/dist/cjs/hooks/useWrappedModule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWrappedModule.js","sourceRoot":"","sources":["../../../src/hooks/useWrappedModule.tsx"],"names":[],"mappings":";;;AACA,gDAAuF;AACvF,4DAA4D;AAE5D,iCAA2C;AAEpC,MAAM,wBAAwB,GAAG,CACtC,aAAyD,EACzD,IAAa,EACb,EAAE;IACF,MAAM,OAAO,GAAG,CAAC,MAAe,EAAE,MAAuB,EAAE,MAAe,EAAmD,EAAE;QAC7H,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC,CAAA;QAChC,MAAM,aAAa,GAAG,IAAA,+BAAgB,GAAE,CAAA;QAExC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,GAAkB,CAAA;QACxD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAS,CAAA;QAE3C,IAAA,iBAAS,EAAC,GAAG,EAAE;YACb,MAAM,WAAW,GAAG,MAAM,IAAI,aAAa,CAAA;YAC3C,IAAI,MAAM,IAAI,WAAW,EAAE;gBACzB,IAAI;oBACF,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;oBACvD,UAAU,CAAC,OAAO,CAAC,CAAA;oBACnB,QAAQ,CAAC,SAAS,CAAC,CAAA;iBACpB;gBAAC,OAAO,EAAE,EAAE;oBACX,UAAU,CAAC,SAAS,CAAC,CAAA;oBACrB,QAAQ,CAAC,EAAW,CAAC,CAAA;iBACtB;aACF;iBAAM;gBACL,UAAU,CAAC,SAAS,CAAC,CAAA;gBACrB,QAAQ,CAAC,SAAS,CAAC,CAAA;aACpB;QACH,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,CAAA;QAEnC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IACzB,CAAC,CAAA;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AA/BY,QAAA,wBAAwB,4BA+BpC;AAEY,QAAA,gBAAgB,GAAG,IAAA,gCAAwB,EAAC,sBAAa,EAAE,kBAAkB,CAAC,CAAA"}

package/dist/docs.json

@@ -9,52 +9,19 @@
 			"id": 49,
 			"name": "ModuleRenderProps",
 			"variant": "declaration",
-			"kind": 256,
+			"kind": 4194304,
 			"flags": {},
-			"children": [
-				{
-					"id": 50,
-					"name": "module",
-					"variant": "declaration",
-					"kind": 1024,
-					"flags": {
-						"isOptional": true
-					},
-					"sources": [
-						{
-							"fileName": "packages/modules/packages/module/src/ModuleRenderProps.tsx",
-							"line": 4,
-							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/beed2886ed32/packages/modules/packages/module/src/ModuleRenderProps.tsx#L4"
-						}
-					],
-					"type": {
-						"type": "reference",
-						"target": -1,
-						"name": "T",
-						"refersToTypeParameter": true
-					}
-				}
-			],
-			"groups": [
-				{
-					"title": "Properties",
-					"children": [
-						50
-					]
-				}
-			],
 			"sources": [
 				{
 					"fileName": "packages/modules/packages/module/src/ModuleRenderProps.tsx",
 					"line": 3,
-					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/beed2886ed32/packages/modules/packages/module/src/ModuleRenderProps.tsx#L3"
+					"character": 12,
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6ed0ec3c32b6/packages/modules/packages/module/src/ModuleRenderProps.tsx#L3"
 				}
 			],
 			"typeParameters": [
 				{
-					"id": 51,
+					"id": 54,
 					"name": "T",
 					"variant": "typeParam",
 					"kind": 131072,
@@ -78,7 +45,102 @@
 						"package": "@xyo-network/module-model"
 					}
 				}
-			]
+			],
+			"type": {
+				"type": "reflection",
+				"declaration": {
+					"id": 50,
+					"name": "__type",
+					"variant": "declaration",
+					"kind": 65536,
+					"flags": {},
+					"children": [
+						{
+							"id": 51,
+							"name": "address",
+							"variant": "declaration",
+							"kind": 1024,
+							"flags": {
+								"isOptional": true
+							},
+							"sources": [
+								{
+									"fileName": "packages/modules/packages/module/src/ModuleRenderProps.tsx",
+									"line": 4,
+									"character": 2,
+									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6ed0ec3c32b6/packages/modules/packages/module/src/ModuleRenderProps.tsx#L4"
+								}
+							],
+							"type": {
+								"type": "intrinsic",
+								"name": "string"
+							}
+						},
+						{
+							"id": 52,
+							"name": "module",
+							"variant": "declaration",
+							"kind": 1024,
+							"flags": {
+								"isOptional": true
+							},
+							"sources": [
+								{
+									"fileName": "packages/modules/packages/module/src/ModuleRenderProps.tsx",
+									"line": 5,
+									"character": 2,
+									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6ed0ec3c32b6/packages/modules/packages/module/src/ModuleRenderProps.tsx#L5"
+								}
+							],
+							"type": {
+								"type": "reference",
+								"target": -1,
+								"name": "T",
+								"refersToTypeParameter": true
+							}
+						},
+						{
+							"id": 53,
+							"name": "name",
+							"variant": "declaration",
+							"kind": 1024,
+							"flags": {
+								"isOptional": true
+							},
+							"sources": [
+								{
+									"fileName": "packages/modules/packages/module/src/ModuleRenderProps.tsx",
+									"line": 6,
+									"character": 2,
+									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6ed0ec3c32b6/packages/modules/packages/module/src/ModuleRenderProps.tsx#L6"
+								}
+							],
+							"type": {
+								"type": "intrinsic",
+								"name": "string"
+							}
+						}
+					],
+					"groups": [
+						{
+							"title": "Properties",
+							"children": [
+								51,
+								52,
+								53
+							]
+						}
+					],
+					"sources": [
+						{
+							"fileName": "packages/modules/packages/module/src/ModuleRenderProps.tsx",
+							"line": 3,
+							"character": 59,
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6ed0ec3c32b6/packages/modules/packages/module/src/ModuleRenderProps.tsx#L3"
+						}
+					]
+				}
+			}
 		},
 		{
 			"id": 1,
@@ -91,7 +153,7 @@
 					"fileName": "packages/modules/packages/module/src/components/Card/Diviner/Card.tsx",
 					"line": 9,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/beed2886ed32/packages/modules/packages/module/src/components/Card/Diviner/Card.tsx#L9"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6ed0ec3c32b6/packages/modules/packages/module/src/components/Card/Diviner/Card.tsx#L9"
 				}
 			],
 			"signatures": [
@@ -1418,7 +1480,7 @@
 					"fileName": "packages/modules/packages/module/src/components/Card/Diviner/CardContent.tsx",
 					"line": 7,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/beed2886ed32/packages/modules/packages/module/src/components/Card/Diviner/CardContent.tsx#L7"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6ed0ec3c32b6/packages/modules/packages/module/src/components/Card/Diviner/CardContent.tsx#L7"
 				}
 			],
 			"signatures": [
@@ -1645,7 +1707,7 @@
 					"fileName": "packages/modules/packages/module/src/components/Card/Diviner/CardHeader.tsx",
 					"line": 7,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/beed2886ed32/packages/modules/packages/module/src/components/Card/Diviner/CardHeader.tsx#L7"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6ed0ec3c32b6/packages/modules/packages/module/src/components/Card/Diviner/CardHeader.tsx#L7"
 				}
 			],
 			"signatures": [
@@ -1896,7 +1958,7 @@
 					"fileName": "packages/modules/packages/module/src/components/Card/Module/Card.tsx",
 					"line": 8,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/beed2886ed32/packages/modules/packages/module/src/components/Card/Module/Card.tsx#L8"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6ed0ec3c32b6/packages/modules/packages/module/src/components/Card/Module/Card.tsx#L8"
 				}
 			],
 			"signatures": [
@@ -3168,17 +3230,6 @@
 									{
 										"type": "reference",
 										"target": 49,
-										"typeArguments": [
-											{
-												"type": "reference",
-												"target": {
-													"sourceFileName": "../../../../node_modules/@xyo-network/module-model/src/Module.ts",
-													"qualifiedName": "Module"
-												},
-												"name": "Module",
-												"package": "@xyo-network/module-model"
-											}
-										],
 										"name": "ModuleRenderProps",
 										"package": "@xyo-network/react-module"
 									}
@@ -3223,7 +3274,7 @@
 					"fileName": "packages/modules/packages/module/src/components/Card/Module/CardActions.tsx",
 					"line": 10,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/beed2886ed32/packages/modules/packages/module/src/components/Card/Module/CardActions.tsx#L10"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6ed0ec3c32b6/packages/modules/packages/module/src/components/Card/Module/CardActions.tsx#L10"
 				}
 			],
 			"signatures": [
@@ -3262,17 +3313,6 @@
 									{
 										"type": "reference",
 										"target": 49,
-										"typeArguments": [
-											{
-												"type": "reference",
-												"target": {
-													"sourceFileName": "../../../../node_modules/@xyo-network/module-model/src/Module.ts",
-													"qualifiedName": "Module"
-												},
-												"name": "Module",
-												"package": "@xyo-network/module-model"
-											}
-										],
 										"name": "ModuleRenderProps",
 										"package": "@xyo-network/react-module"
 									}
@@ -3317,7 +3357,7 @@
 					"fileName": "packages/modules/packages/module/src/components/Card/Module/CardContent.tsx",
 					"line": 5,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/beed2886ed32/packages/modules/packages/module/src/components/Card/Module/CardContent.tsx#L5"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6ed0ec3c32b6/packages/modules/packages/module/src/components/Card/Module/CardContent.tsx#L5"
 				}
 			],
 			"signatures": [
@@ -3347,17 +3387,6 @@
 									{
 										"type": "reference",
 										"target": 49,
-										"typeArguments": [
-											{
-												"type": "reference",
-												"target": {
-													"sourceFileName": "../../../../node_modules/@xyo-network/module-model/src/Module.ts",
-													"qualifiedName": "Module"
-												},
-												"name": "Module",
-												"package": "@xyo-network/module-model"
-											}
-										],
 										"name": "ModuleRenderProps",
 										"package": "@xyo-network/react-module"
 									},
@@ -3544,7 +3573,7 @@
 					"fileName": "packages/modules/packages/module/src/components/Card/Module/CardHeader.tsx",
 					"line": 11,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/beed2886ed32/packages/modules/packages/module/src/components/Card/Module/CardHeader.tsx#L11"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6ed0ec3c32b6/packages/modules/packages/module/src/components/Card/Module/CardHeader.tsx#L11"
 				}
 			],
 			"signatures": [
@@ -3574,17 +3603,6 @@
 									{
 										"type": "reference",
 										"target": 49,
-										"typeArguments": [
-											{
-												"type": "reference",
-												"target": {
-													"sourceFileName": "../../../../node_modules/@xyo-network/module-model/src/Module.ts",
-													"qualifiedName": "Module"
-												},
-												"name": "Module",
-												"package": "@xyo-network/module-model"
-											}
-										],
 										"name": "ModuleRenderProps",
 										"package": "@xyo-network/react-module"
 									},
@@ -3795,7 +3813,7 @@
 					"fileName": "packages/modules/packages/module/src/components/DetailsBox.tsx",
 					"line": 15,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/beed2886ed32/packages/modules/packages/module/src/components/DetailsBox.tsx#L15"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6ed0ec3c32b6/packages/modules/packages/module/src/components/DetailsBox.tsx#L15"
 				}
 			],
 			"signatures": [
@@ -3825,17 +3843,6 @@
 									{
 										"type": "reference",
 										"target": 49,
-										"typeArguments": [
-											{
-												"type": "reference",
-												"target": {
-													"sourceFileName": "../../../../node_modules/@xyo-network/module-model/src/Module.ts",
-													"qualifiedName": "Module"
-												},
-												"name": "Module",
-												"package": "@xyo-network/module-model"
-											}
-										],
 										"name": "ModuleRenderProps",
 										"package": "@xyo-network/react-module"
 									},
@@ -3889,7 +3896,7 @@
 					"fileName": "packages/modules/packages/module/src/components/TableCell.tsx",
 					"line": 8,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/beed2886ed32/packages/modules/packages/module/src/components/TableCell.tsx#L8"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/6ed0ec3c32b6/packages/modules/packages/module/src/components/TableCell.tsx#L8"
 				}
 			],
 			"signatures": [
@@ -3919,17 +3926,6 @@
 									{
 										"type": "reference",
 										"target": 49,
-										"typeArguments": [
-											{
-												"type": "reference",
-												"target": {
-													"sourceFileName": "../../../../node_modules/@xyo-network/module-model/src/Module.ts",
-													"qualifiedName": "Module"
-												},
-												"name": "Module",
-												"package": "@xyo-network/module-model"
-											}
-										],
 										"name": "ModuleRenderProps",
 										"package": "@xyo-network/react-module"
 									},
@@ -3975,7 +3971,7 @@
 	],
 	"groups": [
 		{
-			"title": "Interfaces",
+			"title": "Type Aliases",
 			"children": [
 				49
 			]
@@ -4205,11 +4201,23 @@
 		},
 		"50": {
 			"sourceFileName": "src/ModuleRenderProps.tsx",
-			"qualifiedName": "ModuleRenderProps.module"
+			"qualifiedName": "__type"
 		},
 		"51": {
 			"sourceFileName": "src/ModuleRenderProps.tsx",
-			"qualifiedName": "ModuleRenderProps.T"
+			"qualifiedName": "__type.address"
+		},
+		"52": {
+			"sourceFileName": "src/ModuleRenderProps.tsx",
+			"qualifiedName": "__type.module"
+		},
+		"53": {
+			"sourceFileName": "src/ModuleRenderProps.tsx",
+			"qualifiedName": "__type.name"
+		},
+		"54": {
+			"sourceFileName": "src/ModuleRenderProps.tsx",
+			"qualifiedName": "T"
 		}
 	}
 }

package/dist/esm/components/Card/Diviner/CardContent.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ModuleCardContent } from '../Module';
-export const DivinerCardContent = ({ children, module, ...props }) => {
-    return (_jsx(ModuleCardContent, { module: module, ...props, children: children }));
+export const DivinerCardContent = ({ children, ...props }) => {
+    return _jsx(ModuleCardContent, { ...props, children: children });
 };
 //# sourceMappingURL=CardContent.js.map

package/dist/esm/components/Card/Diviner/CardContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardContent.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C,MAAM,CAAC,MAAM,kBAAkB,GAAkE,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClI,OAAO,CACL,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,KAAM,KAAK,YACzC,QAAQ,GACS,CACrB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardContent.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C,MAAM,CAAC,MAAM,kBAAkB,GAAkE,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1H,OAAO,KAAC,iBAAiB,OAAK,KAAK,YAAG,QAAQ,GAAqB,CAAA;AACrE,CAAC,CAAA"}

package/dist/esm/components/Card/Module/CardActions.js

@@ -2,12 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CardActions, Chip } from '@mui/material';
 import { ButtonEx } from '@xylabs/react-button';
 import { FlexGrowRow } from '@xylabs/react-flexbox';
-import { ModuleWrapper } from '@xyo-network/module';
 import { useState } from 'react';
+import { useWrappedModule } from '../../../hooks';
 import { DiscoverDialog } from './components';
 export const ModuleCardActions = ({ children, module, sx, ...props }) => {
     const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false);
-    const wrapper = module ? ModuleWrapper.wrap(module) : undefined;
+    const [wrapper] = useWrappedModule(module);
     const config = wrapper?.config;
     return (_jsxs(CardActions, { sx: { alignItems: 'stretch', flexDirection: 'column', ml: 1, ...sx }, ...props, children: [_jsxs(FlexGrowRow, { justifyContent: "space-between", alignItems: "center", children: [wrapper ? _jsx(Chip, { label: config?.schema, size: 'small' }) : null, _jsx(ButtonEx, { onClick: () => setDiscoverDialogOpen(true), size: 'small', variant: 'outlined', children: "Discover" }), _jsx(DiscoverDialog, { fullWidth: true, maxWidth: 'md', module: module, open: discoverDialogOpen, setOpen: setDiscoverDialogOpen, wrapper: wrapper })] }), children] }));
 };

package/dist/esm/components/Card/Module/CardActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardActions.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAoB,IAAI,EAAE,MAAM,eAAe,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,MAAM,CAAC,MAAM,iBAAiB,GAAmD,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtH,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnE,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC/D,MAAM,MAAM,GAAG,OAAO,EAAE,MAAM,CAAA;IAE9B,OAAO,CACL,MAAC,WAAW,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,KAAM,KAAK,aAC1F,MAAC,WAAW,IAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ,aAC5D,OAAO,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,IAAI,EAChE,KAAC,QAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,yBAE7E,EACX,KAAC,cAAc,IAAC,SAAS,QAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,EAAE,OAAO,EAAE,qBAAqB,EAAE,OAAO,EAAE,OAAO,GAAI,IAC5H,EACb,QAAQ,IACG,CACf,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"CardActions.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAoB,IAAI,EAAE,MAAM,eAAe,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,MAAM,CAAC,MAAM,iBAAiB,GAAmD,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtH,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEnE,MAAM,CAAC,OAAO,CAAC,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAC1C,MAAM,MAAM,GAAG,OAAO,EAAE,MAAM,CAAA;IAE9B,OAAO,CACL,MAAC,WAAW,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,KAAM,KAAK,aAC1F,MAAC,WAAW,IAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ,aAC5D,OAAO,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,IAAI,EAChE,KAAC,QAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,yBAE7E,EACX,KAAC,cAAc,IAAC,SAAS,QAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,EAAE,OAAO,EAAE,qBAAqB,EAAE,OAAO,EAAE,OAAO,GAAI,IAC5H,EACb,QAAQ,IACG,CACf,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/hooks/index.js

@@ -0,0 +1,2 @@
+export * from './useWrappedModule';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/hooks/useWrappedModule.js

@@ -0,0 +1,33 @@
+import { ModuleWrapper } from '@xyo-network/module';
+import { useWrapperWallet } from '@xyo-network/react-wallet';
+import { useEffect, useState } from 'react';
+export const WrappedModuleHookFactory = (wrapperObject, name) => {
+    const useHook = (module, wallet, logger) => {
+        logger?.debug(`Render: ${name}`);
+        const wrapperWallet = useWrapperWallet();
+        const [wrapper, setWrapper] = useState();
+        const [error, setError] = useState();
+        useEffect(() => {
+            const walletToUse = wallet || wrapperWallet;
+            if (module && walletToUse) {
+                try {
+                    const wrapper = wrapperObject.wrap(module, walletToUse);
+                    setWrapper(wrapper);
+                    setError(undefined);
+                }
+                catch (ex) {
+                    setWrapper(undefined);
+                    setError(ex);
+                }
+            }
+            else {
+                setWrapper(undefined);
+                setError(undefined);
+            }
+        }, [module, wallet, wrapperWallet]);
+        return [wrapper, error];
+    };
+    return useHook;
+};
+export const useWrappedModule = WrappedModuleHookFactory(ModuleWrapper, 'useWrappedModule');
+//# sourceMappingURL=useWrappedModule.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useWrappedModule.js","sourceRoot":"","sources":["../../../src/hooks/useWrappedModule.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsC,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACvF,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,aAAyD,EACzD,IAAa,EACb,EAAE;IACF,MAAM,OAAO,GAAG,CAAC,MAAe,EAAE,MAAuB,EAAE,MAAe,EAAmD,EAAE;QAC7H,MAAM,EAAE,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC,CAAA;QAChC,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;QAExC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAkB,CAAA;QACxD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAS,CAAA;QAE3C,SAAS,CAAC,GAAG,EAAE;YACb,MAAM,WAAW,GAAG,MAAM,IAAI,aAAa,CAAA;YAC3C,IAAI,MAAM,IAAI,WAAW,EAAE;gBACzB,IAAI;oBACF,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;oBACvD,UAAU,CAAC,OAAO,CAAC,CAAA;oBACnB,QAAQ,CAAC,SAAS,CAAC,CAAA;iBACpB;gBAAC,OAAO,EAAE,EAAE;oBACX,UAAU,CAAC,SAAS,CAAC,CAAA;oBACrB,QAAQ,CAAC,EAAW,CAAC,CAAA;iBACtB;aACF;iBAAM;gBACL,UAAU,CAAC,SAAS,CAAC,CAAA;gBACrB,QAAQ,CAAC,SAAS,CAAC,CAAA;aACpB;QACH,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,CAAA;QAEnC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IACzB,CAAC,CAAA;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,wBAAwB,CAAC,aAAa,EAAE,kBAAkB,CAAC,CAAA"}

package/dist/types/ModuleRenderProps.d.ts

@@ -1,5 +1,7 @@
 import { Module } from '@xyo-network/module';
-export interface ModuleRenderProps<T extends Module = Module> {
+export type ModuleRenderProps<T extends Module = Module> = {
+    address?: string;
     module?: T;
-}
+    name?: string;
+};
 //# sourceMappingURL=ModuleRenderProps.d.ts.map

package/dist/types/ModuleRenderProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModuleRenderProps.d.ts","sourceRoot":"","sources":["../../src/ModuleRenderProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAE5C,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC1D,MAAM,CAAC,EAAE,CAAC,CAAA;CACX"}
+{"version":3,"file":"ModuleRenderProps.d.ts","sourceRoot":"","sources":["../../src/ModuleRenderProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAE5C,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IACzD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,CAAC,CAAA;IACV,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}

package/dist/types/components/Card/Diviner/CardContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAG9D,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,aAAa,CAAC,GAAG,gBAAgB,CAM5F,CAAA"}
+{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAG9D,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,aAAa,CAAC,GAAG,gBAAgB,CAE5F,CAAA"}

package/dist/types/components/Card/Module/CardActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAQ,MAAM,eAAe,CAAA;AAMnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAG9D,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG,iBAAiB,CAiB5E,CAAA"}
+{"version":3,"file":"CardActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAQ,MAAM,eAAe,CAAA;AAMnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAG9D,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG,iBAAiB,CAkB5E,CAAA"}

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

@@ -0,0 +1,2 @@
+export * from './useWrappedModule';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,6 @@
+import { Logger } from '@xyo-network/core';
+import { ConstructableModuleWrapper, Module, ModuleWrapper } from '@xyo-network/module';
+import { WalletInstance } from '@xyo-network/wallet-model';
+export declare const WrappedModuleHookFactory: <TModuleWrapper extends ModuleWrapper<Module>>(wrapperObject: ConstructableModuleWrapper<TModuleWrapper>, name?: string) => (module?: Module, wallet?: WalletInstance, logger?: Logger) => [TModuleWrapper | undefined, Error | undefined];
+export declare const useWrappedModule: (module?: Module, wallet?: WalletInstance, logger?: Logger) => [ModuleWrapper<Module> | undefined, Error | undefined];
+//# sourceMappingURL=useWrappedModule.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useWrappedModule.d.ts","sourceRoot":"","sources":["../../../src/hooks/useWrappedModule.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,0BAA0B,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAEvF,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAG1D,eAAO,MAAM,wBAAwB,mHAE5B,MAAM,eAEa,MAAM,WAAW,cAAc,WAAW,MAAM,oDA2B3E,CAAA;AAED,eAAO,MAAM,gBAAgB,YA7BD,MAAM,WAAW,cAAc,WAAW,MAAM,2DA6Be,CAAA"}

package/package.json

@@ -15,10 +15,13 @@
     "@xylabs/react-button": "^2.17.6",
     "@xylabs/react-crypto": "^2.17.6",
     "@xylabs/react-flexbox": "^2.17.6",
+    "@xyo-network/core": "^2.64.1",
     "@xyo-network/diviner": "^2.64.1",
     "@xyo-network/module": "^2.64.1",
     "@xyo-network/payload-model": "^2.64.1",
-    "@xyo-network/react-shared": "^2.56.1"
+    "@xyo-network/react-shared": "^2.56.2",
+    "@xyo-network/react-wallet": "^2.56.2",
+    "@xyo-network/wallet-model": "^2.64.1"
   },
   "devDependencies": {
     "@ethersproject/address": "^5.7.0",
@@ -30,8 +33,8 @@
     "@uniswap/sdk": "^3.0.3",
     "@uniswap/sdk-core": "^3.2.6",
     "@uniswap/v3-sdk": "^3.9.0",
-    "@xylabs/ts-scripts-yarn3": "^2.17.17",
-    "@xylabs/tsconfig-react": "^2.17.17",
+    "@xylabs/ts-scripts-yarn3": "^2.18.2",
+    "@xylabs/tsconfig-react": "^2.18.2",
     "@xyo-network/archivist": "^2.64.1",
     "@xyo-network/crypto-asset-plugin": "^2.64.1",
     "@xyo-network/diviner-address-history": "^2.64.1",
@@ -90,5 +93,5 @@
   },
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
-  "version": "2.56.1"
+  "version": "2.56.2"
 }

package/src/ModuleRenderProps.tsx

@@ -1,5 +1,7 @@
 import { Module } from '@xyo-network/module'
 
-export interface ModuleRenderProps<T extends Module = Module> {
+export type ModuleRenderProps<T extends Module = Module> = {
+  address?: string
   module?: T
+  name?: string
 }

package/src/components/Card/Diviner/CardContent.tsx

@@ -4,10 +4,6 @@ import { DivinerModule } from '@xyo-network/diviner'
 import { ModuleRenderProps } from '../../../ModuleRenderProps'
 import { ModuleCardContent } from '../Module'
 
-export const DivinerCardContent: React.FC<ModuleRenderProps<DivinerModule> & CardContentProps> = ({ children, module, ...props }) => {
-  return (
-    <ModuleCardContent module={module} {...props}>
-      {children}
-    </ModuleCardContent>
-  )
+export const DivinerCardContent: React.FC<ModuleRenderProps<DivinerModule> & CardContentProps> = ({ children, ...props }) => {
+  return <ModuleCardContent {...props}>{children}</ModuleCardContent>
 }

package/src/components/Card/Module/CardActions.tsx

@@ -1,15 +1,16 @@
 import { CardActions, CardActionsProps, Chip } from '@mui/material'
 import { ButtonEx } from '@xylabs/react-button'
 import { FlexGrowRow } from '@xylabs/react-flexbox'
-import { ModuleWrapper } from '@xyo-network/module'
 import { useState } from 'react'
 
+import { useWrappedModule } from '../../../hooks'
 import { ModuleRenderProps } from '../../../ModuleRenderProps'
 import { DiscoverDialog } from './components'
 
 export const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps> = ({ children, module, sx, ...props }) => {
   const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false)
-  const wrapper = module ? ModuleWrapper.wrap(module) : undefined
+
+  const [wrapper] = useWrappedModule(module)
   const config = wrapper?.config
 
   return (

package/src/hooks/index.ts

@@ -0,0 +1 @@
+export * from './useWrappedModule'

package/src/hooks/useWrappedModule.tsx

@@ -0,0 +1,40 @@
+import { Logger } from '@xyo-network/core'
+import { ConstructableModuleWrapper, Module, ModuleWrapper } from '@xyo-network/module'
+import { useWrapperWallet } from '@xyo-network/react-wallet'
+import { WalletInstance } from '@xyo-network/wallet-model'
+import { useEffect, useState } from 'react'
+
+export const WrappedModuleHookFactory = <TModuleWrapper extends ModuleWrapper>(
+  wrapperObject: ConstructableModuleWrapper<TModuleWrapper>,
+  name?: string,
+) => {
+  const useHook = (module?: Module, wallet?: WalletInstance, logger?: Logger): [TModuleWrapper | undefined, Error | undefined] => {
+    logger?.debug(`Render: ${name}`)
+    const wrapperWallet = useWrapperWallet()
+
+    const [wrapper, setWrapper] = useState<TModuleWrapper>()
+    const [error, setError] = useState<Error>()
+
+    useEffect(() => {
+      const walletToUse = wallet || wrapperWallet
+      if (module && walletToUse) {
+        try {
+          const wrapper = wrapperObject.wrap(module, walletToUse)
+          setWrapper(wrapper)
+          setError(undefined)
+        } catch (ex) {
+          setWrapper(undefined)
+          setError(ex as Error)
+        }
+      } else {
+        setWrapper(undefined)
+        setError(undefined)
+      }
+    }, [module, wallet, wrapperWallet])
+
+    return [wrapper, error]
+  }
+  return useHook
+}
+
+export const useWrappedModule = WrappedModuleHookFactory(ModuleWrapper, 'useWrappedModule')