@smileid/usesmileid 12.0.0-beta01

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

@@ -0,0 +1,58 @@
+import { type ReactNode } from "react";
+import type { ScanHeadTurnDirection } from "@smileid/usesmileid_bridge";
+import { CaptureType } from "../../core/models/ml_config";
+import { type UseSmileIDTheme } from "../theme/theme";
+import { type UseSmileIDOverlayState as OverlayState } from "../state/use_smile_id_overlay_state";
+import type { SiKey } from "../../l10n/strings_en";
+/** Immutable snapshot the capture renderer draws from (one per scan-state update). */
+export type UseSmileIDCaptureContentState = {
+    readonly captureType: CaptureType;
+    readonly overlayState: OverlayState;
+    readonly enableEnhancedLiveness: boolean;
+    /** Active ESS head-turn direction, null outside a turn. */
+    readonly animationDirection: ScanHeadTurnDirection | null;
+    /** `true` while the head pose holds {@link animationDirection} — switches the cue grey→green. */
+    readonly poseMatched: boolean;
+    /** Settled (debounced) si_* feedback key; null hides the feedback bubble. */
+    readonly feedbackKey: SiKey | null;
+    /** Show the Start Capture control (pre-flight instruction state only). */
+    readonly showCaptureButton: boolean;
+    readonly knownIdAspectRatio?: number;
+    /** Document manual shutter availability (capture-mode + fallback-timer driven). Ignored for selfie. */
+    readonly showManualShutter?: boolean;
+    /** Document gallery-upload availability (`allowGalleryUpload`). Ignored for selfie. */
+    readonly showGalleryUpload?: boolean;
+};
+export type UseSmileIDCaptureContentProps = {
+    readonly state: UseSmileIDCaptureContentState;
+    /** 0..1 — bottom-to-top oval fill; always 0 under Enhanced Smart Selfie. */
+    readonly captureProgress: number;
+    /** Camera preview slot — previews/tests inject an inert placeholder. */
+    readonly cameraPreview: ReactNode;
+    readonly onStartCapture: () => void;
+    readonly startCaptureEnabled: boolean;
+    readonly onBack?: (() => void) | undefined;
+    /** Close/cancel the whole flow (document capture chrome — top-right X). */
+    readonly onClose?: (() => void) | undefined;
+    readonly showAttribution: boolean;
+    readonly startButton?: ((props: {
+        onClick: () => void;
+        enabled: boolean;
+    }) => ReactNode) | undefined;
+    /** Manual shutter tap (document capture). Captures a still + delivers it. */
+    readonly onManualShutter?: (() => void) | undefined;
+    /** Gallery upload tap (document capture). Opens the photo library. */
+    readonly onGalleryUpload?: (() => void) | undefined;
+    /** Disables document controls while a manual/gallery delivery is in flight. */
+    readonly documentControlsEnabled?: boolean | undefined;
+    readonly theme?: UseSmileIDTheme | undefined;
+};
+declare function UseSmileIDCaptureContentInner(props: UseSmileIDCaptureContentProps): import("react").JSX.Element;
+/**
+ * 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 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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_capture_content.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_capture_content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AASvD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAqB,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEzE,OAAO,EAGL,KAAK,sBAAsB,IAAI,YAAY,EAC5C,MAAM,qCAAqC,CAAC;AAE7C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAcnD,sFAAsF;AACtF,MAAM,MAAM,6BAA6B,GAAG;IAC1C,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAClC,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC;IACpC,QAAQ,CAAC,sBAAsB,EAAE,OAAO,CAAC;IACzC,2DAA2D;IAC3D,QAAQ,CAAC,kBAAkB,EAAE,qBAAqB,GAAG,IAAI,CAAC;IAC1D,iGAAiG;IACjG,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,6EAA6E;IAC7E,QAAQ,CAAC,WAAW,EAAE,KAAK,GAAG,IAAI,CAAC;IACnC,0EAA0E;IAC1E,QAAQ,CAAC,iBAAiB,EAAE,OAAO,CAAC;IACpC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IACrC,uGAAuG;IACvG,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IACrC,uFAAuF;IACvF,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG;IAC1C,QAAQ,CAAC,KAAK,EAAE,6BAA6B,CAAC;IAC9C,4EAA4E;IAC5E,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,wEAAwE;IACxE,QAAQ,CAAC,aAAa,EAAE,SAAS,CAAC;IAClC,QAAQ,CAAC,cAAc,EAAE,MAAM,IAAI,CAAC;IACpC,QAAQ,CAAC,mBAAmB,EAAE,OAAO,CAAC;IACtC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3C,2EAA2E;IAC3E,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAC5C,QAAQ,CAAC,eAAe,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,WAAW,CAAC,EACjB,CAAC,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,SAAS,CAAC,GACjE,SAAS,CAAC;IACd,6EAA6E;IAC7E,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACpD,sEAAsE;IACtE,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACpD,+EAA+E;IAC/E,QAAQ,CAAC,uBAAuB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACvD,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;CAC9C,CAAC;AAKF,iBAAS,6BAA6B,CAAC,KAAK,EAAE,6BAA6B,+BA2N1E;AAED;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,2EAAsC,CAAC"}

package/dist/presentation/components/use_smile_id_capture_content.js

@@ -0,0 +1,131 @@
+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 });
+    };
+    const isSelfie = state.captureType === CaptureType.selfie;
+    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, ...(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, { capturing: isDocumentCaptureActive(state.overlayState), 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 })) : null] })) : null, _jsxs(SafeAreaView, { edges: ["top"], 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 ? (_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,
+                        // Light-palette forced: overlay is locked to light mode (selfie navy-on-white).
+                        color: isSelfie
+                            ? defaultLightTheme.colors.primary
+                            : defaultLightTheme.colors.captureFeedbackText,
+                        textAlign: "center",
+                    }, testID: "si_capture_feedback_text", children: feedback }) })) : null, _jsxs(SafeAreaView, { edges: ["bottom"], 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

package/dist/presentation/components/use_smile_id_capture_content.js.map

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

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

@@ -0,0 +1,20 @@
+import type { SiKey } from "../../l10n/strings_en";
+export type UseSmileIDCaptureInstructionAnimationProps = {
+    /** Stable (debounced) si_* feedback key; keys without a cue render nothing. */
+    readonly feedbackKey: SiKey | null;
+    readonly containerWidth: number;
+    readonly containerHeight: number;
+};
+/**
+ * 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 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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_capture_instruction_animation.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_capture_instruction_animation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAQnD,MAAM,MAAM,0CAA0C,GAAG;IACvD,+EAA+E;IAC/E,QAAQ,CAAC,WAAW,EAAE,KAAK,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;CAClC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,qCAAqC,CACnD,KAAK,EAAE,0CAA0C,sCAsDlD"}

package/dist/presentation/components/use_smile_id_capture_instruction_animation.js

@@ -0,0 +1,50 @@
+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

package/dist/presentation/components/use_smile_id_capture_instruction_animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_capture_instruction_animation.js","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_capture_instruction_animation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EACL,mCAAmC,EACnC,+BAA+B,GAChC,MAAM,8CAA8C,CAAC;AAStD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,qCAAqC,CACnD,KAAiD;IAEjD,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,IAAI,KAAK,CAAC,cAAc,IAAI,CAAC,IAAI,KAAK,CAAC,eAAe,IAAI,CAAC,EAAE,CAAC;QAC5D,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,UAAU,GAAG,+BAA+B,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IACtE,MAAM,WAAW,GAAG,KAAK,CAAC,eAAe,GAAG,gBAAgB,CAAC,gBAAgB,CAAC;IAE9E,OAAO,CACL,4BACG,mCAAmC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAChD,MAAM,MAAM,GAAG,IAAI,KAAK,UAAU,CAAC;YACnC,MAAM,SAAS,GAAG,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC,WAAW,CAAC;YAC3D,MAAM,QAAQ,GACZ,IAAI,CAAC,UAAU,KAAK,IAAI;gBACtB,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC;YAC7C,MAAM,MAAM,GACV,IAAI,CAAC,cAAc,KAAK,IAAI;gBAC1B,CAAC,CAAC,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC,cAAc;gBAC7C,CAAC,CAAC,WAAW,GAAG,SAAS,GAAG,CAAC,CAAC;YAClC,OAAO,CACL,KAAC,IAAI,IAEH,aAAa,EAAC,MAAM,EACpB,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,IAAI,EAAE,CAAC,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC,GAAG,CAAC;oBAC3C,GAAG,EAAE,MAAM;oBACX,KAAK,EAAE,QAAQ;oBACf,MAAM,EAAE,SAAS;oBACjB,QAAQ,EAAE,QAAQ;oBAClB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;iBACxB,KACG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,kCAAkC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAElE,KAAC,UAAU,IACT,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,yDAAyD;oBACzD,8CAA8C;oBAC9C,QAAQ,EAAE,MAAM,IAAI,CAAC,aAAa,EAClC,IAAI,EAAE,MAAM,IAAI,CAAC,aAAa,KAC1B,CAAC,CAAC,MAAM,IAAI,aAAa;wBAC3B,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;wBAC9B,CAAC,CAAC,EAAE,CAAC,EACP,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GACxC,IAxBG,IAAI,CAAC,GAAG,CAyBR,CACR,CAAC;QACJ,CAAC,CAAC,GACD,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,9 @@
+/** Indeterminate capture spinner — a rotating arc shown while capture is committing. */
+export type UseSmileIDCaptureSpinnerProps = {
+    /** Arc colour — the capture-ready green (`ovalActive`). */
+    readonly color: string;
+    readonly size?: number;
+    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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_capture_spinner.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_capture_spinner.tsx"],"names":[],"mappings":"AAIA,wFAAwF;AACxF,MAAM,MAAM,6BAA6B,GAAG;IAC1C,2DAA2D;IAC3D,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAOF,eAAO,MAAM,wBAAwB,8CAC5B,6BAA6B,iCA4CpC,CAAC"}

package/dist/presentation/components/use_smile_id_capture_spinner.js

@@ -0,0 +1,30 @@
+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

package/dist/presentation/components/use_smile_id_capture_spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_capture_spinner.js","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_capture_spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,GAAG,EAAE,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAU/C,MAAM,YAAY,GAAG,EAAE,CAAC;AACxB,MAAM,YAAY,GAAG,CAAC,CAAC;AACvB,2DAA2D;AAC3D,MAAM,YAAY,GAAG,IAAI,CAAC;AAE1B,MAAM,CAAC,MAAM,wBAAwB,GAAG,IAAI,CAAC,SAAS,wBAAwB,CAC5E,KAAoC;IAEpC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,YAAY,CAAC;IACxC,MAAM,MAAM,GAAG,CAAC,IAAI,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IACzC,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC;IAE3C,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IACvD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CACxB,QAAQ,CAAC,MAAM,CAAC,QAAQ,EAAE;YACxB,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,eAAe,EAAE,IAAI;SACtB,CAAC,CACH,CAAC;QACF,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IAC3B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,IAAI,GAAG,QAAQ,CAAC,WAAW,CAAC;QAChC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QAClB,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;KAChC,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,QAAQ,CAAC,IAAI,IACZ,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,EACnE,MAAM,EAAE,KAAK,CAAC,MAAM,YAEpB,KAAC,GAAG,IAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI,IAAI,EAAE,YAC5D,KAAC,MAAM,IACL,EAAE,EAAE,IAAI,GAAG,CAAC,EACZ,EAAE,EAAE,IAAI,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,EACT,MAAM,EAAE,KAAK,CAAC,KAAK,EACnB,WAAW,EAAE,YAAY,EACzB,aAAa,EAAC,OAAO,EACrB,IAAI,EAAC,MAAM,EACX,eAAe,EAAE,GAAG,aAAa,GAAG,YAAY,IAAI,aAAa,EAAE,GACnE,GACE,GACQ,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,23 @@
+import type { ReactNode } from "react";
+import { type DocumentOrientation } from "../../core/models/document_type";
+import type { UseSmileIDTheme } from "../theme/theme";
+export type UseSmileIDCapturedDocumentImageProps = {
+    /** Local file URI (`file:///…`) of the captured document side. */
+    readonly uri?: string;
+    /** Drives the frame aspect: landscape fills width, portrait fills height. */
+    readonly orientation: DocumentOrientation;
+    /** Content centered over the document rect — e.g. the processing-screen status badge. */
+    readonly overlayChild?: ReactNode;
+    /** Accessible name for the image; when unset the image stays decorative. */
+    readonly imageAccessibilityLabel?: string;
+    readonly imageTestID?: string;
+    readonly testID?: string;
+    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.
+ */
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_captured_document_image.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_captured_document_image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,MAAM,MAAM,oCAAoC,GAAG;IACjD,kEAAkE;IAClE,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,6EAA6E;IAC7E,QAAQ,CAAC,WAAW,EAAE,mBAAmB,CAAC;IAC1C,yFAAyF;IACzF,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC;IAClC,4EAA4E;IAC5E,QAAQ,CAAC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAC1C,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC;CAClC,CAAC;AAIF;;;;GAIG;AACH,wBAAgB,+BAA+B,CAC7C,KAAK,EAAE,oCAAoC,+BAqC5C"}

package/dist/presentation/components/use_smile_id_captured_document_image.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Image, StyleSheet, View } from "react-native";
+import { defaultFrameAspectRatio, } from "../../core/models/document_type";
+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 = defaultFrameAspectRatio(props.orientation);
+    // Landscape (aspect ≥ 1) is width-bound; portrait is height-bound.
+    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

package/dist/presentation/components/use_smile_id_captured_document_image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_captured_document_image.js","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_captured_document_image.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EACL,uBAAuB,GAExB,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAgB5D,MAAM,aAAa,GAAG,CAAC,CAAC;AAExB;;;;GAIG;AACH,MAAM,UAAU,+BAA+B,CAC7C,KAA2C;IAE3C,MAAM,gBAAgB,GAAG,kBAAkB,EAAE,CAAC;IAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,gBAAgB,CAAC;IAC9C,MAAM,WAAW,GAAG,uBAAuB,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/D,mEAAmE;IACnE,MAAM,IAAI,GAAG,WAAW,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC;IAErE,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,EAClE,MAAM,EAAE,KAAK,CAAC,MAAM,YAEpB,MAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,CAAC,aAClD,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CACX,KAAC,KAAK,IACJ,MAAM,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,EAC1B,UAAU,EAAC,OAAO,EAClB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,MAAM,EAAE,KAAK,CAAC,WAAW,KACrB,CAAC,KAAK,CAAC,uBAAuB;wBAChC,CAAC,CAAC;4BACE,UAAU,EAAE,IAAI;4BAChB,iBAAiB,EAAE,OAAgB;4BACnC,kBAAkB,EAAE,KAAK,CAAC,uBAAuB;yBAClD;wBACH,CAAC,CAAC,EAAE,CAAC,GACP,CACH,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CACpB,KAAC,IAAI,IAAC,aAAa,EAAC,UAAU,EAAC,KAAK,EAAE,MAAM,CAAC,OAAO,YACjD,KAAK,CAAC,YAAY,GACd,CACR,CAAC,CAAC,CAAC,IAAI,IACH,GACF,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE;IACnE,QAAQ,EAAE,EAAE,YAAY,EAAE,aAAa,EAAE;IACzC,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;IAC5B,UAAU,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;IAC9B,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE;IACrE,OAAO,EAAE;QACP,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,CAAC;QACR,GAAG,EAAE,CAAC;QACN,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,41 @@
+import { type ReactNode } from "react";
+import type { UseSmileIDTheme } from "../theme/theme";
+export type UseSmileIDCapturedImageOvalProps = {
+    /**
+     * Full screen width. The oval proportions are sized against the
+     * screen (not this region) so they match the live capture screen.
+     */
+    readonly screenWidth: number;
+    /** Full screen height. */
+    readonly screenHeight: number;
+    /** Local file URI (`file:///…`) of the captured selfie. */
+    readonly uri?: string;
+    /** Marks the rendered image element for tests. */
+    readonly imageTestID?: string;
+    /**
+     * Accessible name for the captured image. When set, the image is
+     * exposed to screen readers under this label; otherwise it stays
+     * decorative (the surrounding card text carries the meaning).
+     */
+    readonly imageAccessibilityLabel?: string;
+    /**
+     * Content centered on the oval rect — e.g. the processing-screen
+     * status badge. Positioned once the region has measured.
+     */
+    readonly overlayChild?: ReactNode;
+    readonly testID?: string;
+    readonly theme?: UseSmileIDTheme;
+};
+/**
+ * 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 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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_captured_image_oval.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_captured_image_oval.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAItD,MAAM,MAAM,gCAAgC,GAAG;IAC7C;;;OAGG;IACH,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,0BAA0B;IAC1B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,2DAA2D;IAC3D,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,kDAAkD;IAClD,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAC1C;;;OAGG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC;IAClC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC;CAClC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,gCAAgC,+BAyFxC"}

package/dist/presentation/components/use_smile_id_captured_image_oval.js

@@ -0,0 +1,63 @@
+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

package/dist/presentation/components/use_smile_id_captured_image_oval.js.map

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

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

@@ -0,0 +1,17 @@
+import { type StyleProp, type ViewStyle } from "react-native";
+import type { ReactNode } from "react";
+import type { UseSmileIDTheme } from "../theme/theme";
+export type UseSmileIDCardSurfaceProps = {
+    readonly children: ReactNode;
+    readonly style?: StyleProp<ViewStyle>;
+    readonly testID?: string;
+    readonly theme?: UseSmileIDTheme;
+};
+/**
+ * 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 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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_card_surface.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_card_surface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAChF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC;CAClC,CAAC;AAWF;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,+BAmBtE"}

package/dist/presentation/components/use_smile_id_card_surface.js

@@ -0,0 +1,37 @@
+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

package/dist/presentation/components/use_smile_id_card_surface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_card_surface.js","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_card_surface.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAC;AAGhF,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAS5D,MAAM,WAAW,GAAG,EAAE,CAAC;AACvB,mEAAmE;AACnE,qEAAqE;AACrE,qEAAqE;AACrE,kEAAkE;AAClE,qEAAqE;AACrE,gDAAgD;AAChD,MAAM,aAAa,GAAG,iCAAiC,CAAC;AAExD;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CAAC,KAAiC;IACrE,MAAM,gBAAgB,GAAG,kBAAkB,EAAE,CAAC;IAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,gBAAgB,CAAC;IAC9C,OAAO,CACL,KAAC,IAAI,IACH,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE;YACL,MAAM,CAAC,IAAI;YACX;gBACE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc;gBAC5C,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;gBACrC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;aAC7B;YACD,KAAK,CAAC,KAAK;SACZ,YAEA,KAAK,CAAC,QAAQ,GACV,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,gBAAgB,EAAE,WAAW;QAC7B,SAAS,EAAE,aAAa;KACzB;CACF,CAAC,CAAC"}