@smileid/usesmileid 12.0.2 → 12.1.1

package/dist/presentation/screen/use_smile_id_consent_screen.js

@@ -1,176 +1 @@
-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 { GlobalPrivacyControl } from "../../core/models/global_privacy_control";
-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;
-    const globalPrivacyControl = props.globalPrivacyControl ?? GlobalPrivacyControl.OptOut;
-    // Posture-aware default: the opt-out baseline starts ticked everywhere;
-    // the legacy opt-in posture consults the resolved BCP-47 locale and
-    // starts unticked for EU member states (GDPR opt-in).
-    const [consented, setConsented] = useState(() => getDefaultConsentState(globalPrivacyControl));
-    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
+"use strict";import{jsx as t,jsxs as c}from"react/jsx-runtime";import{useState as C}from"react";import{ScrollView as P,StyleSheet as U,Text as a,useColorScheme as k,View as o}from"react-native";import{SafeAreaView as O}from"react-native-safe-area-context";import{useUseSmileIDTheme as R}from"../theme/theme_context";import{ATTRIBUTION_TEST_ID as N,UseSmileIDAttribution as v}from"../components/use_smile_id_attribution";import{UseSmileIDButton as S}from"../components/use_smile_id_button";import{UseSmileIDConsentRow as A}from"../components/use_smile_id_consent_row";import{UseSmileIDExpandableIcon as j}from"../components/use_smile_id_expandable_icon";import{SiConsentBiometric as B,SiConsentContact as L,SiConsentDevice as z,SiConsentPersonal as E,SiPlus as H,SiSmileConsentIcon as M}from"../components/icons";import{UseSmileIDLearnMoreContent as G}from"../components/use_smile_id_learn_more_content";import{UseSmileIDPartnerIcon as I}from"../components/use_smile_id_partner_icon";import{UseSmileIDRoundedCheckbox as V}from"../components/use_smile_id_rounded_checkbox";import{useUseSmileIDLocalizations as W}from"../../l10n/use_smile_id_localizations_provider";import{GlobalPrivacyControl as Z}from"../../core/models/global_privacy_control";import{getDefaultConsentState as F,getDeviceLocale as X}from"../utils/locale_utils";import{buildConsentRows as K,composeConsentSubtitleParts as $}from"./helpers/consent_screen_helpers";const d=28,q=24,J=30,h=28;function Q(n,s){switch(n){case"contact":return t(L,{tone:s,size:h});case"personal":return t(E,{tone:s,size:h});case"biometric":return t(B,{tone:s,size:h});case"device":return t(z,{tone:s,size:h})}}export function UseSmileIDConsentScreen(n){const s=R(),e=n.theme??s,r=W(),b=n.showAttribution??!0,f=n.globalPrivacyControl??Z.OptOut,[m,x]=C(()=>F(f)),[y,_]=C(!1),p=$(n.partnerName,r),w=K(r),D=k()==="dark"?"dark":"light",u=()=>{if(!m)return;const i={granted:!0,grantedAt:new Date().toISOString(),noticeLanguage:(X().split("-")[0]||"en").toUpperCase(),noticePrivacyPolicyUrl:n.partnerPrivacyPolicyUrl??""};n.onAllow?.(i)},g=()=>{n.onDeny?.()};return t(O,{style:[l.root,{backgroundColor:e.colors.background,padding:e.spacing.medium}],testID:"si_consent_screen",children:c(P,{style:l.scroll,contentContainerStyle:l.scrollContent,showsVerticalScrollIndicator:!1,children:[c(o,{style:{rowGap:e.spacing.medium},children:[c(o,{style:l.iconRow,children:[t(I,{partnerName:n.partnerName,theme:e,...n.partnerIcon!==void 0?{icon:n.partnerIcon}:{}}),t(o,{style:{paddingHorizontal:e.spacing.extraSmall},children:t(H,{size:q})}),t(I,{partnerName:n.partnerName,theme:e,accessibilityLabel:r.siCdSmileId,icon:t(M,{size:J})})]}),t(a,{accessibilityRole:"header",style:{...e.typography.sectionHeading,color:e.colors.titleText,textAlign:"center"},testID:"si_consent_title",children:r.siConsentTitle(n.partnerName)}),t(a,{style:{...e.typography.cardSubTitle,color:e.colors.cardText,textAlign:"justify"},testID:"si_consent_subtitle",children:p.map((i,T)=>i.bold?t(a,{style:{...e.typography.cardSubTitle,color:e.colors.cardText,fontWeight:"700"},children:i.text},T):i.text)}),t(a,{style:{...e.typography.cardSubTitle,color:e.colors.cardText,textAlign:"justify"},children:r.siConsentProcessing}),t(o,{children:w.map(i=>t(A,{label:i.label,icon:Q(i.key,D),theme:e,testID:`si_consent_row_${i.key}`},i.key))}),c(o,{style:l.gateRow,children:[t(o,{style:[l.checkboxHitbox,{width:d,height:d}],children:t(V,{checked:m,onChange:x,theme:e,testID:"si_consent_checkbox"})}),t(o,{style:{width:e.spacing.extraSmall}}),t(a,{style:{...e.typography.cardSubTitle,color:e.colors.titleText,flex:1,textAlign:"auto"},children:r.siConsentConsent})]}),c(o,{style:l.learnMoreRow,children:[t(o,{style:[l.checkboxHitbox,{width:d,height:d}],children:t(j,{expanded:y,onChange:_,theme:e,testID:"si_consent_learn_more_toggle"})}),t(o,{style:{width:e.spacing.extraSmall}}),t(a,{style:{...e.typography.cardTitle,color:e.colors.titleText,flex:1},children:r.siConsentLearnMore})]}),y?t(G,{partnerName:n.partnerName,...n.partnerPrivacyPolicyUrl?{partnerPrivacyPolicyUrl:n.partnerPrivacyPolicyUrl}:{},theme:e,testID:"si_consent_learn_more_content"}):null]}),c(o,{style:[l.bottom,{rowGap:e.spacing.small,paddingTop:e.spacing.medium}],children:[n.allowButton?n.allowButton({onClick:u,enabled:m}):t(S,{label:r.siConsentAllow,onClick:u,variant:"primary",enabled:m,theme:e,testID:"si_consent_allow_button"}),n.denyButton?n.denyButton({onClick:g}):t(S,{label:r.siConsentDeny,onClick:g,variant:"secondary",theme:e,testID:"si_consent_deny_button"}),b?t(v,{theme:e,testID:N}):null]})]})})}const l=U.create({root:{flex:1},scroll:{flex:1},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"}});

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

@@ -12,6 +12,12 @@ export type UseSmileIDDocumentBackInstructionsProps = {
     /** Hero animation; defaults to the bundled back-of-ID (flip) Lottie. */
     readonly heroSource?: HeroAnimationSource;
     readonly onBack?: () => void;
+    /**
+     * Whether to show the "Powered by Smile ID" attribution. Defaults to `true`.
+     * The interstitial is a full-page instruction screen, so it follows the
+     * instructions screen's setting rather than the capture surface's.
+     */
+    readonly showAttribution?: boolean;
     readonly theme?: UseSmileIDTheme;
 };
 /**
@@ -21,4 +27,3 @@ export type UseSmileIDDocumentBackInstructionsProps = {
  * 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.js

@@ -1,43 +1 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } 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 { 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.medium,
-                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,
-                    textAlign: "center",
-                }, testID: "si_document_back_instructions_title", children: localizations.siDocumentFlipTitle(props.documentTypeDisplayName) }), _jsx(View, { style: { height: theme.spacing.medium } }), _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(UseSmileIDButton, { label: localizations.siDocumentSkipBack, onClick: onSkip, variant: "secondary", theme: theme, testID: "si_document_skip_back_button" })] })) : null, _jsx(View, { style: { height: theme.spacing.small } }), _jsx(UseSmileIDAttribution, { theme: theme })] })] }));
-}
-const styles = StyleSheet.create({
-    root: { flex: 1 },
-    hero: { flex: 1 },
-    bottom: { alignItems: "center" },
-});
-//# sourceMappingURL=use_smile_id_document_back_instructions.js.map
+"use strict";import{jsx as e,Fragment as _,jsxs as s}from"react/jsx-runtime";import{StyleSheet as d,Text as g,View as i}from"react-native";import{SafeAreaView as k}from"react-native-safe-area-context";import{useUseSmileIDTheme as I}from"../theme/theme_context";import{ATTRIBUTION_TEST_ID as p,UseSmileIDAttribution as D}from"../components/use_smile_id_attribution";import{UseSmileIDBackButton as b}from"../components/use_smile_id_back_button";import{UseSmileIDButton as a}from"../components/use_smile_id_button";import{UseSmileIDInstructionsHero as S}from"../components/use_smile_id_instructions_hero";import{DOCUMENT_HERO_BACK_ANIMATION as f}from"../flow/model/instructions_defaults";import{useUseSmileIDLocalizations as y}from"../../l10n/use_smile_id_localizations_provider";export function UseSmileIDDocumentBackInstructions(o){const c=I(),t=o.theme??c,n=y(),r=o.allowSkip??!1,m=o.onSkip??(()=>{}),u=o.heroSource??f,h=o.showAttribution??!0;return s(k,{style:[l.root,{backgroundColor:t.colors.background,paddingHorizontal:t.spacing.medium,paddingVertical:t.spacing.medium}],testID:"si_document_back_instructions",children:[o.onBack?e(b,{onClick:o.onBack,theme:t,testID:"si_back_button"}):null,e(i,{style:{height:t.spacing.medium}}),e(g,{accessibilityRole:"header",style:{...t.typography.pageHeading,fontWeight:"800",color:t.colors.titleText,textAlign:"center"},testID:"si_document_back_instructions_title",children:n.siDocumentFlipTitle(o.documentTypeDisplayName)}),e(i,{style:{height:t.spacing.medium}}),e(i,{style:l.hero,testID:"si_document_back_instructions_hero",children:e(S,{source:u,showOval:!1,showOvalProgress:!1,theme:t})}),s(i,{style:[l.bottom,{paddingHorizontal:t.spacing.extraSmall}],children:[e(a,{label:n.siDocumentCaptureBack,onClick:o.onCaptureBack,variant:"primary",theme:t,testID:"si_document_capture_back_button"}),r?s(_,{children:[e(i,{style:{height:t.spacing.small}}),e(a,{label:n.siDocumentSkipBack,onClick:m,variant:"secondary",theme:t,testID:"si_document_skip_back_button"})]}):null,e(i,{style:{height:t.spacing.small}}),h?e(D,{theme:t,testID:p}):null]})]})}const l=d.create({root:{flex:1},hero:{flex:1},bottom:{alignItems:"center"}});

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

@@ -20,4 +20,3 @@ export type UseSmileIDDocumentPreviewScreenProps = {
  * 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.js

@@ -1,69 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Pressable, StyleSheet, Text, View } from "react-native";
-import { SafeAreaView, useSafeAreaInsets, } 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;
-    const insets = useSafeAreaInsets();
-    return (_jsxs(SafeAreaView, { edges: ["left", "right", "bottom"], style: [
-            styles.root,
-            { backgroundColor: theme.colors.background },
-        ], testID: "si_document_preview_screen", children: [props.onClose ? (_jsx(View, { style: [
-                    styles.closeRow,
-                    {
-                        paddingHorizontal: theme.spacing.medium,
-                        paddingTop: insets.top + theme.spacing.small,
-                    },
-                ], children: _jsx(Pressable, { onPress: props.onClose, accessibilityRole: "button", accessibilityLabel: loc.siCdClose, testID: "si_document_preview_close", style: ({ pressed }) => [
-                        styles.closeButton,
-                        { opacity: pressed ? 0.7 : 1 },
-                    ], children: _jsx(SiOutlineClose, { size: 20, color: "#FFFFFF" }) }) })) : null, _jsx(View, { style: [styles.imageRegion, { paddingVertical: theme.spacing.medium }], children: _jsx(UseSmileIDCapturedDocumentImage, { aspectRatio: props.documentAspectRatio, ...(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, { theme: theme }) : null] }));
-}
-const CLOSE_BUTTON_SIZE = 40;
-/** Warm-grey close-button fill for the document preview chrome. */
-const CLOSE_BUTTON_FILL = "#848282";
-const styles = StyleSheet.create({
-    root: { flex: 1, overflow: "hidden" },
-    // Fills the space between the close row and the card.
-    imageRegion: { flex: 1 },
-    closeRow: { flexDirection: "row", justifyContent: "flex-end" },
-    closeButton: {
-        width: CLOSE_BUTTON_SIZE,
-        height: CLOSE_BUTTON_SIZE,
-        borderRadius: CLOSE_BUTTON_SIZE / 2,
-        backgroundColor: CLOSE_BUTTON_FILL,
-        borderWidth: 1,
-        borderColor: "rgba(255,255,255,0.1)",
-        alignItems: "center",
-        justifyContent: "center",
-    },
-    card: { alignItems: "center" },
-});
-//# sourceMappingURL=use_smile_id_document_preview_screen.js.map
+"use strict";import{jsx as t,jsxs as c}from"react/jsx-runtime";import{Pressable as g,StyleSheet as h,Text as l,View as n}from"react-native";import{SafeAreaView as p,useSafeAreaInsets as f}from"react-native-safe-area-context";import{useUseSmileIDTheme as b}from"../theme/theme_context";import{ATTRIBUTION_TEST_ID as y,UseSmileIDAttribution as I}from"../components/use_smile_id_attribution";import{UseSmileIDCapturedDocumentImage as S}from"../components/use_smile_id_captured_document_image";import{UseSmileIDCardSurface as _}from"../components/use_smile_id_card_surface";import{UseSmileIDConfirmationButtons as D}from"../components/use_smile_id_confirmation_buttons";import{SiOutlineClose as w}from"../components/icons";import{useUseSmileIDLocalizations as C}from"../../l10n/use_smile_id_localizations_provider";export function UseSmileIDDocumentPreviewScreen(i){const a=b(),e=i.theme??a,o=C(),m=i.showAttribution??!0,d=f();return c(p,{edges:["left","right","bottom"],style:[r.root,{backgroundColor:e.colors.background}],testID:"si_document_preview_screen",children:[i.onClose?t(n,{style:[r.closeRow,{paddingHorizontal:e.spacing.medium,paddingTop:d.top+e.spacing.small}],children:t(g,{onPress:i.onClose,accessibilityRole:"button",accessibilityLabel:o.siCdClose,testID:"si_document_preview_close",style:({pressed:u})=>[r.closeButton,{opacity:u?.7:1}],children:t(w,{size:20,color:"#FFFFFF"})})}):null,t(n,{style:[r.imageRegion,{paddingVertical:e.spacing.medium}],children:t(S,{aspectRatio:i.documentAspectRatio,...i.capturedDocumentPath?{uri:i.capturedDocumentPath}:{},imageTestID:"si_document_preview_image",imageAccessibilityLabel:o.siPreviewAccessibilityImage,theme:e})}),c(_,{theme:e,style:r.card,children:[t(l,{accessibilityRole:"header",style:{...e.typography.cardHeading,color:e.colors.primary,textAlign:"center",letterSpacing:-.425},children:o.siDocumentPreviewTitle}),t(l,{style:{...e.typography.cardCaption,color:e.colors.cardText,textAlign:"center",marginTop:e.spacing.extraSmall/2},children:o.siDocumentPreviewSubtitle}),t(n,{style:{marginTop:e.spacing.medium},children:t(D,{onAccept:()=>i.onAccept?.(),onReject:()=>i.onReject?.(),acceptLabel:o.siPreviewConfirm,rejectLabel:o.siPreviewRetake,theme:e,testID:"si_document_preview_confirmation_buttons"})})]}),m?t(I,{theme:e,testID:y}):null]})}const s=40,T="#848282",r=h.create({root:{flex:1,overflow:"hidden"},imageRegion:{flex:1},closeRow:{flexDirection:"row",justifyContent:"flex-end"},closeButton:{width:s,height:s,borderRadius:s/2,backgroundColor:T,borderWidth:1,borderColor:"rgba(255,255,255,0.1)",alignItems:"center",justifyContent:"center"},card:{alignItems:"center"}});

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

@@ -38,4 +38,3 @@ export type UseSmileIDInstructionsScreenProps = {
  * 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.js

@@ -1,66 +1,2 @@
-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 showCardBackground = props.showCardBackground ?? false;
-    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, showCardBackground: showCardBackground, 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
+"use strict";import{jsx as i,jsxs as s,Fragment as w}from"react/jsx-runtime";import{StyleSheet as x,Text as r,View as o}from"react-native";import{SafeAreaView as D}from"react-native-safe-area-context";import{useUseSmileIDTheme as p}from"../theme/theme_context";import{ATTRIBUTION_TEST_ID as b,UseSmileIDAttribution as C}from"../components/use_smile_id_attribution";import{UseSmileIDBackButton as T}from"../components/use_smile_id_back_button";import{UseSmileIDButton as H}from"../components/use_smile_id_button";import{UseSmileIDInstructionsHero as k}from"../components/use_smile_id_instructions_hero";import{UseSmileIDGuidelineThumbnail as B}from"../components/use_smile_id_guideline_thumbnail";import{SiCaptureGuidelinesIcon as E}from"../components/icons";import{useUseSmileIDLocalizations as U}from"../../l10n/use_smile_id_localizations_provider";import{SELFIE_GUIDELINES as O,SELFIE_HERO_ANIMATION as v}from"../flow/model/instructions_defaults";export function UseSmileIDInstructionsScreen(t){const m=p(),e=t.theme??m,n=U(),u=t.titlePrefix??n.siInstructionsTitlePrefix,h=t.titleEmphasis??n.siInstructionsEmphasisSelfie,g=t.guidelinesSectionTitle??n.siInstructionsCaptureGuidelines,d=t.guidelines&&t.guidelines.length>0?t.guidelines:O,I=t.heroSource??v,f=t.showAttribution??!0,S=t.showHeroOval??!0,y=t.showHeroOvalProgress??!0,_=t.showCardBackground??!1,a=t.onContinue??(()=>{});return s(D,{style:[l.root,{backgroundColor:e.colors.background,paddingHorizontal:e.spacing.large,paddingVertical:e.spacing.medium}],testID:"si_instructions_screen",children:[t.onBack?i(T,{onClick:t.onBack,theme:e,testID:"si_back_button"}):null,i(o,{style:{height:e.spacing.medium}}),s(r,{accessibilityRole:"header",style:{...e.typography.pageHeading,fontWeight:"800"},testID:"si_instructions_title",children:[i(r,{style:{color:e.colors.titleText},children:u}),`
+`,i(r,{style:{color:e.colors.primary},children:h})]}),i(o,{style:{height:e.spacing.medium}}),i(k,{source:I,showOval:S,showOvalProgress:y,showCardBackground:_,theme:e}),s(o,{style:l.sectionHeader,testID:"si_instructions_guidelines_section_header",children:[i(E,{size:16,color:e.colors.primary}),i(o,{style:{width:e.spacing.extraSmall}}),i(r,{style:{...e.typography.sectionHeading,fontSize:11,lineHeight:16.5,letterSpacing:.55,fontWeight:"700",color:e.colors.titleText},children:g.toUpperCase()})]}),i(o,{style:{height:e.spacing.medium}}),i(o,{style:[l.guidelinesRow,{rowGap:e.spacing.medium}],testID:"si_instructions_guidelines_row",children:d.map(c=>i(B,{guideline:c,theme:e},`${c.status}-${c.label(n)}`))}),i(o,{style:{height:e.spacing.large}}),s(o,{style:[l.bottom,{paddingHorizontal:e.spacing.extraSmall}],children:[t.continueButton?t.continueButton({onClick:a}):i(H,{label:n.siInstructionsNext,onClick:a,variant:"primary",theme:e,testID:"si_instructions_continue_button"}),f?s(w,{children:[i(o,{style:{height:e.spacing.small}}),i(C,{theme:e,testID:b})]}):null]})]})}const l=x.create({root:{flex:1},sectionHeader:{flexDirection:"row",alignItems:"center",paddingStart:4},guidelinesRow:{flexDirection:"row",flexWrap:"wrap",justifyContent:"space-between"},bottom:{alignItems:"center"}});

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

@@ -13,4 +13,3 @@ export type UseSmileIDPermissionScreenProps = {
  * `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.js

@@ -1,28 +1 @@
-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
+"use strict";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{Text as t,View as n}from"react-native";import{useUseSmileIDTheme as c}from"../theme/theme_context";export function UseSmileIDPermissionScreen(r){const s=c(),e=r.theme??s;return i(n,{style:{flex:1,alignItems:"center",justifyContent:"center",backgroundColor:e.colors.background,padding:e.spacing.large},children:[o(t,{style:{...e.typography.sectionHeading,color:e.colors.titleText},children:"UseSmileIDPermissionScreen"}),o(t,{style:{...e.typography.cardSubTitle,color:e.colors.cardText},children:r.cameraRationale??"Camera permission required \u2014 stub"})]})}

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

@@ -20,4 +20,3 @@ export type UseSmileIDPreviewScreenProps = {
  *   - 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.js

@@ -1,71 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-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 { UseSmileIDCapturedImageOval } from "../components/use_smile_id_captured_image_oval";
-import { UseSmileIDCardSurface } from "../components/use_smile_id_card_surface";
-import { UseSmileIDConfirmationButtons } from "../components/use_smile_id_confirmation_buttons";
-import { useUseSmileIDLocalizations } from "../../l10n/use_smile_id_localizations_provider";
-import { resolvePreviewState } from "./helpers/preview_screen_helpers";
-/**
- * Preview screen — confirms the captured selfie before submission.
- *
- *   - Uniform page (`background`, theme-following) 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 (theme card surface, rounded, soft upward shadow) with
- *     the title "Confirm image quality", a caption, and the Retake /
- *     Confirm tiles.
- *   - Attribution sits centered below the card.
- */
-export function UseSmileIDPreviewScreen(props) {
-    const themeFromContext = useUseSmileIDTheme();
-    const theme = props.theme ?? themeFromContext;
-    const loc = useUseSmileIDLocalizations();
-    const showAttribution = props.showAttribution ?? true;
-    const state = resolvePreviewState(props);
-    const [screen, setScreen] = useState({
-        width: 0,
-        height: 0,
-    });
-    const onScreenLayout = (event) => {
-        const { width, height } = event.nativeEvent.layout;
-        // Re-measure on rotation / split-screen so the oval geometry
-        // recomputes against the new bounds rather than freezing on the
-        // first measurement.
-        setScreen({ width, height });
-    };
-    const handleAccept = () => {
-        // The preview is only reached once a capture exists, so Accept is
-        // always actionable — no per-press capture guard.
-        props.onAccept?.();
-    };
-    const handleReject = () => {
-        if (state.canRetake)
-            props.onReject?.();
-    };
-    return (_jsxs(SafeAreaView, { edges: ["left", "right", "bottom"], style: [
-            styles.root,
-            { backgroundColor: theme.colors.background },
-        ], testID: "si_preview_screen", onLayout: onScreenLayout, children: [_jsx(UseSmileIDCapturedImageOval, { screenWidth: screen.width, screenHeight: screen.height, ...(state.hasImage && props.capturedSelfiePath
-                    ? { uri: props.capturedSelfiePath }
-                    : {}), imageTestID: "si_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.siPreviewTitle }), _jsx(Text, { style: {
-                            ...theme.typography.cardCaption,
-                            color: theme.colors.cardText,
-                            textAlign: "center",
-                            marginTop: theme.spacing.extraSmall / 2,
-                        }, children: loc.siPreviewSubtitle }), _jsx(View, { style: { marginTop: theme.spacing.medium }, children: _jsx(UseSmileIDConfirmationButtons, { onAccept: handleAccept, onReject: handleReject, acceptLabel: loc.siPreviewConfirm, rejectLabel: loc.siPreviewRetake, theme: theme, testID: "si_preview_confirmation_buttons" }) })] }), showAttribution ? _jsx(UseSmileIDAttribution, { theme: theme }) : null] }));
-}
-const styles = StyleSheet.create({
-    root: { flex: 1, overflow: "hidden" },
-    card: { alignItems: "center" },
-});
-//# sourceMappingURL=use_smile_id_preview_screen.js.map
+"use strict";import{jsx as i,jsxs as s}from"react/jsx-runtime";import{useState as w}from"react";import{StyleSheet as y,Text as n,View as I}from"react-native";import{SafeAreaView as v}from"react-native-safe-area-context";import{useUseSmileIDTheme as b}from"../theme/theme_context";import{ATTRIBUTION_TEST_ID as x,UseSmileIDAttribution as A}from"../components/use_smile_id_attribution";import{UseSmileIDCapturedImageOval as D}from"../components/use_smile_id_captured_image_oval";import{UseSmileIDCardSurface as T}from"../components/use_smile_id_card_surface";import{UseSmileIDConfirmationButtons as _}from"../components/use_smile_id_confirmation_buttons";import{useUseSmileIDLocalizations as P}from"../../l10n/use_smile_id_localizations_provider";import{resolvePreviewState as j}from"./helpers/preview_screen_helpers";export function UseSmileIDPreviewScreen(t){const m=b(),e=t.theme??m,r=P(),l=t.showAttribution??!0,o=j(t),[c,h]=w({width:0,height:0}),d=f=>{const{width:S,height:p}=f.nativeEvent.layout;h({width:S,height:p})},g=()=>{t.onAccept?.()},u=()=>{o.canRetake&&t.onReject?.()};return s(v,{edges:["left","right","bottom"],style:[a.root,{backgroundColor:e.colors.background}],testID:"si_preview_screen",onLayout:d,children:[i(D,{screenWidth:c.width,screenHeight:c.height,...o.hasImage&&t.capturedSelfiePath?{uri:t.capturedSelfiePath}:{},imageTestID:"si_preview_image",imageAccessibilityLabel:r.siPreviewAccessibilityImage,theme:e}),s(T,{theme:e,style:a.card,children:[i(n,{accessibilityRole:"header",style:{...e.typography.cardHeading,color:e.colors.primary,textAlign:"center",letterSpacing:-.425},children:r.siPreviewTitle}),i(n,{style:{...e.typography.cardCaption,color:e.colors.cardText,textAlign:"center",marginTop:e.spacing.extraSmall/2},children:r.siPreviewSubtitle}),i(I,{style:{marginTop:e.spacing.medium},children:i(_,{onAccept:g,onReject:u,acceptLabel:r.siPreviewConfirm,rejectLabel:r.siPreviewRetake,theme:e,testID:"si_preview_confirmation_buttons"})})]}),l?i(A,{theme:e,testID:x}):null]})}const a=y.create({root:{flex:1,overflow:"hidden"},card:{alignItems:"center"}});

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

@@ -51,4 +51,3 @@ export type UseSmileIDProcessingScreenProps = {
  * The oval scales to the leftover height above the card so the two never overlap.
  */
 export declare function UseSmileIDProcessingScreen(props: UseSmileIDProcessingScreenProps): import("react").JSX.Element;
-//# sourceMappingURL=use_smile_id_processing_screen.d.ts.map