@xyo-network/react-archivist 2.44.0 → 2.45.0-rc.1

package/dist/esm/components/Card/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 '@xyo-network/react-module';
+import { ArchivistCardContent } from './CardContent';
+import { ArchivistCardHeader } from './CardHeader';
+export const ArchivistCard = ({ children, module, ...props }) => {
+    return (_jsxs(Card, { ...props, children: [_jsx(ArchivistCardHeader, { module: module }), _jsx(ArchivistCardContent, { module: module }), children, _jsx(ModuleCardActions, { module: module })] }));
+};
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAE,iBAAiB,EAAqB,MAAM,2BAA2B,CAAA;AAEhF,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAElD,MAAM,CAAC,MAAM,aAAa,GAA6D,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxH,OAAO,CACL,MAAC,IAAI,OAAK,KAAK,aACb,KAAC,mBAAmB,IAAC,MAAM,EAAE,MAAM,GAAI,EACvC,KAAC,oBAAoB,IAAC,MAAM,EAAE,MAAM,GAAI,EACvC,QAAQ,EACT,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,IAChC,CACR,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ModuleCardActions } from '@xyo-network/react-module';
+export const ArchivistCardActions = (props) => {
+    return _jsx(ModuleCardActions, { ...props });
+};
+//# sourceMappingURL=CardActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardActions.js","sourceRoot":"","sources":["../../../../src/components/Card/CardActions.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAqB,MAAM,2BAA2B,CAAA;AAEhF,MAAM,CAAC,MAAM,oBAAoB,GAAoE,CAAC,KAAK,EAAE,EAAE;IAC7G,OAAO,KAAC,iBAAiB,OAAK,KAAK,GAAI,CAAA;AACzC,CAAC,CAAA"}

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

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Typography } from '@mui/material';
+import { EthAddress } from '@xylabs/eth-address';
+import { EthAccountBox } from '@xylabs/react-crypto';
+import { useAsyncEffect } from '@xylabs/react-shared';
+import { ModuleWrapper } from '@xyo-network/module';
+import { ModuleCardContent } from '@xyo-network/react-module';
+import { useState } from 'react';
+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 ModuleWrapper(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=CardContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoB,UAAU,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAqB,MAAM,2BAA2B,CAAA;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,MAAM,CAAC,MAAM,oBAAoB,GAAoE,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtI,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAmB,CAAA;IAEvD,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QAC9D,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/CardHeader.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,2BAA2B,CAAA;AAE/E,MAAM,CAAC,MAAM,mBAAmB,GAAmE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjI,OAAO,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,IAAI,WAAW,KAAM,KAAK,GAAI,CAAA;AACrF,CAAC,CAAA"}

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

@@ -0,0 +1,4 @@
+export * from './Card';
+export * from './CardContent';
+export * from './CardHeader';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/{Details.js → Details/Details.js}

@@ -7,7 +7,7 @@ import { ArchivistClearQuerySchema, ArchivistCommitQuerySchema } from '@xyo-netw
 import { ArchivistWrapper } from '@xyo-network/archivist-wrapper';
 import { QueryBoundWitnessBuilder } from '@xyo-network/module';
 import { useEffect, useState } from 'react';
-import { useArchivist } from '../contexts';
+import { useArchivist } from '../../hooks';
 const testQueryCommit = { schema: ArchivistCommitQuerySchema };
 const testQueryCommitBoundWitness = new QueryBoundWitnessBuilder({ inlinePayloads: true }).query(testQueryCommit).build();
 const testQueryClear = { schema: ArchivistClearQuerySchema };

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

@@ -0,0 +1 @@
+{"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../../src/components/Details/Details.tsx"],"names":[],"mappings":"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"}

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

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

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

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

package/dist/esm/components/index.js

@@ -1,2 +1,3 @@
+export * from './Card';
 export * from './Details';
 //# sourceMappingURL=index.js.map

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

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

package/dist/esm/hooks/index.js

@@ -0,0 +1,5 @@
+export * from './useArchivist';
+export * from './useArchivistAll';
+export * from './useArchivistGet';
+export * from './useArchivistStates';
+//# 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,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA"}

package/dist/esm/hooks/useArchivist.js

@@ -0,0 +1,23 @@
+/* eslint-disable react-hooks/rules-of-hooks */
+import { useAsyncEffect } from '@xylabs/react-shared';
+import { ArchivistWrapper } from '@xyo-network/archivist';
+import { useNode } from '@xyo-network/react-node';
+import { useState } from 'react';
+const createUseModuleHook = (wrapFunc) => {
+    function use(nameOrAddress, wrap = false) {
+        const node = useNode(nameOrAddress, true);
+        const [module, setModule] = useState();
+        useAsyncEffect(
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+        async (mounted) => {
+            const module = await node?.resolve(nameOrAddress);
+            if (mounted()) {
+                setModule(module);
+            }
+        }, [node, nameOrAddress]);
+        return wrap ? wrapFunc(module, typeof wrap === 'boolean' ? undefined : wrap) : module;
+    }
+    return use;
+};
+export const useArchivist = createUseModuleHook(ArchivistWrapper.wrap);
+//# sourceMappingURL=useArchivist.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useArchivist.js","sourceRoot":"","sources":["../../../src/hooks/useArchivist.tsx"],"names":[],"mappings":"AAAA,+CAA+C;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAmB,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAE1E,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAIhC,MAAM,mBAAmB,GAAG,CAK1B,QAAmB,EACnB,EAAE;IAKF,SAAS,GAAG,CAAC,aAAsB,EAAE,OAA0B,KAAK;QAClE,MAAM,IAAI,GAAG,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;QACzC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAW,CAAA;QAC/C,cAAc;QACZ,uDAAuD;QACvD,KAAK,EAAE,OAAO,EAAE,EAAE;YAChB,MAAM,MAAM,GAAG,MAAM,IAAI,EAAE,OAAO,CAAU,aAAa,CAAC,CAAA;YAC1D,IAAI,OAAO,EAAE,EAAE;gBACb,SAAS,CAAC,MAAM,CAAC,CAAA;aAClB;QACH,CAAC,EACD,CAAC,IAAI,EAAE,aAAa,CAAC,CACtB,CAAA;QAED,OAAO,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAE,OAAO,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAA;IACvF,CAAC;IACD,OAAO,GAAG,CAAA;AACZ,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,mBAAmB,CAAoC,gBAAgB,CAAC,IAAI,CAAC,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useArchivistAll.js","sourceRoot":"","sources":["../../../src/hooks/useArchivistAll.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAEzG,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,IAAI;YACF,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;YACvE,MAAM,MAAM,GAAG,MAAM,OAAO,EAAE,GAAG,EAAE,CAAA;YACnC,IAAI,OAAO,EAAE,EAAE;gBACb,QAAQ,CAAC,SAAS,CAAC,CAAA;gBACnB,WAAW,CAAC,MAAM,CAAC,CAAA;aACpB;SACF;QAAC,OAAO,EAAE,EAAE;YACX,QAAQ,CAAC,EAAW,CAAC,CAAA;SACtB;IACH,CAAC,EACD,CAAC,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,CAAC,CACjD,CAAA;IACD,OAAO,CAAC,QAAQ,EAAE,KAAK,EAAE,OAAO,CAAC,CAAA;AACnC,CAAC,CAAA"}

package/dist/esm/{contexts/use → hooks}/useArchivistGet.js

@@ -1,16 +1,16 @@
 import { useAsyncEffect } from '@xylabs/react-shared';
 import { useDataState } from '@xyo-network/react-shared';
 import { useArchivistStates } from './useArchivistStates';
-export const useArchivistGet = (ids) => {
-    const [savedIds, setSavedIds] = useDataState(ids);
-    setSavedIds(ids);
+export const useArchivistGet = (hashes) => {
+    const [savedHashes, setSavedHashes] = useDataState(hashes);
+    setSavedHashes(hashes);
     const { archivist, error, payloads, refresh, setError, setPayloads, refreshCount } = useArchivistStates();
     useAsyncEffect(
     // eslint-disable-next-line react-hooks/exhaustive-deps
     async (mounted) => {
         try {
-            if (archivist && savedIds) {
-                const result = (await archivist.get(savedIds ?? [])) ?? [];
+            if (archivist && savedHashes) {
+                const result = (await archivist.get(savedHashes ?? [])) ?? [];
                 if (mounted()) {
                     setError(undefined);
                     setPayloads(result);
@@ -20,7 +20,7 @@ export const useArchivistGet = (ids) => {
         catch (ex) {
             setError(ex);
         }
-    }, [archivist, savedIds, refreshCount, setError, setPayloads]);
+    }, [archivist, savedHashes, refreshCount, setError, setPayloads]);
     return [payloads, error, refresh];
 };
 //# sourceMappingURL=useArchivistGet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useArchivistGet.js","sourceRoot":"","sources":["../../../src/hooks/useArchivistGet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,OAAO,EAAmB,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAE1E,MAAM,CAAC,MAAM,eAAe,GAAG,CAAoC,MAAiB,EAAoC,EAAE;IACxH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;IAC1D,cAAc,CAAC,MAAM,CAAC,CAAA;IAEtB,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAK,CAAA;IAE5G,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,IAAI;YACF,IAAI,SAAS,IAAI,WAAW,EAAE;gBAC5B,MAAM,MAAM,GAAG,CAAC,MAAM,SAAS,CAAC,GAAG,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAA;gBAC7D,IAAI,OAAO,EAAE,EAAE;oBACb,QAAQ,CAAC,SAAS,CAAC,CAAA;oBACnB,WAAW,CAAC,MAAa,CAAC,CAAA;iBAC3B;aACF;SACF;QAAC,OAAO,EAAE,EAAE;YACX,QAAQ,CAAC,EAAW,CAAC,CAAA;SACtB;IACH,CAAC,EACD,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,CAAC,CAC9D,CAAA;IACD,OAAO,CAAC,QAAQ,EAAE,KAAK,EAAE,OAAO,CAAC,CAAA;AACnC,CAAC,CAAA"}

package/dist/esm/{contexts/use → hooks}/useArchivistStates.js

@@ -1,6 +1,6 @@
 import { ArchivistWrapper } from '@xyo-network/archivist';
 import { useEffect, useState } from 'react';
-import { useArchivist } from './use';
+import { useArchivist } from './useArchivist';
 export const useArchivistStates = () => {
     const archivistFromHook = useArchivist();
     const [payloads, setPayloads] = useState();

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

@@ -0,0 +1 @@
+{"version":3,"file":"useArchivistStates.js","sourceRoot":"","sources":["../../../src/hooks/useArchivistStates.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAI7C,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAsC,EAAE;IACxE,MAAM,iBAAiB,GAAG,YAAY,EAAE,CAAA;IACxC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAO,CAAA;IAC/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAS,CAAA;IAC3C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACnD,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAA;IAEzE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAoB,CAAA;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,EAAE;YACrB,YAAY,CAAC,IAAI,gBAAgB,CAAC,iBAAiB,CAAC,CAAC,CAAA;SACtD;IACH,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAA;IAEvB,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAA;AACtG,CAAC,CAAA"}

package/dist/esm/index.js

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

package/dist/esm/index.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAqB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAKhF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG,iBAAiB,CAAC,eAAe,CAAC,CASlF,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardActions.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAqB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAEhF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,GAAG,gBAAgB,CAEhG,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAA;AAI5D,OAAO,EAAmB,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAEzE,OAAO,EAAqB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAGhF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,GAAG,gBAAgB,CAyBhG,CAAA"}

package/dist/types/components/Card/CardHeader.d.ts

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

package/dist/types/components/Card/CardHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAoB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAE/E,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,GAAG,eAAe,CAE9F,CAAA"}

package/dist/types/components/Card/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Card';
+export * from './CardContent';
+export * from './CardHeader';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Card/index.d.ts.map

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../../../src/components/Details/Details.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAgB7D,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuDvD,CAAA"}

package/dist/types/components/Details/index.d.ts

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

package/dist/types/components/Details/index.d.ts.map

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+export * from './useArchivist';
+export * from './useArchivistAll';
+export * from './useArchivistGet';
+export * from './useArchivistStates';
+//# 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,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA"}

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

@@ -0,0 +1,9 @@
+import { Account } from '@xyo-network/account';
+import { ArchivistModule, ArchivistWrapper } from '@xyo-network/archivist';
+export declare const useArchivist: {
+    (name?: string): ArchivistModule | undefined;
+    (name: string | undefined, wrap: true | Account): ArchivistWrapper | undefined;
+    (address: string): ArchivistModule | undefined;
+    (address: string, wrap: true | Account): ArchivistWrapper | undefined;
+};
+//# sourceMappingURL=useArchivist.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useArchivist.d.ts","sourceRoot":"","sources":["../../../src/hooks/useArchivist.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAqC1E,eAAO,MAAM,YAAY;YAvBH,MAAM;WACP,MAAM,GAAG,SAAS,QAAQ,IAAI,GAAG,OAAO;cACrC,MAAM;cACN,MAAM,QAAQ,IAAI,GAAG,OAAO;CAoBqD,CAAA"}

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

@@ -0,0 +1,4 @@
+export declare const useArchivistAll: () => ((import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
+    schema: string;
+})[] | Error | (() => void) | undefined)[];
+//# sourceMappingURL=useArchivistAll.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useArchivistAll.d.ts","sourceRoot":"","sources":["../../../src/hooks/useArchivistAll.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,eAAe;;0CAoB3B,CAAA"}

package/dist/types/{contexts/use → hooks}/useArchivistGet.d.ts

@@ -1,7 +1,7 @@
-import { RefreshCallback } from './lib';
+import { RefreshCallback } from './useArchivistStates';
 export declare const useArchivistGet: <T extends import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
     schema: string;
 } = import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
     schema: string;
-}>(ids?: string[]) => [(T[] | undefined)?, (Error | undefined)?, (RefreshCallback | undefined)?];
+}>(hashes?: string[]) => [(T[] | undefined)?, (Error | undefined)?, (RefreshCallback | undefined)?];
 //# sourceMappingURL=useArchivistGet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useArchivistGet.d.ts","sourceRoot":"","sources":["../../../src/hooks/useArchivistGet.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAsB,MAAM,sBAAsB,CAAA;AAE1E,eAAO,MAAM,eAAe;;;;YAAgD,MAAM,EAAE,+EAwBnF,CAAA"}

package/dist/types/{contexts/use → hooks}/useArchivistStates.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ArchivistWrapper } from '@xyo-network/archivist';
+export type RefreshCallback = () => void;
 export declare const useArchivistStates: <T extends import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
     schema: string;
 } = import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {

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

@@ -0,0 +1 @@
+{"version":3,"file":"useArchivistStates.d.ts","sourceRoot":"","sources":["../../../src/hooks/useArchivistStates.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAMzD,MAAM,MAAM,eAAe,GAAG,MAAM,IAAI,CAAA;AAExC,eAAO,MAAM,kBAAkB;;;;;;;;;;;;CAgB9B,CAAA"}

package/dist/types/index.d.ts

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

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

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

package/package.json

@@ -13,9 +13,10 @@
     "@xylabs/react-button": "^2.16.8",
     "@xylabs/react-flexbox": "^2.16.8",
     "@xylabs/react-shared": "^2.16.8",
-    "@xyo-network/node": "^2.49.5",
-    "@xyo-network/react-node": "^2.44.0",
-    "@xyo-network/react-shared": "^2.44.0",
+    "@xyo-network/node": "^2.51.1",
+    "@xyo-network/react-module": "^2.45.0-rc.1",
+    "@xyo-network/react-node": "^2.45.0-rc.1",
+    "@xyo-network/react-shared": "^2.45.0-rc.1",
     "lodash": "^4.17.21"
   },
   "peerDependencies": {
@@ -32,14 +33,13 @@
   "devDependencies": {
     "@storybook/react": "^6.5.16",
     "@types/lodash": "^4.14.191",
-    "@xylabs/ts-scripts-yarn3": "^2.15.0",
-    "@xylabs/tsconfig-react": "^2.15.0",
-    "@xyo-network/archivist": "^2.49.5",
-    "@xyo-network/archivist-wrapper": "^2.49.5",
-    "@xyo-network/module": "^2.49.5",
-    "@xyo-network/payload-model": "^2.49.5",
-    "@xyo-network/react-api": "^2.44.0",
-    "@xyo-network/react-storybook": "^2.44.0",
+    "@xylabs/ts-scripts-yarn3": "^2.16.0",
+    "@xylabs/tsconfig-react": "^2.16.0",
+    "@xyo-network/archivist": "^2.51.1",
+    "@xyo-network/archivist-wrapper": "^2.51.1",
+    "@xyo-network/module": "^2.51.1",
+    "@xyo-network/payload-model": "^2.51.1",
+    "@xyo-network/react-storybook": "^2.45.0-rc.1",
     "require-from-string": "^2.0.2",
     "typescript": "^4.9.5"
   },
@@ -85,5 +85,6 @@
   },
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
-  "version": "2.44.0"
+  "version": "2.45.0-rc.1",
+  "stableVersion": "2.44.1"
 }

package/src/components/Card/Card.stories.tsx

@@ -0,0 +1,54 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react'
+import { useAsyncEffect } from '@xylabs/react-shared'
+import { ArchivistModule, MemoryArchivist, MemoryArchivistConfigSchema } from '@xyo-network/archivist'
+import { useState } from 'react'
+
+import { ArchivistCard } from './Card'
+
+const StorybookEntry = {
+  argTypes: {
+    authState: {
+      jwtToken: 'badToken',
+      loggedInAccount: 'none@none.com',
+    },
+  },
+  component: ArchivistCard,
+  parameters: {
+    docs: {
+      page: null,
+    },
+  },
+  title: 'modules/archivist/ArchivistCard',
+} as ComponentMeta<typeof ArchivistCard>
+
+const Template: ComponentStory<typeof ArchivistCard> = () => {
+  const [module, setModule] = useState<ArchivistModule>()
+
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      if (!module) {
+        const newParentModule = await MemoryArchivist.create()
+        const newModule = await MemoryArchivist.create({
+          config: {
+            parents: { commit: [newParentModule.address], read: [newParentModule.address], write: [newParentModule.address] },
+            schema: MemoryArchivistConfigSchema,
+          },
+        })
+        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/Card/Card.tsx

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

package/src/components/Card/CardActions.tsx

@@ -0,0 +1,7 @@
+import { CardActionsProps } from '@mui/material'
+import { ArchivistModule } from '@xyo-network/archivist'
+import { ModuleCardActions, ModuleRenderProps } from '@xyo-network/react-module'
+
+export const ArchivistCardActions: React.FC<ModuleRenderProps<ArchivistModule> & CardActionsProps> = (props) => {
+  return <ModuleCardActions {...props} />
+}

package/src/components/Card/CardContent.tsx

@@ -0,0 +1,35 @@
+import { CardContentProps, Typography } from '@mui/material'
+import { EthAddress } from '@xylabs/eth-address'
+import { EthAccountBox } from '@xylabs/react-crypto'
+import { useAsyncEffect } from '@xylabs/react-shared'
+import { ArchivistConfig, ArchivistModule } from '@xyo-network/archivist'
+import { ModuleWrapper } from '@xyo-network/module'
+import { ModuleCardContent, ModuleRenderProps } from '@xyo-network/react-module'
+import { useState } from 'react'
+
+export const ArchivistCardContent: React.FC<ModuleRenderProps<ArchivistModule> & CardContentProps> = ({ children, module, ...props }) => {
+  const [config, setConfig] = useState<ArchivistConfig>()
+
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      const wrapper = module ? new ModuleWrapper(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/CardHeader.tsx

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

package/src/components/Card/index.ts

@@ -0,0 +1,3 @@
+export * from './Card'
+export * from './CardContent'
+export * from './CardHeader'

package/src/components/{Details.stories.tsx → Details/Details.stories.tsx}

@@ -1,10 +1,11 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react'
 import { useAsyncEffect } from '@xylabs/react-shared'
 import { ArchivistModule } from '@xyo-network/archivist'
+import { NodeProvider } from '@xyo-network/react-node'
 import { useAppThemeDecorator } from '@xyo-network/react-storybook'
 import { useState } from 'react'
 
-import { MemoryArchivistProvider, useArchivist } from '../contexts'
+import { useArchivist } from '../../hooks'
 import { ArchivistDetails } from './Details'
 
 const StorybookEntry = {
@@ -15,7 +16,7 @@ const StorybookEntry = {
       page: null,
     },
   },
-  title: 'archivist/Details',
+  title: 'modules/archivist/Details',
 } as ComponentMeta<typeof ArchivistDetails>
 
 const TemplateInner: ComponentStory<typeof ArchivistDetails> = (args) => {
@@ -45,15 +46,15 @@ const TemplateInnerWithData: ComponentStory<typeof ArchivistDetails> = (args) =>
 }
 
 const TemplateWithNoData: ComponentStory<typeof ArchivistDetails> = (args) => (
-  <MemoryArchivistProvider>
+  <NodeProvider>
     <TemplateInner {...args}></TemplateInner>
-  </MemoryArchivistProvider>
+  </NodeProvider>
 )
 
 const TemplateWithData: ComponentStory<typeof ArchivistDetails> = (args) => (
-  <MemoryArchivistProvider>
+  <NodeProvider>
     <TemplateInnerWithData {...args}></TemplateInnerWithData>
-  </MemoryArchivistProvider>
+  </NodeProvider>
 )
 
 const WithNoArchivist = TemplateInner.bind({})

package/src/components/{Details.tsx → Details/Details.tsx}

@@ -8,7 +8,7 @@ import { QueryBoundWitnessBuilder } from '@xyo-network/module'
 import { XyoPayload } from '@xyo-network/payload-model'
 import { useEffect, useState } from 'react'
 
-import { useArchivist } from '../contexts'
+import { useArchivist } from '../../hooks'
 
 const testQueryCommit = { schema: ArchivistCommitQuerySchema }
 const testQueryCommitBoundWitness = new QueryBoundWitnessBuilder({ inlinePayloads: true }).query(testQueryCommit).build()