@mandaitor/react 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025-2026 Mandaitor
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,74 @@
+# @mandaitor/react
+
+React UI components and hooks for integrating Mandaitor delegation management into your application.
+
+---
+
+## Installation
+
+```bash
+npm install @mandaitor/react @mandaitor/sdk
+# or
+pnpm add @mandaitor/react @mandaitor/sdk
+```
+
+## Quick Start
+
+Wrap your application with `MandaitorProvider` and use the pre-built components:
+
+```tsx
+import { MandaitorProvider, MandateCreator, MandateViewer } from "@mandaitor/react";
+
+function App() {
+  return (
+    <MandaitorProvider
+      apiKey="mk_live_..."
+      tenantId="tnt_acme_prod"
+    >
+      <MandateCreator />
+      <MandateViewer mandateId="mnd_abc123" />
+    </MandaitorProvider>
+  );
+}
+```
+
+## Components
+
+| Component | Description |
+|-----------|-------------|
+| `MandaitorProvider` | Context provider that initialises the SDK client |
+| `MandateCreator` | Form for creating new delegation mandates |
+| `MandateViewer` | Read-only display of a single mandate with status |
+| `MandateManager` | Full CRUD interface for managing mandates (list, revoke, suspend, reactivate) |
+| `MandateVerifier` | Interactive verification form for testing delegation claims |
+| `APIKeyManager` | API key display and management component |
+| `WidgetConfigDashboard` | Dashboard for configuring the embeddable consent widget |
+
+## Hooks
+
+| Hook | Description |
+|------|-------------|
+| `useMandaitorSDK()` | Access the SDK client instance from context |
+| `useMandate(id)` | Fetch and cache a single mandate |
+| `useMandates(options?)` | Fetch and cache a paginated list of mandates |
+
+## Storybook
+
+Component stories are co-located with their components. Run Storybook from the monorepo root:
+
+```bash
+pnpm storybook
+```
+
+## Development
+
+```bash
+# Build
+pnpm build
+
+# Run unit tests
+pnpm test:unit
+
+# Run integration tests
+pnpm test:integration
+```

package/dist/components/APIKeyManager.d.ts

@@ -0,0 +1,4 @@
+export declare function ApiKeyManager({ tenantId }: {
+    tenantId: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=APIKeyManager.d.ts.map

package/dist/components/APIKeyManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"APIKeyManager.d.ts","sourceRoot":"","sources":["../../src/components/APIKeyManager.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,2CAiL/D"}

package/dist/components/APIKeyManager.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+export function ApiKeyManager({ tenantId }) {
+    const [keys, setKeys] = useState([]);
+    const [newKey, setNewKey] = useState(null);
+    const [creating, setCreating] = useState(false);
+    const [keyName, setKeyName] = useState("");
+    const [keyEnv, setKeyEnv] = useState("test");
+    useEffect(() => {
+        fetchKeys();
+    }, []);
+    async function fetchKeys() {
+        const res = await fetch("/v1/tenant/api-keys", {
+            headers: { Authorization: `Bearer ${getToken()}` },
+        });
+        const data = (await res.json());
+        setKeys(data.keys || []);
+    }
+    async function createKey() {
+        setCreating(true);
+        try {
+            const res = await fetch("/v1/tenant/api-keys", {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json",
+                    Authorization: `Bearer ${getToken()}`,
+                },
+                body: JSON.stringify({ name: keyName || "default", environment: keyEnv }),
+            });
+            const data = await res.json();
+            setNewKey(data);
+            setKeyName("");
+            fetchKeys();
+        }
+        finally {
+            setCreating(false);
+        }
+    }
+    async function revokeKey(keyId) {
+        if (!confirm("Are you sure? This action cannot be undone."))
+            return;
+        await fetch(`/v1/tenant/api-keys/${keyId}`, {
+            method: "DELETE",
+            headers: { Authorization: `Bearer ${getToken()}` },
+        });
+        fetchKeys();
+    }
+    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "text-xl font-bold", children: "API Keys" }), _jsxs("span", { className: "text-sm text-muted-foreground", children: ["Tenant: ", tenantId] })] }), _jsxs("div", { className: "p-4 rounded border border-border bg-card", children: [_jsx("h3", { className: "font-semibold mb-3", children: "Generate New Key" }), _jsxs("div", { className: "flex gap-3 items-end", children: [_jsxs("div", { className: "flex-1", children: [_jsx("label", { className: "text-sm text-muted-foreground", children: "Key Name" }), _jsx("input", { value: keyName, onChange: (e) => setKeyName(e.target.value), placeholder: "e.g., production-backend", className: "w-full mt-1 px-3 py-2 rounded border border-border bg-background" })] }), _jsxs("div", { children: [_jsx("label", { className: "text-sm text-muted-foreground", children: "Environment" }), _jsxs("select", { value: keyEnv, onChange: (e) => setKeyEnv(e.target.value), className: "w-full mt-1 px-3 py-2 rounded border border-border bg-background", children: [_jsx("option", { value: "test", children: "Test" }), _jsx("option", { value: "live", children: "Live" })] })] }), _jsx("button", { onClick: createKey, disabled: creating, className: "px-4 py-2 rounded font-semibold text-sm", style: { background: "#F5A623", color: "#0A1628" }, children: creating ? "Generating..." : "Generate Key" })] })] }), newKey && (_jsxs("div", { className: "p-4 rounded border-2 border-amber-500 bg-amber-500/5", children: [_jsx("div", { className: "flex items-center gap-2 mb-2", children: _jsx("span", { className: "font-bold text-amber-400", children: "New API Key Created" }) }), _jsx("p", { className: "text-sm text-red-400 font-semibold mb-2", children: "Copy this key now. It will not be shown again." }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("code", { className: "flex-1 p-3 rounded bg-background font-mono text-sm break-all", children: newKey.api_key }), _jsx("button", { onClick: () => navigator.clipboard.writeText(newKey.api_key), className: "px-3 py-2 rounded border border-border text-sm", children: "Copy" })] }), _jsx("button", { onClick: () => setNewKey(null), className: "mt-3 text-sm text-muted-foreground underline", children: "I have saved my key" })] })), _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-border", children: [_jsx("th", { className: "text-left py-2 px-3", children: "Name" }), _jsx("th", { className: "text-left py-2 px-3", children: "Key" }), _jsx("th", { className: "text-left py-2 px-3", children: "Environment" }), _jsx("th", { className: "text-left py-2 px-3", children: "Status" }), _jsx("th", { className: "text-left py-2 px-3", children: "Created" }), _jsx("th", { className: "text-left py-2 px-3", children: "Actions" })] }) }), _jsx("tbody", { children: keys.map((key) => (_jsxs("tr", { className: "border-b border-border/50", children: [_jsx("td", { className: "py-2 px-3", children: key.name }), _jsxs("td", { className: "py-2 px-3 font-mono", children: ["****", key.last_four] }), _jsx("td", { className: "py-2 px-3", children: _jsx("span", { className: `px-2 py-0.5 rounded text-xs ${key.environment === "live"
+                                            ? "bg-green-500/10 text-green-400"
+                                            : "bg-blue-500/10 text-blue-400"}`, children: key.environment }) }), _jsx("td", { className: "py-2 px-3", children: _jsx("span", { className: `px-2 py-0.5 rounded text-xs ${key.status === "ACTIVE"
+                                            ? "bg-green-500/10 text-green-400"
+                                            : "bg-red-500/10 text-red-400"}`, children: key.status }) }), _jsx("td", { className: "py-2 px-3 text-muted-foreground", children: new Date(key.created_at).toLocaleDateString() }), _jsx("td", { className: "py-2 px-3", children: key.status === "ACTIVE" && (_jsx("button", { onClick: () => revokeKey(key.key_id), className: "text-red-400 text-xs underline", children: "Revoke" })) })] }, key.key_id))) })] })] }));
+}
+function getToken() {
+    // In production: retrieve from Cognito session
+    return localStorage.getItem("mandata_token") || "";
+}
+//# sourceMappingURL=APIKeyManager.js.map

package/dist/components/APIKeyManager.js.map

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

package/dist/components/MandaitorProvider.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+import { MandaitorClient } from "@mandaitor/sdk";
+import { MandaitorConfigClient } from "@mandaitor/sdk";
+export interface MandaitorContextValue {
+    client: MandaitorClient;
+    configClient: MandaitorConfigClient;
+    tenantId: string;
+    theme: MandaitorTheme;
+}
+export interface MandaitorTheme {
+    primaryColor: string;
+    fontFamily: string;
+    borderRadius: string;
+    mode: "light" | "dark";
+}
+export declare function useMandaitorContext(): MandaitorContextValue;
+export interface MandaitorProviderProps {
+    tenantId: string;
+    apiUrl?: string;
+    apiKey?: string;
+    configAuthToken?: string;
+    auth?: {
+        type: "oidc" | "api_key";
+        issuer?: string;
+        clientId?: string;
+    };
+    theme?: Partial<MandaitorTheme>;
+    children: React.ReactNode;
+}
+export declare function MandaitorProvider({ tenantId, apiUrl, apiKey, configAuthToken, theme: themeOverrides, children, }: MandaitorProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MandaitorProvider.d.ts.map

package/dist/components/MandaitorProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MandaitorProvider.d.ts","sourceRoot":"","sources":["../../src/components/MandaitorProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,eAAe,CAAC;IACxB,YAAY,EAAE,qBAAqB,CAAC;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,cAAc,CAAC;CACvB;AAED,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;CACxB;AAID,wBAAgB,mBAAmB,0BAIlC;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE;QACL,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;QACzB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,KAAK,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,MAAM,EACN,MAAM,EACN,eAAe,EACf,KAAK,EAAE,cAAc,EACrB,QAAQ,GACT,EAAE,sBAAsB,2CA+BxB"}

package/dist/components/MandaitorProvider.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from "react";
+import { MandaitorClient } from "@mandaitor/sdk";
+import { MandaitorConfigClient } from "@mandaitor/sdk";
+const MandataContext = createContext(null);
+export function useMandaitorContext() {
+    const ctx = useContext(MandataContext);
+    if (!ctx)
+        throw new Error("useMandaitorContext must be used within MandaitorProvider");
+    return ctx;
+}
+export function MandaitorProvider({ tenantId, apiUrl, apiKey, configAuthToken, theme: themeOverrides, children, }) {
+    const resolvedBaseUrl = apiUrl || "https://api.mandaitor.io/v1";
+    const client = useMemo(() => new MandaitorClient({
+        apiKey: apiKey || "",
+        tenantId,
+        baseUrl: resolvedBaseUrl,
+    }), [apiKey, tenantId, resolvedBaseUrl]);
+    const configClient = useMemo(() => new MandaitorConfigClient(resolvedBaseUrl, configAuthToken || ""), [resolvedBaseUrl, configAuthToken]);
+    const theme = {
+        primaryColor: "#F5A623",
+        fontFamily: "DM Sans, sans-serif",
+        borderRadius: "4px",
+        mode: "dark",
+        ...themeOverrides,
+    };
+    return (_jsx(MandataContext.Provider, { value: { client, configClient, tenantId, theme }, children: children }));
+}
+//# sourceMappingURL=MandaitorProvider.js.map

package/dist/components/MandaitorProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MandaitorProvider.js","sourceRoot":"","sources":["../../src/components/MandaitorProvider.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAgBvD,MAAM,cAAc,GAAG,aAAa,CAA+B,IAAI,CAAC,CAAC;AAEzE,MAAM,UAAU,mBAAmB;IACjC,MAAM,GAAG,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IACvC,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,2DAA2D,CAAC,CAAC;IACvF,OAAO,GAAG,CAAC;AACb,CAAC;AAgBD,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,MAAM,EACN,MAAM,EACN,eAAe,EACf,KAAK,EAAE,cAAc,EACrB,QAAQ,GACe;IACvB,MAAM,eAAe,GAAG,MAAM,IAAI,6BAA6B,CAAC;IAEhE,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CACH,IAAI,eAAe,CAAC;QAClB,MAAM,EAAE,MAAM,IAAI,EAAE;QACpB,QAAQ;QACR,OAAO,EAAE,eAAe;KACzB,CAAC,EACJ,CAAC,MAAM,EAAE,QAAQ,EAAE,eAAe,CAAC,CACpC,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,IAAI,qBAAqB,CAAC,eAAe,EAAE,eAAe,IAAI,EAAE,CAAC,EACvE,CAAC,eAAe,EAAE,eAAe,CAAC,CACnC,CAAC;IAEF,MAAM,KAAK,GAAmB;QAC5B,YAAY,EAAE,SAAS;QACvB,UAAU,EAAE,qBAAqB;QACjC,YAAY,EAAE,KAAK;QACnB,IAAI,EAAE,MAAM;QACZ,GAAG,cAAc;KAClB,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,YACtE,QAAQ,GACe,CAC3B,CAAC;AACJ,CAAC"}

package/dist/components/MandaitorProvider.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { MandaitorProvider } from "./MandaitorProvider";
+declare const meta: Meta<typeof MandaitorProvider>;
+export default meta;
+type Story = StoryObj<typeof MandaitorProvider>;
+/** Dark mode (default) */
+export declare const DarkMode: Story;
+/** Light mode */
+export declare const LightMode: Story;
+/** Custom branding */
+export declare const CustomBranding: Story;
+//# sourceMappingURL=MandaitorProvider.stories.d.ts.map

package/dist/components/MandaitorProvider.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MandaitorProvider.stories.d.ts","sourceRoot":"","sources":["../../src/components/MandaitorProvider.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAuB,MAAM,qBAAqB,CAAC;AAmD7E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAMxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEhD,0BAA0B;AAC1B,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,iBAAiB;AACjB,eAAO,MAAM,SAAS,EAAE,KAavB,CAAC;AAEF,sBAAsB;AACtB,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAC"}

package/dist/components/MandaitorProvider.stories.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MandaitorProvider, useMandaitorContext } from "./MandaitorProvider";
+/** Helper component to display the provider context values */
+function ContextDisplay() {
+    const { tenantId, theme } = useMandaitorContext();
+    return (_jsxs("div", { style: { fontFamily: theme.fontFamily }, children: [_jsx("h3", { style: { color: theme.primaryColor, marginBottom: 12 }, children: "MandaitorProvider Context" }), _jsx("table", { style: { fontSize: 13, borderCollapse: "collapse" }, children: _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsx("td", { style: { padding: "4px 12px", opacity: 0.6 }, children: "Tenant ID" }), _jsx("td", { style: { padding: "4px 12px" }, children: _jsx("code", { children: tenantId }) })] }), _jsxs("tr", { children: [_jsx("td", { style: { padding: "4px 12px", opacity: 0.6 }, children: "Primary Color" }), _jsxs("td", { style: { padding: "4px 12px" }, children: [_jsx("span", { style: {
+                                                display: "inline-block",
+                                                width: 16,
+                                                height: 16,
+                                                background: theme.primaryColor,
+                                                borderRadius: 3,
+                                                verticalAlign: "middle",
+                                                marginRight: 8,
+                                            } }), theme.primaryColor] })] }), _jsxs("tr", { children: [_jsx("td", { style: { padding: "4px 12px", opacity: 0.6 }, children: "Font Family" }), _jsx("td", { style: { padding: "4px 12px" }, children: theme.fontFamily })] }), _jsxs("tr", { children: [_jsx("td", { style: { padding: "4px 12px", opacity: 0.6 }, children: "Border Radius" }), _jsx("td", { style: { padding: "4px 12px" }, children: theme.borderRadius })] }), _jsxs("tr", { children: [_jsx("td", { style: { padding: "4px 12px", opacity: 0.6 }, children: "Mode" }), _jsx("td", { style: { padding: "4px 12px" }, children: theme.mode })] })] }) })] }));
+}
+const meta = {
+    title: "Core/MandaitorProvider",
+    component: MandaitorProvider,
+    tags: ["autodocs"],
+    // Override the default decorator to avoid double-wrapping
+    decorators: [],
+};
+export default meta;
+/** Dark mode (default) */
+export const DarkMode = {
+    render: () => (_jsx(MandaitorProvider, { tenantId: "tnt_demo_dark", apiUrl: "https://mock.mandaitor.io/v1", apiKey: "mock_key", theme: { mode: "dark" }, children: _jsx(ContextDisplay, {}) })),
+};
+/** Light mode */
+export const LightMode = {
+    render: () => (_jsx(MandaitorProvider, { tenantId: "tnt_demo_light", apiUrl: "https://mock.mandaitor.io/v1", apiKey: "mock_key", theme: { mode: "light", primaryColor: "#2563eb" }, children: _jsx("div", { style: { background: "#f8fafc", padding: 24, borderRadius: 8 }, children: _jsx(ContextDisplay, {}) }) })),
+};
+/** Custom branding */
+export const CustomBranding = {
+    render: () => (_jsx(MandaitorProvider, { tenantId: "tnt_custom", apiUrl: "https://mock.mandaitor.io/v1", apiKey: "mock_key", theme: {
+            primaryColor: "#8b5cf6",
+            fontFamily: "Inter, sans-serif",
+            borderRadius: "12px",
+            mode: "dark",
+        }, children: _jsx(ContextDisplay, {}) })),
+};
+//# sourceMappingURL=MandaitorProvider.stories.js.map

package/dist/components/MandaitorProvider.stories.js.map

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

package/dist/components/MandateCreator.d.ts

@@ -0,0 +1,16 @@
+import type { Subject, Mandate } from "@mandaitor/sdk";
+export interface ActionOption {
+    id: string;
+    label: string;
+    description?: string;
+}
+export interface MandateCreatorProps {
+    defaultDelegate?: Subject;
+    defaultResources?: string[];
+    availableActions: ActionOption[];
+    onMandateCreated?: (mandate: Mandate) => void;
+    onError?: (error: Error) => void;
+    className?: string;
+}
+export declare function MandateCreator({ defaultDelegate, defaultResources, availableActions, onMandateCreated, onError, className, }: MandateCreatorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MandateCreator.d.ts.map

package/dist/components/MandateCreator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MandateCreator.d.ts","sourceRoot":"","sources":["../../src/components/MandateCreator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,mBAAmB;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,gBAAgB,EAAE,YAAY,EAAE,CAAC;IACjC,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,eAAe,EACf,gBAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EAChB,OAAO,EACP,SAAS,GACV,EAAE,mBAAmB,2CAyFrB"}

package/dist/components/MandateCreator.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { useMandaitorContext } from "./MandaitorProvider";
+export function MandateCreator({ defaultDelegate, defaultResources = [], availableActions, onMandateCreated, onError, className, }) {
+    const { client, theme } = useMandaitorContext();
+    const [selectedActions, setSelectedActions] = useState([]);
+    const [expiresAt, setExpiresAt] = useState("");
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const handleSubmit = useCallback(async () => {
+        if (selectedActions.length === 0)
+            return;
+        setIsSubmitting(true);
+        try {
+            const mandate = await client.createMandate({
+                principal: {
+                    type: "NATURAL_PERSON",
+                    subject_id: "current_user", // Resolved from auth context
+                },
+                delegate: defaultDelegate || {
+                    type: "AGENT",
+                    subject_id: "agent:default",
+                },
+                scope: {
+                    actions: selectedActions,
+                    resources: defaultResources,
+                    effect: "ALLOW",
+                },
+                constraints: {
+                    time: expiresAt ? { expires_at: expiresAt } : undefined,
+                },
+            });
+            onMandateCreated?.(mandate);
+        }
+        catch (err) {
+            onError?.(err instanceof Error ? err : new Error(String(err)));
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    }, [client, selectedActions, defaultDelegate, defaultResources, expiresAt]);
+    // Render a form with action checkboxes, expiry date picker, and submit button
+    // Styled according to the theme from MandaitorProvider
+    return (_jsxs("div", { className: className, style: {
+            fontFamily: theme.fontFamily,
+            borderRadius: theme.borderRadius,
+        }, children: [_jsx("div", { style: { color: theme.primaryColor, fontWeight: 600, marginBottom: 12 }, children: "Create Delegation Mandate" }), availableActions.map((action) => (_jsxs("label", { style: { display: "block", marginBottom: 8 }, children: [_jsx("input", { type: "checkbox", checked: selectedActions.includes(action.id), onChange: (e) => {
+                            const isChecked = e.target?.checked ?? false;
+                            setSelectedActions((prev) => isChecked ? [...prev, action.id] : prev.filter((a) => a !== action.id));
+                        } }), _jsx("span", { style: { marginLeft: 8 }, children: action.label })] }, action.id))), _jsx("input", { type: "datetime-local", value: expiresAt, onChange: (e) => setExpiresAt(e.target.value), placeholder: "Expiry date (optional)", style: { display: "block", marginTop: 12, marginBottom: 12 } }), _jsx("button", { onClick: handleSubmit, disabled: isSubmitting || selectedActions.length === 0, style: {
+                    background: theme.primaryColor,
+                    color: "#0A1628",
+                    padding: "8px 16px",
+                    borderRadius: theme.borderRadius,
+                    fontWeight: 600,
+                    opacity: isSubmitting ? 0.6 : 1,
+                }, children: isSubmitting ? "Creating..." : "Create Mandate" })] }));
+}
+//# sourceMappingURL=MandateCreator.js.map

package/dist/components/MandateCreator.js.map

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

package/dist/components/MandateCreator.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { MandateCreator } from "./MandateCreator";
+declare const meta: Meta<typeof MandateCreator>;
+export default meta;
+type Story = StoryObj<typeof MandateCreator>;
+/** Default state with available actions */
+export declare const Default: Story;
+/** With only two actions available */
+export declare const LimitedActions: Story;
+/** With a single action (minimal) */
+export declare const SingleAction: Story;
+/** No delegate pre-set (uses default) */
+export declare const NoDefaultDelegate: Story;
+//# sourceMappingURL=MandateCreator.stories.d.ts.map

package/dist/components/MandateCreator.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MandateCreator.stories.d.ts","sourceRoot":"","sources":["../../src/components/MandateCreator.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AA0BlD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAQrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,2CAA2C;AAC3C,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,sCAAsC;AACtC,eAAO,MAAM,cAAc,EAAE,KAU5B,CAAC;AAEF,qCAAqC;AACrC,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,yCAAyC;AACzC,eAAO,MAAM,iBAAiB,EAAE,KAK/B,CAAC"}

package/dist/components/MandateCreator.stories.js

@@ -0,0 +1,72 @@
+import { MandateCreator } from "./MandateCreator";
+const sampleActions = [
+    {
+        id: "construction.validation.approve",
+        label: "Approve Validation",
+        description: "Approve construction validation results",
+    },
+    {
+        id: "construction.validation.reject",
+        label: "Reject Validation",
+        description: "Reject construction validation results",
+    },
+    {
+        id: "construction.cost.approve_invoice",
+        label: "Approve Invoice",
+        description: "Approve cost invoices up to a specified limit",
+    },
+    {
+        id: "construction.procurement.order",
+        label: "Place Order",
+        description: "Place procurement orders for materials",
+    },
+];
+const meta = {
+    title: "Widgets/MandateCreator",
+    component: MandateCreator,
+    tags: ["autodocs"],
+    argTypes: {
+        onMandateCreated: { action: "mandateCreated" },
+        onError: { action: "error" },
+    },
+};
+export default meta;
+/** Default state with available actions */
+export const Default = {
+    args: {
+        availableActions: sampleActions,
+        defaultDelegate: {
+            type: "AGENT",
+            subject_id: "monco:agent:validation-bot-v2",
+            display_name: "Validation Bot v2",
+        },
+        defaultResources: ["monco:project:*/zone:*/installation:*"],
+    },
+};
+/** With only two actions available */
+export const LimitedActions = {
+    args: {
+        availableActions: sampleActions.slice(0, 2),
+        defaultDelegate: {
+            type: "AGENT",
+            subject_id: "monco:agent:simple-bot",
+            display_name: "Simple Bot",
+        },
+        defaultResources: ["monco:project:proj_001/*"],
+    },
+};
+/** With a single action (minimal) */
+export const SingleAction = {
+    args: {
+        availableActions: [sampleActions[0]],
+        defaultResources: ["monco:project:proj_001/zone:a/installation:001"],
+    },
+};
+/** No delegate pre-set (uses default) */
+export const NoDefaultDelegate = {
+    args: {
+        availableActions: sampleActions,
+        defaultResources: ["monco:project:*"],
+    },
+};
+//# sourceMappingURL=MandateCreator.stories.js.map

package/dist/components/MandateCreator.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MandateCreator.stories.js","sourceRoot":"","sources":["../../src/components/MandateCreator.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,MAAM,aAAa,GAAmB;IACpC;QACE,EAAE,EAAE,iCAAiC;QACrC,KAAK,EAAE,oBAAoB;QAC3B,WAAW,EAAE,yCAAyC;KACvD;IACD;QACE,EAAE,EAAE,gCAAgC;QACpC,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,wCAAwC;KACtD;IACD;QACE,EAAE,EAAE,mCAAmC;QACvC,KAAK,EAAE,iBAAiB;QACxB,WAAW,EAAE,+CAA+C;KAC7D;IACD;QACE,EAAE,EAAE,gCAAgC;QACpC,KAAK,EAAE,aAAa;QACpB,WAAW,EAAE,wCAAwC;KACtD;CACF,CAAC;AAEF,MAAM,IAAI,GAAgC;IACxC,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,cAAc;IACzB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,gBAAgB,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE;QAC9C,OAAO,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;KAC7B;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,2CAA2C;AAC3C,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,gBAAgB,EAAE,aAAa;QAC/B,eAAe,EAAE;YACf,IAAI,EAAE,OAAO;YACb,UAAU,EAAE,+BAA+B;YAC3C,YAAY,EAAE,mBAAmB;SAClC;QACD,gBAAgB,EAAE,CAAC,uCAAuC,CAAC;KAC5D;CACF,CAAC;AAEF,sCAAsC;AACtC,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,gBAAgB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;QAC3C,eAAe,EAAE;YACf,IAAI,EAAE,OAAO;YACb,UAAU,EAAE,wBAAwB;YACpC,YAAY,EAAE,YAAY;SAC3B;QACD,gBAAgB,EAAE,CAAC,0BAA0B,CAAC;KAC/C;CACF,CAAC;AAEF,qCAAqC;AACrC,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,gBAAgB,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QACpC,gBAAgB,EAAE,CAAC,gDAAgD,CAAC;KACrE;CACF,CAAC;AAEF,yCAAyC;AACzC,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,IAAI,EAAE;QACJ,gBAAgB,EAAE,aAAa;QAC/B,gBAAgB,EAAE,CAAC,iBAAiB,CAAC;KACtC;CACF,CAAC"}

package/dist/components/MandateManager.d.ts

@@ -0,0 +1,22 @@
+import type { Mandate, MandateStatus } from "@mandaitor/sdk";
+export interface MandateManagerProps {
+    /** Filter mandates by status, resource, or delegate */
+    filter?: {
+        status?: MandateStatus[];
+        resources?: string[];
+        delegate_id?: string;
+    };
+    /** Allow revoking mandates */
+    allowRevoke?: boolean;
+    /** Allow suspending mandates */
+    allowSuspend?: boolean;
+    /** Allow reactivating suspended mandates */
+    allowReactivate?: boolean;
+    /** Callback when a mandate is selected */
+    onMandateSelect?: (mandate: Mandate) => void;
+    /** Callback after any status change */
+    onStatusChange?: (mandate: Mandate, newStatus: MandateStatus) => void;
+    className?: string;
+}
+export declare function MandateManager({ filter, allowRevoke, allowSuspend, allowReactivate, onMandateSelect, onStatusChange, className, }: MandateManagerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MandateManager.d.ts.map

package/dist/components/MandateManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MandateManager.d.ts","sourceRoot":"","sources":["../../src/components/MandateManager.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE7D,MAAM,WAAW,mBAAmB;IAClC,uDAAuD;IACvD,MAAM,CAAC,EAAE;QACP,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;QACzB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;QACrB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gCAAgC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4CAA4C;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,0CAA0C;IAC1C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,uCAAuC;IACvC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,WAAkB,EAClB,YAAmB,EACnB,eAAsB,EACtB,eAAe,EACf,cAAc,EACd,SAAS,GACV,EAAE,mBAAmB,2CAoOrB"}