@incodetech/prizma-core-screens 0.2.12 → 0.2.18

package/dist/DigitalIdDeviceWalletsDocumentSelectionScreen.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { type PrizmaListScreenProps } from './ListScreen';
+import type { PrizmaScreenActionHandler, PrizmaScreenOverrides } from './types';
+import type { DigitalIdDeviceWalletsOption, DigitalIdDeviceWalletsPlatformWallet, DigitalIdDeviceWalletsStrings } from './DigitalIdDeviceWalletsStrings';
+import './ScreenLayout.css';
+export interface DigitalIdDeviceWalletsDocumentSelectionScreenProps extends Omit<PrizmaListScreenProps, 'title' | 'subtitle' | 'children' | 'listAlign' | 'verifiedLabel' | 'navLabel'> {
+    /** Module copy — this screen reads the `documentSelection` slice. */
+    strings: DigitalIdDeviceWalletsStrings;
+    /** Which wallet row the list carries. Default `apple` (iOS); `google` on
+     *  Android; `digital-id` on web, where the row comes last with no tag. */
+    wallet?: DigitalIdDeviceWalletsPlatformWallet;
+    /** Fired with the chosen option; `onAction` still reports the tap. Named
+     *  `onOptionSelect`, not `onSelect` — the latter is a native <div> event the
+     *  shell already passes through. */
+    onOptionSelect?: (option: DigitalIdDeviceWalletsOption) => void;
+    screenId?: string;
+    overrides?: PrizmaScreenOverrides;
+    onAction?: PrizmaScreenActionHandler;
+}
+/**
+ * Digital ID Device Wallets — choose how to verify, with the device wallet
+ * first, built on the `PrizmaListScreen` archetype (GUIDELINES.md §6-G).
+ * Figma: `Digital IDs - Latest Design` (u7N5Zq4bfOwiVbpKHKmSPE), section
+ * `iOS Apple Wallet`, frame `1-1-1-how to verify` (26106:12647).
+ *
+ * The same screen as `IdCaptureDocumentSelectionScreen` with one more row: on
+ * iOS and Android the wallet on top, carrying Core's ⚡ Instant tag; on web a
+ * plain Digital ID row last (`[Web] Device Wallets`, 26106:13011). It is its own screen rather
+ * than a flag on ID Capture's so that ID Capture's chooser stays exactly what
+ * that module ships. Every piece is Core's — the row, the tag and the
+ * `apple-wallet` / `google-wallet` card icons (§10).
+ */
+export declare const DigitalIdDeviceWalletsDocumentSelectionScreen: React.ForwardRefExoticComponent<DigitalIdDeviceWalletsDocumentSelectionScreenProps & React.RefAttributes<HTMLDivElement>>;
+export default DigitalIdDeviceWalletsDocumentSelectionScreen;

package/dist/DigitalIdDeviceWalletsDocumentSelectionScreen.js

@@ -0,0 +1,47 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { PrizmaCardListVerificationOptions } from '@incodetech/prizma-core-web/card-list';
+import { PrizmaListScreen } from './ListScreen';
+import './ScreenLayout.css';
+/**
+ * Digital ID Device Wallets — choose how to verify, with the device wallet
+ * first, built on the `PrizmaListScreen` archetype (GUIDELINES.md §6-G).
+ * Figma: `Digital IDs - Latest Design` (u7N5Zq4bfOwiVbpKHKmSPE), section
+ * `iOS Apple Wallet`, frame `1-1-1-how to verify` (26106:12647).
+ *
+ * The same screen as `IdCaptureDocumentSelectionScreen` with one more row: on
+ * iOS and Android the wallet on top, carrying Core's ⚡ Instant tag; on web a
+ * plain Digital ID row last (`[Web] Device Wallets`, 26106:13011). It is its own screen rather
+ * than a flag on ID Capture's so that ID Capture's chooser stays exactly what
+ * that module ships. Every piece is Core's — the row, the tag and the
+ * `apple-wallet` / `google-wallet` card icons (§10).
+ */
+export const DigitalIdDeviceWalletsDocumentSelectionScreen = forwardRef(({ strings, wallet = 'apple', onOptionSelect, screenId = 'digital-id-device-wallets-document-selection', overrides, onAction, ...shell }, ref) => {
+    const choose = (option) => {
+        onOptionSelect?.(option);
+        onAction?.({ type: 'cta', screenId });
+    };
+    const copy = strings.documentSelection;
+    return (_jsx(PrizmaListScreen, { ref: ref, title: copy.title, subtitle: copy.subtitle, listAlign: "end", verifiedLabel: strings.verifiedLabel, navLabel: strings.navLabel, screenId: screenId, overrides: overrides, onAction: onAction, ...shell, children: _jsx(PrizmaCardListVerificationOptions, { items: wallet === 'digital-id'
+                ? [
+                    // Web: the documents first, the plain Digital ID row last.
+                    { icon: 'id', title: copy.idLabel, onClick: () => choose('id') },
+                    { icon: 'passport', title: copy.passportLabel, onClick: () => choose('passport') },
+                    { icon: 'digital-id', title: copy.digitalIdLabel, onClick: () => choose('wallet') },
+                ]
+                : [
+                    {
+                        icon: wallet === 'apple' ? 'apple-wallet' : 'google-wallet',
+                        title: wallet === 'apple' ? copy.appleWalletLabel : copy.googleWalletLabel,
+                        hasTag: true,
+                        tagLabel: copy.instantLabel,
+                        onClick: () => choose('wallet'),
+                    },
+                    { icon: 'id', title: copy.idLabel, onClick: () => choose('id') },
+                    { icon: 'passport', title: copy.passportLabel, onClick: () => choose('passport') },
+                ] }) }));
+});
+DigitalIdDeviceWalletsDocumentSelectionScreen.displayName =
+    'DigitalIdDeviceWalletsDocumentSelectionScreen';
+export default DigitalIdDeviceWalletsDocumentSelectionScreen;

package/dist/DigitalIdDeviceWalletsResultScreen.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { type PrizmaResultScreenProps } from './ResultScreen';
+import type { PrizmaScreenActionHandler, PrizmaScreenOverrides } from './types';
+import type { DigitalIdDeviceWalletsResultState, DigitalIdDeviceWalletsStrings } from './DigitalIdDeviceWalletsStrings';
+import './ScreenLayout.css';
+export interface DigitalIdDeviceWalletsResultScreenProps extends Omit<PrizmaResultScreenProps, 'status' | 'title' | 'subtitle' | 'ctaLabel' | 'secondaryCtaLabel' | 'verifiedLabel' | 'navLabel'> {
+    /** Module copy — this screen reads the `success` or `error` slice. */
+    strings: DigitalIdDeviceWalletsStrings;
+    /** Which verdict the wallet hand-back landed on. */
+    state: DigitalIdDeviceWalletsResultState;
+    screenId?: string;
+    overrides?: PrizmaScreenOverrides;
+    onAction?: PrizmaScreenActionHandler;
+}
+/**
+ * Digital ID Device Wallets — the verdict after the wallet hands the ID back,
+ * built on the `PrizmaResultScreen` archetype (GUIDELINES.md §6-F).
+ *
+ * `error` is `Digital ID Generic Error` (26540:5685): status icon, title and
+ * subtitle centred in the full height, one CTA near the bottom, no logo nav and
+ * no verified tag. `success` has no frame — the section's `Success?` decision
+ * goes straight to the next module — so it is the same recipe with the
+ * positive mark and no button: it moves on by itself after 3 s, the way Face
+ * Capture's success does (DEVIATIONS.md #DIW-1). On web the error can carry a
+ * second button, "Choose another method", back to the chooser (#DIW-5).
+ */
+export declare const DigitalIdDeviceWalletsResultScreen: React.ForwardRefExoticComponent<DigitalIdDeviceWalletsResultScreenProps & React.RefAttributes<HTMLDivElement>>;
+export default DigitalIdDeviceWalletsResultScreen;

package/dist/DigitalIdDeviceWalletsResultScreen.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { PrizmaResultScreen } from './ResultScreen';
+import './ScreenLayout.css';
+/**
+ * Digital ID Device Wallets — the verdict after the wallet hands the ID back,
+ * built on the `PrizmaResultScreen` archetype (GUIDELINES.md §6-F).
+ *
+ * `error` is `Digital ID Generic Error` (26540:5685): status icon, title and
+ * subtitle centred in the full height, one CTA near the bottom, no logo nav and
+ * no verified tag. `success` has no frame — the section's `Success?` decision
+ * goes straight to the next module — so it is the same recipe with the
+ * positive mark and no button: it moves on by itself after 3 s, the way Face
+ * Capture's success does (DEVIATIONS.md #DIW-1). On web the error can carry a
+ * second button, "Choose another method", back to the chooser (#DIW-5).
+ */
+export const DigitalIdDeviceWalletsResultScreen = forwardRef(({ strings, state, screenId = `digital-id-device-wallets-${state}`, showHeader = false, showFooter = false, overrides, onAction, ...shell }, ref) => {
+    const copy = state === 'success' ? strings.success : strings.error;
+    return (_jsx(PrizmaResultScreen, { ref: ref, status: state, title: copy.title, subtitle: copy.subtitle, ctaLabel: copy.ctaLabel, secondaryCtaLabel: state === 'error' ? strings.error.secondaryCtaLabel : undefined, verifiedLabel: strings.verifiedLabel, navLabel: strings.navLabel, showHeader: showHeader, showFooter: showFooter, screenId: screenId, overrides: overrides, onAction: onAction, ...shell }));
+});
+DigitalIdDeviceWalletsResultScreen.displayName = 'DigitalIdDeviceWalletsResultScreen';
+export default DigitalIdDeviceWalletsResultScreen;

package/dist/DigitalIdDeviceWalletsStrings.d.ts

@@ -0,0 +1,55 @@
+/** Which wallet row the chooser offers. iOS shows Apple Wallet and Android
+ *  Google Wallet, first and tagged Instant; web shows a plain Digital ID row
+ *  last (`[Web] Device Wallets`, 26106:13011), which opens the browser's
+ *  wallet sheet. */
+export type DigitalIdDeviceWalletsPlatformWallet = 'apple' | 'google' | 'digital-id';
+/** The two verdicts the wallet hand-back can land on. */
+export type DigitalIdDeviceWalletsResultState = 'success' | 'error';
+/** What the person picked on the chooser. `wallet` stays in this module; `id`
+ *  and `passport` hand off to ID Capture. */
+export type DigitalIdDeviceWalletsOption = 'wallet' | 'id' | 'passport';
+export interface DigitalIdDeviceWalletsStrings {
+    /** Accessible name for the logo nav region (i18n — no baked-in English). */
+    navLabel?: string;
+    /** "verified by" attribution copy for the footer tag. */
+    verifiedLabel: string;
+    /** `1-1-1-how to verify` (node 26106:12647). */
+    documentSelection: {
+        /** "Select how to verify" */
+        title: string;
+        subtitle?: string;
+        /** "Apple Wallet" */
+        appleWalletLabel: string;
+        /** "Google Wallet" — the Android row. */
+        googleWalletLabel: string;
+        /** "Digital ID" — the web row. */
+        digitalIdLabel: string;
+        /** "Instant" — the tag under the wallet row. */
+        instantLabel: string;
+        /** "Identity Card" */
+        idLabel: string;
+        /** "Passport" */
+        passportLabel: string;
+    };
+    /** `Successfully verified` (node 26598:16374) — no button (DEVIATIONS.md #DIW-1). */
+    success: {
+        /** "Identity successfully verified" — the NFC / OCR Review success title. */
+        title: string;
+        subtitle?: string;
+        /** No button by default: like Face Capture's success, the flow moves on by
+         *  itself after 3 s. Set it only for a host that waits for a tap. */
+        ctaLabel?: string;
+    };
+    /** `Digital ID Generic Error` (node 26540:5685). */
+    error: {
+        /** "Couldn't verify your ID" */
+        title: string;
+        /** "Please try again" */
+        subtitle?: string;
+        /** "Try again" */
+        ctaLabel: string;
+        /** "Choose another method" — web only: back to the chooser, the SDK's
+         *  `deviceWalletUseAnotherMethod()`. Absent, the screen has one button. */
+        secondaryCtaLabel?: string;
+    };
+}

package/dist/DigitalIdDeviceWalletsStrings.js

@@ -0,0 +1,19 @@
+// Digital ID Device Wallets module — copy contract.
+//
+// Every Digital ID Device Wallets screen receives the SAME `strings:
+// DigitalIdDeviceWalletsStrings` object (rule: all copy via props, no hardcoded
+// English — GUIDELINES.md §9).
+//
+// Authoritative screens: the `iOS Apple Wallet` section of the Digital IDs -
+// Latest Design Figma file (u7N5Zq4bfOwiVbpKHKmSPE, node 26103:3689) —
+// `1-1-1-how to verify` (26106:12647, the chooser with the Apple Wallet row)
+// and `Digital ID Generic Error` (26540:5685). Two frames of the section are
+// NOT part of this contract: `Apple Wallet System Modal` (26597:14667) is the
+// OS's own sheet — OS chrome, DEVIATIONS.md #DC-20 precedent, mocked on the
+// Core Lab canvas instead — and `1-2-1-id` / `2-2-1-id` are ID Capture's own
+// tutorials, which the Identity Card and Passport rows hand off to.
+//
+// The success state has no frame: the section's `Success?` decision goes
+// straight to `Next module/screen`. It is built as the error's mirror on the
+// same archetype and recorded as added, not traced (DEVIATIONS.md #DIW-1).
+export {};

package/dist/DigitalIdProvidersDocumentSelectionScreen.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { type PrizmaListScreenProps } from './ListScreen';
+import type { PrizmaScreenActionHandler, PrizmaScreenOverrides } from './types';
+import type { DigitalIdProvidersSelection, DigitalIdProvidersStrings } from './DigitalIdProvidersStrings';
+import './ScreenLayout.css';
+import './DigitalIdProvidersLayout.css';
+export interface DigitalIdProvidersDocumentSelectionScreenProps extends Omit<PrizmaListScreenProps, 'title' | 'subtitle' | 'children' | 'listAlign' | 'verifiedLabel' | 'navLabel'> {
+    /** Module copy — this screen reads the `documentSelection` slice. */
+    strings: DigitalIdProvidersStrings;
+    /** How many providers to list; all of them when absent. The frame's first
+     *  state (27753:8099) shows six, the full list (27703:4895) scrolls. */
+    providerCount?: number;
+    /** Fired with what was picked; `onAction` still reports the tap. */
+    onOptionSelect?: (selection: DigitalIdProvidersSelection) => void;
+    screenId?: string;
+    overrides?: PrizmaScreenOverrides;
+    onAction?: PrizmaScreenActionHandler;
+}
+/**
+ * Digital ID Providers — choose how to verify: your own ID, or a Digital ID
+ * provider, on the `PrizmaListScreen` archetype (GUIDELINES.md §6-G).
+ * Figma: `Document Chooser` (27753:8099) and the full list (27703:4895).
+ *
+ * Two of Core's card lists, each under a section label, after a "Viewing
+ * options for" country line with Core's flag. Every row is Core's; a
+ * provider leads with its logo from the backend catalog, or Core's generic
+ * `digital-id-web` card icon when it has none (DEVIATIONS #DIP-1), and the Identity Card
+ * row has no second line, which Core's row cannot draw (#DIP-3).
+ */
+export declare const DigitalIdProvidersDocumentSelectionScreen: React.ForwardRefExoticComponent<DigitalIdProvidersDocumentSelectionScreenProps & React.RefAttributes<HTMLDivElement>>;
+export default DigitalIdProvidersDocumentSelectionScreen;

package/dist/DigitalIdProvidersDocumentSelectionScreen.js

@@ -0,0 +1,38 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { PrizmaCardListVerificationOptions } from '@incodetech/prizma-core-web/card-list';
+import { PrizmaCountryFlag } from '@incodetech/prizma-core-web/combined';
+import { PrizmaListScreen } from './ListScreen';
+import './ScreenLayout.css';
+import './DigitalIdProvidersLayout.css';
+/**
+ * Digital ID Providers — choose how to verify: your own ID, or a Digital ID
+ * provider, on the `PrizmaListScreen` archetype (GUIDELINES.md §6-G).
+ * Figma: `Document Chooser` (27753:8099) and the full list (27703:4895).
+ *
+ * Two of Core's card lists, each under a section label, after a "Viewing
+ * options for" country line with Core's flag. Every row is Core's; a
+ * provider leads with its logo from the backend catalog, or Core's generic
+ * `digital-id-web` card icon when it has none (DEVIATIONS #DIP-1), and the Identity Card
+ * row has no second line, which Core's row cannot draw (#DIP-3).
+ */
+export const DigitalIdProvidersDocumentSelectionScreen = forwardRef(({ strings, providerCount, onOptionSelect, screenId = 'digital-id-providers-document-selection', overrides, onAction, ...shell }, ref) => {
+    const copy = strings.documentSelection;
+    const providers = providerCount === undefined ? copy.providers : copy.providers.slice(0, providerCount);
+    const choose = (selection) => {
+        onOptionSelect?.(selection);
+        onAction?.({ type: 'cta', screenId });
+    };
+    return (_jsx(PrizmaListScreen, { ref: ref, title: copy.title, listAlign: "start", scrollList: true, verifiedLabel: strings.verifiedLabel, navLabel: strings.navLabel, screenId: screenId, overrides: overrides, onAction: onAction, ...shell, children: _jsxs("div", { className: "digital-id-providers-chooser", children: [_jsxs("p", { className: "digital-id-providers-country", children: [copy.countryLabel, _jsx(PrizmaCountryFlag, { country: { code: copy.countryCode, name: copy.countryName, dialCode: '', flag: '' } }), _jsx("span", { className: "digital-id-providers-country__name", children: copy.countryName })] }), _jsxs("section", { className: "digital-id-providers-section", children: [_jsx("p", { className: "digital-id-providers-section__label", children: copy.idSectionLabel }), _jsx(PrizmaCardListVerificationOptions, { items: [
+                                { icon: 'id', title: copy.idLabel, onClick: () => choose({ kind: 'id' }) },
+                                { icon: 'passport', title: copy.passportLabel, onClick: () => choose({ kind: 'passport' }) },
+                            ] })] }), _jsxs("section", { className: "digital-id-providers-section", children: [_jsx("p", { className: "digital-id-providers-section__label", children: copy.providersSectionLabel }), _jsx(PrizmaCardListVerificationOptions, { items: providers.map(provider => ({
+                                icon: 'digital-id-web',
+                                logo: provider.logo,
+                                title: provider.label,
+                                onClick: () => choose({ kind: 'provider', providerId: provider.id }),
+                            })) })] })] }) }));
+});
+DigitalIdProvidersDocumentSelectionScreen.displayName = 'DigitalIdProvidersDocumentSelectionScreen';
+export default DigitalIdProvidersDocumentSelectionScreen;

package/dist/DigitalIdProvidersErrorScreen.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { type PrizmaResultScreenProps } from './ResultScreen';
+import type { PrizmaScreenActionHandler, PrizmaScreenOverrides } from './types';
+import type { DigitalIdProvidersErrorState, DigitalIdProvidersStrings } from './DigitalIdProvidersStrings';
+import './ScreenLayout.css';
+export interface DigitalIdProvidersErrorScreenProps extends Omit<PrizmaResultScreenProps, 'status' | 'title' | 'subtitle' | 'children' | 'ctaLabel' | 'secondaryCtaLabel' | 'verifiedLabel' | 'navLabel'> {
+    /** Module copy — this screen reads the `errors` slice for its `state`, and
+     *  `acceptedDocuments` on the two document states. */
+    strings: DigitalIdProvidersStrings;
+    state: DigitalIdProvidersErrorState;
+    screenId?: string;
+    overrides?: PrizmaScreenOverrides;
+    onAction?: PrizmaScreenActionHandler;
+}
+/**
+ * Digital ID Providers — the five failures of a provider run, on the
+ * `PrizmaResultScreen` archetype (GUIDELINES.md §6-F). Figma: `Errors`
+ * (27707:9338).
+ *
+ *   unavailable     the provider could not be reached — Scan ID instead
+ *   consent-denied  the person did not grant sharing at the provider
+ *   timed-out       the provider session did not finish in time
+ *   not-accepted    the ID behind the provider is not one the flow accepts
+ *   expired         the ID behind the provider has expired
+ *
+ * Every state has two buttons, the second "Choose another method" (#DIP-4).
+ * The two document states carry Core's `PrizmaCardDocumentList` in the
+ * archetype's `children` slot, the same recipe ID Capture's document error
+ * uses. The first three keep the footer tag as drawn; the two document states
+ * drop it, as drawn.
+ */
+export declare const DigitalIdProvidersErrorScreen: React.ForwardRefExoticComponent<DigitalIdProvidersErrorScreenProps & React.RefAttributes<HTMLDivElement>>;
+export default DigitalIdProvidersErrorScreen;

package/dist/DigitalIdProvidersErrorScreen.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { PrizmaCardDocumentList } from '@incodetech/prizma-core-web/card';
+import { PrizmaResultScreen } from './ResultScreen';
+import './ScreenLayout.css';
+/** The two states that list the documents accepted instead. */
+const LISTS_DOCUMENTS = new Set(['not-accepted', 'expired']);
+/**
+ * Digital ID Providers — the five failures of a provider run, on the
+ * `PrizmaResultScreen` archetype (GUIDELINES.md §6-F). Figma: `Errors`
+ * (27707:9338).
+ *
+ *   unavailable     the provider could not be reached — Scan ID instead
+ *   consent-denied  the person did not grant sharing at the provider
+ *   timed-out       the provider session did not finish in time
+ *   not-accepted    the ID behind the provider is not one the flow accepts
+ *   expired         the ID behind the provider has expired
+ *
+ * Every state has two buttons, the second "Choose another method" (#DIP-4).
+ * The two document states carry Core's `PrizmaCardDocumentList` in the
+ * archetype's `children` slot, the same recipe ID Capture's document error
+ * uses. The first three keep the footer tag as drawn; the two document states
+ * drop it, as drawn.
+ */
+export const DigitalIdProvidersErrorScreen = forwardRef(({ strings, state, screenId = `digital-id-providers-error-${state}`, showHeader = false, showFooter, overrides, onAction, ...shell }, ref) => {
+    const copy = strings.errors[state];
+    const listsDocuments = LISTS_DOCUMENTS.has(state);
+    const docs = strings.acceptedDocuments;
+    return (_jsx(PrizmaResultScreen, { ref: ref, status: "error", title: copy.title, subtitle: copy.subtitle, ctaLabel: copy.ctaLabel, secondaryCtaLabel: copy.secondaryCtaLabel, verifiedLabel: strings.verifiedLabel, navLabel: strings.navLabel, showHeader: showHeader, showFooter: showFooter ?? !listsDocuments, screenId: screenId, overrides: overrides, onAction: onAction, ...shell, children: listsDocuments ? (_jsx(PrizmaCardDocumentList, { state: "default", countryCode: docs.countryCode, flag: docs.flag, country: docs.country, documents: docs.documents })) : null }));
+});
+DigitalIdProvidersErrorScreen.displayName = 'DigitalIdProvidersErrorScreen';
+export default DigitalIdProvidersErrorScreen;

package/dist/DigitalIdProvidersLayout.css

@@ -0,0 +1,47 @@
+/* Digital ID Providers — the chooser's country line and section labels.
+ *
+ * Archetype G has one list slot and no section-label recipe; the provider
+ * chooser (27753:8099) groups two Core card lists under labels ("Use your ID",
+ * "Digital ID verification") with a "Viewing options for 🇺🇸 US" line under the
+ * title. Composed here from tokens only, like Reusability's rows (#RU-1);
+ * DEVIATIONS #DIP-2 asks for a foundation recipe. */
+
+.digital-id-providers-chooser {
+  display: flex;
+  flex-direction: column;
+  gap: var(--prizma-spacing-24);
+}
+
+.digital-id-providers-country {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--prizma-spacing-8);
+  color: var(--prizma-text-body-500-secondary);
+  font-family: var(--prizma-body-family);
+  font-size: var(--prizma-body-m-regular-font-size);
+  font-weight: var(--prizma-body-m-regular-font-weight);
+  line-height: var(--prizma-body-m-regular-line-height);
+  letter-spacing: var(--prizma-body-m-regular-letter-spacing);
+}
+
+.digital-id-providers-country__name {
+  color: var(--prizma-text-body-800-primary);
+  text-decoration: underline;
+}
+
+.digital-id-providers-section {
+  display: flex;
+  flex-direction: column;
+  gap: var(--prizma-spacing-8);
+}
+
+.digital-id-providers-section__label {
+  margin: 0;
+  color: var(--prizma-text-body-500-secondary);
+  font-family: var(--prizma-body-family);
+  font-size: var(--prizma-body-m-regular-font-size);
+  font-weight: var(--prizma-body-m-regular-font-weight);
+  line-height: var(--prizma-body-m-regular-line-height);
+  letter-spacing: var(--prizma-body-m-regular-letter-spacing);
+}

package/dist/DigitalIdProvidersRedirectScreen.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { type PrizmaProcessingScreenProps } from './ProcessingScreen';
+import type { PrizmaScreenActionHandler, PrizmaScreenOverrides } from './types';
+import type { DigitalIdProvidersStrings } from './DigitalIdProvidersStrings';
+import './ScreenLayout.css';
+export interface DigitalIdProvidersRedirectScreenProps extends Omit<PrizmaProcessingScreenProps, 'status' | 'title' | 'subtitle' | 'verifiedLabel' | 'navLabel'> {
+    /** Module copy — this screen reads the `redirecting` slice. */
+    strings: DigitalIdProvidersStrings;
+    screenId?: string;
+    overrides?: PrizmaScreenOverrides;
+    onAction?: PrizmaScreenActionHandler;
+}
+/**
+ * Digital ID Providers — "Redirecting for verification…", the wait before the
+ * browser leaves for the provider's site, on the `PrizmaProcessingScreen`
+ * archetype (GUIDELINES.md §6-C). Figma: the `1-18-1-id-hold-on` instance in
+ * the web full flow (27707:9281), with the module's own copy. The Web SDK's
+ * `digitalIdRedirect` phases `loading` and `redirecting` both look like this.
+ * Built like Core's other processing screens: the archetype as-is, with the
+ * logo nav and the footer tag (DEVIATIONS #DIP-9).
+ */
+export declare const DigitalIdProvidersRedirectScreen: React.ForwardRefExoticComponent<DigitalIdProvidersRedirectScreenProps & React.RefAttributes<HTMLDivElement>>;
+export default DigitalIdProvidersRedirectScreen;

package/dist/DigitalIdProvidersRedirectScreen.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { PrizmaProcessingScreen } from './ProcessingScreen';
+import './ScreenLayout.css';
+/**
+ * Digital ID Providers — "Redirecting for verification…", the wait before the
+ * browser leaves for the provider's site, on the `PrizmaProcessingScreen`
+ * archetype (GUIDELINES.md §6-C). Figma: the `1-18-1-id-hold-on` instance in
+ * the web full flow (27707:9281), with the module's own copy. The Web SDK's
+ * `digitalIdRedirect` phases `loading` and `redirecting` both look like this.
+ * Built like Core's other processing screens: the archetype as-is, with the
+ * logo nav and the footer tag (DEVIATIONS #DIP-9).
+ */
+export const DigitalIdProvidersRedirectScreen = forwardRef(({ strings, screenId = 'digital-id-providers-redirecting', overrides, onAction, ...shell }, ref) => (_jsx(PrizmaProcessingScreen, { ref: ref, status: "loading", title: strings.redirecting.title, subtitle: strings.redirecting.subtitle, verifiedLabel: strings.verifiedLabel, navLabel: strings.navLabel, screenId: screenId, overrides: overrides, onAction: onAction, ...shell })));
+DigitalIdProvidersRedirectScreen.displayName = 'DigitalIdProvidersRedirectScreen';
+export default DigitalIdProvidersRedirectScreen;

package/dist/DigitalIdProvidersStrings.d.ts

@@ -0,0 +1,76 @@
+/** The five ways a provider run can fail (`27707:9338`). */
+export type DigitalIdProvidersErrorState = 'unavailable' | 'consent-denied' | 'timed-out' | 'not-accepted' | 'expired';
+/** One provider row on the chooser. `id` is what `onOptionSelect` reports. */
+export interface DigitalIdProvidersOption {
+    id: string;
+    /** "iDIN", "itsme", "CA DMV Wallet"… */
+    label: string;
+    /** The provider's logo tile (an image URL), from the backend catalog.
+     *  Absent → Core's generic `digital-id-web` card icon. Samples ship under
+     *  `samples/digital-id-providers/`. */
+    logo?: string;
+}
+/** What the person picked: a physical document, or a provider by its id. */
+export type DigitalIdProvidersSelection = {
+    kind: 'id';
+} | {
+    kind: 'passport';
+} | {
+    kind: 'provider';
+    providerId: string;
+};
+export interface DigitalIdProvidersStrings {
+    /** Accessible name for the logo nav region (i18n — no baked-in English). */
+    navLabel?: string;
+    /** "verified by" attribution copy for the footer tag. */
+    verifiedLabel: string;
+    /** `Document Chooser` (27753:8099). */
+    documentSelection: {
+        /** "Select how to verify" — the module's one chooser title (owner call,
+         *  2026-10-28; the frame says "Verify your identity"). */
+        title: string;
+        /** "Viewing options for" — before the country. */
+        countryLabel: string;
+        /** ISO code of the country the options are for, e.g. "US" (the flag). */
+        countryCode: string;
+        /** The country as shown, e.g. "US". */
+        countryName: string;
+        /** "Use your ID" */
+        idSectionLabel: string;
+        /** "Identity Card" */
+        idLabel: string;
+        /** "Passport" */
+        passportLabel: string;
+        /** "Digital ID verification" */
+        providersSectionLabel: string;
+        /** The providers the flow offers, in order. */
+        providers: DigitalIdProvidersOption[];
+    };
+    /** `Redirecting` (1-18-1-id-hold-on, 27707:9281). */
+    redirecting: {
+        /** "Redirecting for verification…" */
+        title: string;
+        /** "You'll be redirected to complete verification" */
+        subtitle?: string;
+    };
+    /** `Errors` (27707:9338), one slice per state. */
+    errors: Record<DigitalIdProvidersErrorState, {
+        title: string;
+        subtitle?: string;
+        /** "Try again", or "Scan ID" when the provider is unavailable. */
+        ctaLabel: string;
+        /** "Choose another method" — one wording on every error (owner call,
+         *  2026-10-28; the frame says "Change verification method" on two). */
+        secondaryCtaLabel: string;
+    }>;
+    /** The accepted-documents card on `not-accepted` and `expired`. */
+    acceptedDocuments: {
+        /** ISO code for the flag, e.g. "IN". */
+        countryCode: string;
+        /** "India" */
+        country: string;
+        /** Emoji fallback when the flag is outside Core's raster bank. */
+        flag?: string;
+        documents: string[];
+    };
+}

package/dist/DigitalIdProvidersStrings.js

@@ -0,0 +1,15 @@
+// Digital ID Providers — copy contract.
+//
+// Every Digital ID Providers screen receives the SAME `strings:
+// DigitalIdProvidersStrings` object (rule: all copy via props, no hardcoded
+// English — GUIDELINES.md §9).
+//
+// Authoritative screens: `Digital ID Providers - Latest Designs` Figma file
+// (q0wiyQkLXxGQ2jkPEutxR8) — the chooser `Document Chooser` (27753:8099) and its
+// full provider list (27703:4895), and the section `🪪 Digital ID Verification
+// Flow - 🌐 Web - Full flow` (27707:9237): Redirecting, the provider's own pages
+// (OS chrome, not built), success and five errors. Web only: the providers
+// redirect out of the browser to the provider's site and back (Web SDK,
+// `digitalIdRedirect`). These screens sit in the Digital IDs module beside the
+// device wallets (`DigitalIdDeviceWallets*`), and share its success screen.
+export {};