@xyo-network/react-module 2.38.17

package/dist/esm/ModuleRenderProps.d.ts

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

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

@@ -0,0 +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"}

package/dist/esm/ModuleRenderProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ModuleRenderProps.js.map

package/dist/esm/ModuleRenderProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModuleRenderProps.js","sourceRoot":"","sources":["../../src/ModuleRenderProps.tsx"],"names":[],"mappings":""}

package/dist/esm/components/ArchivistCard.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { CardProps } from '@mui/material';
+import { PayloadArchivist } from '@xyo-network/archivist';
+import { ModuleRenderProps } from '../ModuleRenderProps';
+export declare const ArchivistCard: React.FC<CardProps & ModuleRenderProps<PayloadArchivist>>;
+//# sourceMappingURL=ArchivistCard.d.ts.map

package/dist/esm/components/ArchivistCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArchivistCard.d.ts","sourceRoot":"","sources":["../../../src/components/ArchivistCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAKxD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAQnF,CAAA"}

package/dist/esm/components/ArchivistCard.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card } from '@mui/material';
+import { ArchivistCardHeader } from './ArchivistCardHeader';
+import { ArchivistCardContent } from './ArchivistContent';
+import { ModuleCardActions } from './CardActions';
+export const ArchivistCard = ({ module, ...props }) => {
+    return (_jsxs(Card, { ...props, children: [_jsx(ArchivistCardHeader, { module: module }), _jsx(ArchivistCardContent, { module: module }), _jsx(ModuleCardActions, { module: module })] }));
+};
+//# sourceMappingURL=ArchivistCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArchivistCard.js","sourceRoot":"","sources":["../../../src/components/ArchivistCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAI/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD,MAAM,CAAC,MAAM,aAAa,GAA8D,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC/G,OAAO,CACL,MAAC,IAAI,OAAK,KAAK,aACb,KAAC,mBAAmB,IAAC,MAAM,EAAE,MAAM,GAAI,EACvC,KAAC,oBAAoB,IAAC,MAAM,EAAE,MAAM,GAAI,EACxC,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,IAChC,CACR,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/ArchivistCardHeader.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { CardHeaderProps } from '@mui/material';
+import { PayloadArchivist } from '@xyo-network/archivist';
+import { ModuleRenderProps } from '../ModuleRenderProps';
+export declare const ArchivistCardHeader: React.FC<ModuleRenderProps<PayloadArchivist> & CardHeaderProps>;
+//# sourceMappingURL=ArchivistCardHeader.d.ts.map

package/dist/esm/components/ArchivistCardHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArchivistCardHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ArchivistCardHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAGxD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,GAAG,eAAe,CAE/F,CAAA"}

package/dist/esm/components/ArchivistCardHeader.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ModuleCardHeader } from './CardHeader';
+export const ArchivistCardHeader = ({ title, module, ...props }) => {
+    return _jsx(ModuleCardHeader, { module: module, title: title ?? 'Archivist', ...props });
+};
+//# sourceMappingURL=ArchivistCardHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArchivistCardHeader.js","sourceRoot":"","sources":["../../../src/components/ArchivistCardHeader.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAE/C,MAAM,CAAC,MAAM,mBAAmB,GAAoE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClI,OAAO,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,IAAI,WAAW,KAAM,KAAK,GAAI,CAAA;AACrF,CAAC,CAAA"}

package/dist/esm/components/ArchivistContent.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { CardContentProps } from '@mui/material';
+import { PayloadArchivist } from '@xyo-network/archivist';
+import { ModuleRenderProps } from '../ModuleRenderProps';
+export declare const ArchivistCardContent: React.FC<ModuleRenderProps<PayloadArchivist> & CardContentProps>;
+//# sourceMappingURL=ArchivistContent.d.ts.map

package/dist/esm/components/ArchivistContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArchivistContent.d.ts","sourceRoot":"","sources":["../../../src/components/ArchivistContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAA;AAI5D,OAAO,EAAE,gBAAgB,EAAsB,MAAM,wBAAwB,CAAA;AAI7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAGxD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,GAAG,gBAAgB,CAyBjG,CAAA"}

package/dist/esm/components/ArchivistContent.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Typography } from '@mui/material';
+import { useAsyncEffect } from '@xylabs/react-shared';
+import { EthAddress } from '@xylabs/sdk-js';
+import { EthAccountBox } from '@xylabs/sdk-react';
+import { XyoModuleWrapper } from '@xyo-network/module';
+import { useState } from 'react';
+import { ModuleCardContent } from './CardContent';
+export const ArchivistCardContent = ({ children, module, ...props }) => {
+    const [config, setConfig] = useState();
+    useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+        const wrapper = module ? new XyoModuleWrapper(module) : undefined;
+        const payloads = await wrapper?.discover();
+        console.log(`Payloads: ${JSON.stringify(payloads, null, 2)}`);
+        if (mounted()) {
+            setConfig(payloads?.[0]);
+        }
+    }, [module]);
+    return (_jsxs(ModuleCardContent, { module: module, ...props, children: [_jsx(Typography, { children: "Parents" }), config?.parents?.commit?.map((address) => {
+                return _jsx(EthAccountBox, { address: EthAddress.fromString(address) }, address);
+            }), children] }));
+};
+//# sourceMappingURL=ArchivistContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArchivistContent.js","sourceRoot":"","sources":["../../../src/components/ArchivistContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoB,UAAU,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD,MAAM,CAAC,MAAM,oBAAoB,GAAqE,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvI,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAsB,CAAA;IAE1D,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QACjE,MAAM,QAAQ,GAAG,MAAM,OAAO,EAAE,QAAQ,EAAE,CAAA;QAC1C,OAAO,CAAC,GAAG,CAAC,aAAa,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAA;QAC7D,IAAI,OAAO,EAAE,EAAE;YACb,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;SACzB;IACH,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAA;IAED,OAAO,CACL,MAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,KAAM,KAAK,aAC1C,KAAC,UAAU,0BAAqB,EAC/B,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;gBACxC,OAAO,KAAC,aAAa,IAAe,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,IAAhD,OAAO,CAA6C,CAAA;YACjF,CAAC,CAAC,EACD,QAAQ,IACS,CACrB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Card.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CardProps } from '@mui/material';
+import { ModuleRenderProps } from '../ModuleRenderProps';
+export declare const ModuleCard: React.FC<CardProps & ModuleRenderProps>;
+//# sourceMappingURL=Card.d.ts.map

package/dist/esm/components/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAKxD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG,iBAAiB,CAQ9D,CAAA"}

package/dist/esm/components/Card.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card } from '@mui/material';
+import { ModuleCardActions } from './CardActions';
+import { ModuleCardContent } from './CardContent';
+import { ModuleCardHeader } from './CardHeader';
+export const ModuleCard = ({ module, ...props }) => {
+    return (_jsxs(Card, { ...props, children: [_jsx(ModuleCardHeader, { module: module }), _jsx(ModuleCardContent, { module: module }), _jsx(ModuleCardActions, { module: module })] }));
+};
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAG/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAE/C,MAAM,CAAC,MAAM,UAAU,GAA4C,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1F,OAAO,CACL,MAAC,IAAI,OAAK,KAAK,aACb,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,GAAI,EACpC,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,EACrC,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,IAChC,CACR,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/CardActions.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CardActionsProps } from '@mui/material';
+import { ModuleRenderProps } from '../ModuleRenderProps';
+export declare const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps>;
+//# sourceMappingURL=CardActions.d.ts.map

package/dist/esm/components/CardActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardActions.d.ts","sourceRoot":"","sources":["../../../src/components/CardActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAI7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAExD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG,iBAAiB,CAQ5E,CAAA"}

package/dist/esm/components/CardActions.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CardActions } from '@mui/material';
+import { ButtonEx } from '@xylabs/react-button';
+import { XyoModuleWrapper } from '@xyo-network/module';
+export const ModuleCardActions = ({ children, module, ...props }) => {
+    const wrapper = module ? new XyoModuleWrapper(module) : undefined;
+    return (_jsxs(CardActions, { ...props, children: [_jsx(ButtonEx, { onClick: () => wrapper?.discover(), children: "Discover" }), children] }));
+};
+//# sourceMappingURL=CardActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardActions.js","sourceRoot":"","sources":["../../../src/components/CardActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAItD,MAAM,CAAC,MAAM,iBAAiB,GAAmD,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClH,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IACjE,OAAO,CACL,MAAC,WAAW,OAAK,KAAK,aACpB,KAAC,QAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,yBAAqB,EAChE,QAAQ,IACG,CACf,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/CardContent.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CardContentProps } from '@mui/material';
+import { ModuleRenderProps } from '../ModuleRenderProps';
+export declare const ModuleCardContent: React.FC<ModuleRenderProps & CardContentProps>;
+//# sourceMappingURL=CardContent.d.ts.map

package/dist/esm/components/CardContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../src/components/CardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAc,MAAM,eAAe,CAAA;AAOzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAExD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,gBAAgB,CAyB5E,CAAA"}

package/dist/esm/components/CardContent.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CardContent, Typography } from '@mui/material';
+import { useAsyncEffect } from '@xylabs/react-shared';
+import { EthAddress } from '@xylabs/sdk-js';
+import { EthAccountBox } from '@xylabs/sdk-react';
+import { XyoModuleWrapper } from '@xyo-network/module';
+import { useState } from 'react';
+export const ModuleCardContent = ({ children, module, ...props }) => {
+    const [config, setConfig] = useState();
+    const account = module?.address ? EthAddress.fromString(module?.address) : undefined;
+    useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+        const wrapper = module ? new XyoModuleWrapper(module) : undefined;
+        const payloads = await wrapper?.discover();
+        console.log(`Payloads: ${JSON.stringify(payloads, null, 2)}`);
+        if (mounted()) {
+            setConfig(payloads?.[0]);
+        }
+    }, [module]);
+    return (_jsxs(CardContent, { ...props, children: [_jsx(EthAccountBox, { address: account }), children, _jsx(Typography, { variant: "subtitle2", children: config?.schema })] }));
+};
+//# sourceMappingURL=CardContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../src/components/CardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAoB,UAAU,EAAE,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAmB,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAIhC,MAAM,CAAC,MAAM,iBAAiB,GAAmD,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAmB,CAAA;IAEvD,MAAM,OAAO,GAAG,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEpF,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QACjE,MAAM,QAAQ,GAAG,MAAM,OAAO,EAAE,QAAQ,EAAE,CAAA;QAC1C,OAAO,CAAC,GAAG,CAAC,aAAa,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAA;QAC7D,IAAI,OAAO,EAAE,EAAE;YACb,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;SACzB;IACH,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAA;IAED,OAAO,CACL,MAAC,WAAW,OAAK,KAAK,aACpB,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,GAAI,EAClC,QAAQ,EACT,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,YAAE,MAAM,EAAE,MAAM,GAAc,IACjD,CACf,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/CardHeader.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CardHeaderProps } from '@mui/material';
+import { ModuleRenderProps } from '../ModuleRenderProps';
+export declare const ModuleCardHeader: React.FC<ModuleRenderProps & CardHeaderProps>;
+//# sourceMappingURL=CardHeader.d.ts.map

package/dist/esm/components/CardHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../src/components/CardHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAI3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAExD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,eAAe,CAU1E,CAAA"}

package/dist/esm/components/CardHeader.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CardHeader } from '@mui/material';
+import { Identicon } from '@xylabs/react-identicon';
+import { XyoModuleWrapper } from '@xyo-network/module';
+export const ModuleCardHeader = ({ subheader, avatar, title, module, ...props }) => {
+    const wrapper = module ? new XyoModuleWrapper(module) : undefined;
+    return (_jsx(CardHeader, { title: title ?? 'Module', subheader: subheader ?? wrapper?.address, avatar: avatar ?? _jsx(Identicon, { size: 24, value: wrapper?.address }), ...props }));
+};
+//# sourceMappingURL=CardHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../src/components/CardHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAItD,MAAM,CAAC,MAAM,gBAAgB,GAAkD,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChI,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IACjE,OAAO,CACL,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,IAAI,QAAQ,EACxB,SAAS,EAAE,SAAS,IAAI,OAAO,EAAE,OAAO,EACxC,MAAM,EAAE,MAAM,IAAI,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,KAC9D,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/DetailsBox.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { ModuleRenderProps } from '../ModuleRenderProps';
+export declare const ModuleDetailsBox: React.FC<ModuleRenderProps & FlexBoxProps>;
+//# sourceMappingURL=DetailsBox.d.ts.map

package/dist/esm/components/DetailsBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsBox.d.ts","sourceRoot":"","sources":["../../../src/components/DetailsBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAK7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAExD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,YAAY,CAOvE,CAAA"}

package/dist/esm/components/DetailsBox.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FlexCol } from '@xylabs/react-flexbox';
+import { EthAddress } from '@xylabs/sdk-js';
+import { EthAccountBox } from '@xylabs/sdk-react';
+import { XyoModuleWrapper } from '@xyo-network/module';
+export const ModuleDetailsBox = ({ module, ...props }) => {
+    const wrapper = module ? new XyoModuleWrapper(module) : undefined;
+    return (_jsx(FlexCol, { ...props, children: _jsx(EthAccountBox, { address: EthAddress.fromString(wrapper?.address) }) }));
+};
+//# sourceMappingURL=DetailsBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsBox.js","sourceRoot":"","sources":["../../../src/components/DetailsBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAItD,MAAM,CAAC,MAAM,gBAAgB,GAA+C,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnG,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IACjE,OAAO,CACL,KAAC,OAAO,OAAK,KAAK,YAChB,KAAC,aAAa,IAAC,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,GAAI,GAC3D,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/TableCell.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TableCellProps } from '@mui/material';
+import { ModuleRenderProps } from '../ModuleRenderProps';
+export declare const ModuleTableCell: React.FC<ModuleRenderProps & TableCellProps>;
+//# sourceMappingURL=TableCell.d.ts.map

package/dist/esm/components/TableCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../src/components/TableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,cAAc,EAAE,MAAM,eAAe,CAAA;AAKzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAExD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,cAAc,CAOxE,CAAA"}

package/dist/esm/components/TableCell.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TableCell } from '@mui/material';
+import { EthAddress } from '@xylabs/sdk-js';
+import { EthAccountBox } from '@xylabs/sdk-react';
+import { XyoModuleWrapper } from '@xyo-network/module';
+export const ModuleTableCell = ({ module, ...props }) => {
+    const wrapper = module ? new XyoModuleWrapper(module) : undefined;
+    return (_jsx(TableCell, { ...props, children: _jsx(EthAccountBox, { address: EthAddress.fromString(wrapper?.address) }) }));
+};
+//# sourceMappingURL=TableCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../src/components/TableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAkB,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAItD,MAAM,CAAC,MAAM,eAAe,GAAiD,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACpG,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IACjE,OAAO,CACL,KAAC,SAAS,OAAK,KAAK,YAClB,KAAC,aAAa,IAAC,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,GAAI,GACzD,CACb,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from './CardActions';
+export * from './CardContent';
+export * from './CardHeader';
+export * from './DetailsBox';
+export * from './TableCell';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/index.d.ts.map

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

package/dist/esm/components/index.js

@@ -0,0 +1,6 @@
+export * from './CardActions';
+export * from './CardContent';
+export * from './CardHeader';
+export * from './DetailsBox';
+export * from './TableCell';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/index.d.ts

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

package/dist/esm/index.d.ts.map

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

package/dist/esm/index.js

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './ModuleRenderProps';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

package/package.json

@@ -0,0 +1,83 @@
+{
+  "name": "@xyo-network/react-module",
+  "author": {
+    "email": "support@xyo.network",
+    "name": "XYO Development Team",
+    "url": "https://xyo.network"
+  },
+  "bugs": {
+    "email": "support@xyo.network",
+    "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
+  },
+  "dependencies": {
+    "@xylabs/react-flexbox": "^2.15.1",
+    "@xylabs/react-identicon": "^2.15.1",
+    "@xylabs/sdk-js": "^2.6.9",
+    "lodash": "^4.17.21",
+    "tslib": "^2.4.0"
+  },
+  "peerDependencies": {
+    "@mui/icons-material": "^5.10.3",
+    "@mui/material": "^5.10.3",
+    "@mui/styles": "^5.10.3",
+    "@xylabs/react-button": "^2.15.1",
+    "@xylabs/react-shared": "^2.15.1",
+    "@xylabs/sdk-react": "^2.15.1",
+    "@xyo-network/archivist": "*",
+    "@xyo-network/diviner": "*",
+    "@xyo-network/module": "*",
+    "@xyo-network/payload": "*",
+    "@xyo-network/payload-plugin": "*",
+    "@xyo-network/schema-payload-plugin": "*",
+    "@xyo-network/utils": "*",
+    "axios": "^1.1.3",
+    "pako": "^2.0.4",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.3.0"
+  },
+  "description": "Common React library for all XYO projects that use React",
+  "browser": "dist/esm/index.js",
+  "docs": "dist/docs.json",
+  "exports": {
+    ".": {
+      "node": {
+        "import": "./dist/esm/index.js",
+        "require": "./dist/cjs/index.js"
+      },
+      "browser": {
+        "import": "./dist/esm/index.js",
+        "require": "./dist/cjs/index.js"
+      },
+      "default": "./dist/esm/index.js"
+    },
+    "./dist/docs.json": {
+      "default": "./dist/docs.json"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "homepage": "https://xyo.network",
+  "keywords": [
+    "xyo",
+    "utility",
+    "typescript",
+    "react"
+  ],
+  "license": "LGPL-3.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
+  },
+  "scripts": {
+    "lint-pkg": "npmPkgJsonLint .",
+    "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
+  },
+  "sideEffects": false,
+  "types": "dist/esm/index.d.ts",
+  "version": "2.38.17"
+}

package/src/ModuleRenderProps.tsx

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

package/src/components/ArchivistCard.stories.tsx

@@ -0,0 +1,54 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react'
+import { useAsyncEffect } from '@xylabs/react-shared'
+import { PayloadArchivist, XyoMemoryArchivist, XyoMemoryArchivistConfigSchema } from '@xyo-network/archivist'
+import { useState } from 'react'
+
+import { ArchivistCard } from './ArchivistCard'
+
+const StorybookEntry = {
+  argTypes: {
+    authState: {
+      jwtToken: 'badToken',
+      loggedInAccount: 'none@none.com',
+    },
+  },
+  component: ArchivistCard,
+  parameters: {
+    docs: {
+      page: null,
+    },
+  },
+  title: 'module/ArchivistCard',
+} as ComponentMeta<typeof ArchivistCard>
+
+const Template: ComponentStory<typeof ArchivistCard> = () => {
+  const [module, setModule] = useState<PayloadArchivist>()
+
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      if (!module) {
+        const newParentModule = await XyoMemoryArchivist.create()
+        const newModule = await XyoMemoryArchivist.create({
+          config: {
+            parents: { commit: [newParentModule.address], read: [newParentModule.address], write: [newParentModule.address] },
+            schema: XyoMemoryArchivistConfigSchema,
+          },
+        })
+        if (mounted()) {
+          setModule(newModule)
+        }
+      }
+    },
+    [module],
+  )
+
+  return <ArchivistCard module={module} />
+}
+
+const SingleModule = Template.bind({})
+
+export { SingleModule }
+
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry

package/src/components/ArchivistCard.tsx

@@ -0,0 +1,17 @@
+import { Card, CardProps } from '@mui/material'
+import { PayloadArchivist } from '@xyo-network/archivist'
+
+import { ModuleRenderProps } from '../ModuleRenderProps'
+import { ArchivistCardHeader } from './ArchivistCardHeader'
+import { ArchivistCardContent } from './ArchivistContent'
+import { ModuleCardActions } from './CardActions'
+
+export const ArchivistCard: React.FC<CardProps & ModuleRenderProps<PayloadArchivist>> = ({ module, ...props }) => {
+  return (
+    <Card {...props}>
+      <ArchivistCardHeader module={module} />
+      <ArchivistCardContent module={module} />
+      <ModuleCardActions module={module} />
+    </Card>
+  )
+}

package/src/components/ArchivistCardHeader.tsx

@@ -0,0 +1,9 @@
+import { CardHeaderProps } from '@mui/material'
+import { PayloadArchivist } from '@xyo-network/archivist'
+
+import { ModuleRenderProps } from '../ModuleRenderProps'
+import { ModuleCardHeader } from './CardHeader'
+
+export const ArchivistCardHeader: React.FC<ModuleRenderProps<PayloadArchivist> & CardHeaderProps> = ({ title, module, ...props }) => {
+  return <ModuleCardHeader module={module} title={title ?? 'Archivist'} {...props} />
+}

package/src/components/ArchivistContent.tsx

@@ -0,0 +1,37 @@
+import { CardContentProps, Typography } from '@mui/material'
+import { useAsyncEffect } from '@xylabs/react-shared'
+import { EthAddress } from '@xylabs/sdk-js'
+import { EthAccountBox } from '@xylabs/sdk-react'
+import { PayloadArchivist, XyoArchivistConfig } from '@xyo-network/archivist'
+import { XyoModuleWrapper } from '@xyo-network/module'
+import { useState } from 'react'
+
+import { ModuleRenderProps } from '../ModuleRenderProps'
+import { ModuleCardContent } from './CardContent'
+
+export const ArchivistCardContent: React.FC<ModuleRenderProps<PayloadArchivist> & CardContentProps> = ({ children, module, ...props }) => {
+  const [config, setConfig] = useState<XyoArchivistConfig>()
+
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      const wrapper = module ? new XyoModuleWrapper(module) : undefined
+      const payloads = await wrapper?.discover()
+      console.log(`Payloads: ${JSON.stringify(payloads, null, 2)}`)
+      if (mounted()) {
+        setConfig(payloads?.[0])
+      }
+    },
+    [module],
+  )
+
+  return (
+    <ModuleCardContent module={module} {...props}>
+      <Typography>Parents</Typography>
+      {config?.parents?.commit?.map((address) => {
+        return <EthAccountBox key={address} address={EthAddress.fromString(address)} />
+      })}
+      {children}
+    </ModuleCardContent>
+  )
+}

package/src/components/Card.stories.tsx

@@ -0,0 +1,49 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react'
+import { useAsyncEffect } from '@xylabs/react-shared'
+import { XyoMemoryArchivist } from '@xyo-network/archivist'
+import { Module } from '@xyo-network/module'
+import { useState } from 'react'
+
+import { ModuleCard } from './Card'
+
+const StorybookEntry = {
+  argTypes: {
+    authState: {
+      jwtToken: 'badToken',
+      loggedInAccount: 'none@none.com',
+    },
+  },
+  component: ModuleCard,
+  parameters: {
+    docs: {
+      page: null,
+    },
+  },
+  title: 'module/ModuleCard',
+} as ComponentMeta<typeof ModuleCard>
+
+const Template: ComponentStory<typeof ModuleCard> = () => {
+  const [module, setModule] = useState<Module>()
+
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      if (!module) {
+        const newModule = await XyoMemoryArchivist.create()
+        if (mounted()) {
+          setModule(newModule)
+        }
+      }
+    },
+    [module],
+  )
+
+  return <ModuleCard module={module} />
+}
+
+const SingleModule = Template.bind({})
+
+export { SingleModule }
+
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry

package/src/components/Card.tsx

@@ -0,0 +1,16 @@
+import { Card, CardProps } from '@mui/material'
+
+import { ModuleRenderProps } from '../ModuleRenderProps'
+import { ModuleCardActions } from './CardActions'
+import { ModuleCardContent } from './CardContent'
+import { ModuleCardHeader } from './CardHeader'
+
+export const ModuleCard: React.FC<CardProps & ModuleRenderProps> = ({ module, ...props }) => {
+  return (
+    <Card {...props}>
+      <ModuleCardHeader module={module} />
+      <ModuleCardContent module={module} />
+      <ModuleCardActions module={module} />
+    </Card>
+  )
+}