API Reference
This section provides detailed documentation for the ZKPassport SDK's public API, including classes, methods, types, and constants.
For the drop-in QR verification card, see the @zkpassport/ui section at the bottom of this page.
ZKPassport Class
The main class for interacting with the ZKPassport SDK.
Constructor
constructor(domain?: string)
Creates a new instance of the ZKPassport SDK.
domain(optional): Your application's domain. If not provided in a browser environment, it will be automatically inferred from the window location.
Methods
request
async request(options: {
name?: string;
logo?: string;
purpose?: string;
scope?: string;
mode?: ProofMode;
projectID?: string;
validity?: number;
devMode?: boolean;
uniqueIdentifierType?: NullifierType.NON_SALTED | NullifierType.SALTED;
oprfKeyId?: string;
topicOverride?: string;
keyPairOverride?: { privateKey: Uint8Array; publicKey: Uint8Array };
cloudProverUrl?: string;
bridgeUrl?: string;
}): Promise<QueryBuilder>
Initiates a new verification request and returns a QueryBuilder.
Parameters:
name(optional): Your application name. Defaults to your dashboard project branding, then your domain.logo(optional): URL to your application's logo. Defaults to your dashboard project branding.purpose(optional): Description of why you're requesting verification. Defaults to the policy's purpose (if a policy is applied), then a generic message.scope(optional): Scope for the unique identifier. Defaults to your domain. When you apply a policy with.policy(), the scope is locked to<policy-id>:<version>.mode(optional): The proof mode —"fast"(default),"compressed", or"compressed-evm"(required for onchain verification).projectID(optional): The project ID of your service.validity(optional): How many seconds ago the proof checking the ID's expiry date may have been generated. Defaults to 7 days.devMode(optional): Whether to enable dev mode (defaults to false). Dev mode accepts mock proofs generated from the mock passports in the app.uniqueIdentifierType(optional):NullifierType.NON_SALTED(default) orNullifierType.SALTED. A salted identifier requires.facematch("strict")in the query.oprfKeyId(optional): OPRF key identifier; implies a salted unique identifier.topicOverride,keyPairOverride,cloudProverUrl,bridgeUrl(optional): Advanced configuration.cloudProverUrloverrides the cloud prover for compressed proofs andbridgeUrloverrides the websocket bridge to the mobile app. Contact us if you need these.
To apply a policy defined in the dashboard, chain .policy("pol_xyz") on the returned QueryBuilder instead of building the query with the other methods. Most of the options above (name, logo, purpose, scope) then default to your dashboard configuration.
Returns a QueryBuilder instance for building the verification query.
verify
async verify({
proofs,
originalQuery,
queryResult,
validity,
scope,
devMode,
oprfKeyId,
}: {
proofs: Array<ProofResult>;
originalQuery: Query;
queryResult: QueryResult;
validity?: number;
scope?: string;
devMode?: boolean;
oprfKeyId?: string;
}): Promise<{
uniqueIdentifier: string | undefined;
uniqueIdentifierType: NullifierType | undefined;
verified: boolean;
queryResultErrors?: QueryResultErrors;
}>
Verifies the proofs received from the mobile app. You can store the proofs, the original query, and the query result and use this method to verify them later, for example server-side after running the SDK logic client-side (see the Client-Server example).
Parameters:
proofs: The proofs to verifyoriginalQuery: The original query object — thequeryreturned bydone()(or thequerycallback in@zkpassport/ui). Required.queryResult: The query result to verify againstvalidity(optional): How many seconds ago the proof checking the ID's expiry date may have been generated. Defaults to 7 days.scope(optional): The scope used when requesting the proofdevMode(optional): Whether to enable dev mode (defaults to false). Dev mode accepts mock proofs generated from the mock passports in the app.oprfKeyId(optional): The OPRF key id, if a salted unique identifier was requested
Returns an object containing:
uniqueIdentifier: The unique identifier associated with the useruniqueIdentifierType: The type of unique identifier (seeNullifierType)verified: Whether the proofs were successfully verifiedqueryResultErrors: Detailed error information if verification fails (undefined if verification succeeds)
getSolidityVerifierDetails
getSolidityVerifierDetails(): {
address: `0x${string}`
functionName: string
abi: {
type: "function" | "event" | "constructor"
name: string
inputs: { name: string; type: string; internalType: string }[]
outputs: { name: string; type: string; internalType: string }[]
}[]
}
Returns the details of the Solidity verifier.
Returns an object containing:
address: The address of the verifier (same for all networks)functionName: The name of the function to call on the verifierabi: The ABI of the verifier
getSolidityVerifierParameters
getSolidityVerifierParameters({
proof,
validityPeriodInSeconds,
domain,
scope,
devMode,
}: {
proof: ProofResult
validityPeriodInSeconds?: number
domain?: string
scope?: string
devMode?: boolean
}): SolidityVerifierParameters
Returns the parameters needed to call the Solidity verifier.
Parameters:
proof: The proof to verifyvalidityPeriodInSeconds: The validity period of the proof in secondsdomain: The domain of the requestscope: The scope of the requestdevMode: Whether to use dev mode (use it if you're verifying mock proofs)
Returns an object containing:
version: The version of the proofproofVerificationData: The proof verification data (i.e. vkey hash, proof, public inputs)committedInputs: The committed inputs to the proofserviceConfig: The service configuration (i.e. validity period, domain, scope, dev mode)
getUrl
getUrl(requestId: string): string
Returns the URL of the request that can be used to generate a QR code or direct link.
Parameters:
requestId: The request ID
cancelRequest
cancelRequest(requestId: string): void
Cancels a request by closing the WebSocket connection and cleaning up associated data.
Parameters:
requestId: The request ID to cancel
clearAllRequests
clearAllRequests(): void
Cancels all active requests and cleans up associated resources. This method:
- Closes all active WebSocket connections
- Clears all stored request data
- Removes all event handlers
- Resets the SDK state
Use this method when you want to clean up all pending requests, for example when your application is shutting down or when you want to reset the SDK state.
QueryBuilder Interface
Used to construct verification queries by chaining methods. Each method returns a new QueryBuilder instance, allowing for method chaining.
Methods
disclose
disclose(field: DisclosableIDCredential): QueryBuilder
Requests disclosure of a specific field from the ID.
Available fields:
nationality: The nationality of the ID holderbirthdate: The date of birth of the ID holderfullname: The full name as it appears on the ID (including middle names and secondary given names)firstname: The first name of the ID holder (doesn't include secondary given names nor middle names)lastname: The last name of the ID holderexpiry_date: The expiration date of the ID documentdocument_number: The unique number of the ID document (handle with care as it's sensitive information)document_type: The type of document (e.g., "passport", "residence_permit", "id_card")issuing_country: The country that issued the ID documentgender: The gender as it appears on the ID
gte (Greater Than or Equal)
gte<T extends NumericalIDCredential>(key: T, value: IDCredentialValue<T>): QueryBuilder
Verifies if a numeric field is greater than or equal to a value.
Currently supported for:
age: Check if the user is at least a certain agebirthdate: Check if the birthdate is after a specific dateexpiry_date: Check if the ID expires after a specific date
gt (Greater Than)
gt<T extends NumericalIDCredential>(key: T, value: IDCredentialValue<T>): QueryBuilder
Verifies if a numeric field is strictly greater than a value. Supported for the same fields as gte.
lt (Less Than)
lt<T extends NumericalIDCredential>(key: T, value: IDCredentialValue<T>): QueryBuilder
Verifies if a numeric field is strictly less than a value.
Currently supported for:
age: Check if the user is younger than a certain agebirthdate: Check if the birthdate is before a specific dateexpiry_date: Check if the ID expires before a specific date
lte (Less Than or Equal)
lte<T extends NumericalIDCredential>(key: T, value: IDCredentialValue<T>): QueryBuilder
Verifies if a numeric field is less than or equal to a value.
Currently supported for:
age: Check if the user is at most a certain agebirthdate: Check if the birthdate is before or on a specific dateexpiry_date: Check if the ID expires before or on a specific date
range
range<T extends NumericalIDCredential>(
key: T,
start: IDCredentialValue<T>,
end: IDCredentialValue<T>
): QueryBuilder
Verifies if a numeric field is within a range (inclusive start and end).
Currently supported for:
age: Check if the user's age is within a rangebirthdate: Check if the birthdate is within a rangeexpiry_date: Check if the ID expiry date is within a range
in
in<T extends "nationality" | "issuing_country">(key: T, value: IDCredentialValue<T>[]): QueryBuilder
Verifies if a field's value is in a set of values.
Currently only supported for:
nationality: Check if the user is a citizen of one of several countriesissuing_country: Check if the user's ID was issued by one of several countries
out
out<T extends "nationality" | "issuing_country">(key: T, value: IDCredentialValue<T>[]): QueryBuilder
Verifies if a field's value is not in a set of values.
Currently only supported for:
nationality: Check if the user is not a citizen of certain countriesissuing_country: Check if the user's ID was not issued by certain countries
eq
eq<T extends IDCredential>(key: T, value: IDCredentialValue<T>): QueryBuilder
Verifies if a field exactly matches a value.
Can be used with any ID credential field:
document_type: Check for a specific document typeissuing_country: Check if the ID was issued by a specific countrynationality: Check for a specific nationalitygender: Check for a specific gender- And any other field that can be disclosed
bind
bind(key: "user_address" | "chain" | "custom_data", value: string): QueryBuilder
Binds data to the proof.
Note: The total size of the data cannot exceed 500 bytes.
Currently supported:
user_address: The user's address such as an Ethereum address. This is treated as raw bytes.chain: The chain where the proof will be verified. This is converted to the appropriate chain id.custom_data: Custom data to be attached to the proof. This is treated as ASCII encoded text.
sanctions
sanctions(
countries?: SanctionsCountries,
lists?: SanctionsLists,
options?: { strict?: boolean }
): QueryBuilder
Requires that the ID holder is not part of any of the specified sanction lists. See the KYC example.
countries(optional): The country or list of countries whose sanction lists to check against. Defaults to"all".lists(optional): The specific lists to check against. Defaults to"all".options.strict(optional): Whentrue, the check is done against the last name and first name only, which has a higher false-positive rate but is harder to evade. Whenfalse(default), matches need to include the date of birth and name, or the passport number and nationality.
As of today, checks run against all of the available lists (US, UK, EU, Switzerland), so countries and lists accept "all". Support for specific lists is planned.
facematch
facematch(mode?: FacematchMode): QueryBuilder
Requires that the ID holder's face matches the photo on the ID, verified locally on the device. See the Private FaceMatch example.
mode(optional):"regular"(default) runs a basic liveness check and is faster;"strict"runs an extensive liveness check for higher-security flows such as KYC.
policy
policy(id: string): QueryBuilder
Applies an immutable policy fetched from the dashboard. The policy's query is applied, its scope is locked to <id>:<version>, and branding/purpose default to the dashboard configuration.
id: The policy id (e.g."pol_xyz").
Constraints (throws otherwise): .policy() must be called on its own (it cannot be combined with builder methods like .gte() / .disclose()) and only once per request.
done
done(): {
url: string;
query: Query;
requestId: string;
policy?: string;
onRequestReceived: (callback: () => void) => void;
onGeneratingProof: (callback: () => void) => void;
onBridgeConnect: (callback: () => void) => void;
onProofGenerated: (callback: (result: ProofResult) => void) => void;
onResult: (callback: (response: {
uniqueIdentifier: string | undefined;
uniqueIdentifierType: NullifierType | undefined;
verified: boolean;
result: QueryResult;
queryResultErrors?: QueryResultErrors;
proofs: ProofResult[];
sdkInstance: ZKPassport;
}) => void) => void;
onReject: (callback: () => void) => void;
onError: (callback: (error: string) => void) => void;
isBridgeConnected: () => boolean;
requestReceived: () => boolean;
}
Finalizes the query and returns an object containing:
url: URL to redirect users to the ZKPassport appquery: The original query object — pass this toverify()asoriginalQueryfor server-side verificationrequestId: Unique identifier for this requestpolicy: The policy id used to build the request, if one was applied with.policy()- Event handlers (see Event Handlers section below)
Event Handlers
The SDK provides several event handlers to track the progress of a verification request:
onRequestReceived
onRequestReceived(callback: () => void): void
Called when the user has scanned the QR code or clicked the link and sees the request popup on their mobile device. Use this to update your UI to show that the request has been received.
onGeneratingProof
onGeneratingProof(callback: () => void): void
Called when the user has accepted the request and the proof generation has started. The proof generation typically takes up to 10 seconds with a good connection.
onProofGenerated
onProofGenerated(callback: (result: ProofResult) => void): void
Called when an individual proof has been generated. Multiple proofs may be generated for a single request. The callback receives a ProofResult object containing:
proof: The generated proofvkeyHash: Hash of the verification keyversion: Version of the circuit used to generate the proofname: Name of the circuit used to generate the proofindex: The index of the proof (starting from 0)total: The total number of proofs that should be sent back by the mobile app
onResult
onResult(callback: (response: {
uniqueIdentifier: string | undefined;
uniqueIdentifierType: NullifierType | undefined;
verified: boolean;
result: QueryResult;
queryResultErrors?: QueryResultErrors;
proofs: ProofResult[];
sdkInstance: ZKPassport;
}) => void): void
Called when all proofs have been generated and verified. This is the main callback you'll use to handle the verification results. The callback receives a response object containing:
uniqueIdentifier: A unique identifier for the user's ID (undefined if verification failed)uniqueIdentifierType: The type of unique identifier (seeNullifierType)verified: Whether all proofs were successfully verifiedresult: The result of the verificationqueryResultErrors: Detailed error information if verification fails (undefined if verification succeeds)proofs: The raw proofs — pass them (with the originalqueryandresult) toverify()to re-verify server-sidesdkInstance: TheZKPassportinstance that produced this result (handy for calling e.g.getSolidityVerifierParametersfrom a@zkpassport/uicallback)
If verified is false, you should not trust any of the results and uniqueIdentifier will be undefined.
onReject
onReject(callback: () => void): void
Called when the user rejects the verification request.
onError
onError(callback: (error: string) => void): void
Called if an error occurs during the verification process.
Types
RequestOptions
// The type of proof to request
// fast: Fast proof generation, slightly less privacy in regards to the issuing country
// and not verifiable on-chain
// compressed: Compressed proof generation, full privacy in regards to the issuing country
// but not verifiable on EVM chains
// compressed-evm: Compressed proof generation, full privacy in regards to the issuing country
// and verifiable on EVM chains
type ProofMode = "fast" | "compressed" | "compressed-evm";
interface RequestOptions {
name?: string; // Your application name (defaults to dashboard branding, then domain)
logo?: string; // URL to your application's logo (defaults to dashboard branding)
purpose?: string; // Why you're requesting verification (defaults to the policy's purpose, then generic)
scope?: string; // Optional scope for the unique identifier (defaults to your domain)
mode?: ProofMode; // Specify the type of proof to request (defaults to "fast")
projectID?: string; // The project ID of your service
validity?: number; // (Optional) How many seconds ago the proof should have been generated
// (defaults to 7 days in seconds)
devMode?: boolean; // Optional flag to enable dev mode (defaults to false)
// Opt into a salted unique identifier (requires .facematch("strict"))
uniqueIdentifierType?: NullifierType.NON_SALTED | NullifierType.SALTED;
oprfKeyId?: string; // OPRF key identifier; implies a salted unique identifier
topicOverride?: string; // Optional override for the request ID
keyPairOverride?: {
// Optional override for the ECDH key pair
privateKey: Uint8Array;
publicKey: Uint8Array;
};
// Advanced configuration: feel free to contact us if you need to use these options
cloudProverUrl?: string; // Optional override for the cloud prover URL
bridgeUrl?: string; // Optional override for the bridge URL
}
ProofResult
interface ProofResult {
proof: string; // The generated zero-knowledge proof
vkeyHash: string; // Hash of the verification key
version: string; // Version of the proof system
name: string; // Name of the proof
index: number; // Index of the proof (starting from 0)
total: number; // Total number of proofs that should be sent back by the mobile app
}
QueryResult
interface QueryResult {
[field: string]: {
disclose?: {
result: string | number | Date; // Result of a disclosure query
};
gte?: {
result: boolean;
expected: number | Date; // Expected value for greater-than-or-equal query
};
gt?: {
result: boolean;
expected: number | Date; // Expected value for greater-than query
};
lt?: {
result: boolean;
expected: number; // Expected value for less-than query
};
lte?: {
result: boolean;
expected: Date; // Expected value for less-than-or-equal query
};
range?: {
result: boolean;
expected: [number | Date, number | Date]; // Expected range values
};
in?: {
result: boolean;
expected: string[]; // Expected values for inclusion query
};
out?: {
result: boolean;
expected: string[]; // Expected values for exclusion query
};
eq?: {
result: boolean;
expected: string | number | Date; // Expected value for equality query
};
};
bind?: {
user_address?: string;
chain?: SupportedChain;
custom_data?: string;
};
// Present when .facematch() was requested
facematch?: {
mode: "regular" | "strict";
passed: boolean; // Whether the FaceMatch check passed
};
// Present when .sanctions() was requested
sanctions?: {
passed: boolean; // Whether all sanction checks passed
isStrict: boolean; // Whether the check ran in strict mode
countries?: Record<string, { passed: boolean }>;
lists?: Record<string, { passed: boolean }>;
};
}
QueryBuilderResult
interface QueryBuilderResult {
url: string; // URL to redirect users to the ZKPassport app
query: Query; // The original query object (pass to verify() as originalQuery)
requestId: string; // Unique identifier for this request
policy?: string; // The policy id, if .policy() was applied
onRequestReceived: (callback: () => void) => void; // Called when request is received
onGeneratingProof: (callback: () => void) => void; // Called when proof generation starts
onBridgeConnect: (callback: () => void) => void; // Called when bridge connects
onProofGenerated: (callback: (proof: ProofResult) => void) => void; // Called for each proof
onResult: (
callback: (response: {
// Called with final results
uniqueIdentifier: string | undefined;
uniqueIdentifierType: NullifierType | undefined;
verified: boolean;
result: QueryResult;
queryResultErrors?: QueryResultErrors;
proofs: ProofResult[];
sdkInstance: ZKPassport;
}) => void
) => void;
onReject: (callback: () => void) => void; // Called if user rejects
onError: (callback: (error: string) => void) => void; // Called if error occurs
isBridgeConnected: () => boolean; // Check if bridge is connected
requestReceived: () => boolean; // Check if request was received
}
Policy
type Policy = {
id: string; // e.g. "pol_xyz"
version: number; // Positive integer
name: string;
purpose: string; // Default purpose shown to the user
projectId: string | null;
query: Query; // The immutable query the policy applies
};
type DashboardConfig = {
project: {
name: string;
domain: string;
logoUrl: string | null;
allowedOrigins: string[];
};
policies: Policy[];
};
Policies are managed in the ZKPassport Dashboard and applied with .policy(id). See Dashboard & Policies.
IDCredentialValue
type IDCredentialValue<T> = T extends "nationality" | "issuing_country"
? CountryName | Alpha3Code
: T extends "birthdate" | "expiry_date"
? Date
: T extends "age"
? number
: string;
SolidityVerifierParameters
type SolidityProofVerificationData = {
vkeyHash: string;
proof: string;
publicInputs: string[];
};
type SolidityServiceConfig = {
validityPeriodInSeconds: number;
domain: string;
scope: string;
devMode: boolean;
};
type SolidityVerifierParameters = {
version: string;
proofVerificationData: SolidityProofVerificationData;
committedInputs: string;
serviceConfig: SolidityServiceConfig;
};
Additional Types
type CountryName = string; // Type for country names
type Alpha3Code = string; // Type for ISO 3166-1 alpha-3 country codes
type Alpha2Code = string; // Type for ISO 3166-1 alpha-2 country codes
type IDCredential = string; // Type for ID credential fields
// Values accepted by the `chain` argument of .bind() (this is the full type
// exported by the SDK). Note: on-chain verification is only available where the
// ZKPassportVerifier is deployed — see Onchain Verification for the current list.
type SupportedChain =
// Mainnets
| "ethereum" | "base" | "arbitrum" | "optimism" | "polygon"
| "celo" | "gnosis" | "scroll" | "linea" | "world_chain"
// Testnets
| "ethereum_sepolia" | "base_sepolia" | "arbitrum_sepolia" | "polygon_amoy"
| "celo_sepolia" | "gnosis_chiado" | "scroll_sepolia" | "linea_sepolia"
| "world_chain_sepolia" | "local";
// The kind of unique identifier (nullifier) tied to the result
enum NullifierType {
NON_SALTED = 0,
SALTED = 1,
NON_SALTED_MOCK = 2,
SALTED_MOCK = 3,
}
// Type for numerical fields that can be compared
type NumericalIDCredential = "age" | "birthdate" | "expiry_date";
// Type for fields that can be disclosed
type DisclosableIDCredential =
| "nationality"
| "birthdate"
| "fullname"
| "firstname"
| "lastname"
| "expiry_date"
| "document_number"
| "document_type"
| "issuing_country"
| "gender";
interface QueryResultErrors {
[
key:
| IDCredential
| "sig_check_dsc"
| "sig_check_id_data"
| "data_check_integrity"
| "disclose"
| "bind"
]: {
disclose?: QueryResultError<string | number | Date>;
gte?: QueryResultError<number | Date>;
lte?: QueryResultError<number | Date>;
lt?: QueryResultError<number | Date>;
range?: QueryResultError<[number | Date, number | Date]>;
in?: QueryResultError<string[]>;
out?: QueryResultError<string[]>;
eq?: QueryResultError<string | number | Date>;
commitment?: QueryResultError<string>;
date?: QueryResultError<string>;
certificate?: QueryResultError<string>;
};
}
interface QueryResultError<T> {
expected?: T;
received?: T;
message: string;
}
The QueryResultErrors type provides detailed error information when verification fails. It includes:
- Error details for each credential field
- Specific error messages for different types of verification checks
- Expected vs received values for debugging
- Error messages for signature checks and data integrity
Constants
The SDK exports several predefined country lists that can be used with the in and out methods:
Country Lists
/**
* List of European Union member countries
*/
EU_COUNTRIES: string[];
/**
* List of European Economic Area countries
*/
EEA_COUNTRIES: string[];
/**
* List of Schengen Area countries
*/
SCHENGEN_COUNTRIES: string[];
/**
* List of Association of Southeast Asian Nations (ASEAN) member countries
*/
ASEAN_COUNTRIES: string[];
/**
* List of Southern Common Market (Mercosur) member countries
*/
MERCOSUR_COUNTRIES: string[];
/**
* List of countries under international sanctions
*/
SANCTIONED_COUNTRIES: string[];
The expected format for countries are alpha-3 country codes. However, the SDK automatically handles conversion between country names and codes when using the in and out methods.
@zkpassport/ui (the QR card)
@zkpassport/ui is the drop-in verification card built on top of the SDK. It renders the QR code, manages the bridge/scan/generate lifecycle, and exposes the SDK callbacks. Install it alongside the SDK:
npm install @zkpassport/sdk @zkpassport/ui
React — ZKPassportQRCode
import { ZKPassportQRCode } from "@zkpassport/ui/react";
function ZKPassportQRCode(props: ZKPassportQRCodeOptions): ReactElement
In the Next.js App Router, the React entry is marked "use client", so import it from a client component.
Vanilla — mount
import { mount } from "@zkpassport/ui";
function mount(element: HTMLElement, options: ZKPassportQRCodeOptions): QRCardHandle
type QRCardHandle = {
update(next: ZKPassportQRCodeOptions): void; // swap options
retry(): void; // rebuild the request
unmount(): void; // tear it all down
};
Options
type ZKPassportQRCodeOptions = {
// Every request() option is accepted as a prop/option:
// name, logo, purpose, scope, mode, devMode, validity, uniqueIdentifierType, oprfKeyId
// (the internal projectID / bridge-plumbing options are excluded)
domain?: string; // Passed to new ZKPassport(...). Defaults to window.location.hostname
theme?: "light" | "dark" | "auto"; // Card theme
// Required: receives the SDK's QueryBuilder, applies gates, returns queryBuilder.done()
query: (queryBuilder: QueryBuilder) => QueryBuilderResult;
// UI callbacks
onReady?: () => void; // QR is scannable (fires once per request)
onRetryClicked?: () => void; // User clicked the retry button after an error
// SDK lifecycle callbacks (same signatures as the SDK)
onBridgeConnect?: () => void;
onRequestReceived?: () => void;
onGeneratingProof?: () => void;
onProofGenerated?: (proof: ProofResult) => void;
onResult?: (response: {
uniqueIdentifier: string | undefined;
uniqueIdentifierType: NullifierType | undefined;
verified: boolean;
result: QueryResult;
queryResultErrors?: QueryResultErrors;
proofs: ProofResult[];
sdkInstance: ZKPassport;
}) => void;
onReject?: () => void;
onError?: (message: string) => void;
};
Styles are auto-injected as a <style> tag wrapped in @layer zkpassport, so your app styles always win. For CSP-strict environments you can opt out of inline styles by importing the standalone bundle: import "@zkpassport/ui/styles.css".
To apply a dashboard policy through the card, return queryBuilder.policy("pol_xyz").done() from the query callback. See Dashboard & Policies.