@rockerone/xprnkit 0.3.12 → 0.4.0

package/build/components/identity/xprn-account-list.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type SessionStorageEntry } from "../../utils/auth-storage";
+import { XPRNKitProfileStorageEntry } from "../../utils/profile-storage";
 type XPRNAccountListProps = React.HTMLAttributes<HTMLDivElement> & {
     /** Show remove button for each account */
     showRemove?: boolean;
@@ -12,9 +12,9 @@ type XPRNAccountListProps = React.HTMLAttributes<HTMLDivElement> & {
     /** Custom render for each account item */
     renderItem?: (props: AccountItemRenderProps) => React.ReactNode;
     /** Called when an account is selected */
-    onSelect?: (entry: SessionStorageEntry) => void;
+    onSelect?: (entry: XPRNKitProfileStorageEntry) => void;
     /** Called when an account is removed */
-    onRemove?: (entry: SessionStorageEntry) => void;
+    onRemove?: (entry: XPRNKitProfileStorageEntry) => void;
     /** Called when add account is clicked */
     onAddAccount?: () => void;
     /** Class name for account items */
@@ -23,7 +23,7 @@ type XPRNAccountListProps = React.HTMLAttributes<HTMLDivElement> & {
     activeClassName?: string;
 };
 type AccountItemRenderProps = {
-    entry: SessionStorageEntry;
+    entry: XPRNKitProfileStorageEntry;
     isActive: boolean;
     onSelect: () => void;
     onRemove?: () => void;
@@ -33,7 +33,7 @@ type AccountItemRenderProps = {
  */
 export declare const XPRNAccountList: React.FunctionComponent<XPRNAccountListProps>;
 type XPRNAccountItemProps = {
-    entry: SessionStorageEntry;
+    entry: XPRNKitProfileStorageEntry;
     isActive: boolean;
     isSwitching?: boolean;
     onSelect: () => void;

package/build/components/identity/xprn-account-list.js

@@ -1,26 +1,24 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
 import classNames from "classnames";
-import { useXPRN } from "../../providers/XPRNProvider";
-import { sessionStorage } from "../../utils/auth-storage";
-import { XPRNAvatarWrapper, XPRNAvatarImage, XPRNAvatarFallback } from "./xprn-avatar";
+import * as React from "react";
 import { cn } from "../../lib/utils";
+import { useXPRN } from "../../providers/xprnkit-provider";
+import { getProfileStorageKey, XPRNKitProfileStorage } from "../../utils/profile-storage";
+import { XPRNAvatarFallback, XPRNAvatarImage, XPRNAvatarWrapper } from "./xprn-avatar";
+import { useProfileList } from "../../hooks/useProfileList";
+import { useIdentityProof } from "../../hooks/useIdentityProof";
 /**
  * Component that lists all stored accounts and allows switching between them
  */
 export const XPRNAccountList = ({ className, showRemove = false, showAddAccount = false, addAccountLabel = "Add Account", addAccountClassName, renderItem, onSelect, onRemove, onAddAccount, itemClassName, activeClassName, ...props }) => {
     const { config, session, switchToSession, disconnect, connect } = useXPRN();
-    const [entries, setEntries] = React.useState([]);
     const [switching, setSwitching] = React.useState(null);
     const dAppName = config?.requesterAccount ?? '';
+    const profileStorage = new XPRNKitProfileStorage();
+    const entries = useProfileList();
+    console.log('entries', entries);
     // Load entries on mount and when session changes
-    React.useEffect(() => {
-        if (typeof window === 'undefined' || !dAppName)
-            return;
-        const storedEntries = sessionStorage.list(dAppName);
-        setEntries(storedEntries);
-    }, [session, dAppName]);
     const currentAuth = session ? {
         actor: session.auth.actor.toString(),
         permission: session.auth.permission.toString(),
@@ -36,10 +34,8 @@ export const XPRNAccountList = ({ className, showRemove = false, showAddAccount
     const handleSelect = async (entry) => {
         if (isActive(entry))
             return;
-        const authString = `${entry.auth.actor}@${entry.auth.permission}`;
-        setSwitching(authString);
         try {
-            await switchToSession(authString, entry.chainId);
+            await switchToSession(entry.auth.actor, entry.auth.permission);
             onSelect?.(entry);
         }
         catch (error) {
@@ -57,11 +53,8 @@ export const XPRNAccountList = ({ className, showRemove = false, showAddAccount
             await disconnect();
         }
         // Remove from storage
-        sessionStorage.remove(dAppName, entry.auth, entry.chainId);
-        // Update local state
-        setEntries(prev => prev.filter(e => !(e.auth.actor === entry.auth.actor &&
-            e.auth.permission === entry.auth.permission &&
-            e.chainId === entry.chainId)));
+        const profileStorageKey = getProfileStorageKey(entry.auth.actor, entry.auth.permission, entry.chainId);
+        profileStorage.remove(profileStorageKey);
         onRemove?.(entry);
     };
     const handleAddAccount = () => {
@@ -97,7 +90,9 @@ export const XPRNAccountList = ({ className, showRemove = false, showAddAccount
  */
 export const XPRNAccountItem = ({ entry, isActive, isSwitching, onSelect, onRemove, className, activeClassName, }) => {
     const itemClasses = cn("flex items-center gap-3 p-2 rounded-lg cursor-pointer transition-colors text-white", "hover:bg-gray-800", isActive && "bg-gray-900", isActive && activeClassName, className);
-    return (_jsxs("div", { className: itemClasses, onClick: onSelect, children: [_jsxs(XPRNAvatarWrapper, { className: "w-10 h-10 shrink-0", children: [_jsx(XPRNAvatarFallback, { children: entry.auth.actor[0]?.toUpperCase() }), entry.profile?.avatar && (_jsx(XPRNAvatarImage, { src: `data:image/png;base64,${entry.profile.avatar}` }))] }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "font-medium truncate flex items-center gap-1", children: [entry.profile?.displayName || entry.auth.actor, entry.profile?.isKyc && (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-gray-300 shrink-0", children: [_jsx("path", { d: "M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z" }), _jsx("path", { d: "m9 12 2 2 4-4" })] })), entry.identityProofToken && (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-white shrink-0", children: [_jsx("path", { d: "M16 10h2" }), _jsx("path", { d: "M16 14h2" }), _jsx("path", { d: "M6.17 15a3 3 0 0 1 5.66 0" }), _jsx("circle", { cx: "9", cy: "11", r: "2" }), _jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2" })] }))] }), _jsxs("div", { className: "text-sm text-gray-300 truncate", children: [entry.auth.actor, "@", entry.auth.permission] })] }), isSwitching && (_jsxs("svg", { className: "animate-spin h-5 w-5 text-gray-400", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] })), isActive && !isSwitching && (_jsx("svg", { className: "h-5 w-5 text-green-500", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M20 6 9 17l-5-5" }) })), onRemove && !isActive && (_jsx("button", { onClick: (e) => {
+    const identityProof = useIdentityProof(entry.auth.actor, entry.auth.permission, entry.chainId);
+    console.log('identityProof', identityProof);
+    return (_jsxs("div", { className: itemClasses, onClick: onSelect, children: [_jsxs(XPRNAvatarWrapper, { className: "w-10 h-10 shrink-0", children: [_jsx(XPRNAvatarFallback, { children: entry.auth.actor[0]?.toUpperCase() }), entry?.profile?.avatar && (_jsx(XPRNAvatarImage, { src: `data:image/png;base64,${entry.profile.avatar}` }))] }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "font-medium truncate flex items-center gap-1", children: [entry?.profile?.displayName || entry.auth.actor, entry?.profile?.isKyc && (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-gray-300 shrink-0", children: [_jsx("path", { d: "M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z" }), _jsx("path", { d: "m9 12 2 2 4-4" })] })), identityProof && (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-white shrink-0", children: [_jsx("path", { d: "M16 10h2" }), _jsx("path", { d: "M16 14h2" }), _jsx("path", { d: "M6.17 15a3 3 0 0 1 5.66 0" }), _jsx("circle", { cx: "9", cy: "11", r: "2" }), _jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2" })] }))] }), _jsxs("div", { className: "text-sm text-gray-300 truncate", children: [entry.auth.actor, "@", entry.auth.permission] })] }), isSwitching && (_jsxs("svg", { className: "animate-spin h-5 w-5 text-gray-400", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] })), isActive && !isSwitching && (_jsx("svg", { className: "h-5 w-5 text-green-500", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M20 6 9 17l-5-5" }) })), onRemove && !isActive && (_jsx("button", { onClick: (e) => {
                     e.stopPropagation();
                     onRemove();
                 }, className: "p-1 hover:bg-gray-700 rounded", title: "Remove account", children: _jsxs("svg", { className: "h-4 w-4 text-gray-400", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M18 6 6 18" }), _jsx("path", { d: "m6 6 12 12" })] }) }))] }));

package/build/components/identity/xprn-avatar.js

@@ -10,7 +10,7 @@ XPRNAvatarImage.displayName = AvatarPrimitive.Image.displayName;
 const XPRNAvatarFallback = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Fallback, { ref: ref, className: cn("flex h-full w-full items-center justify-center rounded-full ", className), ...props })));
 XPRNAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 import classNames from "classnames";
-import { useXPRN } from "../../providers/XPRNProvider";
+import { useXPRN } from "../../providers/xprnkit-provider";
 const XPRNAvatar = ({ className, ...props }) => {
     const { profile, session } = useXPRN();
     const rootClasses = classNames({

package/build/components/identity/xprn-identity-proof-gate.d.ts

@@ -43,8 +43,10 @@ type XPRNIdentityProofGateProps = {
  */
 export declare const XPRNIdentityProofGate: React.FunctionComponent<XPRNIdentityProofGateProps>;
 /**
- * Hook to check identity proof gate status
- * Returns the same information used by XPRNIdentityProofGate
+ * Hook to check identity proof gate status.
+ * Returns the same information used by XPRNIdentityProofGate.
+ *
+ * For requesting identity proof, use the `useIdentityProof` hook from services.
  */
 export declare function useIdentityProofGate(): {
     isGateActive: boolean;
@@ -54,7 +56,6 @@ export declare function useIdentityProofGate(): {
     isVerified: boolean;
     shouldRenderChildren: boolean;
     needsIdentityProof: boolean;
-    requestIdentityProof: (success: (res: import("../../providers/XPRNProvider").XPRNIdentityProof) => void, fail: (e: any) => void) => void;
-    identityProofStatus: import("../..").IdentityProofStatus;
+    identityProofStatus: import("../../interfaces").XPRNKitIdentityProofStatus;
 };
 export {};

package/build/components/identity/xprn-identity-proof-gate.js

@@ -1,6 +1,6 @@
 "use client";
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useXPRN } from "../../providers/XPRNProvider";
+import { useXPRN } from "../../providers/xprnkit-provider";
 /**
  * Conditionally renders children based on identity proof status.
  *
@@ -18,11 +18,8 @@ import { useXPRN } from "../../providers/XPRNProvider";
  * ```
  */
 export const XPRNIdentityProofGate = ({ children, fallback = null, loading, error, notConnected, }) => {
-    const { session, identityProof, identityProofStatus, isIdentityProofEnabled, } = useXPRN();
+    const { session, identityProof, identityProofStatus, } = useXPRN();
     // If identity proof is not enabled, render children directly
-    if (!isIdentityProofEnabled) {
-        return _jsx(_Fragment, { children: children });
-    }
     // No session connected
     if (!session) {
         return _jsx(_Fragment, { children: notConnected ?? fallback });
@@ -44,29 +41,30 @@ export const XPRNIdentityProofGate = ({ children, fallback = null, loading, erro
 };
 XPRNIdentityProofGate.displayName = "XPRNIdentityProofGate";
 /**
- * Hook to check identity proof gate status
- * Returns the same information used by XPRNIdentityProofGate
+ * Hook to check identity proof gate status.
+ * Returns the same information used by XPRNIdentityProofGate.
+ *
+ * For requesting identity proof, use the `useIdentityProof` hook from services.
  */
 export function useIdentityProofGate() {
-    const { session, identityProof, identityProofStatus, isIdentityProofEnabled, requestIdentityProof, } = useXPRN();
+    const { session, identityProof, identityProofStatus, } = useXPRN();
     // Determine current state
     const isConnected = session !== null;
     const isInProgress = identityProofStatus === "signing" || identityProofStatus === "verifying" || identityProofStatus === "validating";
     const hasError = identityProofStatus === "error" || identityProofStatus === "expired";
     const isVerified = identityProof !== null;
     // Should render protected content?
-    const shouldRenderChildren = !isIdentityProofEnabled || isVerified;
+    const shouldRenderChildren = false;
     // Needs identity proof: enabled, connected, and not yet verified
-    const needsIdentityProof = isIdentityProofEnabled && isConnected && !isVerified;
+    const needsIdentityProof = false;
     return {
-        isGateActive: isIdentityProofEnabled,
+        isGateActive: false,
         isConnected,
         isInProgress,
         hasError,
         isVerified,
         shouldRenderChildren,
         needsIdentityProof,
-        requestIdentityProof,
         identityProofStatus,
     };
 }

package/build/components/identity/xprn-identity.d.ts

@@ -1,4 +1,8 @@
 import * as React from "react";
+import type { Link, LinkSession } from "@proton/link";
+import type { ProtonWebLink } from "@proton/web-sdk";
+import { XPRNKitProfile } from "interfaces/profile";
+import { XPRNKitIdentityProof } from "interfaces/identity-proof";
 type XPRNIdentityProps = React.HTMLAttributes<HTMLDivElement> & {
     showLogout?: boolean;
     activeSessionClassName?: string;
@@ -8,6 +12,12 @@ type XPRNIdentityProps = React.HTMLAttributes<HTMLDivElement> & {
     matchDropdownWidth?: boolean;
     /** Close dropdown when children are clicked */
     closeOnSelect?: boolean;
+    /** Called when session is established */
+    onSession?: (session: LinkSession, link: ProtonWebLink | Link) => void;
+    /** Called when profile is fetched */
+    onProfile?: (profile: XPRNKitProfile) => void;
+    /** Called when identity proof is obtained */
+    onIdentityProof?: (proof: XPRNKitIdentityProof) => void;
 };
 export declare const XPRNIdentity: React.FunctionComponent<XPRNIdentityProps>;
 export {};

package/build/components/identity/xprn-identity.js

@@ -5,10 +5,10 @@ import * as React from "react";
 import { XPRNAvatar } from "./xprn-avatar";
 import { XPRNSessionActor } from "./xprn-session-actor";
 import { XPRNSessionName } from "./xprn-session-name";
-import { useXPRN } from "../../providers/XPRNProvider";
+import { useXPRN } from "../../providers/xprnkit-provider";
 import { XPRNConnectButton } from "./../xprn-session";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger, } from "./../ui/dropdown";
-export const XPRNIdentity = ({ children, className, showLogout, activeSessionClassName, dropdownClassName, avatarClassName, matchDropdownWidth = true, closeOnSelect = true, }) => {
+export const XPRNIdentity = ({ children, className, showLogout, activeSessionClassName, dropdownClassName, avatarClassName, matchDropdownWidth = true, closeOnSelect = true, onSession, onProfile, onIdentityProof, }) => {
     const [open, setOpen] = React.useState(false);
     const rootClasses = classNames({
         "grid grid-cols-[min-content,1fr] gap-4 items-center inline": true,
@@ -27,5 +27,5 @@ export const XPRNIdentity = ({ children, className, showLogout, activeSessionCla
         e.preventDefault();
         disconnect();
     }, [disconnect]);
-    return (_jsx(_Fragment, { children: session ? (_jsxs(DropdownMenu, { open: open, onOpenChange: setOpen, children: [_jsx(DropdownMenuTrigger, { className: "inline w-auto flex-grow-0", children: _jsxs("div", { className: activeSessionClasses, children: [_jsx("div", { className: "w-10 h-10", children: _jsx(XPRNAvatar, { className: avatarClassName }) }), _jsxs("div", { className: "flex flex-col", children: [_jsx(XPRNSessionName, { className: "text-md font-bold" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(XPRNSessionActor, { className: "text-md" }), showLogout && (_jsx("a", { href: "#", className: "underline", onClick: e => handleDisconnect(e), children: "Log out" }))] })] })] }) }), children && (_jsx(DropdownMenuContent, { className: dropdownClasses, matchTriggerWidth: matchDropdownWidth, onClick: () => closeOnSelect && setOpen(false), children: children }))] })) : (_jsx(XPRNConnectButton, { className: rootClasses, children: "Connect" })) }));
+    return (_jsx(_Fragment, { children: session ? (_jsxs(DropdownMenu, { open: open, onOpenChange: setOpen, children: [_jsx(DropdownMenuTrigger, { className: "inline w-auto flex-grow-0", children: _jsxs("div", { className: activeSessionClasses, children: [_jsx("div", { className: "w-10 h-10", children: _jsx(XPRNAvatar, { className: avatarClassName }) }), _jsxs("div", { className: "flex flex-col", children: [_jsx(XPRNSessionName, { className: "text-md font-bold", showIdentityProof: true }), _jsxs("div", { className: "flex gap-2", children: [_jsx(XPRNSessionActor, { className: "text-md" }), showLogout && (_jsx("a", { href: "#", className: "underline", onClick: e => handleDisconnect(e), children: "Log out" }))] })] })] }) }), children && (_jsx(DropdownMenuContent, { className: dropdownClasses, matchTriggerWidth: matchDropdownWidth, onClick: () => closeOnSelect && setOpen(false), children: children }))] })) : (_jsx(XPRNConnectButton, { className: rootClasses, onSession: onSession, onProfile: onProfile, onIdentityProof: onIdentityProof, children: "Connect" })) }));
 };

package/build/components/identity/xprn-session-actor.js

@@ -1,7 +1,7 @@
 "use client";
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
-import { useXPRN } from '../../providers/XPRNProvider';
+import { useXPRN } from '../../providers/xprnkit-provider';
 export const XPRNSessionActor = ({ children, className }) => {
     const { session } = useXPRN();
     const rootClasses = classNames({

package/build/components/identity/xprn-session-name.d.ts

@@ -9,12 +9,6 @@ type XPRNSessionNameProps = React.HTMLAttributes<HTMLHeadElement> & {
  * Get badge styling based on identity proof status
  */
 declare function useIdentityProofBadgeStyle(): {
-    visible: boolean;
-    className: string;
-    isPending?: undefined;
-    isSuccess?: undefined;
-    isError?: undefined;
-} | {
     visible: boolean;
     className: string;
     isPending: boolean;

package/build/components/identity/xprn-session-name.js

@@ -2,16 +2,13 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import classNames from "classnames";
-import { useXPRN } from "../../providers/XPRNProvider";
+import { useXPRN } from "../../providers/xprnkit-provider";
 /**
  * Get badge styling based on identity proof status
  */
 function useIdentityProofBadgeStyle() {
-    const { identityProofStatus, isIdentityProofEnabled, identityProof, session } = useXPRN();
+    const { identityProofStatus, identityProof, session } = useXPRN();
     return useMemo(() => {
-        if (!isIdentityProofEnabled) {
-            return { visible: false, className: "" };
-        }
         const isPending = identityProofStatus === "signing" ||
             identityProofStatus === "verifying" ||
             identityProofStatus === "validating";
@@ -43,14 +40,14 @@ function useIdentityProofBadgeStyle() {
             isSuccess,
             isError,
         };
-    }, [identityProofStatus, isIdentityProofEnabled, identityProof, session]);
+    }, [identityProofStatus, identityProof, session]);
 }
 export const XPRNSessionName = ({ children, className, showIdentityProof = false, }) => {
-    const { profile, session } = useXPRN();
+    const { profile, session, identityProof } = useXPRN();
     const badgeStyle = useIdentityProofBadgeStyle();
-    const showBadge = showIdentityProof && badgeStyle.visible;
+    const showBadge = showIdentityProof && badgeStyle.visible && identityProof !== null;
     const rootClasses = classNames({
-        "flex gap-2 items-center justify-center": true,
+        "flex gap-2 items-center": true,
         [`${className}`]: className,
     });
     if (!profile || !session)

package/build/components/swap/xprn-swap-provider.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useCallback, useContext, useEffect, useMemo, useState, } from "react";
 import { getSwapMarkets } from "./xprn-swap-markets";
-import { useXPRN } from "../../providers/XPRNProvider";
+import { useXPRN } from "../../providers/xprnkit-provider";
 const XPRNSwapContext = React.createContext({
     marketProviders: [],
     currentMarketProvider: null,

package/build/components/xprn-container.js

@@ -1,6 +1,6 @@
 "use client";
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useXPRN } from "../providers/XPRNProvider";
+import { useXPRN } from "../providers/xprnkit-provider";
 export const XRPNContainer = ({ children, className, noSessionState, }) => {
     const { session } = useXPRN();
     return _jsx(_Fragment, { children: session ? _jsx(_Fragment, { children: children }) : _jsx(_Fragment, { children: noSessionState }) });

package/build/components/xprn-session.d.ts

@@ -1,11 +1,21 @@
+import type { Link, LinkSession } from "@proton/link";
+import type { ProtonWebLink } from "@proton/web-sdk";
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
+import { XPRNKitProfile } from "interfaces/profile";
+import { XPRNKitIdentityProof } from "interfaces/identity-proof";
 declare const XPRNConnectButtonVariants: (props?: ({
     variant?: null | undefined;
     size?: null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface XPRNConnectButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof XPRNConnectButtonVariants> {
     asChild?: boolean;
+    /** Called when session is established */
+    onSession?: (session: LinkSession, link: ProtonWebLink | Link) => void;
+    /** Called when profile is fetched */
+    onProfile?: (profile: XPRNKitProfile) => void;
+    /** Called when identity proof is obtained */
+    onIdentityProof?: (proof: XPRNKitIdentityProof) => void;
 }
 declare const XPRNConnectButton: React.ForwardRefExoticComponent<XPRNConnectButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export { XPRNConnectButton, XPRNConnectButtonVariants };

package/build/components/xprn-session.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useXPRN } from "../providers/XPRNProvider";
+import { useXPRN } from "../providers/xprnkit-provider";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
@@ -12,10 +12,21 @@ const XPRNConnectButtonVariants = cva("inline-flex items-center justify-center w
     },
     defaultVariants: {},
 });
-const XPRNConnectButton = React.forwardRef(({ className, variant, size, asChild = false, onClick, children, ...props }, ref) => {
+const XPRNConnectButton = React.forwardRef(({ className, variant, size, asChild = false, onClick, children, onSession, onProfile, onIdentityProof, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
-    const { session, connect, disconnect } = useXPRN();
-    return (_jsxs(_Fragment, { children: [!session && (_jsx(Comp, { onClick: () => connect(), className: cn(XPRNConnectButtonVariants({ variant, size, className })), ref: ref, children: children, ...props })), session && (_jsx(Comp, { onClick: () => disconnect(), className: cn(XPRNConnectButtonVariants({ variant, size, className })), ref: ref, children: `Log out (${session.auth.actor.toString()})`, ...props }))] }));
+    const { session, connect, disconnect, identityProof } = useXPRN();
+    const prevIdentityProofRef = React.useRef(identityProof);
+    // Call onIdentityProof when identity proof changes from null to a value
+    React.useEffect(() => {
+        if (identityProof && !prevIdentityProofRef.current && onIdentityProof) {
+            onIdentityProof(identityProof);
+        }
+        prevIdentityProofRef.current = identityProof;
+    }, [identityProof, onIdentityProof]);
+    const handleConnect = React.useCallback(() => {
+        connect();
+    }, [connect, onSession, onProfile]);
+    return (_jsxs(_Fragment, { children: [!session && (_jsx(Comp, { onClick: handleConnect, className: cn(XPRNConnectButtonVariants({ variant, size, className })), ref: ref, children: children, ...props })), session && (_jsx(Comp, { onClick: () => disconnect(), className: cn(XPRNConnectButtonVariants({ variant, size, className })), ref: ref, children: `Log out (${session.auth.actor.toString()})`, ...props }))] }));
 });
 XPRNConnectButton.displayName = "XPRNConnectButton";
 export { XPRNConnectButton, XPRNConnectButtonVariants };

package/build/components/xprn-transaction.js

@@ -1,6 +1,6 @@
 "use client";
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useXPRN } from "../providers/XPRNProvider";
+import { useXPRN } from "../providers/xprnkit-provider";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
@@ -14,7 +14,7 @@ const XPRNTransactionVariants = cva("inline-flex items-center justify-center whi
 });
 const XPRNTransaction = React.forwardRef(({ className, variant, size, asChild = false, onClick, children, actions, onTransactionStart, onTransactionSuccess, onTransactionFail, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
-    const { session, connect, addTransactionError } = useXPRN();
+    const { session, connect } = useXPRN();
     const [txStatus, setTxStatus] = React.useState('idle');
     const TxStatusNode = React.useMemo(() => {
         if (txStatus == 'idle')
@@ -39,13 +39,13 @@ const XPRNTransaction = React.forwardRef(({ className, variant, size, asChild =
                 }).catch((e) => {
                     console.error(e);
                     setTxStatus('fail');
-                    addTransactionError(e);
+                    if (onTransactionFail)
+                        onTransactionFail(e);
                 });
             }
             catch (e) {
                 setTxStatus('fail');
                 console.error(e);
-                addTransactionError(e.toString());
                 if (onTransactionFail)
                     onTransactionFail(e);
                 setTimeout(() => {
@@ -54,7 +54,7 @@ const XPRNTransaction = React.forwardRef(({ className, variant, size, asChild =
             }
         }
     }, [session, actions, setTxStatus]);
-    return (_jsxs(_Fragment, { children: [!session && (_jsx(Comp, { onClick: () => connect(false, () => pushTransaction()), className: cn(XPRNTransactionVariants({ variant, size, className })), ref: ref, children: "Connecte Me!", ...props })), session && (_jsx(Comp, { onClick: () => pushTransaction(), className: cn(XPRNTransactionVariants({ variant, size, className })), ref: ref, children: TxStatusNode, ...props }))] }));
+    return (_jsxs(_Fragment, { children: [!session && (_jsx(Comp, { onClick: () => connect(false), className: cn(XPRNTransactionVariants({ variant, size, className })), ref: ref, children: "Connecte Me!", ...props })), session && (_jsx(Comp, { onClick: () => pushTransaction(), className: cn(XPRNTransactionVariants({ variant, size, className })), ref: ref, children: TxStatusNode, ...props }))] }));
 });
 XPRNTransaction.displayName = "XPRNTransaction";
 export { XPRNTransaction, XPRNTransactionVariants };

package/build/hooks/index.js

@@ -0,0 +1 @@
+"use strict";

package/build/hooks/useIdentityProof.d.ts

@@ -0,0 +1,2 @@
+import { XPRNKitIdentityProof } from "../interfaces";
+export declare function useIdentityProof(actor: string, permission: string, chainId: string): XPRNKitIdentityProof | null;

package/build/hooks/useIdentityProof.js

@@ -0,0 +1,14 @@
+import { useEffect, useState } from "react";
+import { getIdentityProofStorageKey, XPRNKitIdentityStorage } from "../utils/identity-proof-storage";
+export function useIdentityProof(actor, permission, chainId) {
+    const [identityProof, setIdentityProof] = useState(null);
+    useEffect(() => {
+        const identityProofStorage = new XPRNKitIdentityStorage();
+        const identityProofStorageKey = getIdentityProofStorageKey(actor, permission, chainId);
+        identityProofStorage.read(identityProofStorageKey).then((storedIdentityProof) => {
+            const identity = storedIdentityProof ? JSON.parse(storedIdentityProof) : null;
+            setIdentityProof(identity);
+        });
+    }, []);
+    return identityProof;
+}

package/build/hooks/useProfileList.d.ts

@@ -0,0 +1,2 @@
+import { XPRNKitProfileStorageEntry } from "../utils/profile-storage";
+export declare function useProfileList(): XPRNKitProfileStorageEntry[];

package/build/hooks/useProfileList.js

@@ -0,0 +1,13 @@
+import { useEffect, useState } from "react";
+import { XPRNKitProfileStorage } from "../utils/profile-storage";
+export function useProfileList() {
+    const [profileList, setProfileList] = useState([]);
+    useEffect(() => {
+        const profileStorage = new XPRNKitProfileStorage();
+        profileStorage.list().then((list) => {
+            const rawListData = JSON.parse(list);
+            setProfileList(rawListData);
+        });
+    }, []);
+    return profileList;
+}

package/build/index.d.ts

@@ -1,4 +1,4 @@
-export * from './providers/XPRNProvider';
+export * from './providers/xprnkit-provider';
 export * from './components';
 export * from './utils';
 export * from './services';

package/build/index.js

@@ -1,4 +1,4 @@
-export * from './providers/XPRNProvider';
+export * from './providers/xprnkit-provider';
 export * from './components';
 export * from './utils';
 export * from './services';

package/build/interfaces/config.d.ts

@@ -0,0 +1,12 @@
+import { XPRNKitIdentityProofConfig } from "./identity-proof";
+export type XPRProviderConfig = {
+    chainId: string;
+    endpoints: string[];
+    dAppName: string;
+    requesterAccount: string;
+    requesterLogo?: string;
+    apiMode: "testnet" | "mainnet";
+    restoreSession?: boolean;
+    /** Identity proof configuration (optional - if not provided, identity proof is disabled) */
+    identityProof?: XPRNKitIdentityProofConfig;
+};

package/build/interfaces/identity-proof.d.ts

@@ -0,0 +1,28 @@
+export type XPRNKitIdentityProofPayload = {
+    signer: {
+        actor: string;
+        permission: string;
+    };
+    transaction: any;
+    signatures: string[];
+    chainId: string;
+};
+export type XPRNKitIdentityProof = {
+    auth: {
+        actor: string;
+        permission: string;
+    };
+    token: string;
+};
+export type XPRNKitIdentityProofConfig = {
+    required: boolean;
+    createUrl: string;
+    validationUrl?: string;
+    validationBuffer?: number;
+    headers?: Record<string, string>;
+    timeout?: number;
+};
+/**
+ * Status of identity proof process
+ */
+export type XPRNKitIdentityProofStatus = "idle" | "signing" | "verifying" | "validating" | "success" | "expired" | "error";

package/build/interfaces/identity-proof.js

@@ -0,0 +1 @@
+export {};

package/build/interfaces/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./config";
+export * from "./identity-proof";
+export * from "./profile";
+export * from "./service-status";

package/build/interfaces/index.js

@@ -0,0 +1,4 @@
+export * from "./config";
+export * from "./identity-proof";
+export * from "./profile";
+export * from "./service-status";

package/build/interfaces/profile.d.ts

@@ -0,0 +1,5 @@
+export type XPRNKitProfile = {
+    displayName: string;
+    avatar?: string;
+    isKyc: boolean;
+};

package/build/interfaces/profile.js

@@ -0,0 +1 @@
+export {};

package/build/providers/xprnkit-provider.d.ts

@@ -0,0 +1,23 @@
+import type { Link, LinkSession } from "@proton/link";
+import { ProtonWebLink } from "@proton/web-sdk";
+import React from "react";
+import { XPRNKitIdentityProof, XPRNKitIdentityProofStatus, XPRNKitProfile, XPRProviderConfig } from "../interfaces";
+type XPRNProviderProps = {
+    children: React.ReactNode | React.ReactNode[];
+    config: XPRProviderConfig;
+};
+type XPRNProviderContext = {
+    config: XPRProviderConfig | null;
+    session: LinkSession | null;
+    link: ProtonWebLink | Link | null;
+    profile: XPRNKitProfile | null;
+    identityProof: XPRNKitIdentityProof | null;
+    identityProofStatus: XPRNKitIdentityProofStatus;
+    connect: (restore?: boolean) => void;
+    disconnect: () => Promise<void>;
+    pushTransaction: (actions: any[]) => Promise<void>;
+    switchToSession: (actor: string, permission: string) => Promise<void>;
+};
+export declare const XPRNProvider: React.FunctionComponent<XPRNProviderProps>;
+export declare function useXPRN(): XPRNProviderContext;
+export {};