@smileid/usesmileid 12.0.2 → 12.1.0

package/dist/presentation/screen/use_smile_id_processing_screen.js

@@ -1,85 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { StyleSheet, View } from "react-native";
-import { SafeAreaView } from "react-native-safe-area-context";
-import { useUseSmileIDTheme } from "../theme/theme_context";
-import { defaultFrameAspectRatio } from "../../core/models/document_type";
-import { UseSmileIDAttribution } from "../components/use_smile_id_attribution";
-import { UseSmileIDCapturedDocumentImage } from "../components/use_smile_id_captured_document_image";
-import { UseSmileIDCapturedImageOval } from "../components/use_smile_id_captured_image_oval";
-import { UseSmileIDCardSurface } from "../components/use_smile_id_card_surface";
-import { UseSmileIDFailedContent } from "../components/use_smile_id_failed_content";
-import { UseSmileIDLoadingContent } from "../components/use_smile_id_loading_content";
-import { UseSmileIDStatusIndicator } from "../components/use_smile_id_status_indicator";
-import { UseSmileIDSuccessContent } from "../components/use_smile_id_success_content";
-import { useUseSmileIDLocalizations } from "../../l10n/use_smile_id_localizations_provider";
-/** Map the lifecycle state to the in-oval badge state. */
-function statusStateFor(kind) {
-    switch (kind) {
-        case "loading":
-            return "loading";
-        case "success":
-            return "success";
-        case "failed":
-            return "failure";
-    }
-}
-/**
- * Processing screen — submission-status surface holding the captured
- * selfie in the face oval, switching the in-oval status badge and card
- * body by lifecycle state (loading / success+Continue / failed+Retry-Exit).
- * The oval scales to the leftover height above the card so the two never overlap.
- */
-export function UseSmileIDProcessingScreen(props) {
-    const themeFromContext = useUseSmileIDTheme();
-    const theme = props.theme ?? themeFromContext;
-    const loc = useUseSmileIDLocalizations();
-    const showAttribution = props.showAttribution ?? true;
-    const showFaceOval = props.showFaceOval ?? true;
-    const [screen, setScreen] = useState({
-        width: 0,
-        height: 0,
-    });
-    const onScreenLayout = (event) => {
-        setScreen({
-            width: event.nativeEvent.layout.width,
-            height: event.nativeEvent.layout.height,
-        });
-    };
-    const hasImage = typeof props.capturedSelfiePath === "string" &&
-        props.capturedSelfiePath.length > 0;
-    const hasDocumentImage = typeof props.documentImageUri === "string" &&
-        props.documentImageUri.length > 0;
-    const customContinue = props.continueButton;
-    const customRetry = props.retryButton;
-    const customExit = props.exitButton;
-    return (_jsxs(SafeAreaView, { style: [
-            styles.root,
-            { backgroundColor: theme.colors.background },
-        ], testID: "si_processing_screen", onLayout: onScreenLayout, children: [hasDocumentImage ? (_jsx(UseSmileIDCapturedDocumentImage, { aspectRatio: props.documentAspectRatio ?? defaultFrameAspectRatio("Landscape"), ...(props.documentImageUri ? { uri: props.documentImageUri } : {}), imageTestID: "si_processing_document_image", imageAccessibilityLabel: loc.siCdCapturedImage, overlayChild: _jsx(UseSmileIDStatusIndicator, { state: statusStateFor(props.state.kind), theme: theme, testID: "si_processing_center_indicator" }), theme: theme })) : showFaceOval ? (_jsx(UseSmileIDCapturedImageOval, { screenWidth: screen.width, screenHeight: screen.height, ...(hasImage && props.capturedSelfiePath
-                    ? { uri: props.capturedSelfiePath }
-                    : {}), imageTestID: "si_processing_image", imageAccessibilityLabel: loc.siCdCapturedImage, overlayChild: _jsx(UseSmileIDStatusIndicator, { state: statusStateFor(props.state.kind), theme: theme, testID: "si_processing_center_indicator" }), theme: theme })) : (_jsx(View, { style: styles.noOvalRegion, testID: "si_processing_no_oval_region", children: _jsx(UseSmileIDStatusIndicator, { state: statusStateFor(props.state.kind), theme: theme, testID: "si_processing_center_indicator" }) })), _jsxs(UseSmileIDCardSurface, { theme: theme, style: styles.card, children: [props.state.kind === "loading" ? (_jsx(UseSmileIDLoadingContent, { theme: theme, testID: "si_processing_loading_content" })) : null, props.state.kind === "success" ? (_jsx(UseSmileIDSuccessContent, { theme: theme, ...(hasDocumentImage
-                            ? { title: loc.siDocumentProcessingComplete }
-                            : {}), ...(props.state.message !== undefined
-                            ? { message: props.state.message }
-                            : {}), ...(props.onContinue && !customContinue
-                            ? { onContinue: props.onContinue }
-                            : {}), testID: "si_processing_success_content" })) : null, props.state.kind === "failed" ? (_jsx(UseSmileIDFailedContent, { theme: theme, ...(props.state.errorMessage !== undefined
-                            ? { errorMessage: props.state.errorMessage }
-                            : {}), ...(props.onRetry && !customRetry
-                            ? { onRetry: props.onRetry }
-                            : {}), ...(props.onExit && !customExit ? { onExit: props.onExit } : {}), testID: "si_processing_failed_content" })) : null, props.state.kind === "success" && customContinue && props.onContinue
-                        ? customContinue({ onClick: props.onContinue })
-                        : null, props.state.kind === "failed" && (customRetry || customExit) ? (_jsxs(View, { style: [styles.actionStack, { gap: theme.spacing.small }], children: [customRetry && props.onRetry
-                                ? customRetry({ onClick: props.onRetry })
-                                : null, customExit && props.onExit
-                                ? customExit({ onClick: props.onExit })
-                                : null] })) : null] }), showAttribution ? _jsx(UseSmileIDAttribution, { theme: theme }) : null] }));
-}
-const styles = StyleSheet.create({
-    root: { flex: 1, overflow: "hidden" },
-    noOvalRegion: { flex: 1, alignItems: "center", justifyContent: "center" },
-    card: { alignItems: "center" },
-    actionStack: { alignSelf: "stretch" },
-});
-//# sourceMappingURL=use_smile_id_processing_screen.js.map
+"use strict";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{useState as y}from"react";import{StyleSheet as U,View as h}from"react-native";import{SafeAreaView as k}from"react-native-safe-area-context";import{useUseSmileIDTheme as x}from"../theme/theme_context";import{defaultFrameAspectRatio as v}from"../../core/models/document_type";import{ATTRIBUTION_TEST_ID as w,UseSmileIDAttribution as R}from"../components/use_smile_id_attribution";import{UseSmileIDCapturedDocumentImage as b}from"../components/use_smile_id_captured_document_image";import{UseSmileIDCapturedImageOval as A}from"../components/use_smile_id_captured_image_oval";import{UseSmileIDCardSurface as E}from"../components/use_smile_id_card_surface";import{UseSmileIDFailedContent as T}from"../components/use_smile_id_failed_content";import{UseSmileIDLoadingContent as L}from"../components/use_smile_id_loading_content";import{UseSmileIDStatusIndicator as m}from"../components/use_smile_id_status_indicator";import{UseSmileIDSuccessContent as F}from"../components/use_smile_id_success_content";import{useUseSmileIDLocalizations as O}from"../../l10n/use_smile_id_localizations_provider";function l(e){switch(e){case"loading":return"loading";case"success":return"success";case"failed":return"failure"}}export function UseSmileIDProcessingScreen(e){const f=x(),t=e.theme??f,a=O(),I=e.showAttribution??!0,_=e.showFaceOval??!0,[u,S]=y({width:0,height:0}),D=g=>{S({width:g.nativeEvent.layout.width,height:g.nativeEvent.layout.height})},C=typeof e.capturedSelfiePath=="string"&&e.capturedSelfiePath.length>0,d=typeof e.documentImageUri=="string"&&e.documentImageUri.length>0,c=e.continueButton,i=e.retryButton,s=e.exitButton;return r(k,{style:[o.root,{backgroundColor:t.colors.background}],testID:"si_processing_screen",onLayout:D,children:[d?n(b,{aspectRatio:e.documentAspectRatio??v("Landscape"),...e.documentImageUri?{uri:e.documentImageUri}:{},imageTestID:"si_processing_document_image",imageAccessibilityLabel:a.siCdCapturedImage,overlayChild:n(m,{state:l(e.state.kind),theme:t,testID:"si_processing_center_indicator"}),theme:t}):_?n(A,{screenWidth:u.width,screenHeight:u.height,...C&&e.capturedSelfiePath?{uri:e.capturedSelfiePath}:{},imageTestID:"si_processing_image",imageAccessibilityLabel:a.siCdCapturedImage,overlayChild:n(m,{state:l(e.state.kind),theme:t,testID:"si_processing_center_indicator"}),theme:t}):n(h,{style:o.noOvalRegion,testID:"si_processing_no_oval_region",children:n(m,{state:l(e.state.kind),theme:t,testID:"si_processing_center_indicator"})}),r(E,{theme:t,style:o.card,children:[e.state.kind==="loading"?n(L,{theme:t,testID:"si_processing_loading_content"}):null,e.state.kind==="success"?n(F,{theme:t,...d?{title:a.siDocumentProcessingComplete}:{},...e.state.message!==void 0?{message:e.state.message}:{},...e.onContinue&&!c?{onContinue:e.onContinue}:{},testID:"si_processing_success_content"}):null,e.state.kind==="failed"?n(T,{theme:t,...e.state.errorMessage!==void 0?{errorMessage:e.state.errorMessage}:{},...e.onRetry&&!i?{onRetry:e.onRetry}:{},...e.onExit&&!s?{onExit:e.onExit}:{},testID:"si_processing_failed_content"}):null,e.state.kind==="success"&&c&&e.onContinue?c({onClick:e.onContinue}):null,e.state.kind==="failed"&&(i||s)?r(h,{style:[o.actionStack,{gap:t.spacing.small}],children:[i&&e.onRetry?i({onClick:e.onRetry}):null,s&&e.onExit?s({onClick:e.onExit}):null]}):null]}),I?n(R,{theme:t,testID:w}):null]})}const o=U.create({root:{flex:1,overflow:"hidden"},noOvalRegion:{flex:1,alignItems:"center",justifyContent:"center"},card:{alignItems:"center"},actionStack:{alignSelf:"stretch"}});

package/dist/presentation/state/processing_state.d.ts

@@ -22,4 +22,3 @@ export type ProcessingState = {
     readonly kind: "failed";
     readonly errorMessage?: string;
 };
-//# sourceMappingURL=processing_state.d.ts.map

package/dist/presentation/state/processing_state.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=processing_state.js.map
+"use strict";export{};

package/dist/presentation/state/use_smile_id_overlay_state.d.ts

@@ -12,7 +12,6 @@ export declare const UseSmileIDOverlayState: {
     readonly FACE_DETECTED: "FACE_DETECTED";
     readonly TOO_CLOSE: "TOO_CLOSE";
     readonly TOO_FAR: "TOO_FAR";
-    readonly MULTIPLE_FACES: "MULTIPLE_FACES";
     readonly HEAD_TURN: "HEAD_TURN";
     readonly FACE_NOT_CENTERED: "FACE_NOT_CENTERED";
     readonly LOW_LIGHT: "LOW_LIGHT";
@@ -31,7 +30,7 @@ export declare const UseSmileIDOverlayState: {
 };
 export type UseSmileIDOverlayState = (typeof UseSmileIDOverlayState)[keyof typeof UseSmileIDOverlayState];
 /** Total state count — pinned in tests to catch a missed addition/drop at PR time. */
-export declare const OVERLAY_STATE_COUNT: 24;
+export declare const OVERLAY_STATE_COUNT: 23;
 /**
  * True once document capture is committing (green-border states). Drives border
  * colour, glyph visibility, and the controls→spinner swap together: the manual
@@ -41,4 +40,3 @@ export declare const OVERLAY_STATE_COUNT: 24;
 export declare function isDocumentCaptureActive(state: UseSmileIDOverlayState): boolean;
 /** True for the directional MOVE_* hints. */
 export declare function isDirectional(state: UseSmileIDOverlayState): boolean;
-//# sourceMappingURL=use_smile_id_overlay_state.d.ts.map

package/dist/presentation/state/use_smile_id_overlay_state.js

@@ -1,56 +1 @@
-/**
- * Overlay state machine — drives the face / document oval's border.
- * Derived from the analyzer's feedback keys plus lifecycle states;
- * `UseSmileIDOvalBorderPalette` holds the state → colour-token table.
- */
-export const UseSmileIDOverlayState = {
-    // Lifecycle states
-    INSTRUCTION: "INSTRUCTION",
-    IDLE: "IDLE",
-    READY: "READY",
-    CAPTURING: "CAPTURING",
-    PROCESSING: "PROCESSING",
-    // Face feedback
-    FACE_DETECTED: "FACE_DETECTED",
-    TOO_CLOSE: "TOO_CLOSE",
-    TOO_FAR: "TOO_FAR",
-    MULTIPLE_FACES: "MULTIPLE_FACES",
-    HEAD_TURN: "HEAD_TURN",
-    FACE_NOT_CENTERED: "FACE_NOT_CENTERED",
-    LOW_LIGHT: "LOW_LIGHT",
-    BRIGHT_LIGHT: "BRIGHT_LIGHT",
-    WRONG_ORIENTATION: "WRONG_ORIENTATION",
-    NOT_SMILING: "NOT_SMILING",
-    // Directional hints — neutral rim + red arc on the crowded edge
-    MOVE_LEFT: "MOVE_LEFT",
-    MOVE_RIGHT: "MOVE_RIGHT",
-    MOVE_UP: "MOVE_UP",
-    MOVE_DOWN: "MOVE_DOWN",
-    // Document feedback
-    DOCUMENT_READY: "DOCUMENT_READY",
-    DOCUMENT_NOT_CENTERED: "DOCUMENT_NOT_CENTERED",
-    DOCUMENT_TOO_FAR: "DOCUMENT_TOO_FAR",
-    DOCUMENT_TOO_CLOSE: "DOCUMENT_TOO_CLOSE",
-    DOCUMENT_HOLD_STILL: "DOCUMENT_HOLD_STILL",
-};
-/** Total state count — pinned in tests to catch a missed addition/drop at PR time. */
-export const OVERLAY_STATE_COUNT = 24;
-/**
- * True once document capture is committing (green-border states). Drives border
- * colour, glyph visibility, and the controls→spinner swap together: the manual
- * shutter + gallery controls hide here, since a manual shutter is moot once
- * auto-capture is finalising and the controls would collide with the spinner.
- */
-export function isDocumentCaptureActive(state) {
-    return (state === UseSmileIDOverlayState.DOCUMENT_READY ||
-        state === UseSmileIDOverlayState.CAPTURING ||
-        state === UseSmileIDOverlayState.PROCESSING);
-}
-/** True for the directional MOVE_* hints. */
-export function isDirectional(state) {
-    return (state === UseSmileIDOverlayState.MOVE_LEFT ||
-        state === UseSmileIDOverlayState.MOVE_RIGHT ||
-        state === UseSmileIDOverlayState.MOVE_UP ||
-        state === UseSmileIDOverlayState.MOVE_DOWN);
-}
-//# sourceMappingURL=use_smile_id_overlay_state.js.map
+"use strict";export const UseSmileIDOverlayState={INSTRUCTION:"INSTRUCTION",IDLE:"IDLE",READY:"READY",CAPTURING:"CAPTURING",PROCESSING:"PROCESSING",FACE_DETECTED:"FACE_DETECTED",TOO_CLOSE:"TOO_CLOSE",TOO_FAR:"TOO_FAR",HEAD_TURN:"HEAD_TURN",FACE_NOT_CENTERED:"FACE_NOT_CENTERED",LOW_LIGHT:"LOW_LIGHT",BRIGHT_LIGHT:"BRIGHT_LIGHT",WRONG_ORIENTATION:"WRONG_ORIENTATION",NOT_SMILING:"NOT_SMILING",MOVE_LEFT:"MOVE_LEFT",MOVE_RIGHT:"MOVE_RIGHT",MOVE_UP:"MOVE_UP",MOVE_DOWN:"MOVE_DOWN",DOCUMENT_READY:"DOCUMENT_READY",DOCUMENT_NOT_CENTERED:"DOCUMENT_NOT_CENTERED",DOCUMENT_TOO_FAR:"DOCUMENT_TOO_FAR",DOCUMENT_TOO_CLOSE:"DOCUMENT_TOO_CLOSE",DOCUMENT_HOLD_STILL:"DOCUMENT_HOLD_STILL"},OVERLAY_STATE_COUNT=23;export function isDocumentCaptureActive(O){return O===UseSmileIDOverlayState.DOCUMENT_READY||O===UseSmileIDOverlayState.CAPTURING||O===UseSmileIDOverlayState.PROCESSING}export function isDirectional(O){return O===UseSmileIDOverlayState.MOVE_LEFT||O===UseSmileIDOverlayState.MOVE_RIGHT||O===UseSmileIDOverlayState.MOVE_UP||O===UseSmileIDOverlayState.MOVE_DOWN}

package/dist/presentation/theme/theme.d.ts

@@ -128,4 +128,3 @@ export type UseSmileIDTheme = {
 export declare const defaultLightTheme: UseSmileIDTheme;
 /** Default dark theme — surface tokens swap, brand tokens shift cooler. */
 export declare const defaultDarkTheme: UseSmileIDTheme;
-//# sourceMappingURL=theme.d.ts.map

package/dist/presentation/theme/theme.js

@@ -1,226 +1 @@
-/** Bundled DM Sans family — used as the default when no override is set. */
-export const DEFAULT_FONT_FAMILY = "DMSans";
-/**
- * Weight-specific face names for the bundled DM Sans set. Each weight is its own
- * registered face because RN cannot match a numeric weight within a single family
- * for fonts loaded from files.
- */
-export const DM_SANS_FONT_NAMES = {
-    "400": "DMSans-Regular",
-    "500": "DMSans-Medium",
-    "600": "DMSans-SemiBold",
-    "700": "DMSans-Bold",
-    "800": "DMSans-ExtraBold",
-};
-/**
- * Resolve the concrete `fontFamily` for a token: DM Sans maps each weight to its
- * own registered face; a partner-supplied family is used as-is.
- */
-export function resolveFontFamily(fontFamily, weight) {
-    return fontFamily === DEFAULT_FONT_FAMILY
-        ? DM_SANS_FONT_NAMES[weight]
-        : fontFamily;
-}
-/**
- * Rebuild a typography scale against a (partner-supplied) font family.
- * With the default family this returns weight-resolved DM Sans faces.
- */
-export function typographyWithFontFamily(base, fontFamily) {
-    const token = (style) => ({
-        ...style,
-        fontFamily: resolveFontFamily(fontFamily, style.fontWeight),
-    });
-    return {
-        fontFamily,
-        pageHeading: token(base.pageHeading),
-        sectionHeading: token(base.sectionHeading),
-        subHeading: token(base.subHeading),
-        cardHeading: token(base.cardHeading),
-        cardTitle: token(base.cardTitle),
-        cardSubTitle: token(base.cardSubTitle),
-        cardCaption: token(base.cardCaption),
-        body: token(base.body),
-        button: token(base.button),
-        buttonCaption: token(base.buttonCaption),
-    };
-}
-const dmSans = (weight) => DM_SANS_FONT_NAMES[weight];
-const sharedTypography = {
-    fontFamily: DEFAULT_FONT_FAMILY,
-    pageHeading: {
-        fontFamily: dmSans("800"),
-        fontSize: 24,
-        lineHeight: 32,
-        fontWeight: "800",
-        letterSpacing: -0.4,
-    },
-    sectionHeading: {
-        fontFamily: dmSans("600"),
-        fontSize: 18,
-        lineHeight: 24,
-        fontWeight: "600",
-    },
-    subHeading: {
-        fontFamily: dmSans("500"),
-        fontSize: 14,
-        lineHeight: 20,
-        fontWeight: "500",
-    },
-    cardHeading: {
-        fontFamily: dmSans("800"),
-        fontSize: 20,
-        lineHeight: 25.5,
-        fontWeight: "800",
-        letterSpacing: -0.425,
-    },
-    cardTitle: {
-        fontFamily: dmSans("700"),
-        fontSize: 14,
-        lineHeight: 20,
-        fontWeight: "700",
-    },
-    cardSubTitle: {
-        fontFamily: dmSans("400"),
-        fontSize: 12,
-        lineHeight: 16,
-        fontWeight: "400",
-    },
-    cardCaption: {
-        fontFamily: dmSans("500"),
-        fontSize: 12,
-        lineHeight: 16,
-        fontWeight: "500",
-    },
-    body: {
-        fontFamily: dmSans("400"),
-        fontSize: 12,
-        lineHeight: 16,
-        fontWeight: "400",
-    },
-    button: {
-        fontFamily: dmSans("700"),
-        fontSize: 16,
-        lineHeight: 24,
-        fontWeight: "700",
-    },
-    buttonCaption: {
-        fontFamily: dmSans("700"),
-        fontSize: 10,
-        lineHeight: 16,
-        fontWeight: "700",
-    },
-};
-const sharedSpacing = {
-    extraSmall: 8,
-    small: 12,
-    medium: 16,
-    large: 24,
-    extraLarge: 40,
-};
-const sharedShapes = {
-    buttonRadius: 32,
-    cardRadius: 16,
-};
-/** Default light theme. */
-export const defaultLightTheme = {
-    colors: {
-        primary: "#151F72",
-        primaryForeground: "#FFFFFF",
-        secondary: "#5E646E",
-        accent: "#4D88FF",
-        background: "#F9FAFB",
-        cardBackground: "#FFFFFF",
-        instructionCardBackground: "#F9F0E7",
-        titleText: "#21232C",
-        cardText: "#5E646E",
-        disabledBackground: "#E4E7EC",
-        disabledForeground: "#98A2B3",
-        stroke: "#EAECF0",
-        warningFill: "#EF43431A", // warning red @10%
-        warningIcon: "#EF4343",
-        warningStroke: "#EF43434D", // warning red @30%
-        successFill: "#00C8531A", // success green @10%
-        successIcon: "#00C853",
-        captureOverlayBackground: "#FFFFFFE5",
-        documentOverlayScrim: "#00000066", // black @40% — surround dim outside the frame
-        captureOverlayStroke: "#151F72",
-        captureFeedbackBackground: "#000000BF",
-        captureFeedbackText: "#FFFFFF",
-        captureProgressIndicator: "#4D88FF",
-        ovalDefault: "#C4C4C4",
-        ovalActive: "#2CC05C",
-        ovalWarning: "#EF4343",
-        ovalDirectionalIndicator: "#EF4343",
-        // Preview accept/reject tokens are theme-static (same in dark) so the
-        // review affordances read identically across themes; the page surface
-        // (`captureReviewBackground`) follows the active theme's background.
-        previewAcceptBackground: "#04B04A1A", // 10% green
-        previewAcceptIcon: "#12B76A",
-        previewAcceptBorder: "#04B04A4D", // 30% green
-        previewRejectBackground: "#F8FAFC",
-        previewRejectIcon: "#90A1B9",
-        previewRejectBorder: "#E2E8F0",
-        captureReviewBackground: "#F8FAFC",
-        submittingIndicator: "#2CC05C",
-        cardShadow: "#0000001A", // black @10%
-        backButtonBorder: "#FFFFFF1A", // white @10% rim on the dark fill
-        smileIdYellow: "#FDB515",
-        offBlack: "#2D2B2A",
-        offWhite: "#F9F0E7",
-    },
-    typography: sharedTypography,
-    spacing: sharedSpacing,
-    shapes: sharedShapes,
-};
-/** Default dark theme — surface tokens swap, brand tokens shift cooler. */
-export const defaultDarkTheme = {
-    colors: {
-        primary: "#4D88FF",
-        primaryForeground: "#FFFFFF",
-        secondary: "#C2C5CB",
-        accent: "#7BA3FF",
-        background: "#1A1C23",
-        cardBackground: "#272A35",
-        instructionCardBackground: "#2D3748",
-        titleText: "#F2F2F2",
-        cardText: "#C2C5CB",
-        disabledBackground: "#3A3D47",
-        disabledForeground: "#667085",
-        // 15% alpha — divider stroke on dark surfaces.
-        stroke: "#EAECF026",
-        warningFill: "#EA2D2D",
-        warningIcon: "#FFFFFF",
-        warningStroke: "#9F0000",
-        successFill: "#00E676",
-        successIcon: "#FFFFFF",
-        captureOverlayBackground: "#FFFFFFE5",
-        documentOverlayScrim: "#00000066", // black @40% — surround dim outside the frame (identical in dark)
-        captureOverlayStroke: "#4D88FF",
-        captureFeedbackBackground: "#000000BF",
-        captureFeedbackText: "#FFFFFF",
-        captureProgressIndicator: "#4D88FF",
-        ovalDefault: "#C4C4C4",
-        ovalActive: "#2CC05C",
-        ovalWarning: "#EF4343",
-        ovalDirectionalIndicator: "#EF4343",
-        // Accept/reject affordances are theme-static (match light); the page
-        // surface behind them follows the dark background so cards read on-theme.
-        previewAcceptBackground: "#04B04A1A", // 10% green
-        previewAcceptIcon: "#12B76A",
-        previewAcceptBorder: "#04B04A4D", // 30% green
-        previewRejectBackground: "#F8FAFC",
-        previewRejectIcon: "#90A1B9",
-        previewRejectBorder: "#E2E8F0",
-        captureReviewBackground: "#1A1C23",
-        submittingIndicator: "#2CC05C",
-        cardShadow: "#0000001A", // black @10%
-        backButtonBorder: "#0000001A", // black @10% rim on the light fill
-        smileIdYellow: "#FDB515",
-        offBlack: "#F9F0E7",
-        offWhite: "#2D2B2A",
-    },
-    typography: sharedTypography,
-    spacing: sharedSpacing,
-    shapes: sharedShapes,
-};
-//# sourceMappingURL=theme.js.map
+"use strict";export const DEFAULT_FONT_FAMILY="DMSans",DM_SANS_FONT_NAMES={400:"DMSans-Regular",500:"DMSans-Medium",600:"DMSans-SemiBold",700:"DMSans-Bold",800:"DMSans-ExtraBold"};export function resolveFontFamily(e,a){return e===DEFAULT_FONT_FAMILY?DM_SANS_FONT_NAMES[a]:e}export function typographyWithFontFamily(e,a){const t=o=>({...o,fontFamily:resolveFontFamily(a,o.fontWeight)});return{fontFamily:a,pageHeading:t(e.pageHeading),sectionHeading:t(e.sectionHeading),subHeading:t(e.subHeading),cardHeading:t(e.cardHeading),cardTitle:t(e.cardTitle),cardSubTitle:t(e.cardSubTitle),cardCaption:t(e.cardCaption),body:t(e.body),button:t(e.button),buttonCaption:t(e.buttonCaption)}}const n=e=>DM_SANS_FONT_NAMES[e],r={fontFamily:DEFAULT_FONT_FAMILY,pageHeading:{fontFamily:n("800"),fontSize:24,lineHeight:32,fontWeight:"800",letterSpacing:-.4},sectionHeading:{fontFamily:n("600"),fontSize:18,lineHeight:24,fontWeight:"600"},subHeading:{fontFamily:n("500"),fontSize:14,lineHeight:20,fontWeight:"500"},cardHeading:{fontFamily:n("800"),fontSize:20,lineHeight:25.5,fontWeight:"800",letterSpacing:-.425},cardTitle:{fontFamily:n("700"),fontSize:14,lineHeight:20,fontWeight:"700"},cardSubTitle:{fontFamily:n("400"),fontSize:12,lineHeight:16,fontWeight:"400"},cardCaption:{fontFamily:n("500"),fontSize:12,lineHeight:16,fontWeight:"500"},body:{fontFamily:n("400"),fontSize:12,lineHeight:16,fontWeight:"400"},button:{fontFamily:n("700"),fontSize:16,lineHeight:24,fontWeight:"700"},buttonCaption:{fontFamily:n("700"),fontSize:10,lineHeight:16,fontWeight:"700"}},i={extraSmall:8,small:12,medium:16,large:24,extraLarge:40},F={buttonRadius:32,cardRadius:16};export const defaultLightTheme={colors:{primary:"#151F72",primaryForeground:"#FFFFFF",secondary:"#5E646E",accent:"#4D88FF",background:"#F9FAFB",cardBackground:"#FFFFFF",instructionCardBackground:"#F9F0E7",titleText:"#21232C",cardText:"#5E646E",disabledBackground:"#E4E7EC",disabledForeground:"#98A2B3",stroke:"#EAECF0",warningFill:"#EF43431A",warningIcon:"#EF4343",warningStroke:"#EF43434D",successFill:"#00C8531A",successIcon:"#00C853",captureOverlayBackground:"#FFFFFFE5",documentOverlayScrim:"#00000066",captureOverlayStroke:"#151F72",captureFeedbackBackground:"#000000BF",captureFeedbackText:"#FFFFFF",captureProgressIndicator:"#4D88FF",ovalDefault:"#C4C4C4",ovalActive:"#2CC05C",ovalWarning:"#EF4343",ovalDirectionalIndicator:"#EF4343",previewAcceptBackground:"#04B04A1A",previewAcceptIcon:"#12B76A",previewAcceptBorder:"#04B04A4D",previewRejectBackground:"#F8FAFC",previewRejectIcon:"#90A1B9",previewRejectBorder:"#E2E8F0",captureReviewBackground:"#F8FAFC",submittingIndicator:"#2CC05C",cardShadow:"#0000001A",backButtonBorder:"#FFFFFF1A",smileIdYellow:"#FDB515",offBlack:"#2D2B2A",offWhite:"#F9F0E7"},typography:r,spacing:i,shapes:F},defaultDarkTheme={colors:{primary:"#4D88FF",primaryForeground:"#FFFFFF",secondary:"#C2C5CB",accent:"#7BA3FF",background:"#1A1C23",cardBackground:"#272A35",instructionCardBackground:"#2D3748",titleText:"#F2F2F2",cardText:"#C2C5CB",disabledBackground:"#3A3D47",disabledForeground:"#667085",stroke:"#EAECF026",warningFill:"#EA2D2D",warningIcon:"#FFFFFF",warningStroke:"#9F0000",successFill:"#00E676",successIcon:"#FFFFFF",captureOverlayBackground:"#FFFFFFE5",documentOverlayScrim:"#00000066",captureOverlayStroke:"#4D88FF",captureFeedbackBackground:"#000000BF",captureFeedbackText:"#FFFFFF",captureProgressIndicator:"#4D88FF",ovalDefault:"#C4C4C4",ovalActive:"#2CC05C",ovalWarning:"#EF4343",ovalDirectionalIndicator:"#EF4343",previewAcceptBackground:"#04B04A1A",previewAcceptIcon:"#12B76A",previewAcceptBorder:"#04B04A4D",previewRejectBackground:"#F8FAFC",previewRejectIcon:"#90A1B9",previewRejectBorder:"#E2E8F0",captureReviewBackground:"#1A1C23",submittingIndicator:"#2CC05C",cardShadow:"#0000001A",backButtonBorder:"#0000001A",smileIdYellow:"#FDB515",offBlack:"#F9F0E7",offWhite:"#2D2B2A"},typography:r,spacing:i,shapes:F};

package/dist/presentation/theme/theme_context.d.ts

@@ -11,4 +11,3 @@ export declare function UseSmileIDThemeProvider({ value, children, }: UseSmileID
  * the caller.
  */
 export declare function useUseSmileIDTheme(): UseSmileIDTheme;
-//# sourceMappingURL=theme_context.d.ts.map

package/dist/presentation/theme/theme_context.js

@@ -1,31 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
-import { defaultLightTheme } from "./theme";
-/**
- * React Context for the SDK's visual design tokens.
- *
- * The active theme cascades through the UI tree via context, not
- * props. `<UseSmileIDBuilder>` mounts this provider with the
- * partner-built theme; every screen + component reads via
- * `useUseSmileIDTheme()`.
- *
- * **Default value** is `defaultLightTheme` so:
- *   - Components imported by partners outside `<UseSmileIDBuilder>`
- *     still render with canonical tokens (don't crash on a missing
- *     provider).
- *   - Custom partner widgets rendered inside `<UseSmileIDBuilder>`
- *     inherit the active theme without prop-drilling.
- */
-const UseSmileIDThemeContext = createContext(defaultLightTheme);
-export function UseSmileIDThemeProvider({ value, children, }) {
-    return (_jsx(UseSmileIDThemeContext.Provider, { value: value, children: children }));
-}
-/**
- * Read the active `UseSmileIDTheme` from context. Returns
- * `defaultLightTheme` when no `<UseSmileIDThemeProvider>` wraps
- * the caller.
- */
-export function useUseSmileIDTheme() {
-    return useContext(UseSmileIDThemeContext);
-}
-//# sourceMappingURL=theme_context.js.map
+"use strict";import{jsx as o}from"react/jsx-runtime";import{createContext as m,useContext as i}from"react";import{defaultLightTheme as n}from"./theme";const e=m(n);export function UseSmileIDThemeProvider({value:t,children:r}){return o(e.Provider,{value:t,children:r})}export function useUseSmileIDTheme(){return i(e)}

package/dist/presentation/theme/use_smile_id_motion.d.ts

@@ -10,4 +10,3 @@ export declare const UseSmileIDMotion: {
     /** Settle window for the guidance copy + coaching-animation key. */
     readonly feedbackDebounce: 300;
 };
-//# sourceMappingURL=use_smile_id_motion.d.ts.map

package/dist/presentation/theme/use_smile_id_motion.js

@@ -1,13 +1 @@
-/**
- * Capture/oval animation timings (ms) — a cross-platform contract;
- * change only in lockstep with the sibling SDKs.
- */
-export const UseSmileIDMotion = {
-    /** Border-color tween and directional-arc alpha fade. */
-    stateTransition: 300,
-    /** Oval capture-progress fill animation (linear). */
-    progressFill: 350,
-    /** Settle window for the guidance copy + coaching-animation key. */
-    feedbackDebounce: 300,
-};
-//# sourceMappingURL=use_smile_id_motion.js.map
+"use strict";export const UseSmileIDMotion={stateTransition:300,progressFill:350,feedbackDebounce:300};

package/dist/presentation/theme/use_use_smile_id_fonts.d.ts

@@ -11,4 +11,3 @@ export declare function loadUseSmileIDFonts(): Promise<void>;
  * renders at the same metrics, then text re-renders in DM Sans.
  */
 export declare function useUseSmileIDFonts(): boolean;
-//# sourceMappingURL=use_use_smile_id_fonts.d.ts.map

package/dist/presentation/theme/use_use_smile_id_fonts.js

@@ -1,64 +1 @@
-import { useEffect, useState } from "react";
-import { DM_SANS_FONT_NAMES } from "./theme";
-/**
- * Bundled DM Sans faces, keyed by the registered face name each
- * typography token references (see `DM_SANS_FONT_NAMES`).
- *
- * The `require` calls live inside a function (not at module scope) so
- * importing this module never touches the font assets — they are only
- * resolved when a flow actually mounts and loads fonts.
- */
-function bundledFontMap() {
-    return {
-        [DM_SANS_FONT_NAMES["400"]]: require("../assets/fonts/DMSans-Regular.ttf"),
-        [DM_SANS_FONT_NAMES["500"]]: require("../assets/fonts/DMSans-Medium.ttf"),
-        [DM_SANS_FONT_NAMES["600"]]: require("../assets/fonts/DMSans-SemiBold.ttf"),
-        [DM_SANS_FONT_NAMES["700"]]: require("../assets/fonts/DMSans-Bold.ttf"),
-        [DM_SANS_FONT_NAMES["800"]]: require("../assets/fonts/DMSans-ExtraBold.ttf"),
-    };
-}
-/** Module-level so concurrent flows trigger a single load. */
-let loadPromise;
-/**
- * Load the bundled DM Sans faces via `expo-font`. Idempotent — repeat
- * calls share one in-flight promise. Exported so partners who render
- * SDK components outside `<UseSmileIDFlow>` can preload the faces.
- */
-export function loadUseSmileIDFonts() {
-    loadPromise ??= (async () => {
-        // Dynamic import keeps expo-font out of the static module graph for
-        // consumers (and tests) that never mount a flow.
-        const font = await import("expo-font");
-        await font.loadAsync(bundledFontMap());
-    })();
-    return loadPromise;
-}
-/**
- * Mounts the bundled DM Sans faces for the current app session.
- * Returns `true` once the faces are registered. Rendering does not
- * wait for the load — until registration completes the system font
- * renders at the same metrics, then text re-renders in DM Sans.
- */
-export function useUseSmileIDFonts() {
-    const [loaded, setLoaded] = useState(false);
-    useEffect(() => {
-        let cancelled = false;
-        loadUseSmileIDFonts()
-            .then(() => {
-            if (!cancelled)
-                setLoaded(true);
-        })
-            .catch((error) => {
-            // Font registration must never block a verification flow — the
-            // UI falls back to the system font. Surface the cause for the
-            // integrator instead of failing silently.
-            const reason = error instanceof Error ? error.message : String(error);
-            console.warn(`UseSmileID: bundled fonts failed to load — ${reason}`);
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, []);
-    return loaded;
-}
-//# sourceMappingURL=use_use_smile_id_fonts.js.map
+"use strict";import{useEffect as f,useState as i}from"react";import{DM_SANS_FONT_NAMES as t}from"./theme";function l(){return{[t[400]]:require("../assets/fonts/DMSans-Regular.ttf"),[t[500]]:require("../assets/fonts/DMSans-Medium.ttf"),[t[600]]:require("../assets/fonts/DMSans-SemiBold.ttf"),[t[700]]:require("../assets/fonts/DMSans-Bold.ttf"),[t[800]]:require("../assets/fonts/DMSans-ExtraBold.ttf")}}let o;export function loadUseSmileIDFonts(){return o??=(async()=>{await(await import("expo-font")).loadAsync(l())})(),o}export function useUseSmileIDFonts(){const[s,a]=i(!1);return f(()=>{let n=!1;return loadUseSmileIDFonts().then(()=>{n||a(!0)}).catch(e=>{const r=e instanceof Error?e.message:String(e);console.warn(`UseSmileID: bundled fonts failed to load \u2014 ${r}`)}),()=>{n=!0}},[]),s}

package/dist/presentation/utils/force_max_brightness.d.ts

@@ -43,4 +43,3 @@ export interface ForceMaxBrightnessProps {
  *     pinned at `target` instead of the user's original level.
  */
 export declare function ForceMaxBrightness({ brightness, enabled, }: ForceMaxBrightnessProps): null;
-//# sourceMappingURL=force_max_brightness.d.ts.map