@smileid/usesmileid 12.0.0-beta01

package/dist/presentation/screen/use_smile_id_consent_screen.js

@@ -0,0 +1,175 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { ScrollView, StyleSheet, Text, useColorScheme, View, } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { useUseSmileIDTheme } from "../theme/theme_context";
+import { UseSmileIDAttribution } from "../components/use_smile_id_attribution";
+import { UseSmileIDButton } from "../components/use_smile_id_button";
+import { UseSmileIDConsentRow } from "../components/use_smile_id_consent_row";
+import { UseSmileIDExpandableIcon } from "../components/use_smile_id_expandable_icon";
+import { SiConsentBiometric, SiConsentContact, SiConsentDevice, SiConsentPersonal, SiPlus, SiSmileConsentIcon, } from "../components/icons";
+import { UseSmileIDLearnMoreContent } from "../components/use_smile_id_learn_more_content";
+import { UseSmileIDPartnerIcon } from "../components/use_smile_id_partner_icon";
+import { UseSmileIDRoundedCheckbox } from "../components/use_smile_id_rounded_checkbox";
+import { useUseSmileIDLocalizations } from "../../l10n/use_smile_id_localizations_provider";
+import { getDefaultConsentState, getDeviceLocale } from "../utils/locale_utils";
+import { buildConsentRows, composeConsentSubtitleParts, } from "./helpers/consent_screen_helpers";
+const CHECKBOX_HIT_BOX = 28;
+const ICON_ROW_PLUS_SIZE = 24;
+const ICON_ROW_SMILE_SIZE = 30;
+const CONSENT_ROW_ICON_SIZE = 28;
+function consentRowIconFor(key, tone) {
+    switch (key) {
+        case "contact":
+            return _jsx(SiConsentContact, { tone: tone, size: CONSENT_ROW_ICON_SIZE });
+        case "personal":
+            return _jsx(SiConsentPersonal, { tone: tone, size: CONSENT_ROW_ICON_SIZE });
+        case "biometric":
+            return _jsx(SiConsentBiometric, { tone: tone, size: CONSENT_ROW_ICON_SIZE });
+        case "device":
+            return _jsx(SiConsentDevice, { tone: tone, size: CONSENT_ROW_ICON_SIZE });
+    }
+}
+/**
+ * Consent screen — collects user consent before biometric capture.
+ *
+ *   - Top: partner icon + plus glyph + Smile ID brand mark, centered
+ *   - Title (`cardTitle`, `titleText`) tokenised with the partner name
+ *   - Subtitle (`cardSubTitle`, `cardText`) with bold spans for
+ *     `{allow}`, `{smile_id}`, and `{partner}` tokens
+ *   - "This may include processing:" label
+ *   - Four consent rows (Contact / Personal / Biometric / Device)
+ *   - Rounded checkbox + "I consent…" gate (Allow disabled when
+ *     unchecked); the checkbox initial state is locale-aware via
+ *     `getDefaultConsentState()` — unticked in EU member-state locales
+ *     for GDPR opt-in compliance, ticked elsewhere
+ *   - "Learn more" toggle that animates a privacy + DSAR explainer
+ *   - Allow + Deny buttons (slot-overridable) plus an optional
+ *     attribution line — pinned to the bottom on short content,
+ *     scrolling with it when "Learn more" expands
+ *
+ * Every padding, gap, and inter-section space resolves through
+ * `theme.spacing.*` so partners reskinning via the theme builder see
+ * the layout reflow without code edits.
+ */
+export function UseSmileIDConsentScreen(props) {
+    const themeFromContext = useUseSmileIDTheme();
+    const theme = props.theme ?? themeFromContext;
+    const loc = useUseSmileIDLocalizations();
+    const showAttribution = props.showAttribution ?? true;
+    // Locale-aware default: ticked outside the EU (`true`), unticked
+    // inside (`false`) to honour GDPR opt-in. `getDefaultConsentState()`
+    // reads the resolved BCP-47 locale and checks the country segment
+    // against the EU member-state set.
+    const [consented, setConsented] = useState(() => getDefaultConsentState());
+    const [learnMoreOpen, setLearnMoreOpen] = useState(false);
+    const subtitleParts = composeConsentSubtitleParts(props.partnerName, loc);
+    const rows = buildConsentRows(loc);
+    const systemScheme = useColorScheme();
+    const iconTone = systemScheme === "dark" ? "dark" : "light";
+    const handleAllow = () => {
+        if (!consented)
+            return;
+        const info = {
+            granted: true,
+            // Millisecond-precision ISO-8601 UTC, e.g. "2026-06-04T17:36:36.000Z"
+            grantedAt: new Date().toISOString(),
+            // Uppercase language subtag of the device locale, falling back to "EN"
+            noticeLanguage: (getDeviceLocale().split("-")[0] || "en").toUpperCase(),
+            noticePrivacyPolicyUrl: props.partnerPrivacyPolicyUrl ?? "",
+        };
+        props.onAllow?.(info);
+    };
+    const handleDeny = () => {
+        props.onDeny?.();
+    };
+    return (_jsx(SafeAreaView, { style: [
+            styles.root,
+            {
+                backgroundColor: theme.colors.background,
+                padding: theme.spacing.medium,
+            },
+        ], testID: "si_consent_screen", children: _jsxs(ScrollView, { style: styles.scroll, contentContainerStyle: styles.scrollContent, showsVerticalScrollIndicator: false, children: [_jsxs(View, { style: { rowGap: theme.spacing.medium }, children: [_jsxs(View, { style: styles.iconRow, children: [_jsx(UseSmileIDPartnerIcon, { partnerName: props.partnerName, theme: theme, ...(props.partnerIcon !== undefined
+                                        ? { icon: props.partnerIcon }
+                                        : {}) }), _jsx(View, { style: { paddingHorizontal: theme.spacing.extraSmall }, children: _jsx(SiPlus, { size: ICON_ROW_PLUS_SIZE }) }), _jsx(UseSmileIDPartnerIcon, { partnerName: props.partnerName, theme: theme, icon: _jsx(SiSmileConsentIcon, { size: ICON_ROW_SMILE_SIZE }) })] }), _jsx(Text, { accessibilityRole: "header", style: {
+                                ...theme.typography.sectionHeading,
+                                color: theme.colors.titleText,
+                                textAlign: "center",
+                            }, testID: "si_consent_title", children: loc.siConsentTitle(props.partnerName) }), _jsx(Text, { style: {
+                                ...theme.typography.cardSubTitle,
+                                color: theme.colors.cardText,
+                                textAlign: "justify",
+                            }, testID: "si_consent_subtitle", children: subtitleParts.map((part, index) => part.bold ? (_jsx(Text, { style: {
+                                    ...theme.typography.cardSubTitle,
+                                    color: theme.colors.cardText,
+                                    fontWeight: "700",
+                                }, children: part.text }, index)) : (part.text)) }), _jsx(Text, { style: {
+                                ...theme.typography.cardSubTitle,
+                                color: theme.colors.cardText,
+                                textAlign: "justify",
+                            }, children: loc.siConsentProcessing }), _jsx(View, { children: rows.map((row) => (_jsx(UseSmileIDConsentRow, { label: row.label, icon: consentRowIconFor(row.key, iconTone), theme: theme, testID: `si_consent_row_${row.key}` }, row.key))) }), _jsxs(View, { style: styles.gateRow, children: [_jsx(View, { style: [
+                                        styles.checkboxHitbox,
+                                        {
+                                            width: CHECKBOX_HIT_BOX,
+                                            height: CHECKBOX_HIT_BOX,
+                                        },
+                                    ], children: _jsx(UseSmileIDRoundedCheckbox, { checked: consented, onChange: setConsented, theme: theme, testID: "si_consent_checkbox" }) }), _jsx(View, { style: { width: theme.spacing.extraSmall } }), _jsx(Text, { style: {
+                                        ...theme.typography.cardSubTitle,
+                                        color: theme.colors.titleText,
+                                        flex: 1,
+                                        // RTL: `auto` lets the text engine pick alignment from
+                                        // the first strong-direction character in the localized
+                                        // string — English left-aligned, Arabic / Hebrew /
+                                        // Persian / Urdu right-aligned. Hardcoding `"left"`
+                                        // would pin the text to the visual left even in RTL
+                                        // locales, so the consent line would appear on the
+                                        // wrong edge of the gate row.
+                                        textAlign: "auto",
+                                    }, children: loc.siConsentConsent })] }), _jsxs(View, { style: styles.learnMoreRow, children: [_jsx(View, { style: [
+                                        styles.checkboxHitbox,
+                                        {
+                                            width: CHECKBOX_HIT_BOX,
+                                            height: CHECKBOX_HIT_BOX,
+                                        },
+                                    ], children: _jsx(UseSmileIDExpandableIcon, { expanded: learnMoreOpen, onChange: setLearnMoreOpen, theme: theme, testID: "si_consent_learn_more_toggle" }) }), _jsx(View, { style: { width: theme.spacing.extraSmall } }), _jsx(Text, { style: {
+                                        ...theme.typography.cardTitle,
+                                        color: theme.colors.titleText,
+                                        flex: 1,
+                                    }, children: loc.siConsentLearnMore })] }), learnMoreOpen ? (_jsx(UseSmileIDLearnMoreContent, { partnerName: props.partnerName, ...(props.partnerPrivacyPolicyUrl
+                                ? { partnerPrivacyPolicyUrl: props.partnerPrivacyPolicyUrl }
+                                : {}), theme: theme, testID: "si_consent_learn_more_content" })) : null] }), _jsxs(View, { style: [
+                        styles.bottom,
+                        {
+                            rowGap: theme.spacing.small,
+                            paddingTop: theme.spacing.medium,
+                        },
+                    ], children: [props.allowButton ? (props.allowButton({ onClick: handleAllow, enabled: consented })) : (_jsx(UseSmileIDButton, { label: loc.siConsentAllow, onClick: handleAllow, variant: "primary", enabled: consented, theme: theme, testID: "si_consent_allow_button" })), props.denyButton ? (props.denyButton({ onClick: handleDeny })) : (_jsx(UseSmileIDButton, { label: loc.siConsentDeny, onClick: handleDeny, variant: "secondary", theme: theme, testID: "si_consent_deny_button" })), showAttribution ? _jsx(UseSmileIDAttribution, { theme: theme }) : null] })] }) }));
+}
+const styles = StyleSheet.create({
+    root: { flex: 1 },
+    scroll: { flex: 1 },
+    // Grow to the viewport so space-between pins the buttons to the
+    // bottom on short content; tall content scrolls as one unit.
+    scrollContent: { flexGrow: 1, justifyContent: "space-between" },
+    iconRow: {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    gateRow: {
+        flexDirection: "row",
+        alignItems: "flex-start",
+    },
+    learnMoreRow: {
+        flexDirection: "row",
+        alignItems: "center",
+    },
+    checkboxHitbox: {
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    bottom: {
+        alignItems: "stretch",
+    },
+});
+//# sourceMappingURL=use_smile_id_consent_screen.js.map

package/dist/presentation/screen/use_smile_id_consent_screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_consent_screen.js","sourceRoot":"","sources":["../../../src/presentation/screen/use_smile_id_consent_screen.tsx"],"names":[],"mappings":"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"}

package/dist/presentation/screen/use_smile_id_document_back_instructions.d.ts

@@ -0,0 +1,24 @@
+import type { UseSmileIDTheme } from "../theme/theme";
+import { type HeroAnimationSource } from "../flow/model/instructions_defaults";
+export type UseSmileIDDocumentBackInstructionsProps = {
+    /** Document display name interpolated into the "Flip your <ID Type>" title. */
+    readonly documentTypeDisplayName: string;
+    /** Advance into the back-side capture. */
+    readonly onCaptureBack: () => void;
+    /** Skip the back side, finalizing with no back image. Only used when `allowSkip`. */
+    readonly onSkip?: () => void;
+    /** Whether to surface the Skip action. Defaults to `false`. */
+    readonly allowSkip?: boolean;
+    /** Hero animation; defaults to the bundled back-of-ID (flip) Lottie. */
+    readonly heroSource?: HeroAnimationSource;
+    readonly onBack?: () => void;
+    readonly theme?: UseSmileIDTheme;
+};
+/**
+ * In-flow interstitial shown between the front and back document captures.
+ * Prompts the user to flip the document, then either capture the back or —
+ * when the partner allows it — skip it. Rendered in-place inside the
+ * orchestrated capture screen; it is not a standalone flow step.
+ */
+export declare function UseSmileIDDocumentBackInstructions(props: UseSmileIDDocumentBackInstructionsProps): import("react").JSX.Element;
+//# sourceMappingURL=use_smile_id_document_back_instructions.d.ts.map

package/dist/presentation/screen/use_smile_id_document_back_instructions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_document_back_instructions.d.ts","sourceRoot":"","sources":["../../../src/presentation/screen/use_smile_id_document_back_instructions.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKtD,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,qCAAqC,CAAC;AAG7C,MAAM,MAAM,uCAAuC,GAAG;IACpD,+EAA+E;IAC/E,QAAQ,CAAC,uBAAuB,EAAE,MAAM,CAAC;IACzC,0CAA0C;IAC1C,QAAQ,CAAC,aAAa,EAAE,MAAM,IAAI,CAAC;IACnC,qFAAqF;IACrF,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,+DAA+D;IAC/D,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,wEAAwE;IACxE,QAAQ,CAAC,UAAU,CAAC,EAAE,mBAAmB,CAAC;IAC1C,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC;CAClC,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,kCAAkC,CAChD,KAAK,EAAE,uCAAuC,+BAsF/C"}

package/dist/presentation/screen/use_smile_id_document_back_instructions.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pressable, StyleSheet, Text, View } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { useUseSmileIDTheme } from "../theme/theme_context";
+import { UseSmileIDBackButton } from "../components/use_smile_id_back_button";
+import { UseSmileIDButton } from "../components/use_smile_id_button";
+import { UseSmileIDInstructionsHero } from "../components/use_smile_id_instructions_hero";
+import { DOCUMENT_HERO_BACK_ANIMATION, } from "../flow/model/instructions_defaults";
+import { useUseSmileIDLocalizations } from "../../l10n/use_smile_id_localizations_provider";
+/**
+ * In-flow interstitial shown between the front and back document captures.
+ * Prompts the user to flip the document, then either capture the back or —
+ * when the partner allows it — skip it. Rendered in-place inside the
+ * orchestrated capture screen; it is not a standalone flow step.
+ */
+export function UseSmileIDDocumentBackInstructions(props) {
+    const themeFromContext = useUseSmileIDTheme();
+    const theme = props.theme ?? themeFromContext;
+    const localizations = useUseSmileIDLocalizations();
+    const allowSkip = props.allowSkip ?? false;
+    const onSkip = props.onSkip ?? (() => { });
+    const heroSource = props.heroSource ?? DOCUMENT_HERO_BACK_ANIMATION;
+    return (_jsxs(SafeAreaView, { style: [
+            styles.root,
+            {
+                backgroundColor: theme.colors.background,
+                paddingHorizontal: theme.spacing.large,
+                paddingVertical: theme.spacing.medium,
+            },
+        ], testID: "si_document_back_instructions", children: [props.onBack ? (_jsx(UseSmileIDBackButton, { onClick: props.onBack, theme: theme, testID: "si_back_button" })) : null, _jsx(View, { style: { height: theme.spacing.medium } }), _jsx(Text, { accessibilityRole: "header", style: {
+                    ...theme.typography.pageHeading,
+                    fontWeight: "800",
+                    color: theme.colors.titleText,
+                }, testID: "si_document_back_instructions_title", children: localizations.siDocumentFlipTitle(props.documentTypeDisplayName) }), _jsx(View, { style: styles.hero, testID: "si_document_back_instructions_hero", children: _jsx(UseSmileIDInstructionsHero, { source: heroSource, showOval: false, showOvalProgress: false, theme: theme }) }), _jsxs(View, { style: [styles.bottom, { paddingHorizontal: theme.spacing.extraSmall }], children: [_jsx(UseSmileIDButton, { label: localizations.siDocumentCaptureBack, onClick: props.onCaptureBack, variant: "primary", theme: theme, testID: "si_document_capture_back_button" }), allowSkip ? (_jsxs(_Fragment, { children: [_jsx(View, { style: { height: theme.spacing.small } }), _jsx(Pressable, { onPress: onSkip, accessibilityRole: "button", testID: "si_document_skip_back_button", style: styles.skip, children: _jsx(Text, { style: {
+                                        ...theme.typography.button,
+                                        color: theme.colors.primary,
+                                        textAlign: "center",
+                                    }, children: localizations.siDocumentSkipBack }) })] })) : null] })] }));
+}
+const styles = StyleSheet.create({
+    root: { flex: 1 },
+    hero: { flex: 1 },
+    bottom: { alignItems: "center" },
+    skip: {
+        height: 48,
+        alignItems: "center",
+        justifyContent: "center",
+        alignSelf: "stretch",
+    },
+});
+//# sourceMappingURL=use_smile_id_document_back_instructions.js.map

package/dist/presentation/screen/use_smile_id_document_back_instructions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_document_back_instructions.js","sourceRoot":"","sources":["../../../src/presentation/screen/use_smile_id_document_back_instructions.tsx"],"names":[],"mappings":"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"}

package/dist/presentation/screen/use_smile_id_document_preview_screen.d.ts

@@ -0,0 +1,24 @@
+import type { DocumentOrientation } from "../../core/models/document_type";
+import type { UseSmileIDTheme } from "../theme/theme";
+export type UseSmileIDDocumentPreviewScreenProps = {
+    /** Local file URI of the captured side being reviewed (front, then back). */
+    readonly capturedDocumentPath?: string;
+    /** Capture orientation — drives the document image aspect. */
+    readonly documentOrientation: DocumentOrientation;
+    readonly showAttribution?: boolean;
+    /** Confirm — commit the captured side and advance. */
+    readonly onAccept?: () => void;
+    /** Retake — re-capture the side being reviewed. */
+    readonly onReject?: () => void;
+    /** Close the flow (✕, top-end). Hidden when omitted. */
+    readonly onClose?: () => void;
+    readonly theme?: UseSmileIDTheme;
+};
+/**
+ * Document preview — confirms a captured document side before submission.
+ * Renders the document at its capture aspect (no oval) with a Retake /
+ * Confirm card and optional close ✕. Visited once per side (front, then
+ * back) via the navigation manager's per-side preview loop.
+ */
+export declare function UseSmileIDDocumentPreviewScreen(props: UseSmileIDDocumentPreviewScreenProps): import("react").JSX.Element;
+//# sourceMappingURL=use_smile_id_document_preview_screen.d.ts.map

package/dist/presentation/screen/use_smile_id_document_preview_screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_document_preview_screen.d.ts","sourceRoot":"","sources":["../../../src/presentation/screen/use_smile_id_document_preview_screen.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAStD,MAAM,MAAM,oCAAoC,GAAG;IACjD,6EAA6E;IAC7E,QAAQ,CAAC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IACvC,8DAA8D;IAC9D,QAAQ,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;IAClD,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,sDAAsD;IACtD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,mDAAmD;IACnD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,wDAAwD;IACxD,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC;CAClC,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,+BAA+B,CAC7C,KAAK,EAAE,oCAAoC,+BA4F5C"}

package/dist/presentation/screen/use_smile_id_document_preview_screen.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pressable, StyleSheet, Text, View } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { useUseSmileIDTheme } from "../theme/theme_context";
+import { UseSmileIDAttribution } from "../components/use_smile_id_attribution";
+import { UseSmileIDCapturedDocumentImage } from "../components/use_smile_id_captured_document_image";
+import { UseSmileIDCardSurface } from "../components/use_smile_id_card_surface";
+import { UseSmileIDConfirmationButtons } from "../components/use_smile_id_confirmation_buttons";
+import { SiOutlineClose } from "../components/icons";
+import { useUseSmileIDLocalizations } from "../../l10n/use_smile_id_localizations_provider";
+/**
+ * Document preview — confirms a captured document side before submission.
+ * Renders the document at its capture aspect (no oval) with a Retake /
+ * Confirm card and optional close ✕. Visited once per side (front, then
+ * back) via the navigation manager's per-side preview loop.
+ */
+export function UseSmileIDDocumentPreviewScreen(props) {
+    const themeFromContext = useUseSmileIDTheme();
+    const theme = props.theme ?? themeFromContext;
+    const loc = useUseSmileIDLocalizations();
+    const showAttribution = props.showAttribution ?? true;
+    return (_jsxs(SafeAreaView, { style: [
+            styles.root,
+            { backgroundColor: theme.colors.captureReviewBackground },
+        ], testID: "si_document_preview_screen", children: [props.onClose ? (_jsx(View, { style: [
+                    styles.closeRow,
+                    {
+                        paddingHorizontal: theme.spacing.medium,
+                        paddingTop: theme.spacing.small,
+                    },
+                ], children: _jsx(Pressable, { onPress: props.onClose, accessibilityRole: "button", accessibilityLabel: loc.siCdClose, testID: "si_document_preview_close", style: ({ pressed }) => [
+                        styles.closeButton,
+                        {
+                            backgroundColor: theme.colors.cardText,
+                            opacity: pressed ? 0.7 : 1,
+                        },
+                    ], children: _jsx(SiOutlineClose, { size: 20, color: theme.colors.cardBackground }) }) })) : null, _jsx(UseSmileIDCapturedDocumentImage, { orientation: props.documentOrientation, ...(props.capturedDocumentPath
+                    ? { uri: props.capturedDocumentPath }
+                    : {}), imageTestID: "si_document_preview_image", imageAccessibilityLabel: loc.siPreviewAccessibilityImage, theme: theme }), _jsxs(UseSmileIDCardSurface, { theme: theme, style: styles.card, children: [_jsx(Text, { accessibilityRole: "header", style: {
+                            ...theme.typography.cardHeading,
+                            color: theme.colors.primary,
+                            textAlign: "center",
+                            letterSpacing: -0.425,
+                        }, children: loc.siDocumentPreviewTitle }), _jsx(Text, { style: {
+                            ...theme.typography.cardCaption,
+                            color: theme.colors.cardText,
+                            textAlign: "center",
+                            marginTop: theme.spacing.extraSmall / 2,
+                        }, children: loc.siDocumentPreviewSubtitle }), _jsx(View, { style: { marginTop: theme.spacing.medium }, children: _jsx(UseSmileIDConfirmationButtons, { onAccept: () => props.onAccept?.(), onReject: () => props.onReject?.(), acceptLabel: loc.siPreviewConfirm, rejectLabel: loc.siPreviewRetake, theme: theme, testID: "si_document_preview_confirmation_buttons" }) })] }), showAttribution ? (_jsx(UseSmileIDAttribution, { forceLightMode: true, theme: theme })) : null] }));
+}
+const CLOSE_BUTTON_SIZE = 40;
+const styles = StyleSheet.create({
+    root: { flex: 1, overflow: "hidden" },
+    closeRow: { flexDirection: "row", justifyContent: "flex-end" },
+    closeButton: {
+        width: CLOSE_BUTTON_SIZE,
+        height: CLOSE_BUTTON_SIZE,
+        borderRadius: CLOSE_BUTTON_SIZE / 2,
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    card: { alignItems: "center" },
+});
+//# sourceMappingURL=use_smile_id_document_preview_screen.js.map

package/dist/presentation/screen/use_smile_id_document_preview_screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_document_preview_screen.js","sourceRoot":"","sources":["../../../src/presentation/screen/use_smile_id_document_preview_screen.tsx"],"names":[],"mappings":"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"}

package/dist/presentation/screen/use_smile_id_instructions_screen.d.ts

@@ -0,0 +1,39 @@
+import type { ReactNode } from "react";
+import type { UseSmileIDTheme } from "../theme/theme";
+import type { InstructionGuideline } from "../flow/model/instruction_guideline";
+import { type HeroAnimationSource } from "../flow/model/instructions_defaults";
+export type UseSmileIDInstructionsScreenProps = {
+    /** Leading title text, rendered in the title-text colour. */
+    readonly titlePrefix?: string;
+    /** Emphasized word, rendered in the primary colour on its own line. */
+    readonly titleEmphasis?: string;
+    /** Lottie hero animation; defaults to the bundled selfie hero. */
+    readonly heroSource?: HeroAnimationSource;
+    /** Capture-guidelines section title (rendered uppercase). */
+    readonly guidelinesSectionTitle?: string;
+    /** Guideline tiles; empty/omitted falls back to `SELFIE_GUIDELINES`. */
+    readonly guidelines?: readonly InstructionGuideline[];
+    readonly showAttribution?: boolean;
+    /** Draw the face-oval ring around the hero animation. */
+    readonly showHeroOval?: boolean;
+    /** Animate the ring's rising green progress fill. */
+    readonly showHeroOvalProgress?: boolean;
+    readonly onContinue?: () => void;
+    readonly onBack?: () => void;
+    readonly theme?: UseSmileIDTheme;
+    /**
+     * Render the bottom continue button via a partner-supplied slot.
+     * Receives `onClick` already bound to `onContinue`. When omitted, the
+     * screen renders the canonical primary `<UseSmileIDButton>`.
+     */
+    readonly continueButton?: (props: {
+        onClick: () => void;
+    }) => ReactNode;
+};
+/**
+ * Instructions screen: a split annotated title, a hero animation with an
+ * optional face-oval progress ring, a "Capture Guidelines" section with a
+ * reflowing row of thumbnails, and a continue button + optional attribution.
+ */
+export declare function UseSmileIDInstructionsScreen(props: UseSmileIDInstructionsScreenProps): import("react").JSX.Element;
+//# sourceMappingURL=use_smile_id_instructions_screen.d.ts.map

package/dist/presentation/screen/use_smile_id_instructions_screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_instructions_screen.d.ts","sourceRoot":"","sources":["../../../src/presentation/screen/use_smile_id_instructions_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAStD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,qCAAqC,CAAC;AAE7C,MAAM,MAAM,iCAAiC,GAAG;IAC9C,6DAA6D;IAC7D,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,uEAAuE;IACvE,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,kEAAkE;IAClE,QAAQ,CAAC,UAAU,CAAC,EAAE,mBAAmB,CAAC;IAC1C,6DAA6D;IAC7D,QAAQ,CAAC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IACzC,wEAAwE;IACxE,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,oBAAoB,EAAE,CAAC;IACtD,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,yDAAyD;IACzD,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC,qDAAqD;IACrD,QAAQ,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IACxC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC;IACjC;;;;OAIG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,SAAS,CAAC;CACzE,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,iCAAiC,+BA6HzC"}

package/dist/presentation/screen/use_smile_id_instructions_screen.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { StyleSheet, Text, View } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { useUseSmileIDTheme } from "../theme/theme_context";
+import { UseSmileIDAttribution } from "../components/use_smile_id_attribution";
+import { UseSmileIDBackButton } from "../components/use_smile_id_back_button";
+import { UseSmileIDButton } from "../components/use_smile_id_button";
+import { UseSmileIDInstructionsHero } from "../components/use_smile_id_instructions_hero";
+import { UseSmileIDGuidelineThumbnail } from "../components/use_smile_id_guideline_thumbnail";
+import { SiCaptureGuidelinesIcon } from "../components/icons";
+import { useUseSmileIDLocalizations } from "../../l10n/use_smile_id_localizations_provider";
+import { SELFIE_GUIDELINES, SELFIE_HERO_ANIMATION, } from "../flow/model/instructions_defaults";
+/**
+ * Instructions screen: a split annotated title, a hero animation with an
+ * optional face-oval progress ring, a "Capture Guidelines" section with a
+ * reflowing row of thumbnails, and a continue button + optional attribution.
+ */
+export function UseSmileIDInstructionsScreen(props) {
+    const themeFromContext = useUseSmileIDTheme();
+    const theme = props.theme ?? themeFromContext;
+    const localizations = useUseSmileIDLocalizations();
+    const titlePrefix = props.titlePrefix ?? localizations.siInstructionsTitlePrefix;
+    const titleEmphasis = props.titleEmphasis ?? localizations.siInstructionsEmphasisSelfie;
+    const guidelinesSectionTitle = props.guidelinesSectionTitle ??
+        localizations.siInstructionsCaptureGuidelines;
+    const guidelines = props.guidelines && props.guidelines.length > 0
+        ? props.guidelines
+        : SELFIE_GUIDELINES;
+    const heroSource = props.heroSource ?? SELFIE_HERO_ANIMATION;
+    const showAttribution = props.showAttribution ?? true;
+    const showHeroOval = props.showHeroOval ?? true;
+    const showHeroOvalProgress = props.showHeroOvalProgress ?? true;
+    const onContinue = props.onContinue ?? (() => { });
+    return (_jsxs(SafeAreaView, { style: [
+            styles.root,
+            {
+                backgroundColor: theme.colors.background,
+                paddingHorizontal: theme.spacing.large, // 24px content margin
+                paddingVertical: theme.spacing.medium,
+            },
+        ], testID: "si_instructions_screen", children: [props.onBack ? (_jsx(UseSmileIDBackButton, { onClick: props.onBack, theme: theme, testID: "si_back_button" })) : null, _jsx(View, { style: { height: theme.spacing.medium } }), _jsxs(Text, { accessibilityRole: "header", style: { ...theme.typography.pageHeading, fontWeight: "800" }, testID: "si_instructions_title", children: [_jsx(Text, { style: { color: theme.colors.titleText }, children: titlePrefix }), "\n", _jsx(Text, { style: { color: theme.colors.primary }, children: titleEmphasis })] }), _jsx(View, { style: { height: theme.spacing.medium } }), _jsx(UseSmileIDInstructionsHero, { source: heroSource, showOval: showHeroOval, showOvalProgress: showHeroOvalProgress, theme: theme }), _jsxs(View, { style: styles.sectionHeader, testID: "si_instructions_guidelines_section_header", children: [_jsx(SiCaptureGuidelinesIcon, { size: 16, color: theme.colors.primary }), _jsx(View, { style: { width: theme.spacing.extraSmall } }), _jsx(Text, { style: {
+                            ...theme.typography.sectionHeading,
+                            fontSize: 11,
+                            lineHeight: 16.5,
+                            letterSpacing: 0.55,
+                            fontWeight: "700",
+                            color: theme.colors.titleText,
+                        }, children: guidelinesSectionTitle.toUpperCase() })] }), _jsx(View, { style: { height: theme.spacing.medium } }), _jsx(View, { style: [styles.guidelinesRow, { rowGap: theme.spacing.medium }], testID: "si_instructions_guidelines_row", children: guidelines.map((guideline) => (_jsx(UseSmileIDGuidelineThumbnail, { guideline: guideline, theme: theme }, `${guideline.status}-${guideline.label(localizations)}`))) }), _jsx(View, { style: { height: theme.spacing.large } }), _jsxs(View, { style: [styles.bottom, { paddingHorizontal: theme.spacing.extraSmall }], children: [props.continueButton ? (props.continueButton({ onClick: onContinue })) : (_jsx(UseSmileIDButton, { label: localizations.siLabelContinue, onClick: onContinue, variant: "primary", theme: theme, testID: "si_instructions_continue_button" })), showAttribution ? (_jsxs(_Fragment, { children: [_jsx(View, { style: { height: theme.spacing.small } }), _jsx(UseSmileIDAttribution, { theme: theme })] })) : null] })] }));
+}
+const styles = StyleSheet.create({
+    root: { flex: 1 },
+    sectionHeader: {
+        flexDirection: "row",
+        alignItems: "center",
+        paddingStart: 4,
+    },
+    guidelinesRow: {
+        flexDirection: "row",
+        flexWrap: "wrap",
+        // Span the full content width, flush to the edges.
+        justifyContent: "space-between",
+    },
+    bottom: { alignItems: "center" },
+});
+//# sourceMappingURL=use_smile_id_instructions_screen.js.map

package/dist/presentation/screen/use_smile_id_instructions_screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_instructions_screen.js","sourceRoot":"","sources":["../../../src/presentation/screen/use_smile_id_instructions_screen.tsx"],"names":[],"mappings":"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"}

package/dist/presentation/screen/use_smile_id_permission_screen.d.ts

@@ -0,0 +1,16 @@
+import type { UseSmileIDTheme } from "../theme/theme";
+export type UseSmileIDPermissionScreenProps = {
+    readonly cameraRationale?: string;
+    readonly onGranted?: () => void;
+    readonly onDenied?: () => void;
+    readonly theme?: UseSmileIDTheme;
+};
+/**
+ * Permission screen — requests camera (and optionally microphone)
+ * at the OS level.
+ *
+ * **STUB.** Visual implementation pending — see
+ * `react-native-expo/docs/Architecture.md § Rollout`.
+ */
+export declare function UseSmileIDPermissionScreen(props: UseSmileIDPermissionScreenProps): import("react").JSX.Element;
+//# sourceMappingURL=use_smile_id_permission_screen.d.ts.map

package/dist/presentation/screen/use_smile_id_permission_screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_permission_screen.d.ts","sourceRoot":"","sources":["../../../src/presentation/screen/use_smile_id_permission_screen.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,MAAM,MAAM,+BAA+B,GAAG;IAC5C,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC;CAClC,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,+BAA+B,+BAgCvC"}

package/dist/presentation/screen/use_smile_id_permission_screen.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, View } from "react-native";
+import { useUseSmileIDTheme } from "../theme/theme_context";
+/**
+ * Permission screen — requests camera (and optionally microphone)
+ * at the OS level.
+ *
+ * **STUB.** Visual implementation pending — see
+ * `react-native-expo/docs/Architecture.md § Rollout`.
+ */
+export function UseSmileIDPermissionScreen(props) {
+    const themeFromContext = useUseSmileIDTheme();
+    const theme = props.theme ?? themeFromContext;
+    return (_jsxs(View, { style: {
+            flex: 1,
+            alignItems: "center",
+            justifyContent: "center",
+            backgroundColor: theme.colors.background,
+            padding: theme.spacing.large,
+        }, children: [_jsx(Text, { style: {
+                    ...theme.typography.sectionHeading,
+                    color: theme.colors.titleText,
+                }, children: "UseSmileIDPermissionScreen" }), _jsx(Text, { style: {
+                    ...theme.typography.cardSubTitle,
+                    color: theme.colors.cardText,
+                }, children: props.cameraRationale ?? "Camera permission required — stub" })] }));
+}
+//# sourceMappingURL=use_smile_id_permission_screen.js.map

package/dist/presentation/screen/use_smile_id_permission_screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_permission_screen.js","sourceRoot":"","sources":["../../../src/presentation/screen/use_smile_id_permission_screen.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAS5D;;;;;;GAMG;AACH,MAAM,UAAU,0BAA0B,CACxC,KAAsC;IAEtC,MAAM,gBAAgB,GAAG,kBAAkB,EAAE,CAAC;IAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,gBAAgB,CAAC;IAC9C,OAAO,CACL,MAAC,IAAI,IACH,KAAK,EAAE;YACL,IAAI,EAAE,CAAC;YACP,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;YACxC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;SAC7B,aAED,KAAC,IAAI,IACH,KAAK,EAAE;oBACL,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc;oBAClC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS;iBAC9B,2CAGI,EACP,KAAC,IAAI,IACH,KAAK,EAAE;oBACL,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY;oBAChC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;iBAC7B,YAEA,KAAK,CAAC,eAAe,IAAI,mCAAmC,GACxD,IACF,CACR,CAAC;AACJ,CAAC"}

package/dist/presentation/screen/use_smile_id_preview_screen.d.ts

@@ -0,0 +1,42 @@
+import { type ReactNode } from "react";
+import type { UseSmileIDTheme } from "../theme/theme";
+export type UseSmileIDPreviewScreenProps = {
+    readonly capturedSelfiePath?: string;
+    readonly allowRetake?: boolean;
+    readonly showAttribution?: boolean;
+    readonly onAccept?: () => void;
+    readonly onReject?: () => void;
+    /**
+     * Render the Accept button via a partner-supplied slot.
+     *
+     * **Slot contract:** providing *any* slot (continue or cancel)
+     * replaces the *entire* default confirmation row. If you supply
+     * `continueButton` and want a Retake control too, supply
+     * `cancelButton` as well — the default Retake tile does not
+     * fall through.
+     */
+    readonly continueButton?: (props: {
+        onClick: () => void;
+    }) => ReactNode;
+    /**
+     * Render the Reject (retake) button via a partner-supplied slot.
+     * See the slot contract note on `continueButton`.
+     */
+    readonly cancelButton?: (props: {
+        onClick: () => void;
+    }) => ReactNode;
+    readonly theme?: UseSmileIDTheme;
+};
+/**
+ * Preview screen — confirms the captured selfie before submission.
+ *
+ *   - Uniform light page with the captured image clipped to the face
+ *     oval. The oval scales to the leftover height above the card so
+ *     the two never overlap; no scrim is painted.
+ *   - Bottom card (white, rounded, soft upward shadow) with the title
+ *     "Confirm image quality", a caption, and the Retake / Confirm
+ *     tiles.
+ *   - Attribution sits centered below the card.
+ */
+export declare function UseSmileIDPreviewScreen(props: UseSmileIDPreviewScreenProps): import("react").JSX.Element;
+//# sourceMappingURL=use_smile_id_preview_screen.d.ts.map

package/dist/presentation/screen/use_smile_id_preview_screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_preview_screen.d.ts","sourceRoot":"","sources":["../../../src/presentation/screen/use_smile_id_preview_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAStD,MAAM,MAAM,4BAA4B,GAAG;IACzC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IACrC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B;;;;;;;;OAQG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,SAAS,CAAC;IACxE;;;OAGG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,SAAS,CAAC;IACtE,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC;CAClC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,+BAoG1E"}