@smileid/usesmileid 12.0.2 → 12.1.0

package/dist/presentation/components/use_smile_id_attribution.js

@@ -1,25 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { StyleSheet, useColorScheme, View } from "react-native";
-import { useUseSmileIDTheme } from "../theme/theme_context";
-import { useUseSmileIDLocalizations } from "../../l10n/use_smile_id_localizations_provider";
-import { SiAttribution } from "./icons";
-const NATIVE_WIDTH = 143;
-const NATIVE_HEIGHT = 16;
-/**
- * "Powered by Smile ID" footer rendered as the canonical SVG mark.
- * Tone follows the device colour scheme; `forceLightMode` overrides
- * to the light variant on always-light surfaces. Sized at the SVG's
- * native 143×16 aspect.
- */
-export function UseSmileIDAttribution(props) {
-    const themeFromContext = useUseSmileIDTheme();
-    const theme = props.theme ?? themeFromContext;
-    const loc = useUseSmileIDLocalizations();
-    const systemScheme = useColorScheme();
-    const tone = !props.forceLightMode && systemScheme === "dark" ? "dark" : "light";
-    return (_jsx(View, { style: [styles.container, { paddingVertical: theme.spacing.small }], testID: props.testID, accessibilityRole: "image", accessibilityLabel: loc.siCdPoweredBySmileId, children: _jsx(SiAttribution, { tone: tone, width: NATIVE_WIDTH, height: NATIVE_HEIGHT }) }));
-}
-const styles = StyleSheet.create({
-    container: { alignItems: "center" },
-});
-//# sourceMappingURL=use_smile_id_attribution.js.map
+"use strict";import{jsx as t}from"react/jsx-runtime";import{StyleSheet as c,useColorScheme as m,View as l}from"react-native";import{useUseSmileIDTheme as a}from"../theme/theme_context";import{useUseSmileIDLocalizations as I}from"../../l10n/use_smile_id_localizations_provider";import{SiAttribution as h}from"./icons";export const ATTRIBUTION_TEST_ID="si_powered_by";const d=143,S=16;export function UseSmileIDAttribution(e){const i=a(),o=e.theme??i,s=I(),n=m(),r=!e.forceLightMode&&n==="dark"?"dark":"light";return t(l,{style:[T.container,{paddingVertical:o.spacing.small}],testID:e.testID,accessibilityRole:"image",accessibilityLabel:s.siCdPoweredBySmileId,children:t(h,{tone:r,width:d,height:S})})}const T=c.create({container:{alignItems:"center"}});

package/dist/presentation/components/use_smile_id_back_button.d.ts

@@ -3,6 +3,8 @@ export type UseSmileIDBackButtonProps = {
     readonly onClick: () => void;
     /** Force light-mode rendering — used when the button sits over the white capture overlay. */
     readonly forceLightMode?: boolean;
+    /** Accessible name override; defaults to the localized `si_cd_back`. */
+    readonly accessibilityLabel?: string;
     readonly testID?: string;
     readonly theme?: UseSmileIDTheme;
 };
@@ -12,4 +14,3 @@ export type UseSmileIDBackButtonProps = {
  * directional-glyph exception).
  */
 export declare function UseSmileIDBackButton(props: UseSmileIDBackButtonProps): import("react").JSX.Element;
-//# sourceMappingURL=use_smile_id_back_button.d.ts.map

package/dist/presentation/components/use_smile_id_back_button.js

@@ -1,38 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { I18nManager, Pressable, StyleSheet, View } from "react-native";
-import { defaultLightTheme } from "../theme/theme";
-import { useUseSmileIDTheme } from "../theme/theme_context";
-import { SiArrowBack } from "./icons";
-const SIZE = 40;
-const ICON_SIZE = 24;
-/**
- * Circular back button — `offBlack` fill, `offWhite` arrow, hairline
- * `backButtonBorder` rim. The arrow mirrors in RTL (the documented
- * directional-glyph exception).
- */
-export function UseSmileIDBackButton(props) {
-    const themeFromContext = useUseSmileIDTheme();
-    const theme = props.forceLightMode
-        ? defaultLightTheme
-        : (props.theme ?? themeFromContext);
-    return (_jsx(Pressable, { onPress: props.onClick, accessibilityRole: "button", accessibilityLabel: "Back", testID: props.testID, style: ({ pressed }) => [
-            styles.button,
-            {
-                backgroundColor: theme.colors.offBlack,
-                borderColor: theme.colors.backButtonBorder,
-                opacity: pressed ? 0.7 : 1,
-            },
-        ], children: _jsx(View, { style: I18nManager.isRTL ? styles.mirrored : undefined, children: _jsx(SiArrowBack, { size: ICON_SIZE, color: theme.colors.offWhite }) }) }));
-}
-const styles = StyleSheet.create({
-    button: {
-        width: SIZE,
-        height: SIZE,
-        borderRadius: SIZE / 2,
-        borderWidth: 1,
-        alignItems: "center",
-        justifyContent: "center",
-    },
-    mirrored: { transform: [{ scaleX: -1 }] },
-});
-//# sourceMappingURL=use_smile_id_back_button.js.map
+"use strict";import{jsx as o}from"react/jsx-runtime";import{I18nManager as l,Pressable as m,StyleSheet as a,View as d}from"react-native";import{defaultLightTheme as f}from"../theme/theme";import{useUseSmileIDTheme as h}from"../theme/theme_context";import{useUseSmileIDLocalizations as b}from"../../l10n/use_smile_id_localizations_provider";import{SiArrowBack as u}from"./icons";const r=40,I=24;export function UseSmileIDBackButton(e){const s=h(),c=b(),t=e.forceLightMode?f:e.theme??s;return o(m,{onPress:e.onClick,accessibilityRole:"button",accessibilityLabel:e.accessibilityLabel??c.siCdBack,testID:e.testID,style:({pressed:n})=>[i.button,{backgroundColor:t.colors.offBlack,borderColor:t.colors.backButtonBorder,opacity:n?.7:1}],children:o(d,{style:l.isRTL?i.mirrored:void 0,children:o(u,{size:I,color:t.colors.offWhite})})})}const i=a.create({button:{width:r,height:r,borderRadius:r/2,borderWidth:1,alignItems:"center",justifyContent:"center"},mirrored:{transform:[{scaleX:-1}]}});

package/dist/presentation/components/use_smile_id_button.d.ts

@@ -17,4 +17,3 @@ export type UseSmileIDButtonProps = {
  * primary colour + primary-coloured label.
  */
 export declare function UseSmileIDButton(props: UseSmileIDButtonProps): import("react").JSX.Element;
-//# sourceMappingURL=use_smile_id_button.d.ts.map

package/dist/presentation/components/use_smile_id_button.js

@@ -1,69 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Pressable, StyleSheet, Text } from "react-native";
-import { defaultLightTheme } from "../theme/theme";
-import { useUseSmileIDTheme } from "../theme/theme_context";
-// Defensive fallbacks for partner themes constructed before the disabled
-// tokens existed (the tokens are optional on the public color type). The
-// SDK's own default palettes always supply concrete values.
-const DISABLED_BACKGROUND_FALLBACK = "#E4E7EC";
-const DISABLED_FOREGROUND_FALLBACK = "#98A2B3";
-/**
- * Pill-shaped primary / secondary button (48-dp height, 32-radius
- * corners).
- *
- * Secondary variant: transparent background + 2-pt stroke in the
- * primary colour + primary-coloured label.
- */
-export function UseSmileIDButton(props) {
-    const themeFromContext = useUseSmileIDTheme();
-    // `forceLightMode` wins over partner override — routes color reads
-    // through the canonical light palette regardless of system dark
-    // mode (used by the capture chrome).
-    const theme = props.forceLightMode
-        ? defaultLightTheme
-        : (props.theme ?? themeFromContext);
-    const enabled = props.enabled ?? true;
-    const disabled = !enabled;
-    const variant = props.variant ?? "primary";
-    const isSecondary = variant === "secondary";
-    return (_jsx(Pressable, { onPress: props.onClick, disabled: !enabled, accessibilityRole: "button", accessibilityState: { disabled: !enabled }, testID: props.testID, style: ({ pressed }) => [
-            styles.base,
-            {
-                borderRadius: theme.shapes.buttonRadius,
-                // Disabled buttons render a true neutral grey container (both
-                // variants), not a dimmed tint of the brand colour.
-                backgroundColor: disabled
-                    ? (theme.colors.disabledBackground ?? DISABLED_BACKGROUND_FALLBACK)
-                    : isSecondary
-                        ? "transparent"
-                        : theme.colors.primary,
-                borderColor: !disabled && isSecondary ? theme.colors.primary : "transparent",
-                borderWidth: !disabled && isSecondary ? 2 : 0,
-                opacity: disabled ? 1 : pressed ? 0.85 : 1,
-            },
-        ], children: _jsx(Text
-        // Shrink rather than truncate: a longer localized label must stay fully readable.
-        , { 
-            // Shrink rather than truncate: a longer localized label must stay fully readable.
-            numberOfLines: 2, adjustsFontSizeToFit: true, minimumFontScale: 0.75, style: {
-                ...theme.typography.button,
-                color: disabled
-                    ? (theme.colors.disabledForeground ?? DISABLED_FOREGROUND_FALLBACK)
-                    : isSecondary
-                        ? theme.colors.primary
-                        : theme.colors.primaryForeground,
-                textAlign: "center",
-            }, children: props.label }) }));
-}
-const styles = StyleSheet.create({
-    base: {
-        // `minHeight`, not `height`: the pill grows only for a label that has to wrap.
-        minHeight: 48,
-        paddingVertical: 8,
-        paddingHorizontal: 24,
-        alignItems: "center",
-        justifyContent: "center",
-        alignSelf: "stretch",
-    },
-});
-//# sourceMappingURL=use_smile_id_button.js.map
+"use strict";import{jsx as i}from"react/jsx-runtime";import{Pressable as l,StyleSheet as c,Text as d}from"react-native";import{defaultLightTheme as m}from"../theme/theme";import{useUseSmileIDTheme as b}from"../theme/theme_context";const u="#E4E7EC",y="#98A2B3";export function UseSmileIDButton(t){const s=b(),e=t.forceLightMode?m:t.theme??s,n=t.enabled??!0,r=!n,o=(t.variant??"primary")==="secondary";return i(l,{onPress:t.onClick,disabled:!n,accessibilityRole:"button",accessibilityState:{disabled:!n},testID:t.testID,style:({pressed:a})=>[h.base,{borderRadius:e.shapes.buttonRadius,backgroundColor:r?e.colors.disabledBackground??u:o?"transparent":e.colors.primary,borderColor:!r&&o?e.colors.primary:"transparent",borderWidth:!r&&o?2:0,opacity:r?1:a?.85:1}],children:i(d,{numberOfLines:2,adjustsFontSizeToFit:!0,minimumFontScale:.75,style:{...e.typography.button,color:r?e.colors.disabledForeground??y:o?e.colors.primary:e.colors.primaryForeground,textAlign:"center"},children:t.label})})}const h=c.create({base:{minHeight:48,paddingVertical:8,paddingHorizontal:24,alignItems:"center",justifyContent:"center",alignSelf:"stretch"}});

package/dist/presentation/components/use_smile_id_capture_content.d.ts

@@ -68,4 +68,3 @@ declare function UseSmileIDCaptureContentInner(props: UseSmileIDCaptureContentPr
  */
 export declare const UseSmileIDCaptureContent: import("react").MemoExoticComponent<typeof UseSmileIDCaptureContentInner>;
 export {};
-//# sourceMappingURL=use_smile_id_capture_content.d.ts.map

package/dist/presentation/components/use_smile_id_capture_content.js

@@ -1,137 +1 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useState } from "react";
-import { Pressable, StyleSheet, Text, View, } from "react-native";
-import { SafeAreaView } from "react-native-safe-area-context";
-import { CaptureType } from "../../core/models/ml_config";
-import { defaultLightTheme } from "../theme/theme";
-import { useUseSmileIDTheme } from "../theme/theme_context";
-import { isDocumentCaptureActive, UseSmileIDOverlayState, } from "../state/use_smile_id_overlay_state";
-import { SiOutlineClose } from "./icons";
-import { useUseSmileIDLocalizations } from "../../l10n/use_smile_id_localizations_provider";
-import { resolveFeedbackCopy } from "../screen/helpers/capture_screen_helpers";
-import { UseSmileIDAttribution } from "./use_smile_id_attribution";
-import { UseSmileIDBackButton } from "./use_smile_id_back_button";
-import { UseSmileIDButton } from "./use_smile_id_button";
-import { UseSmileIDDocumentOverlay } from "./use_smile_id_document_overlay";
-import { UseSmileIDDocumentCaptureControls } from "./use_smile_id_document_capture_controls";
-import { UseSmileIDFaceOverlay } from "./use_smile_id_face_overlay";
-import { UseSmileIDCaptureInstructionAnimation } from "./use_smile_id_capture_instruction_animation";
-import { UseSmileIDEnhancedSmartSelfieDirectionAnimation } from "./use_smile_id_enhanced_smart_selfie_direction_animation";
-import { UseSmileIDEnhancedSmartSelfieFullAnimation } from "./use_smile_id_enhanced_smart_selfie_full_animation";
-import { FaceOvalDefaults } from "./face_oval_defaults";
-/** Stable no-op for control callbacks that are gated off when absent. */
-const noop = () => { };
-function UseSmileIDCaptureContentInner(props) {
-    const themeFromContext = useUseSmileIDTheme();
-    const theme = props.theme ?? themeFromContext;
-    const loc = useUseSmileIDLocalizations();
-    const { state } = props;
-    const [canvas, setCanvas] = useState({
-        width: 0,
-        height: 0,
-    });
-    const onCanvasLayout = (e) => {
-        const { width, height } = e.nativeEvent.layout;
-        // Bail out on size-stable passes; a fresh object would re-render the overlay tree for nothing.
-        setCanvas((previous) => previous.width === width && previous.height === height
-            ? previous
-            : { width, height });
-        // Surface the viewport size; the screen dedupes no-change passes.
-        props.onViewportLayout?.({ width, height });
-    };
-    const isSelfie = state.captureType === CaptureType.selfie;
-    // Landscape document moves the close ✕ into the control lane; portrait /
-    // selfie keep it in the top bar. False until the canvas is measured.
-    const isLandscapeDocument = !isSelfie && canvas.width > canvas.height;
-    const feedback = state.feedbackKey
-        ? resolveFeedbackCopy(state.feedbackKey, loc)
-        : null;
-    const startCustom = props.startButton;
-    return (_jsxs(View, { style: [styles.root, { backgroundColor: theme.colors.offBlack }], testID: "si_capture_screen", onLayout: onCanvasLayout, children: [props.cameraPreview, canvas.width > 0 && canvas.height > 0 ? (_jsxs(_Fragment, { children: [isSelfie ? (_jsx(UseSmileIDFaceOverlay, { state: state.overlayState, progress: props.captureProgress, containerWidth: canvas.width, containerHeight: canvas.height, enableEnhancedLiveness: state.enableEnhancedLiveness, theme: theme })) : (_jsx(UseSmileIDDocumentOverlay, { state: state.overlayState, containerWidth: canvas.width, containerHeight: canvas.height, theme: theme, isBackSide: state.isBackSide ?? false, ...(state.documentTypeKind !== undefined
-                            ? { documentTypeKind: state.documentTypeKind }
-                            : {}), ...(state.knownIdAspectRatio !== undefined
-                            ? { knownIdAspectRatio: state.knownIdAspectRatio }
-                            : {}), ...(feedback !== null ? { feedbackText: feedback } : {}) })), isSelfie && !state.enableEnhancedLiveness ? (_jsx(UseSmileIDCaptureInstructionAnimation, { feedbackKey: state.feedbackKey, containerWidth: canvas.width, containerHeight: canvas.height })) : null, isSelfie && state.enableEnhancedLiveness ? (state.animationDirection !== null ? (_jsx(UseSmileIDEnhancedSmartSelfieDirectionAnimation, { direction: state.animationDirection, poseMatched: state.poseMatched, containerWidth: canvas.width, containerHeight: canvas.height })) : state.overlayState === UseSmileIDOverlayState.IDLE ? (_jsx(UseSmileIDEnhancedSmartSelfieFullAnimation, { containerWidth: canvas.width, containerHeight: canvas.height })) : null) : null, !isSelfie ? (_jsx(UseSmileIDDocumentCaptureControls, { showManualShutter: (state.showManualShutter ?? false) &&
-                            props.onManualShutter !== undefined &&
-                            !isDocumentCaptureActive(state.overlayState), showGallery: (state.showGalleryUpload ?? false) &&
-                            props.onGalleryUpload !== undefined &&
-                            !isDocumentCaptureActive(state.overlayState), isLandscape: canvas.width > canvas.height, enabled: props.documentControlsEnabled ?? true, onManualShutter: props.onManualShutter ?? noop, onGallery: props.onGalleryUpload ?? noop, shutterAccessibilityLabel: loc.siCdDocumentCaptureShutter, galleryAccessibilityLabel: loc.siCdDocumentGallery, closeAccessibilityLabel: loc.siCdClose, onClose: props.onClose })) : null] })) : null, _jsxs(SafeAreaView, { edges: ["top", "left", "right"], style: [
-                    styles.topBar,
-                    {
-                        paddingHorizontal: theme.spacing.medium,
-                        paddingTop: theme.spacing.medium,
-                    },
-                ], pointerEvents: "box-none", children: [props.onBack ? (_jsx(UseSmileIDBackButton, { onClick: props.onBack, forceLightMode: true, theme: theme, testID: "si_capture_back_button" })) : (_jsx(View, { style: styles.chromeSpacer })), props.onClose && !isLandscapeDocument ? (_jsx(Pressable, { onPress: props.onClose, accessibilityRole: "button", accessibilityLabel: loc.siCdClose, testID: "si_capture_close_button", style: ({ pressed }) => [
-                            styles.closeButton,
-                            {
-                                backgroundColor: defaultLightTheme.colors.offBlack,
-                                borderColor: defaultLightTheme.colors.backButtonBorder,
-                                opacity: pressed ? 0.7 : 1,
-                            },
-                        ], children: _jsx(SiOutlineClose, { size: 20, color: defaultLightTheme.colors.offWhite }) })) : null] }), feedback !== null && isSelfie ? (_jsx(View, { style: [
-                    styles.feedbackBubble,
-                    {
-                        paddingHorizontal: theme.spacing.medium,
-                        paddingVertical: theme.spacing.small,
-                    },
-                ], pointerEvents: "none", children: _jsx(Text, { style: {
-                        ...theme.typography.cardTitle,
-                        // The capture screen supplies the light-resolved partner theme, so
-                        // this stays light-on-light while honouring a partner `primary`.
-                        color: theme.colors.primary,
-                        textAlign: "center",
-                    }, testID: "si_capture_feedback_text", children: feedback }) })) : null, _jsxs(SafeAreaView, { edges: ["bottom", "left", "right"], style: [
-                    styles.bottom,
-                    {
-                        paddingHorizontal: theme.spacing.medium,
-                        paddingBottom: theme.spacing.large,
-                        gap: theme.spacing.small,
-                    },
-                ], pointerEvents: "box-none", children: [state.showCaptureButton ? (startCustom ? (startCustom({
-                        onClick: props.onStartCapture,
-                        enabled: props.startCaptureEnabled,
-                    })) : (_jsx(UseSmileIDButton, { label: loc.siCaptureStartButton, onClick: props.onStartCapture, variant: "primary", enabled: props.startCaptureEnabled, forceLightMode: true, theme: theme, testID: "si_capture_start_button" }))) : null, props.showAttribution && isSelfie ? (_jsx(UseSmileIDAttribution, { forceLightMode: true, theme: theme })) : null] })] }));
-}
-/**
- * Stateless capture renderer — camera slot, state-driven overlay, coaching /
- * ESS animations, back button, and Start Capture button. Memoized — callers
- * must keep non-snapshot props referentially stable.
- */
-export const UseSmileIDCaptureContent = memo(UseSmileIDCaptureContentInner);
-const styles = StyleSheet.create({
-    root: { flex: 1 },
-    topBar: {
-        position: "absolute",
-        top: 0,
-        start: 0,
-        end: 0,
-        flexDirection: "row",
-        justifyContent: "space-between",
-        alignItems: "flex-start",
-    },
-    closeButton: {
-        width: 40,
-        height: 40,
-        borderRadius: 20,
-        borderWidth: 1,
-        alignItems: "center",
-        justifyContent: "center",
-    },
-    // Reserves the back-button slot so the close button stays trailing when
-    // there is no back button.
-    chromeSpacer: { width: 40, height: 40 },
-    feedbackBubble: {
-        position: "absolute",
-        top: `${Math.round(FaceOvalDefaults.feedbackTopRatio * 100)}%`,
-        alignSelf: "center",
-        maxWidth: "85%",
-    },
-    bottom: {
-        position: "absolute",
-        bottom: 0,
-        start: 0,
-        end: 0,
-        alignItems: "center",
-    },
-});
-//# sourceMappingURL=use_smile_id_capture_content.js.map
+"use strict";import{jsx as i,Fragment as v,jsxs as c}from"react/jsx-runtime";import{memo as B,useState as A}from"react";import{Pressable as L,StyleSheet as T,Text as _,View as f}from"react-native";import{SafeAreaView as g}from"react-native-safe-area-context";import{CaptureType as U}from"../../core/models/ml_config";import{AttributionResolver as x}from"../flow/config/attribution_resolver";import{defaultLightTheme as b}from"../theme/theme";import{useUseSmileIDTheme as E}from"../theme/theme_context";import{isDocumentCaptureActive as y,UseSmileIDOverlayState as M}from"../state/use_smile_id_overlay_state";import{SiOutlineClose as K}from"./icons";import{useUseSmileIDLocalizations as F}from"../../l10n/use_smile_id_localizations_provider";import{resolveFeedbackCopy as H}from"../screen/helpers/capture_screen_helpers";import{ATTRIBUTION_TEST_ID as R,UseSmileIDAttribution as W}from"./use_smile_id_attribution";import{UseSmileIDBackButton as j}from"./use_smile_id_back_button";import{UseSmileIDButton as G}from"./use_smile_id_button";import{UseSmileIDDocumentOverlay as O}from"./use_smile_id_document_overlay";import{UseSmileIDDocumentCaptureControls as z}from"./use_smile_id_document_capture_controls";import{UseSmileIDFaceOverlay as P}from"./use_smile_id_face_overlay";import{UseSmileIDCaptureInstructionAnimation as V}from"./use_smile_id_capture_instruction_animation";import{enhancedSmartSelfieInstructionAnimationKey as N}from"./helpers/capture_instruction_animation_spec";import{UseSmileIDEnhancedSmartSelfieDirectionAnimation as $}from"./use_smile_id_enhanced_smart_selfie_direction_animation";import{UseSmileIDEnhancedSmartSelfieFullAnimation as q}from"./use_smile_id_enhanced_smart_selfie_full_animation";import{FaceOvalDefaults as J}from"./face_oval_defaults";const S=()=>{};function Q(t){const C=E(),n=t.theme??C,a=F(),{state:e}=t,[o,D]=A({width:0,height:0}),I=m=>{const{width:d,height:u}=m.nativeEvent.layout;D(h=>h.width===d&&h.height===u?h:{width:d,height:u}),t.onViewportLayout?.({width:d,height:u})},r=e.captureType===U.selfie,w=x.resolveForCapture({captureType:e.captureType,showAttribution:t.showAttribution}),k=!r&&o.width>o.height,s=e.feedbackKey?H(e.feedbackKey,a):null,p=t.startButton;return c(f,{style:[l.root,{backgroundColor:n.colors.offBlack}],testID:"si_capture_screen",onLayout:I,children:[t.cameraPreview,o.width>0&&o.height>0?c(v,{children:[r?i(P,{state:e.overlayState,progress:t.captureProgress,containerWidth:o.width,containerHeight:o.height,enableEnhancedLiveness:e.enableEnhancedLiveness,theme:n}):i(O,{state:e.overlayState,containerWidth:o.width,containerHeight:o.height,theme:n,isBackSide:e.isBackSide??!1,...e.documentTypeKind!==void 0?{documentTypeKind:e.documentTypeKind}:{},...e.knownIdAspectRatio!==void 0?{knownIdAspectRatio:e.knownIdAspectRatio}:{},...s!==null?{feedbackText:s}:{}}),r?i(V,{feedbackKey:e.enableEnhancedLiveness?N(e.feedbackKey):e.feedbackKey,containerWidth:o.width,containerHeight:o.height}):null,r&&e.enableEnhancedLiveness?e.animationDirection!==null?i($,{direction:e.animationDirection,poseMatched:e.poseMatched,containerWidth:o.width,containerHeight:o.height}):e.overlayState===M.IDLE?i(q,{containerWidth:o.width,containerHeight:o.height}):null:null,r?null:i(z,{showManualShutter:(e.showManualShutter??!1)&&t.onManualShutter!==void 0&&!y(e.overlayState),showGallery:(e.showGalleryUpload??!1)&&t.onGalleryUpload!==void 0&&!y(e.overlayState),isLandscape:o.width>o.height,enabled:t.documentControlsEnabled??!0,onManualShutter:t.onManualShutter??S,onGallery:t.onGalleryUpload??S,shutterAccessibilityLabel:a.siCdDocumentCaptureShutter,galleryAccessibilityLabel:a.siCdDocumentGallery,closeAccessibilityLabel:a.siCdClose,onClose:t.onClose})]}):null,c(g,{edges:["top","left","right"],style:[l.topBar,{paddingHorizontal:n.spacing.medium,paddingTop:n.spacing.medium}],pointerEvents:"box-none",children:[t.onBack?i(j,{onClick:t.onBack,forceLightMode:!0,theme:n,testID:"si_capture_back_button"}):i(f,{style:l.chromeSpacer}),t.onClose&&!k?i(L,{onPress:t.onClose,accessibilityRole:"button",accessibilityLabel:a.siCdClose,testID:"si_capture_close_button",style:({pressed:m})=>[l.closeButton,{backgroundColor:b.colors.offBlack,borderColor:b.colors.backButtonBorder,opacity:m?.7:1}],children:i(K,{size:20,color:b.colors.offWhite})}):null]}),s!==null&&r?i(f,{style:[l.feedbackBubble,{paddingHorizontal:n.spacing.medium,paddingVertical:n.spacing.small}],pointerEvents:"none",children:i(_,{style:{...n.typography.cardTitle,color:n.colors.primary,textAlign:"center"},testID:"si_capture_feedback_text",children:s})}):null,c(g,{edges:["bottom","left","right"],style:[l.bottom,{paddingHorizontal:n.spacing.medium,paddingBottom:n.spacing.large,gap:n.spacing.small}],pointerEvents:"box-none",children:[e.showCaptureButton?p?p({onClick:t.onStartCapture,enabled:t.startCaptureEnabled}):i(G,{label:a.siCaptureStartButton,onClick:t.onStartCapture,variant:"primary",enabled:t.startCaptureEnabled,forceLightMode:!0,theme:n,testID:"si_capture_start_button"}):null,w?i(W,{forceLightMode:!0,theme:n,testID:R}):null]})]})}export const UseSmileIDCaptureContent=B(Q);const l=T.create({root:{flex:1},topBar:{position:"absolute",top:0,start:0,end:0,flexDirection:"row",justifyContent:"space-between",alignItems:"flex-start"},closeButton:{width:40,height:40,borderRadius:20,borderWidth:1,alignItems:"center",justifyContent:"center"},chromeSpacer:{width:40,height:40},feedbackBubble:{position:"absolute",top:`${Math.round(J.feedbackTopRatio*100)}%`,alignSelf:"center",maxWidth:"85%"},bottom:{position:"absolute",bottom:0,start:0,end:0,alignItems:"center"}});

package/dist/presentation/components/use_smile_id_capture_instruction_animation.d.ts

@@ -7,9 +7,9 @@ export type UseSmileIDCaptureInstructionAnimationProps = {
 };
 /**
  * In-oval coaching cue (smile / fix lighting / rotate device) for the
- * standard selfie flow; reduced motion holds the final frame. The
- * caller gates rendering to selfie capture without Enhanced Smart
- * Selfie.
+ * selfie flows; reduced motion holds the final frame. The caller gates
+ * rendering to selfie capture and, under Enhanced Smart Selfie, passes
+ * only the lighting/orientation keys.
  *
  * Every cue stays mounted and is shown or hidden via opacity —
  * mounting a Lottie composition parses a large JSON document and
@@ -17,4 +17,3 @@ export type UseSmileIDCaptureInstructionAnimationProps = {
  * hitches visibly over the camera preview.
  */
 export declare function UseSmileIDCaptureInstructionAnimation(props: UseSmileIDCaptureInstructionAnimationProps): import("react").JSX.Element | null;
-//# sourceMappingURL=use_smile_id_capture_instruction_animation.d.ts.map

package/dist/presentation/components/use_smile_id_capture_instruction_animation.js

@@ -1,50 +1 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { View } from "react-native";
-import LottieView from "lottie-react-native";
-import { useReducedMotion } from "../utils/use_reduced_motion";
-import { FaceOvalDefaults } from "./face_oval_defaults";
-import { CAPTURE_INSTRUCTION_ANIMATION_SPECS, captureInstructionAnimationSpec, } from "./helpers/capture_instruction_animation_spec";
-/**
- * In-oval coaching cue (smile / fix lighting / rotate device) for the
- * standard selfie flow; reduced motion holds the final frame. The
- * caller gates rendering to selfie capture without Enhanced Smart
- * Selfie.
- *
- * Every cue stays mounted and is shown or hidden via opacity —
- * mounting a Lottie composition parses a large JSON document and
- * rebuilds the native render tree, so remounting per guidance flip
- * hitches visibly over the camera preview.
- */
-export function UseSmileIDCaptureInstructionAnimation(props) {
-    const reducedMotion = useReducedMotion();
-    if (props.containerWidth <= 0 || props.containerHeight <= 0) {
-        return null;
-    }
-    const activeSpec = captureInstructionAnimationSpec(props.feedbackKey);
-    const ovalCenterY = props.containerHeight * FaceOvalDefaults.ovalCenterYRatio;
-    return (_jsx(_Fragment, { children: CAPTURE_INSTRUCTION_ANIMATION_SPECS.map((spec) => {
-            const active = spec === activeSpec;
-            const boxHeight = props.containerHeight * spec.heightRatio;
-            const boxWidth = spec.widthRatio === null
-                ? boxHeight
-                : props.containerWidth * spec.widthRatio;
-            const boxTop = spec.topOffsetRatio !== null
-                ? props.containerHeight * spec.topOffsetRatio
-                : ovalCenterY - boxHeight / 2;
-            return (_jsx(View, { pointerEvents: "none", style: {
-                    position: "absolute",
-                    left: (props.containerWidth - boxWidth) / 2,
-                    top: boxTop,
-                    width: boxWidth,
-                    height: boxHeight,
-                    overflow: "hidden",
-                    opacity: active ? 1 : 0,
-                }, ...(active ? { testID: "si_capture_instruction_animation" } : {}), children: _jsx(LottieView, { source: spec.source, 
-                    // Inactive cues hold frame 0 with the animator parked so
-                    // hidden compositions cost no per-frame work.
-                    autoPlay: active && !reducedMotion, loop: active && !reducedMotion, ...(!active || reducedMotion
-                        ? { progress: active ? 1 : 0 }
-                        : {}), resizeMode: spec.resizeMode, style: { width: "100%", height: "100%" } }) }, spec.key));
-        }) }));
-}
-//# sourceMappingURL=use_smile_id_capture_instruction_animation.js.map
+"use strict";import{jsx as r,Fragment as l}from"react/jsx-runtime";import{View as d}from"react-native";import m from"lottie-react-native";import{useReducedMotion as s}from"../utils/use_reduced_motion";import{FaceOvalDefaults as f}from"./face_oval_defaults";import{CAPTURE_INSTRUCTION_ANIMATION_SPECS as g,captureInstructionAnimationSpec as R}from"./helpers/capture_instruction_animation_spec";export function UseSmileIDCaptureInstructionAnimation(i){const o=s();if(i.containerWidth<=0||i.containerHeight<=0)return null;const c=R(i.feedbackKey),h=i.containerHeight*f.ovalCenterYRatio;return r(l,{children:g.map(t=>{const e=t===c,n=i.containerHeight*t.heightRatio,a=t.widthRatio===null?n:i.containerWidth*t.widthRatio,u=t.topOffsetRatio!==null?i.containerHeight*t.topOffsetRatio:h-n/2;return r(d,{pointerEvents:"none",style:{position:"absolute",left:(i.containerWidth-a)/2,top:u,width:a,height:n,overflow:"hidden",opacity:e?1:0},...e?{testID:"si_capture_instruction_animation"}:{},children:r(m,{source:t.source,autoPlay:e&&!o,loop:e&&!o,...!e||o?{progress:e?1:0}:{},resizeMode:t.resizeMode,style:{width:"100%",height:"100%"}})},t.key)})})}

package/dist/presentation/components/use_smile_id_capture_spinner.d.ts

@@ -6,4 +6,3 @@ export type UseSmileIDCaptureSpinnerProps = {
     readonly testID?: string;
 };
 export declare const UseSmileIDCaptureSpinner: import("react").MemoExoticComponent<(props: UseSmileIDCaptureSpinnerProps) => import("react").JSX.Element>;
-//# sourceMappingURL=use_smile_id_capture_spinner.d.ts.map

package/dist/presentation/components/use_smile_id_capture_spinner.js

@@ -1,30 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo, useEffect, useRef } from "react";
-import { Animated, Easing } from "react-native";
-import Svg, { Circle } from "react-native-svg";
-const DEFAULT_SIZE = 64;
-const STROKE_WIDTH = 5;
-/** Fraction of the circumference the visible arc spans. */
-const ARC_FRACTION = 0.72;
-export const UseSmileIDCaptureSpinner = memo(function UseSmileIDCaptureSpinner(props) {
-    const size = props.size ?? DEFAULT_SIZE;
-    const radius = (size - STROKE_WIDTH) / 2;
-    const circumference = 2 * Math.PI * radius;
-    const rotation = useRef(new Animated.Value(0)).current;
-    useEffect(() => {
-        const loop = Animated.loop(Animated.timing(rotation, {
-            toValue: 1,
-            duration: 900,
-            easing: Easing.linear,
-            useNativeDriver: true,
-        }));
-        loop.start();
-        return () => loop.stop();
-    }, [rotation]);
-    const spin = rotation.interpolate({
-        inputRange: [0, 1],
-        outputRange: ["0deg", "360deg"],
-    });
-    return (_jsx(Animated.View, { style: { width: size, height: size, transform: [{ rotate: spin }] }, testID: props.testID, children: _jsx(Svg, { width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: _jsx(Circle, { cx: size / 2, cy: size / 2, r: radius, stroke: props.color, strokeWidth: STROKE_WIDTH, strokeLinecap: "round", fill: "none", strokeDasharray: `${circumference * ARC_FRACTION} ${circumference}` }) }) }));
-});
-//# sourceMappingURL=use_smile_id_capture_spinner.js.map
+"use strict";import{jsx as n}from"react/jsx-runtime";import{memo as m,useEffect as l,useRef as p}from"react";import{Animated as e,Easing as d}from"react-native";import f,{Circle as h}from"react-native-svg";const g=64,c=5,D=.72;export const UseSmileIDCaptureSpinner=m(function(r){const t=r.size??g,i=(t-c)/2,s=2*Math.PI*i,o=p(new e.Value(0)).current;l(()=>{const a=e.loop(e.timing(o,{toValue:1,duration:900,easing:d.linear,useNativeDriver:!0}));return a.start(),()=>a.stop()},[o]);const u=o.interpolate({inputRange:[0,1],outputRange:["0deg","360deg"]});return n(e.View,{style:{width:t,height:t,transform:[{rotate:u}]},testID:r.testID,children:n(f,{width:t,height:t,viewBox:`0 0 ${t} ${t}`,children:n(h,{cx:t/2,cy:t/2,r:i,stroke:r.color,strokeWidth:c,strokeLinecap:"round",fill:"none",strokeDasharray:`${s*D} ${s}`})})})});

package/dist/presentation/components/use_smile_id_captured_document_image.d.ts

@@ -3,7 +3,7 @@ import type { UseSmileIDTheme } from "../theme/theme";
 export type UseSmileIDCapturedDocumentImageProps = {
     /** Local file URI (`file:///…`) of the captured document side. */
     readonly uri?: string;
-    /** Capture-frame aspect ratio (width / height): ≥1 fills width (landscape), <1 fills height (portrait). */
+    /** Capture-frame aspect ratio (width / height) the box keeps while fitting the region. */
     readonly aspectRatio: number;
     /** Content centered over the document rect — e.g. the processing-screen status badge. */
     readonly overlayChild?: ReactNode;
@@ -14,9 +14,8 @@ export type UseSmileIDCapturedDocumentImageProps = {
     readonly theme?: UseSmileIDTheme;
 };
 /**
- * Captured document image at its capture aspect, clipped to an 8dp rounded
- * rectangle — the rectangular counterpart to {@link UseSmileIDCapturedImageOval}.
- * Shared by the document preview and the processing screen's document variant.
+ * Captured document image at its capture aspect, clipped to an 8dp rounded rectangle and sized
+ * to the largest box that fits the padded region — the rectangular counterpart to
+ * {@link UseSmileIDCapturedImageOval}. Shared by the document preview and the processing screen.
  */
 export declare function UseSmileIDCapturedDocumentImage(props: UseSmileIDCapturedDocumentImageProps): import("react").JSX.Element;
-//# sourceMappingURL=use_smile_id_captured_document_image.d.ts.map

package/dist/presentation/components/use_smile_id_captured_document_image.js

@@ -1,39 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Image, StyleSheet, View } from "react-native";
-import { useUseSmileIDTheme } from "../theme/theme_context";
-const CORNER_RADIUS = 8;
-/**
- * Captured document image at its capture aspect, clipped to an 8dp rounded
- * rectangle — the rectangular counterpart to {@link UseSmileIDCapturedImageOval}.
- * Shared by the document preview and the processing screen's document variant.
- */
-export function UseSmileIDCapturedDocumentImage(props) {
-    const themeFromContext = useUseSmileIDTheme();
-    const theme = props.theme ?? themeFromContext;
-    const aspectRatio = props.aspectRatio;
-    const fill = aspectRatio >= 1 ? styles.fillWidth : styles.fillHeight;
-    return (_jsx(View, { style: [styles.region, { paddingHorizontal: theme.spacing.large }], testID: props.testID, children: _jsxs(View, { style: [styles.imageBox, fill, { aspectRatio }], children: [props.uri ? (_jsx(Image, { source: { uri: props.uri }, resizeMode: "cover", style: styles.image, testID: props.imageTestID, ...(props.imageAccessibilityLabel
-                        ? {
-                            accessible: true,
-                            accessibilityRole: "image",
-                            accessibilityLabel: props.imageAccessibilityLabel,
-                        }
-                        : {}) })) : null, props.overlayChild ? (_jsx(View, { pointerEvents: "box-none", style: styles.overlay, children: props.overlayChild })) : null] }) }));
-}
-const styles = StyleSheet.create({
-    region: { flex: 1, alignItems: "center", justifyContent: "center" },
-    imageBox: { borderRadius: CORNER_RADIUS },
-    fillWidth: { width: "100%" },
-    fillHeight: { height: "100%" },
-    image: { width: "100%", height: "100%", borderRadius: CORNER_RADIUS },
-    overlay: {
-        position: "absolute",
-        top: 0,
-        bottom: 0,
-        start: 0,
-        end: 0,
-        alignItems: "center",
-        justifyContent: "center",
-    },
-});
-//# sourceMappingURL=use_smile_id_captured_document_image.js.map
+"use strict";import{jsx as o,jsxs as f}from"react/jsx-runtime";import{useState as I}from"react";import{Image as x,StyleSheet as R,View as n}from"react-native";import{useUseSmileIDTheme as D}from"../theme/theme_context";import{fitCapturedDocumentImage as C}from"./helpers/captured_document_image_fit";const m=8;export function UseSmileIDCapturedDocumentImage(e){const h=D(),g=e.theme??h,s=e.aspectRatio,a=g.spacing.large,[l,d]=I({width:0,height:0}),u=b=>{const{width:c,height:r}=b.nativeEvent.layout;d(i=>i.width===c&&i.height===r?i:{width:c,height:r})},y=C(s,l.width-2*a,l.height)??{...t.fillWidth,aspectRatio:s};return o(n,{style:[t.region,{paddingHorizontal:a}],onLayout:u,testID:e.testID,children:f(n,{style:[t.imageBox,y],children:[e.uri?o(x,{source:{uri:e.uri},resizeMode:"cover",style:t.image,testID:e.imageTestID,...e.imageAccessibilityLabel?{accessible:!0,accessibilityRole:"image",accessibilityLabel:e.imageAccessibilityLabel}:{}}):null,e.overlayChild?o(n,{pointerEvents:"box-none",style:t.overlay,children:e.overlayChild}):null]})})}const t=R.create({region:{flex:1,alignItems:"center",justifyContent:"center"},imageBox:{borderRadius:m},fillWidth:{width:"100%"},image:{width:"100%",height:"100%",borderRadius:m},overlay:{position:"absolute",top:0,bottom:0,start:0,end:0,alignItems:"center",justifyContent:"center"}});

package/dist/presentation/components/use_smile_id_captured_image_oval.d.ts

@@ -38,4 +38,3 @@ export type UseSmileIDCapturedImageOvalProps = {
  * the uniform page background; no scrim is painted.
  */
 export declare function UseSmileIDCapturedImageOval(props: UseSmileIDCapturedImageOvalProps): import("react").JSX.Element;
-//# sourceMappingURL=use_smile_id_captured_image_oval.d.ts.map

package/dist/presentation/components/use_smile_id_captured_image_oval.js

@@ -1,63 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId, useState } from "react";
-import { StyleSheet, View } from "react-native";
-import Svg, { ClipPath, Defs, Ellipse, Image as SvgImage, } from "react-native-svg";
-import { useUseSmileIDTheme } from "../theme/theme_context";
-import { computeScaledOvalGeometry } from "./helpers/scaled_oval_geometry";
-/**
- * Layout region that holds the captured selfie clipped to the face
- * oval. The region fills the leftover vertical space above the bottom
- * card (`flex: 1`) and measures its own height; the oval is then
- * scaled to fit so the card below it is never overlapped.
- *
- * The image is drawn through `react-native-svg` (`<Image>` constrained
- * to the oval bounds, clipped by an `<Ellipse>`) — RN's `borderRadius`
- * can't express the ~1:1.26 ellipse on Android. Outside the oval is
- * the uniform page background; no scrim is painted.
- */
-export function UseSmileIDCapturedImageOval(props) {
-    const themeFromContext = useUseSmileIDTheme();
-    const theme = props.theme ?? themeFromContext;
-    const [regionHeight, setRegionHeight] = useState(0);
-    // Unique per instance so the SVG clip-path id never collides when two
-    // ovals are mounted at once (e.g. preview + processing during a
-    // navigation transition, or on React Native Web where SVG ids are
-    // document-global). `useId()` contains ':' which isn't valid in an id,
-    // so strip it.
-    const clipId = `si_oval_clip_${useId().replace(/:/g, "")}`;
-    const onLayout = (event) => {
-        // Re-measure on rotation / split-screen so the oval scale tracks
-        // the new region height rather than freezing on first layout.
-        setRegionHeight(event.nativeEvent.layout.height);
-    };
-    const ready = props.screenWidth > 0 && props.screenHeight > 0 && regionHeight > 0;
-    const geometry = ready
-        ? computeScaledOvalGeometry(props.screenWidth, props.screenHeight, regionHeight, theme.spacing.medium)
-        : null;
-    const visible = geometry !== null && geometry.scale > 0;
-    const ovalRect = geometry
-        ? {
-            width: geometry.ovalWidth,
-            height: geometry.ovalHeight,
-            left: geometry.ovalLeft,
-            top: geometry.ovalTop,
-        }
-        : { width: 0, height: 0, left: 0, top: 0 };
-    return (_jsxs(View, { style: styles.region, onLayout: onLayout, testID: props.testID, children: [props.uri ? (_jsx(View, { pointerEvents: "none", style: [styles.oval, ovalRect], testID: props.imageTestID, ...(props.imageAccessibilityLabel
-                    ? {
-                        accessible: true,
-                        accessibilityRole: "image",
-                        accessibilityLabel: props.imageAccessibilityLabel,
-                    }
-                    : {}), children: visible && geometry ? (_jsxs(Svg, { width: "100%", height: "100%", viewBox: `0 0 ${geometry.ovalWidth} ${geometry.ovalHeight}`, children: [_jsx(Defs, { children: _jsx(ClipPath, { id: clipId, children: _jsx(Ellipse, { cx: geometry.ovalWidth / 2, cy: geometry.ovalHeight / 2, rx: geometry.ovalWidth / 2, ry: geometry.ovalHeight / 2 }) }) }), _jsx(SvgImage, { href: { uri: props.uri }, x: 0, y: 0, width: geometry.ovalWidth, height: geometry.ovalHeight, preserveAspectRatio: "xMidYMid slice", clipPath: `url(#${clipId})` })] })) : null })) : null, props.overlayChild && visible ? (_jsx(View, { pointerEvents: "box-none", style: [styles.overlay, ovalRect], children: props.overlayChild })) : null] }));
-}
-const styles = StyleSheet.create({
-    region: { flex: 1 },
-    oval: { position: "absolute" },
-    overlay: {
-        position: "absolute",
-        alignItems: "center",
-        justifyContent: "center",
-    },
-});
-//# sourceMappingURL=use_smile_id_captured_image_oval.js.map
+"use strict";import{jsx as i,jsxs as h}from"react/jsx-runtime";import{useId as u,useState as y}from"react";import{StyleSheet as f,View as l}from"react-native";import x,{ClipPath as b,Defs as I,Ellipse as H,Image as S}from"react-native-svg";import{useUseSmileIDTheme as D}from"../theme/theme_context";import{computeScaledOvalGeometry as W}from"./helpers/scaled_oval_geometry";export function UseSmileIDCapturedImageOval(t){const r=D(),m=t.theme??r,[a,g]=y(0),n=`si_oval_clip_${u().replace(/:/g,"")}`,v=d=>{g(d.nativeEvent.layout.height)},e=t.screenWidth>0&&t.screenHeight>0&&a>0?W(t.screenWidth,t.screenHeight,a,m.spacing.medium):null,s=e!==null&&e.scale>0,c=e?{width:e.ovalWidth,height:e.ovalHeight,left:e.ovalLeft,top:e.ovalTop}:{width:0,height:0,left:0,top:0};return h(l,{style:o.region,onLayout:v,testID:t.testID,children:[t.uri?i(l,{pointerEvents:"none",style:[o.oval,c],testID:t.imageTestID,...t.imageAccessibilityLabel?{accessible:!0,accessibilityRole:"image",accessibilityLabel:t.imageAccessibilityLabel}:{},children:s&&e?h(x,{width:"100%",height:"100%",viewBox:`0 0 ${e.ovalWidth} ${e.ovalHeight}`,children:[i(I,{children:i(b,{id:n,children:i(H,{cx:e.ovalWidth/2,cy:e.ovalHeight/2,rx:e.ovalWidth/2,ry:e.ovalHeight/2})})}),i(S,{href:{uri:t.uri},x:0,y:0,width:e.ovalWidth,height:e.ovalHeight,preserveAspectRatio:"xMidYMid slice",clipPath:`url(#${n})`})]}):null}):null,t.overlayChild&&s?i(l,{pointerEvents:"box-none",style:[o.overlay,c],children:t.overlayChild}):null]})}const o=f.create({region:{flex:1},oval:{position:"absolute"},overlay:{position:"absolute",alignItems:"center",justifyContent:"center"}});

package/dist/presentation/components/use_smile_id_card_surface.d.ts

@@ -14,4 +14,3 @@ export type UseSmileIDCardSurfaceProps = {
  * confirmation tiles and buttons inside keep their own press feedback.
  */
 export declare function UseSmileIDCardSurface(props: UseSmileIDCardSurfaceProps): import("react").JSX.Element;
-//# sourceMappingURL=use_smile_id_card_surface.d.ts.map

package/dist/presentation/components/use_smile_id_card_surface.js

@@ -1,37 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { StyleSheet, View } from "react-native";
-import { useUseSmileIDTheme } from "../theme/theme_context";
-const SIDE_MARGIN = 24;
-// Soft upward shadow — the card lifts off the page toward the oval
-// above it. A negative Y offset is required; Android `elevation` can
-// only cast downward, so the `boxShadow` style prop is used instead.
-// `boxShadow` renders on iOS + Android under the New Architecture
-// (RN 0.81+, enabled here); on the legacy renderer it degrades to no
-// shadow rather than an incorrect downward one.
-const UPWARD_SHADOW = "0px -12px 24px rgba(0,0,0,0.06)";
-/**
- * White rounded card pinned at the bottom of the capture review
- * surfaces (preview + processing). Carries the soft upward shadow and
- * 24dp side margins. Intentionally has no `overflow: "hidden"` so the
- * confirmation tiles and buttons inside keep their own press feedback.
- */
-export function UseSmileIDCardSurface(props) {
-    const themeFromContext = useUseSmileIDTheme();
-    const theme = props.theme ?? themeFromContext;
-    return (_jsx(View, { testID: props.testID, style: [
-            styles.card,
-            {
-                backgroundColor: theme.colors.cardBackground,
-                borderRadius: theme.shapes.cardRadius,
-                padding: theme.spacing.large,
-            },
-            props.style,
-        ], children: props.children }));
-}
-const styles = StyleSheet.create({
-    card: {
-        marginHorizontal: SIDE_MARGIN,
-        boxShadow: UPWARD_SHADOW,
-    },
-});
-//# sourceMappingURL=use_smile_id_card_surface.js.map
+"use strict";import{jsx as o}from"react/jsx-runtime";import{StyleSheet as a,View as s}from"react-native";import{useUseSmileIDTheme as c}from"../theme/theme_context";const n=24,d="0px -12px 24px rgba(0,0,0,0.06)";export function UseSmileIDCardSurface(e){const r=c(),t=e.theme??r;return o(s,{testID:e.testID,style:[i.card,{backgroundColor:t.colors.cardBackground,borderRadius:t.shapes.cardRadius,padding:t.spacing.large},e.style],children:e.children})}const i=a.create({card:{marginHorizontal:n,boxShadow:d}});

package/dist/presentation/components/use_smile_id_confirmation_buttons.d.ts

@@ -15,4 +15,3 @@ export type UseSmileIDConfirmationButtonsProps = {
  * label; the caption is decorative.
  */
 export declare function UseSmileIDConfirmationButtons(props: UseSmileIDConfirmationButtonsProps): import("react").JSX.Element;
-//# sourceMappingURL=use_smile_id_confirmation_buttons.d.ts.map