@ic-reactor/react 3.3.1 → 3.5.0

package/README.md

@@ -81,8 +81,8 @@ export function App() {
 
 - `createActorHooks(reactor)` for per-canister hooks like `useActorQuery` and
   `useActorMutation`
-- `createAuthHooks(clientManager)` for `useAuth`, `useAgentState`, and
-  `useUserPrincipal`
+- `createAuthHooks(clientManager)` for `useAuth`, `useAgentState`,
+  `useUserPrincipal`, and identity attribute hooks
 - direct reactor hooks like `useReactorQuery` when you want to pass the reactor
   instance at call time
 - factory helpers like `createQuery`, `createSuspenseQuery`,
@@ -134,6 +134,65 @@ const mutation = updateProfile.useMutation({
 })
 ```
 
+## Identity Attributes / OpenID email and profile values
+
+`createAuthHooks(clientManager)` exposes `useIdentityAttributes()` for signed
+identity attributes from `@icp-sdk/auth` v6. Existing `useAuth()`, `login()`,
+`logout()`, and `useUserPrincipal()` consumers keep the same IC Reactor API, but
+the configured auth client must support the v6 constructor/sign-in API.
+
+```tsx
+import { createAuthHooks } from "@ic-reactor/react"
+import { clientManager } from "./reactor"
+
+const { useIdentityAttributes } = createAuthHooks(clientManager)
+
+function RegisterWithOpenIdProvider() {
+  const {
+    requestOpenIdAttributes,
+    attributes,
+    isRequestingAttributes,
+    attributeError,
+  } = useIdentityAttributes()
+
+  async function handleProviderLogin() {
+    const nonce = await backend.registerBegin()
+
+    const result = await requestOpenIdAttributes({
+      nonce,
+      openIdProvider: "microsoft",
+      keys: ["email", "name"],
+      identityProvider: "https://beta.id.ai/authorize",
+      windowOpenerFeatures: popupCenter(),
+    })
+
+    console.log(result.decodedAttributes.email)
+    console.log(result.decodedAttributes.name)
+
+    await backend.registerFinish({
+      data: result.signedAttributes.data,
+      signature: result.signedAttributes.signature,
+    })
+  }
+
+  return (
+    <button disabled={isRequestingAttributes} onClick={handleProviderLogin}>
+      {attributes?.decodedAttributes.email ??
+        attributeError?.message ??
+        "Continue with provider"}
+    </button>
+  )
+}
+```
+
+Use a documented auth provider alias (`"google"`, `"apple"`, or `"microsoft"`)
+or the provider issuer URL your app expects for `openIdProvider`.
+
+Frontend decoded `email` and `name` values are for display only. Production flows
+must send `signedAttributes.data` and `signedAttributes.signature` to the backend
+or canister and verify the signature, nonce, origin, timestamp, and requested keys
+before trusting or storing the attributes.
+
 ## Query Result Methods
 
 Every object returned by `createQuery`, `createSuspenseQuery`, and their

package/dist/createAuthHooks.d.ts

@@ -1,10 +1,9 @@
-import { ClientManager, AgentState } from "@ic-reactor/core";
-import { Principal } from "@icp-sdk/core/principal";
-import { Identity } from "@icp-sdk/core/agent";
-import { AuthClientLoginOptions } from "@icp-sdk/auth/client";
+import { ClientManager, AgentState, ClientManagerSignInOptions, IdentityAttributeResult, RequestIdentityAttributesParameters, RequestOpenIdIdentityAttributesParameters } from "@ic-reactor/core";
+import type { Principal } from "@icp-sdk/core/principal";
+import type { Identity } from "@icp-sdk/core/agent";
 export interface UseAuthReturn {
     authenticate: () => Promise<Identity | undefined>;
-    login: (options?: AuthClientLoginOptions) => Promise<void>;
+    login: (options?: ClientManagerSignInOptions) => Promise<void>;
     logout: (options?: {
         returnTo?: string;
     }) => Promise<void>;
@@ -18,6 +17,15 @@ export interface CreateAuthHooksReturn {
     useAgentState: () => AgentState;
     useUserPrincipal: () => Principal | null;
     useAuth: () => UseAuthReturn;
+    useIdentityAttributes: () => UseIdentityAttributesReturn;
+}
+export interface UseIdentityAttributesReturn {
+    requestAttributes: (params: RequestIdentityAttributesParameters) => Promise<IdentityAttributeResult>;
+    requestOpenIdAttributes: (params: RequestOpenIdIdentityAttributesParameters) => Promise<IdentityAttributeResult>;
+    attributes: IdentityAttributeResult | null;
+    isRequestingAttributes: boolean;
+    attributeError: Error | null;
+    clearAttributes: () => void;
 }
 /**
  * Create authentication hooks for managing user sessions with Internet Identity.

package/dist/createAuthHooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createAuthHooks.d.ts","sourceRoot":"","sources":["../src/createAuthHooks.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAa,MAAM,kBAAkB,CAAA;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAE7D,MAAM,WAAW,aAAa;IAC5B,YAAY,EAAE,MAAM,OAAO,CAAC,QAAQ,GAAG,SAAS,CAAC,CAAA;IACjD,KAAK,EAAE,CAAC,OAAO,CAAC,EAAE,sBAAsB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1D,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1D,eAAe,EAAE,OAAO,CAAA;IACxB,gBAAgB,EAAE,OAAO,CAAA;IACzB,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAA;IACzB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAA;CACzB;AAED,MAAM,WAAW,qBAAqB;IACpC,aAAa,EAAE,MAAM,UAAU,CAAA;IAC/B,gBAAgB,EAAE,MAAM,SAAS,GAAG,IAAI,CAAA;IACxC,OAAO,EAAE,MAAM,aAAa,CAAA;CAC7B;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe,GAC1B,eAAe,aAAa,KAC3B,qBAiGF,CAAA"}
+{"version":3,"file":"createAuthHooks.d.ts","sourceRoot":"","sources":["../src/createAuthHooks.ts"],"names":[],"mappings":"AAQA,OAAO,EACL,aAAa,EACb,UAAU,EAEV,0BAA0B,EAC1B,uBAAuB,EACvB,mCAAmC,EACnC,yCAAyC,EAC1C,MAAM,kBAAkB,CAAA;AACzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAEnD,MAAM,WAAW,aAAa;IAC5B,YAAY,EAAE,MAAM,OAAO,CAAC,QAAQ,GAAG,SAAS,CAAC,CAAA;IACjD,KAAK,EAAE,CAAC,OAAO,CAAC,EAAE,0BAA0B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC9D,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1D,eAAe,EAAE,OAAO,CAAA;IACxB,gBAAgB,EAAE,OAAO,CAAA;IACzB,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAA;IACzB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAA;CACzB;AAED,MAAM,WAAW,qBAAqB;IACpC,aAAa,EAAE,MAAM,UAAU,CAAA;IAC/B,gBAAgB,EAAE,MAAM,SAAS,GAAG,IAAI,CAAA;IACxC,OAAO,EAAE,MAAM,aAAa,CAAA;IAC5B,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;CACzD;AAED,MAAM,WAAW,2BAA2B;IAC1C,iBAAiB,EAAE,CACjB,MAAM,EAAE,mCAAmC,KACxC,OAAO,CAAC,uBAAuB,CAAC,CAAA;IACrC,uBAAuB,EAAE,CACvB,MAAM,EAAE,yCAAyC,KAC9C,OAAO,CAAC,uBAAuB,CAAC,CAAA;IACrC,UAAU,EAAE,uBAAuB,GAAG,IAAI,CAAA;IAC1C,sBAAsB,EAAE,OAAO,CAAA;IAC/B,cAAc,EAAE,KAAK,GAAG,IAAI,CAAA;IAC5B,eAAe,EAAE,MAAM,IAAI,CAAA;CAC5B;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe,GAC1B,eAAe,aAAa,KAC3B,qBA4JF,CAAA"}

package/dist/createAuthHooks.js

@@ -1,4 +1,4 @@
-import { useSyncExternalStore, useEffect, useRef, useMemo } from "react";
+import { useSyncExternalStore, useEffect, useRef, useMemo, useState, useCallback, } from "react";
 /**
  * Create authentication hooks for managing user sessions with Internet Identity.
  *
@@ -85,10 +85,60 @@ export const createAuthHooks = (clientManager) => {
         const { identity } = useAuthState();
         return identity ? identity.getPrincipal() : null;
     };
+    const useIdentityAttributes = () => {
+        const [attributes, setAttributes] = useState(null);
+        const [isRequestingAttributes, setIsRequestingAttributes] = useState(false);
+        const [attributeError, setAttributeError] = useState(null);
+        const requestAttributes = useCallback(async (params) => {
+            setIsRequestingAttributes(true);
+            setAttributeError(null);
+            try {
+                const result = await clientManager.requestIdentityAttributes(params);
+                setAttributes(result);
+                return result;
+            }
+            catch (error) {
+                setAttributeError(error);
+                throw error;
+            }
+            finally {
+                setIsRequestingAttributes(false);
+            }
+        }, []);
+        const requestOpenIdAttributes = useCallback(async (params) => {
+            setIsRequestingAttributes(true);
+            setAttributeError(null);
+            try {
+                const result = await clientManager.requestOpenIdIdentityAttributes(params);
+                setAttributes(result);
+                return result;
+            }
+            catch (error) {
+                setAttributeError(error);
+                throw error;
+            }
+            finally {
+                setIsRequestingAttributes(false);
+            }
+        }, []);
+        const clearAttributes = useCallback(() => {
+            setAttributes(null);
+            setAttributeError(null);
+        }, []);
+        return {
+            requestAttributes,
+            requestOpenIdAttributes,
+            attributes,
+            isRequestingAttributes,
+            attributeError,
+            clearAttributes,
+        };
+    };
     return {
         useAuth,
         useAgentState,
         useUserPrincipal,
+        useIdentityAttributes,
     };
 };
 //# sourceMappingURL=createAuthHooks.js.map

package/dist/createAuthHooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"createAuthHooks.js","sourceRoot":"","sources":["../src/createAuthHooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAuBxE;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,aAA4B,EACL,EAAE;IACzB;;;OAGG;IACH,MAAM,aAAa,GAAG,GAAe,EAAE,CACrC,oBAAoB,CAClB,CAAC,QAAQ,EAAE,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,QAAQ,CAAC,EACzD,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU;IAC9B,kDAAkD;IAClD,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU,CAC/B,CAAA;IAEH;;;OAGG;IACH,MAAM,YAAY,GAAG,GAAc,EAAE,CACnC,oBAAoB,CAClB,CAAC,QAAQ,EAAE,EAAE,CAAC,aAAa,CAAC,kBAAkB,CAAC,QAAQ,CAAC,EACxD,GAAG,EAAE,CAAC,aAAa,CAAC,SAAS;IAC7B,kDAAkD;IAClD,GAAG,EAAE,CAAC,aAAa,CAAC,SAAS,CAC9B,CAAA;IAEH;;;;;;;;;;;;;;;;;OAiBG;IACH,MAAM,OAAO,GAAG,GAAkB,EAAE;QAClC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,aAAa,CAAA;QACrD,MAAM,EAAE,eAAe,EAAE,gBAAgB,EAAE,QAAQ,EAAE,KAAK,EAAE,GAC1D,YAAY,EAAE,CAAA;QAEhB,8DAA8D;QAC9D,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;QAEpC,6DAA6D;QAC7D,SAAS,CAAC,GAAG,EAAE;YACb,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC;gBAC5B,cAAc,CAAC,OAAO,GAAG,IAAI,CAAA;gBAC7B,aAAa,CAAC,UAAU,EAAE,CAAA;YAC5B,CAAC;QACH,CAAC,EAAE,EAAE,CAAC,CAAA;QAEN,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EACjD,CAAC,QAAQ,CAAC,CACX,CAAA;QAED,OAAO;YACL,YAAY;YACZ,KAAK;YACL,MAAM;YACN,eAAe;YACf,gBAAgB;YAChB,SAAS;YACT,QAAQ;YACR,KAAK;SACN,CAAA;IACH,CAAC,CAAA;IAED;;;;;;;;;;OAUG;IACH,MAAM,gBAAgB,GAAG,GAAqB,EAAE;QAC9C,MAAM,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE,CAAA;QACnC,OAAO,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;IAClD,CAAC,CAAA;IAED,OAAO;QACL,OAAO;QACP,aAAa;QACb,gBAAgB;KACjB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"createAuthHooks.js","sourceRoot":"","sources":["../src/createAuthHooks.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ic-reactor/react",
-  "version": "3.3.1",
+  "version": "3.5.0",
   "description": "IC Reactor React Library",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -42,29 +42,35 @@
   "author": "Behrad Deylami",
   "license": "MIT",
   "dependencies": {
-    "@ic-reactor/core": "^3.3.1"
+    "@ic-reactor/core": "^3.5.0"
   },
   "peerDependencies": {
+    "@icp-sdk/auth": "^6.0.0",
     "@tanstack/react-query": "^5.0.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
+  "peerDependenciesMeta": {
+    "@icp-sdk/auth": {
+      "optional": true
+    }
+  },
   "devDependencies": {
-    "@icp-sdk/auth": "^5.0.0",
-    "@icp-sdk/core": "^5.2.1",
-    "@size-limit/preset-small-lib": "^12.0.1",
-    "@tanstack/react-query": "^5.96.2",
+    "@icp-sdk/auth": "^6.0.0",
+    "@icp-sdk/core": "^5.3.1",
+    "@size-limit/preset-small-lib": "^12.1.0",
+    "@tanstack/react-query": "^5.100.5",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "fake-indexeddb": "^6.2.5",
-    "jsdom": "^29.0.1",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "size-limit": "^12.0.1",
-    "vitest": "^4.1.2"
+    "jsdom": "^29.1.0",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "size-limit": "^12.1.0",
+    "vitest": "^4.1.5"
   },
   "size-limit": [
     {

package/src/createAuthHooks.ts

@@ -1,12 +1,26 @@
-import { useSyncExternalStore, useEffect, useRef, useMemo } from "react"
-import { ClientManager, AgentState, AuthState } from "@ic-reactor/core"
-import { Principal } from "@icp-sdk/core/principal"
-import { Identity } from "@icp-sdk/core/agent"
-import { AuthClientLoginOptions } from "@icp-sdk/auth/client"
+import {
+  useSyncExternalStore,
+  useEffect,
+  useRef,
+  useMemo,
+  useState,
+  useCallback,
+} from "react"
+import {
+  ClientManager,
+  AgentState,
+  AuthState,
+  ClientManagerSignInOptions,
+  IdentityAttributeResult,
+  RequestIdentityAttributesParameters,
+  RequestOpenIdIdentityAttributesParameters,
+} from "@ic-reactor/core"
+import type { Principal } from "@icp-sdk/core/principal"
+import type { Identity } from "@icp-sdk/core/agent"
 
 export interface UseAuthReturn {
   authenticate: () => Promise<Identity | undefined>
-  login: (options?: AuthClientLoginOptions) => Promise<void>
+  login: (options?: ClientManagerSignInOptions) => Promise<void>
   logout: (options?: { returnTo?: string }) => Promise<void>
   isAuthenticated: boolean
   isAuthenticating: boolean
@@ -19,6 +33,20 @@ export interface CreateAuthHooksReturn {
   useAgentState: () => AgentState
   useUserPrincipal: () => Principal | null
   useAuth: () => UseAuthReturn
+  useIdentityAttributes: () => UseIdentityAttributesReturn
+}
+
+export interface UseIdentityAttributesReturn {
+  requestAttributes: (
+    params: RequestIdentityAttributesParameters
+  ) => Promise<IdentityAttributeResult>
+  requestOpenIdAttributes: (
+    params: RequestOpenIdIdentityAttributesParameters
+  ) => Promise<IdentityAttributeResult>
+  attributes: IdentityAttributeResult | null
+  isRequestingAttributes: boolean
+  attributeError: Error | null
+  clearAttributes: () => void
 }
 
 /**
@@ -129,9 +157,68 @@ export const createAuthHooks = (
     return identity ? identity.getPrincipal() : null
   }
 
+  const useIdentityAttributes = (): UseIdentityAttributesReturn => {
+    const [attributes, setAttributes] =
+      useState<IdentityAttributeResult | null>(null)
+    const [isRequestingAttributes, setIsRequestingAttributes] = useState(false)
+    const [attributeError, setAttributeError] = useState<Error | null>(null)
+
+    const requestAttributes = useCallback(
+      async (params: RequestIdentityAttributesParameters) => {
+        setIsRequestingAttributes(true)
+        setAttributeError(null)
+        try {
+          const result = await clientManager.requestIdentityAttributes(params)
+          setAttributes(result)
+          return result
+        } catch (error) {
+          setAttributeError(error as Error)
+          throw error
+        } finally {
+          setIsRequestingAttributes(false)
+        }
+      },
+      []
+    )
+
+    const requestOpenIdAttributes = useCallback(
+      async (params: RequestOpenIdIdentityAttributesParameters) => {
+        setIsRequestingAttributes(true)
+        setAttributeError(null)
+        try {
+          const result =
+            await clientManager.requestOpenIdIdentityAttributes(params)
+          setAttributes(result)
+          return result
+        } catch (error) {
+          setAttributeError(error as Error)
+          throw error
+        } finally {
+          setIsRequestingAttributes(false)
+        }
+      },
+      []
+    )
+
+    const clearAttributes = useCallback(() => {
+      setAttributes(null)
+      setAttributeError(null)
+    }, [])
+
+    return {
+      requestAttributes,
+      requestOpenIdAttributes,
+      attributes,
+      isRequestingAttributes,
+      attributeError,
+      clearAttributes,
+    }
+  }
+
   return {
     useAuth,
     useAgentState,
     useUserPrincipal,
+    useIdentityAttributes,
   }
 }