@rockerone/xprnkit 0.3.2 → 0.3.4

package/build/global.css

@@ -558,6 +558,10 @@ body {
   font-feature-settings: "rlig" 1, "calt" 1;
 }
 
+.visible {
+  visibility: visible;
+}
+
 .absolute {
   position: absolute;
 }
@@ -636,6 +640,10 @@ body {
   height: 1rem;
 }
 
+.h-5 {
+  height: 1.25rem;
+}
+
 .h-9 {
   height: 2.25rem;
 }
@@ -668,6 +676,10 @@ body {
   width: 1rem;
 }
 
+.w-5 {
+  width: 1.25rem;
+}
+
 .w-auto {
   width: auto;
 }
@@ -676,6 +688,10 @@ body {
   width: 100%;
 }
 
+.min-w-0 {
+  min-width: 0px;
+}
+
 .min-w-\[8rem\] {
   min-width: 8rem;
 }
@@ -684,6 +700,10 @@ body {
   min-width: var(--radix-select-trigger-width);
 }
 
+.flex-1 {
+  flex: 1 1 0%;
+}
+
 .shrink-0 {
   flex-shrink: 0;
 }
@@ -697,6 +717,16 @@ body {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+@keyframes pulse {
+  50% {
+    opacity: .5;
+  }
+}
+
+.animate-pulse {
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -711,6 +741,10 @@ body {
   cursor: default;
 }
 
+.cursor-pointer {
+  cursor: pointer;
+}
+
 .select-none {
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -761,10 +795,18 @@ body {
   justify-content: space-between;
 }
 
+.gap-1 {
+  gap: 0.25rem;
+}
+
 .gap-2 {
   gap: 0.5rem;
 }
 
+.gap-3 {
+  gap: 0.75rem;
+}
+
 .gap-4 {
   gap: 1rem;
 }
@@ -773,14 +815,28 @@ body {
   overflow: hidden;
 }
 
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .whitespace-nowrap {
   white-space: nowrap;
 }
 
+.rounded {
+  border-radius: 0.25rem;
+}
+
 .rounded-full {
   border-radius: 9999px;
 }
 
+.rounded-lg {
+  border-radius: 0.5rem;
+}
+
 .rounded-md {
   border-radius: 0.375rem;
 }
@@ -806,6 +862,16 @@ body {
   border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
 }
 
+.bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
+}
+
+.bg-gray-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
+}
+
 .bg-transparent {
   background-color: transparent;
 }
@@ -823,6 +889,10 @@ body {
   padding: 0.25rem;
 }
 
+.p-2 {
+  padding: 0.5rem;
+}
+
 .p-4 {
   padding: 1rem;
 }
@@ -909,10 +979,44 @@ body {
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
 }
 
+.text-gray-300 {
+  --tw-text-opacity: 1;
+  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
+}
+
+.text-gray-400 {
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
+}
+
+.text-gray-500 {
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
+}
+
+.text-green-500 {
+  --tw-text-opacity: 1;
+  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
+}
+
+.text-red-500 {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+}
+
+.text-white {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+
 .underline {
   text-decoration-line: underline;
 }
 
+.opacity-25 {
+  opacity: 0.25;
+}
+
 .opacity-50 {
   opacity: 0.5;
 }
@@ -921,6 +1025,10 @@ body {
   opacity: 0.6;
 }
 
+.opacity-75 {
+  opacity: 0.75;
+}
+
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -1012,6 +1120,16 @@ body {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.hover\:bg-gray-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
+}
+
+.hover\:bg-gray-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
+}
+
 .focus\:border-0:focus {
   border-width: 0px;
 }

package/build/providers/XPRNProvider.d.ts

@@ -1,24 +1,49 @@
-import type { Link, LinkSession, ProtonWebLink } from "@proton/web-sdk";
+import type { Link, LinkSession } from "@proton/link";
+import { ProtonWebLink } from "@proton/web-sdk";
 import React from "react";
 import { JsonRpc } from "@proton/js";
+import { type StoredSessionRef } from "../utils";
 import { type IdentityProofStatus } from "../services/identity-proof";
-export type XPRNAuthentication = {
+/**
+ * Identity proof data returned from authentication
+ */
+export type XPRNIdentityProof = {
     actor: string;
     publicKey: string;
+    /** JWT token from the identity proof verification */
+    token?: string;
+    /** Additional data from the verification response */
     data?: any;
 };
+/**
+ * @deprecated Use XPRNIdentityProof instead
+ */
+export type XPRNAuthentication = XPRNIdentityProof;
 export type XPRNProfile = {
     displayName: string;
     avatar?: string;
-    authentication?: XPRNAuthentication;
     isKyc: boolean;
 };
-export type XPRNSession = {
-    actor: string;
-    session: LinkSession;
-    link: ProtonWebLink | Link;
-    profile: XPRNProfile | null;
-    authentication: XPRNAuthentication | null;
+/**
+ * Identity proof configuration (optional feature)
+ */
+export type XPRNIdentityProofConfig = {
+    /** URL for creating identity proof (sign + verify) */
+    createUrl: string;
+    /** URL for validating existing tokens (optional) */
+    validationUrl?: string;
+    /** Time in seconds before expiration to trigger validation (default: 300) */
+    validationBuffer?: number;
+    /** Automatically authenticate on connect (default: false) */
+    enforceOnConnect?: boolean;
+    /** Automatically re-authenticate when token expires (default: false) */
+    autoReauthenticate?: boolean;
+    /** Require identity proof for the app (default: false) */
+    required?: boolean;
+    /** Additional headers for identity proof requests */
+    headers?: Record<string, string>;
+    /** Request timeout in milliseconds */
+    timeout?: number;
 };
 export type XPRProviderConfig = {
     chainId: string;
@@ -26,36 +51,45 @@ export type XPRProviderConfig = {
     dAppName: string;
     requesterAccount: string;
     requesterLogo?: string;
-    authenticationUrl?: string;
-    enforceAuthentication?: boolean;
     apiMode: "testnet" | "mainnet";
     restoreSession?: boolean;
+    /** Identity proof configuration (optional - if not provided, identity proof is disabled) */
+    identityProof?: XPRNIdentityProofConfig;
+    /** @deprecated Use identityProof.createUrl instead */
+    authenticationUrl?: string;
+    /** @deprecated Use identityProof.enforceOnConnect instead */
+    enforceAuthentication?: boolean;
 };
 type XPRNProviderProps = {
     children: React.ReactNode | React.ReactNode[];
     config: XPRProviderConfig;
 };
 type XPRNProviderContext = {
+    config: XPRProviderConfig | null;
     session: LinkSession | null;
-    link: ProtonWebLink | null;
+    link: ProtonWebLink | Link | null;
     profile: XPRNProfile | null;
     rpc: JsonRpc | null;
-    txErrorsStack: null;
-    authentication: XPRNAuthentication | null;
-    authenticate: (success: (res: any) => void, fail: (e: any) => void, actor?: string) => void;
+    identityProof: XPRNIdentityProof | null;
+    identityProofStatus: IdentityProofStatus;
+    /** True if identity proof is configured but not yet obtained for current session */
+    needsIdentityProof: boolean;
+    /** True if identity proof is configured with required=true */
+    isIdentityProofRequired: boolean;
+    /** True if identity proof is enabled (config.identityProof is defined) */
+    isIdentityProofEnabled: boolean;
+    connect: (restore?: boolean, onSession?: (session: LinkSession, link: ProtonWebLink | Link) => void, onProfile?: (profile: XPRNProfile) => void) => void;
+    disconnect: () => Promise<void>;
+    requestIdentityProof: (success: (res: XPRNIdentityProof) => void, fail: (e: any) => void) => void;
+    listStoredSessions: () => StoredSessionRef[];
+    switchToSession: (auth: string, chainId: string) => Promise<void>;
     addTransactionError: (rawMessage: string) => void;
-    connect: (restore?: boolean, onSession?: (session: LinkSession) => void, onProfile?: (profile: XPRNProfile) => void) => void;
-    disconnect: (actor?: string) => void;
-    getActiveSession: () => XPRNSession | null;
-    listSessions: () => XPRNSession[];
-    setActiveSession: (actor: string) => void;
-    removeSession: (actor: string) => Promise<void>;
-    getAllProfiles: () => XPRNProfile[];
-    switchSession: (actor: string) => void;
-    getSessionById: (actor: string) => XPRNSession | null;
-    getSessionByActor: (actor: string) => XPRNSession | null;
+    /** @deprecated Use identityProof instead */
+    authentication: XPRNIdentityProof | null;
+    /** @deprecated Use identityProofStatus instead */
     authStatus: IdentityProofStatus;
-    getAuthStatus: (actor?: string) => IdentityProofStatus;
+    /** @deprecated Use requestIdentityProof instead */
+    authenticate: (success: (res: any) => void, fail: (e: any) => void) => void;
 };
 export declare const XPRNProvider: React.FunctionComponent<XPRNProviderProps>;
 export declare function useXPRN(): XPRNProviderContext;