@bifold/react-hooks 0.6.1

package/README.md

@@ -0,0 +1,24 @@
+<p align="center">
+  <br />
+  <img
+    alt="Credo logo"
+    src="https://github.com/openwallet-foundation/credo-ts/blob/c7886cb8377ceb8ee4efe8d264211e561a75072d/images/credo-logo.png"
+    height="250px"
+  />
+</p>
+<h1 align="center"><b>React Hooks for Credo</b></h1>
+<p align="center">
+  <a
+    href="https://raw.githubusercontent.com/openwallet-foundation/credo-ts-ext/main/LICENSE"
+    ><img
+      alt="License"
+      src="https://img.shields.io/badge/License-Apache%202.0-blue.svg"
+  /></a>
+  <a href="https://www.typescriptlang.org/"
+    ><img
+      alt="typescript"
+      src="https://img.shields.io/badge/%3C%2F%3E-TypeScript-%230074c1.svg"
+  /></a>
+</p>
+
+For documentation on installation and usage of the React Hooks package, refer to the [Docs](https://credo.js.org/guides/extensions/react-hooks).

package/build/AgentProvider.d.ts

@@ -0,0 +1,13 @@
+import type { Agent } from '@credo-ts/core';
+import type { PropsWithChildren } from 'react';
+import * as React from 'react';
+interface AgentContextInterface<AppAgent extends Agent = Agent> {
+    loading: boolean;
+    agent: AppAgent;
+}
+export declare const useAgent: <AppAgent extends Agent>() => AgentContextInterface<AppAgent>;
+interface Props {
+    agent: Agent;
+}
+declare const AgentProvider: React.FC<PropsWithChildren<Props>>;
+export default AgentProvider;

package/build/AgentProvider.js

@@ -0,0 +1,77 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAgent = void 0;
+const question_answer_1 = require("@credo-ts/question-answer");
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const BasicMessageProvider_1 = __importDefault(require("./BasicMessageProvider"));
+const ConnectionProvider_1 = __importDefault(require("./ConnectionProvider"));
+const CredentialFormatDataProvider_1 = __importDefault(require("./CredentialFormatDataProvider"));
+const CredentialProvider_1 = __importDefault(require("./CredentialProvider"));
+const ProofFormatDataProvider_1 = __importDefault(require("./ProofFormatDataProvider"));
+const ProofProvider_1 = __importDefault(require("./ProofProvider"));
+const QuestionAnswerProvider_1 = __importDefault(require("./QuestionAnswerProvider"));
+const recordUtils_1 = require("./recordUtils");
+const AgentContext = (0, react_1.createContext)(undefined);
+const useAgent = () => {
+    const agentContext = (0, react_1.useContext)(AgentContext);
+    if (!agentContext) {
+        throw new Error('useAgent must be used within a AgentContextProvider');
+    }
+    return agentContext;
+};
+exports.useAgent = useAgent;
+const AgentProvider = ({ agent, children }) => {
+    const isQaRegistered = (0, recordUtils_1.useIsModuleRegistered)(agent, question_answer_1.QuestionAnswerModule);
+    const [agentState] = (0, react_1.useState)({
+        loading: false,
+        agent,
+    });
+    return (React.createElement(AgentContext.Provider, { value: agentState },
+        React.createElement(ConnectionProvider_1.default, { agent: agent },
+            React.createElement(CredentialProvider_1.default, { agent: agent },
+                React.createElement(ProofProvider_1.default, { agent: agent },
+                    React.createElement(CredentialFormatDataProvider_1.default, { agent: agent },
+                        React.createElement(ProofFormatDataProvider_1.default, { agent: agent },
+                            React.createElement(BasicMessageProvider_1.default, { agent: agent }, isQaRegistered ? (React.createElement(QuestionAnswerProvider_1.default, { agent: agent },
+                                children,
+                                " ")) : (children)))))))));
+};
+exports.default = AgentProvider;
+//# sourceMappingURL=AgentProvider.js.map

package/build/AgentProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentProvider.js","sourceRoot":"","sources":["../src/AgentProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,+DAAgE;AAChE,6CAA8B;AAC9B,iCAA2D;AAE3D,kFAAyD;AACzD,8EAAqD;AACrD,kGAAyE;AACzE,8EAAqD;AACrD,wFAA+D;AAC/D,oEAA2C;AAC3C,sFAA6D;AAC7D,+CAAqD;AAOrD,MAAM,YAAY,GAAG,IAAA,qBAAa,EAAoC,SAAS,CAAC,CAAA;AAEzE,MAAM,QAAQ,GAAG,GAA2B,EAAE;IACnD,MAAM,YAAY,GAAG,IAAA,kBAAU,EAAC,YAAY,CAAC,CAAA;IAC7C,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAA;IACxE,CAAC;IACD,OAAO,YAA+C,CAAA;AACxD,CAAC,CAAA;AANY,QAAA,QAAQ,YAMpB;AAMD,MAAM,aAAa,GAAuC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAChF,MAAM,cAAc,GAAG,IAAA,mCAAqB,EAAC,KAAK,EAAE,sCAAoB,CAAC,CAAA;IACzE,MAAM,CAAC,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAwB;QACnD,OAAO,EAAE,KAAK;QACd,KAAK;KACN,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU;QACtC,oBAAC,4BAAkB,IAAC,KAAK,EAAE,KAAK;YAC9B,oBAAC,4BAAkB,IAAC,KAAK,EAAE,KAAK;gBAC9B,oBAAC,uBAAa,IAAC,KAAK,EAAE,KAAK;oBACzB,oBAAC,sCAA4B,IAAC,KAAK,EAAE,KAAK;wBACxC,oBAAC,iCAAuB,IAAC,KAAK,EAAE,KAAK;4BACnC,oBAAC,8BAAoB,IAAC,KAAK,EAAE,KAAK,IAC/B,cAAc,CAAC,CAAC,CAAC,CAChB,oBAAC,gCAAsB,IAAC,KAAK,EAAE,KAAK;gCAAG,QAAQ;oCAA2B,CAC3E,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACoB,CACC,CACG,CACjB,CACG,CACF,CACC,CACzB,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,aAAa,CAAA"}

package/build/BasicMessageProvider.d.ts

@@ -0,0 +1,12 @@
+import type { RecordsState } from './recordUtils';
+import type { Agent } from '@credo-ts/core';
+import type { PropsWithChildren } from 'react';
+import { BasicMessageRecord } from '@credo-ts/core';
+import * as React from 'react';
+export declare const useBasicMessages: () => RecordsState<BasicMessageRecord>;
+export declare const useBasicMessagesByConnectionId: (connectionId: string) => BasicMessageRecord[];
+interface Props {
+    agent: Agent;
+}
+declare const BasicMessageProvider: React.FC<PropsWithChildren<Props>>;
+export default BasicMessageProvider;

package/build/BasicMessageProvider.js

@@ -0,0 +1,83 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBasicMessagesByConnectionId = exports.useBasicMessages = void 0;
+const core_1 = require("@credo-ts/core");
+const react_1 = require("react");
+const React = __importStar(require("react"));
+const recordUtils_1 = require("./recordUtils");
+const BasicMessageContext = (0, react_1.createContext)(undefined);
+const useBasicMessages = () => {
+    const basicMessageContext = (0, react_1.useContext)(BasicMessageContext);
+    if (!basicMessageContext) {
+        throw new Error('useBasicMessages must be used within a BasicMessageContextProvider');
+    }
+    return basicMessageContext;
+};
+exports.useBasicMessages = useBasicMessages;
+const useBasicMessagesByConnectionId = (connectionId) => {
+    const { records: basicMessages } = (0, exports.useBasicMessages)();
+    const messages = (0, react_1.useMemo)(() => basicMessages.filter((m) => m.connectionId === connectionId), [basicMessages, connectionId]);
+    return messages;
+};
+exports.useBasicMessagesByConnectionId = useBasicMessagesByConnectionId;
+const BasicMessageProvider = ({ agent, children }) => {
+    const [state, setState] = (0, react_1.useState)({
+        records: [],
+        loading: true,
+    });
+    const setInitialState = (0, react_1.useCallback)(async () => {
+        const records = await agent.basicMessages.findAllByQuery({});
+        setState({ records, loading: false });
+    }, [agent]);
+    (0, react_1.useEffect)(() => {
+        setInitialState();
+    }, [setInitialState]);
+    (0, react_1.useEffect)(() => {
+        if (state.loading)
+            return;
+        const basicMessageAdded$ = (0, recordUtils_1.recordsAddedByType)(agent, core_1.BasicMessageRecord).subscribe((record) => setState((0, recordUtils_1.addRecord)(record, state)));
+        const basicMessageUpdated$ = (0, recordUtils_1.recordsUpdatedByType)(agent, core_1.BasicMessageRecord).subscribe((record) => setState((0, recordUtils_1.updateRecord)(record, state)));
+        const basicMessageRemoved$ = (0, recordUtils_1.recordsRemovedByType)(agent, core_1.BasicMessageRecord).subscribe((record) => setState((0, recordUtils_1.removeRecord)(record, state)));
+        return () => {
+            basicMessageAdded$ === null || basicMessageAdded$ === void 0 ? void 0 : basicMessageAdded$.unsubscribe();
+            basicMessageUpdated$ === null || basicMessageUpdated$ === void 0 ? void 0 : basicMessageUpdated$.unsubscribe();
+            basicMessageRemoved$ === null || basicMessageRemoved$ === void 0 ? void 0 : basicMessageRemoved$.unsubscribe();
+        };
+    }, [state, agent]);
+    return React.createElement(BasicMessageContext.Provider, { value: state }, children);
+};
+exports.default = BasicMessageProvider;
+//# sourceMappingURL=BasicMessageProvider.js.map

package/build/BasicMessageProvider.js.map

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

package/build/ConnectionProvider.d.ts

@@ -0,0 +1,24 @@
+import type { Agent, DidExchangeState, ConnectionType } from '@credo-ts/core';
+import type { PropsWithChildren } from 'react';
+import { ConnectionRecord } from '@credo-ts/core';
+import * as React from 'react';
+export type UseConnectionsOptions = {
+    excludedTypes?: Array<ConnectionType | string>;
+    connectionState?: DidExchangeState;
+};
+/**
+ * This method retrieves the connection context for the current agent.
+ * From this you can access all connection records for the agent.
+ * @param options options for useConnections hook, lets us filter out specific types and limit states
+ * @returns a connection context containing information about the agents connections
+ */
+export declare const useConnections: (options?: UseConnectionsOptions) => {
+    records: ConnectionRecord[];
+    loading?: boolean | undefined;
+};
+export declare const useConnectionById: (id: string) => ConnectionRecord | undefined;
+interface Props {
+    agent: Agent;
+}
+declare const ConnectionProvider: React.FC<PropsWithChildren<Props>>;
+export default ConnectionProvider;

package/build/ConnectionProvider.js

@@ -0,0 +1,106 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useConnectionById = exports.useConnections = void 0;
+const core_1 = require("@credo-ts/core");
+const react_1 = require("react");
+const React = __importStar(require("react"));
+const recordUtils_1 = require("./recordUtils");
+const ConnectionContext = (0, react_1.createContext)(undefined);
+/**
+ * This method retrieves the connection context for the current agent.
+ * From this you can access all connection records for the agent.
+ * @param options options for useConnections hook, lets us filter out specific types and limit states
+ * @returns a connection context containing information about the agents connections
+ */
+const useConnections = (options = {}) => {
+    const connectionContext = (0, react_1.useContext)(ConnectionContext);
+    let connections = connectionContext === null || connectionContext === void 0 ? void 0 : connectionContext.records;
+    connections = (0, react_1.useMemo)(() => {
+        if (!connections) {
+            throw new Error('useConnections must be used within a ConnectionContextProvider');
+        }
+        // do not filter if not filter options are provided to save on a loop
+        if (!options.connectionState && !options.excludedTypes)
+            return connections;
+        return connections.filter((record) => {
+            // By default we include this connection
+            // Filter by state (if connectionState is defined)
+            if (options.connectionState && options.connectionState !== record.state)
+                return false;
+            // Exclude records with certain connection types (if defined)
+            const recordTypes = record.connectionTypes;
+            if (options.excludedTypes && recordTypes && recordTypes.length !== 0) {
+                return recordTypes.some((connectionType) => { var _a; return !((_a = options.excludedTypes) === null || _a === void 0 ? void 0 : _a.includes(connectionType)); });
+            }
+            return true;
+        });
+    }, [connections, options.connectionState, options.excludedTypes]);
+    return Object.assign(Object.assign({}, connectionContext), { records: connections });
+};
+exports.useConnections = useConnections;
+const useConnectionById = (id) => {
+    const { records: connections } = (0, exports.useConnections)();
+    return connections.find((c) => c.id === id);
+};
+exports.useConnectionById = useConnectionById;
+const ConnectionProvider = ({ agent, children }) => {
+    const [state, setState] = (0, react_1.useState)({
+        records: [],
+        loading: true,
+    });
+    const setInitialState = (0, react_1.useCallback)(async () => {
+        const records = await agent.connections.getAll();
+        setState({ records, loading: false });
+    }, [agent]);
+    (0, react_1.useEffect)(() => {
+        setInitialState();
+    }, [setInitialState]);
+    (0, react_1.useEffect)(() => {
+        if (state.loading)
+            return;
+        const connectionAdded$ = (0, recordUtils_1.recordsAddedByType)(agent, core_1.ConnectionRecord).subscribe((record) => setState((0, recordUtils_1.addRecord)(record, state)));
+        const connectionUpdated$ = (0, recordUtils_1.recordsUpdatedByType)(agent, core_1.ConnectionRecord).subscribe((record) => setState((0, recordUtils_1.updateRecord)(record, state)));
+        const connectionRemoved$ = (0, recordUtils_1.recordsRemovedByType)(agent, core_1.ConnectionRecord).subscribe((record) => setState((0, recordUtils_1.removeRecord)(record, state)));
+        return () => {
+            connectionAdded$.unsubscribe();
+            connectionUpdated$.unsubscribe();
+            connectionRemoved$.unsubscribe();
+        };
+    }, [state, agent]);
+    return React.createElement(ConnectionContext.Provider, { value: state }, children);
+};
+exports.default = ConnectionProvider;
+//# sourceMappingURL=ConnectionProvider.js.map

package/build/ConnectionProvider.js.map

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

package/build/CredentialFormatDataProvider.d.ts

@@ -0,0 +1,19 @@
+import type { Agent } from '@credo-ts/core';
+import type { Awaited } from '@credo-ts/core/build/types';
+import type { PropsWithChildren } from 'react';
+import React from 'react';
+type FormatReturn = Awaited<ReturnType<Agent['credentials']['getFormatData']>>;
+export type CredentialFormatData = FormatReturn & {
+    id: string;
+};
+type FormattedDataState = {
+    formattedData: Array<CredentialFormatData>;
+    loading: boolean;
+};
+export declare const useCredentialsFormatData: () => FormattedDataState;
+export declare const useCredentialFormatDataById: (id: string) => CredentialFormatData | undefined;
+interface Props {
+    agent: Agent;
+}
+declare const CredentialFormatDataProvider: React.FC<PropsWithChildren<Props>>;
+export default CredentialFormatDataProvider;

package/build/CredentialFormatDataProvider.js

@@ -0,0 +1,121 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCredentialFormatDataById = exports.useCredentialsFormatData = void 0;
+const core_1 = require("@credo-ts/core");
+const react_1 = __importStar(require("react"));
+const recordUtils_1 = require("./recordUtils");
+const addRecord = (record, state) => {
+    const newRecordsState = [...state.formattedData];
+    newRecordsState.unshift(record);
+    return {
+        loading: state.loading,
+        formattedData: newRecordsState,
+    };
+};
+const updateRecord = (record, state) => {
+    const newRecordsState = [...state.formattedData];
+    const index = newRecordsState.findIndex((r) => r.id === record.id);
+    if (index > -1) {
+        newRecordsState[index] = record;
+    }
+    return {
+        loading: state.loading,
+        formattedData: newRecordsState,
+    };
+};
+const removeRecord = (recordId, state) => {
+    const newRecordsState = state.formattedData.filter((r) => r.id !== recordId);
+    return {
+        loading: state.loading,
+        formattedData: newRecordsState,
+    };
+};
+const CredentialFormatDataContext = (0, react_1.createContext)(undefined);
+const useCredentialsFormatData = () => {
+    const credentialFormatDataContext = (0, react_1.useContext)(CredentialFormatDataContext);
+    if (!credentialFormatDataContext) {
+        throw new Error('useCredentialFormatData must be used within a CredentialFormatDataContextProvider');
+    }
+    return credentialFormatDataContext;
+};
+exports.useCredentialsFormatData = useCredentialsFormatData;
+const useCredentialFormatDataById = (id) => {
+    const { formattedData } = (0, exports.useCredentialsFormatData)();
+    return formattedData.find((c) => c.id === id);
+};
+exports.useCredentialFormatDataById = useCredentialFormatDataById;
+const CredentialFormatDataProvider = ({ agent, children }) => {
+    const [state, setState] = (0, react_1.useState)({
+        formattedData: [],
+        loading: true,
+    });
+    const fetchCredentialInformation = async (agent, record) => {
+        const formatData = await agent.credentials.getFormatData(record.id);
+        return Object.assign(Object.assign({}, formatData), { id: record.id });
+    };
+    const setInitialState = (0, react_1.useCallback)(async () => {
+        const records = await agent.credentials.getAll();
+        const formattedData = [];
+        for (const record of records) {
+            formattedData.push(await fetchCredentialInformation(agent, record));
+        }
+        setState({ formattedData, loading: false });
+    }, [agent]);
+    (0, react_1.useEffect)(() => {
+        void setInitialState();
+    }, [setInitialState]);
+    (0, react_1.useEffect)(() => {
+        if (state.loading)
+            return;
+        const credentialAdded$ = (0, recordUtils_1.recordsAddedByType)(agent, core_1.CredentialExchangeRecord).subscribe(async (record) => {
+            const formatData = await fetchCredentialInformation(agent, record);
+            setState(addRecord(formatData, state));
+        });
+        const credentialUpdate$ = (0, recordUtils_1.recordsUpdatedByType)(agent, core_1.CredentialExchangeRecord).subscribe(async (record) => {
+            const formatData = await fetchCredentialInformation(agent, record);
+            setState(updateRecord(formatData, state));
+        });
+        const credentialRemove$ = (0, recordUtils_1.recordsRemovedByType)(agent, core_1.CredentialExchangeRecord).subscribe((record) => setState(removeRecord(record.id, state)));
+        return () => {
+            credentialAdded$.unsubscribe();
+            credentialUpdate$.unsubscribe();
+            credentialRemove$.unsubscribe();
+        };
+    }, [state, agent]);
+    return react_1.default.createElement(CredentialFormatDataContext.Provider, { value: state }, children);
+};
+exports.default = CredentialFormatDataProvider;
+//# sourceMappingURL=CredentialFormatDataProvider.js.map

package/build/CredentialFormatDataProvider.js.map

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

package/build/CredentialProvider.d.ts

@@ -0,0 +1,15 @@
+import type { RecordsState } from './recordUtils';
+import type { Agent, CredentialState } from '@credo-ts/core';
+import type { PropsWithChildren } from 'react';
+import { CredentialExchangeRecord } from '@credo-ts/core';
+import * as React from 'react';
+export declare const useCredentials: () => RecordsState<CredentialExchangeRecord>;
+export declare const useCredentialsByConnectionId: (connectionId: string) => CredentialExchangeRecord[];
+export declare const useCredentialById: (id: string) => CredentialExchangeRecord | undefined;
+export declare const useCredentialByState: (state: CredentialState | CredentialState[]) => CredentialExchangeRecord[];
+export declare const useCredentialNotInState: (state: CredentialState | CredentialState[]) => CredentialExchangeRecord[];
+interface Props {
+    agent: Agent;
+}
+declare const CredentialProvider: React.FC<PropsWithChildren<Props>>;
+export default CredentialProvider;

package/build/CredentialProvider.js

@@ -0,0 +1,101 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCredentialNotInState = exports.useCredentialByState = exports.useCredentialById = exports.useCredentialsByConnectionId = exports.useCredentials = void 0;
+const core_1 = require("@credo-ts/core");
+const react_1 = require("react");
+const React = __importStar(require("react"));
+const recordUtils_1 = require("./recordUtils");
+const CredentialContext = (0, react_1.createContext)(undefined);
+const useCredentials = () => {
+    const credentialContext = (0, react_1.useContext)(CredentialContext);
+    if (!credentialContext) {
+        throw new Error('useCredentials must be used within a CredentialContextProvider');
+    }
+    return credentialContext;
+};
+exports.useCredentials = useCredentials;
+const useCredentialsByConnectionId = (connectionId) => {
+    const { records: credentials } = (0, exports.useCredentials)();
+    return (0, react_1.useMemo)(() => credentials.filter((credential) => credential.connectionId === connectionId), [credentials, connectionId]);
+};
+exports.useCredentialsByConnectionId = useCredentialsByConnectionId;
+const useCredentialById = (id) => {
+    const { records: credentials } = (0, exports.useCredentials)();
+    return credentials.find((c) => c.id === id);
+};
+exports.useCredentialById = useCredentialById;
+const useCredentialByState = (state) => {
+    const states = (0, react_1.useMemo)(() => (typeof state === 'string' ? [state] : state), [state]);
+    const { records: credentials } = (0, exports.useCredentials)();
+    const filteredCredentials = (0, react_1.useMemo)(() => credentials.filter((r) => states.includes(r.state)), [credentials, states]);
+    return filteredCredentials;
+};
+exports.useCredentialByState = useCredentialByState;
+const useCredentialNotInState = (state) => {
+    const states = (0, react_1.useMemo)(() => (typeof state === 'string' ? [state] : state), [state]);
+    const { records: credentials } = (0, exports.useCredentials)();
+    const filteredCredentials = (0, react_1.useMemo)(() => credentials.filter((r) => !states.includes(r.state)), [credentials, states]);
+    return filteredCredentials;
+};
+exports.useCredentialNotInState = useCredentialNotInState;
+const CredentialProvider = ({ agent, children }) => {
+    const [state, setState] = (0, react_1.useState)({
+        records: [],
+        loading: true,
+    });
+    const setInitialState = (0, react_1.useCallback)(async () => {
+        const records = await agent.credentials.getAll();
+        setState({ records, loading: false });
+    }, [agent]);
+    (0, react_1.useEffect)(() => {
+        setInitialState();
+    }, [setInitialState]);
+    (0, react_1.useEffect)(() => {
+        if (state.loading)
+            return;
+        const credentialAdded$ = (0, recordUtils_1.recordsAddedByType)(agent, core_1.CredentialExchangeRecord).subscribe((record) => setState((0, recordUtils_1.addRecord)(record, state)));
+        const credentialUpdated$ = (0, recordUtils_1.recordsUpdatedByType)(agent, core_1.CredentialExchangeRecord).subscribe((record) => setState((0, recordUtils_1.updateRecord)(record, state)));
+        const credentialRemoved$ = (0, recordUtils_1.recordsRemovedByType)(agent, core_1.CredentialExchangeRecord).subscribe((record) => setState((0, recordUtils_1.removeRecord)(record, state)));
+        return () => {
+            credentialAdded$ === null || credentialAdded$ === void 0 ? void 0 : credentialAdded$.unsubscribe();
+            credentialUpdated$ === null || credentialUpdated$ === void 0 ? void 0 : credentialUpdated$.unsubscribe();
+            credentialRemoved$ === null || credentialRemoved$ === void 0 ? void 0 : credentialRemoved$.unsubscribe();
+        };
+    }, [state, agent]);
+    return React.createElement(CredentialContext.Provider, { value: state }, children);
+};
+exports.default = CredentialProvider;
+//# sourceMappingURL=CredentialProvider.js.map

package/build/CredentialProvider.js.map

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