@smileid/usesmileid 12.0.0-beta01

package/dist/presentation/components/use_smile_id_instructions_hero.js

@@ -0,0 +1,144 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { Animated, Easing, StyleSheet, View, } from "react-native";
+import Svg, { Ellipse } from "react-native-svg";
+import { useUseSmileIDTheme } from "../theme/theme_context";
+import { useReducedMotion } from "../utils/use_reduced_motion";
+import { AnimatedLottieView } from "./helpers/animated_lottie_view";
+import { FaceOvalDefaults } from "./face_oval_defaults";
+// Oval bounded by 74% of the slot width / 84% of its height; the Lottie
+// frame is slightly wider and nudged down so the face sits centered.
+const OVAL_ASPECT_RATIO = 241 / 324; // width / height
+const OVAL_WIDTH_FRACTION = 0.74;
+const OVAL_HEIGHT_FRACTION = 0.84;
+const ANIMATION_TO_OVAL_WIDTH_RATIO = 279 / 241;
+const ANIMATION_VERTICAL_OFFSET_RATIO = 0.06;
+const STROKE_WIDTH = FaceOvalDefaults.strokeWidth; // matches the capture overlay's oval stroke
+const DEFAULT_LOOP_MS = 2000;
+// The oval progress ring fills on its own fixed-duration loop, independent of
+// the hero animation's playback speed, so a long hero composition can't slow
+// the fill down to a crawl.
+export const OVAL_PROGRESS_DURATION_MS = 5500;
+/** Loop duration from the Lottie composition (`(op - ip) / fr`), else default. */
+export function loopDurationMs(source) {
+    if (source && typeof source === "object" && "fr" in source) {
+        const composition = source;
+        if (composition.fr && composition.op !== undefined) {
+            const milliseconds = ((composition.op - (composition.ip ?? 0)) / composition.fr) * 1000;
+            if (Number.isFinite(milliseconds) && milliseconds > 0) {
+                return milliseconds;
+            }
+        }
+    }
+    return DEFAULT_LOOP_MS;
+}
+/**
+ * Hero animation with an optional face-oval ring. The hero plays at its own
+ * natural composition pace while the ring's green fill rises on a separate,
+ * fixed-duration loop, so the two are decoupled. Honors reduced motion (holds
+ * the final frame, ring filled).
+ */
+export function UseSmileIDInstructionsHero({ source, showOval = false, showOvalProgress = true, theme: themeProp, }) {
+    const themeFromContext = useUseSmileIDTheme();
+    const theme = themeProp ?? themeFromContext;
+    const [size, setSize] = useState({ width: 0, height: 0 });
+    const reducedMotion = useReducedMotion();
+    // Drives the Lottie hero frame at its natural composition pace.
+    const heroProgress = useRef(new Animated.Value(0)).current;
+    // Drives the rising green ring fill on its own fixed-duration loop.
+    const ovalProgress = useRef(new Animated.Value(0)).current;
+    // Loop only when the ring animates; otherwise pin the value (1 under reduced
+    // motion = full ring / final frame, else 0).
+    const animate = showOvalProgress && !reducedMotion;
+    // Hero animation: plays over its own composition duration, untouched by the
+    // ring fill speed.
+    useEffect(() => {
+        if (animate) {
+            heroProgress.setValue(0);
+            const loop = Animated.loop(Animated.timing(heroProgress, {
+                toValue: 1,
+                duration: loopDurationMs(source),
+                easing: Easing.linear,
+                useNativeDriver: false,
+            }));
+            loop.start();
+            return () => loop.stop();
+        }
+        heroProgress.setValue(reducedMotion ? 1 : 0);
+        return undefined;
+    }, [animate, reducedMotion, source, heroProgress]);
+    // Ring fill: dedicated linear loop completing in OVAL_PROGRESS_DURATION_MS,
+    // independent of the hero animation. Reduced motion holds it fully filled.
+    useEffect(() => {
+        if (animate) {
+            ovalProgress.setValue(0);
+            const loop = Animated.loop(Animated.timing(ovalProgress, {
+                toValue: 1,
+                duration: OVAL_PROGRESS_DURATION_MS,
+                easing: Easing.linear,
+                useNativeDriver: false,
+            }));
+            loop.start();
+            return () => loop.stop();
+        }
+        ovalProgress.setValue(reducedMotion ? 1 : 0);
+        return undefined;
+        // `source` is intentionally omitted: the ring's duration is the fixed
+        // OVAL_PROGRESS_DURATION_MS constant, so it must not re-key on the hero
+        // composition (that coupling is exactly what this effect avoids).
+    }, [animate, reducedMotion, ovalProgress]);
+    const ovalWidth = Math.min(size.width * OVAL_WIDTH_FRACTION, size.height * OVAL_HEIGHT_FRACTION * OVAL_ASPECT_RATIO);
+    const ovalHeight = ovalWidth / OVAL_ASPECT_RATIO;
+    const animationSize = ovalWidth * ANIMATION_TO_OVAL_WIDTH_RATIO;
+    const verticalOffset = animationSize * ANIMATION_VERTICAL_OFFSET_RATIO;
+    const hasSize = ovalWidth > 0 && ovalHeight > 0;
+    const onLayout = (event) => {
+        const { width, height } = event.nativeEvent.layout;
+        setSize((previous) => previous.width === width && previous.height === height
+            ? previous
+            : { width, height });
+    };
+    // Drive the Lottie from the hero progress value when the ring is shown or
+    // motion is reduced; otherwise let it play on its own clock (autoPlay+loop).
+    const lottieDrivenByProgress = showOvalProgress || reducedMotion;
+    // Inset the ring by half the stroke so it isn't clipped at the SVG edge.
+    const ellipseProps = {
+        cx: ovalWidth / 2,
+        cy: ovalHeight / 2,
+        rx: (ovalWidth - STROKE_WIDTH) / 2,
+        ry: (ovalHeight - STROKE_WIDTH) / 2,
+        strokeWidth: STROKE_WIDTH,
+        fill: "none",
+    };
+    return (_jsx(View, { style: styles.container, onLayout: onLayout, testID: "si_instructions_hero", children: hasSize ? (_jsxs(_Fragment, { children: [showOval ? (_jsxs(_Fragment, { children: [_jsx(Svg, { width: ovalWidth, height: ovalHeight, style: {
+                                position: "absolute",
+                                left: (size.width - ovalWidth) / 2,
+                                top: (size.height - ovalHeight) / 2,
+                            }, children: _jsx(Ellipse, { ...ellipseProps, stroke: theme.colors.ovalDefault }) }), showOvalProgress ? (_jsx(View, { pointerEvents: "none", style: {
+                                position: "absolute",
+                                left: (size.width - ovalWidth) / 2,
+                                top: (size.height - ovalHeight) / 2,
+                                width: ovalWidth,
+                                height: ovalHeight,
+                            }, children: _jsx(Animated.View, { style: {
+                                    position: "absolute",
+                                    left: 0,
+                                    right: 0,
+                                    bottom: 0,
+                                    overflow: "hidden",
+                                    height: ovalProgress.interpolate({
+                                        inputRange: [0, 1],
+                                        outputRange: [0, ovalHeight],
+                                    }),
+                                }, children: _jsx(Svg, { width: ovalWidth, height: ovalHeight, style: { position: "absolute", left: 0, bottom: 0 }, children: _jsx(Ellipse, { ...ellipseProps, stroke: theme.colors.ovalActive }) }) }) })) : null] })) : null, _jsx(AnimatedLottieView, { source: source, autoPlay: !lottieDrivenByProgress, loop: !lottieDrivenByProgress, ...(lottieDrivenByProgress ? { progress: heroProgress } : {}), style: {
+                        position: "absolute",
+                        width: animationSize,
+                        height: animationSize,
+                        left: (size.width - animationSize) / 2,
+                        top: (size.height - animationSize) / 2 + verticalOffset,
+                    } })] })) : null }));
+}
+const styles = StyleSheet.create({
+    container: { flex: 1, alignSelf: "stretch" },
+});
+//# sourceMappingURL=use_smile_id_instructions_hero.js.map

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

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

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

@@ -0,0 +1,24 @@
+import type { UseSmileIDTheme } from "../theme/theme";
+export type UseSmileIDLearnMoreContentProps = {
+    readonly partnerName: string;
+    readonly partnerPrivacyPolicyUrl?: string;
+    readonly testID?: string;
+    readonly theme?: UseSmileIDTheme;
+};
+/**
+ * Privacy-policy / consent details, rendered in an expandable section
+ * on the consent screen. Composes the canonical
+ * `si_consent_learn_more_description` template with `{smile_id}`,
+ * `{partner}`, `{retention}` placeholders.
+ *
+ * Tap targets:
+ *   • Smile ID link → `https://usesmileid.com/privacy-policy/`
+ *   • Partner link  → `partnerPrivacyPolicyUrl` (silent no-op when omitted)
+ *   • DSAR link     → opens Smile ID DSAR page
+ *
+ * Substitution is done locally because
+ * `siConsentLearnMoreDescription` is a non-parameterised getter —
+ * keeps the localizations class one-token-per-method.
+ */
+export declare function UseSmileIDLearnMoreContent(props: UseSmileIDLearnMoreContentProps): import("react").JSX.Element;
+//# sourceMappingURL=use_smile_id_learn_more_content.d.ts.map

package/dist/presentation/components/use_smile_id_learn_more_content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_learn_more_content.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_learn_more_content.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKtD,MAAM,MAAM,+BAA+B,GAAG;IAC5C,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAC1C,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC;CAClC,CAAC;AAIF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,+BAA+B,+BA+EvC"}

package/dist/presentation/components/use_smile_id_learn_more_content.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Linking, StyleSheet, Text, View } from "react-native";
+import { useUseSmileIDTheme } from "../theme/theme_context";
+import { useUseSmileIDLocalizations } from "../../l10n/use_smile_id_localizations_provider";
+import { UseSmileIDCrashReporting } from "@smileid/usesmileid_bridge";
+const SMILE_ID_PRIVACY_URL = "https://usesmileid.com/privacy-policy/";
+/**
+ * Privacy-policy / consent details, rendered in an expandable section
+ * on the consent screen. Composes the canonical
+ * `si_consent_learn_more_description` template with `{smile_id}`,
+ * `{partner}`, `{retention}` placeholders.
+ *
+ * Tap targets:
+ *   • Smile ID link → `https://usesmileid.com/privacy-policy/`
+ *   • Partner link  → `partnerPrivacyPolicyUrl` (silent no-op when omitted)
+ *   • DSAR link     → opens Smile ID DSAR page
+ *
+ * Substitution is done locally because
+ * `siConsentLearnMoreDescription` is a non-parameterised getter —
+ * keeps the localizations class one-token-per-method.
+ */
+export function UseSmileIDLearnMoreContent(props) {
+    const themeFromContext = useUseSmileIDTheme();
+    const theme = props.theme ?? themeFromContext;
+    const loc = useUseSmileIDLocalizations();
+    const description = loc.siConsentLearnMoreDescription
+        .split("{smile_id}")
+        .join(loc.siConsentLearnMoreDescriptionSmileId)
+        .split("{partner}")
+        .join(props.partnerName)
+        .split("{retention}")
+        .join(loc.siConsentLearnMoreDescriptionRetention);
+    const openSmileId = () => {
+        Linking.openURL(SMILE_ID_PRIVACY_URL).catch((err) => {
+            // Concrete scenario: device has no browser registered, or URL
+            // handler rejects. Route through crash reporting so partners
+            // see the failure in observability instead of "tap does
+            // nothing" in QA.
+            UseSmileIDCrashReporting.captureException(err);
+        });
+    };
+    const openPartner = () => {
+        const url = props.partnerPrivacyPolicyUrl;
+        if (!url)
+            return;
+        Linking.openURL(url).catch((err) => {
+            // Concrete scenario: partner ships a malformed
+            // `partnerPrivacyPolicyUrl` — tap silently fails. Surface to
+            // crash reporting so partner QA catches it pre-release.
+            UseSmileIDCrashReporting.captureException(err);
+        });
+    };
+    const linkStyle = {
+        ...theme.typography.body,
+        color: theme.colors.primary,
+        textDecorationLine: "underline",
+    };
+    return (_jsxs(View, { testID: props.testID, style: [
+            styles.container,
+            { paddingVertical: theme.spacing.medium, gap: theme.spacing.small },
+        ], children: [_jsx(Text, { style: {
+                    ...theme.typography.body,
+                    color: theme.colors.cardText,
+                    lineHeight: 18,
+                }, children: description }), _jsxs(Text, { style: { ...theme.typography.body, color: theme.colors.cardText }, children: [loc.siConsentLearnMoreDsarPrefix, _jsx(Text, { onPress: openSmileId, style: linkStyle, children: loc.siConsentLearnMoreDsarLink }), "."] }), _jsxs(Text, { style: { ...theme.typography.body, color: theme.colors.cardText }, children: [loc.siConsentLearnMorePrivacyPrefix, _jsx(Text, { onPress: openSmileId, style: linkStyle, children: loc.siConsentLearnMorePrivacySmileLink }), loc.siConsentLearnMorePrivacyAnd, _jsx(Text, { onPress: openPartner, style: linkStyle, children: loc.siConsentLearnMorePrivacyPartnerLink(props.partnerName) }), loc.siConsentLearnMorePrivacySuffix] })] }));
+}
+const styles = StyleSheet.create({
+    container: {},
+});
+//# sourceMappingURL=use_smile_id_learn_more_content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_learn_more_content.js","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_learn_more_content.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,0BAA0B,EAAE,MAAM,gDAAgD,CAAC;AAC5F,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAStE,MAAM,oBAAoB,GAAG,wCAAwC,CAAC;AAEtE;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,0BAA0B,CACxC,KAAsC;IAEtC,MAAM,gBAAgB,GAAG,kBAAkB,EAAE,CAAC;IAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,gBAAgB,CAAC;IAC9C,MAAM,GAAG,GAAG,0BAA0B,EAAE,CAAC;IAEzC,MAAM,WAAW,GAAG,GAAG,CAAC,6BAA6B;SAClD,KAAK,CAAC,YAAY,CAAC;SACnB,IAAI,CAAC,GAAG,CAAC,oCAAoC,CAAC;SAC9C,KAAK,CAAC,WAAW,CAAC;SAClB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC;SACvB,KAAK,CAAC,aAAa,CAAC;SACpB,IAAI,CAAC,GAAG,CAAC,sCAAsC,CAAC,CAAC;IAEpD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC,KAAK,CAAC,CAAC,GAAY,EAAE,EAAE;YAC3D,8DAA8D;YAC9D,6DAA6D;YAC7D,wDAAwD;YACxD,kBAAkB;YAClB,wBAAwB,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IACF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,GAAG,GAAG,KAAK,CAAC,uBAAuB,CAAC;QAC1C,IAAI,CAAC,GAAG;YAAE,OAAO;QACjB,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,GAAY,EAAE,EAAE;YAC1C,+CAA+C;YAC/C,6DAA6D;YAC7D,wDAAwD;YACxD,wBAAwB,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG;QAChB,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI;QACxB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;QAC3B,kBAAkB,EAAE,WAAoB;KACzC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IACH,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE;YACL,MAAM,CAAC,SAAS;YAChB,EAAE,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE;SACpE,aAED,KAAC,IAAI,IACH,KAAK,EAAE;oBACL,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI;oBACxB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;oBAC5B,UAAU,EAAE,EAAE;iBACf,YAEA,WAAW,GACP,EAEP,MAAC,IAAI,IAAC,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,aACpE,GAAG,CAAC,4BAA4B,EACjC,KAAC,IAAI,IAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,YACzC,GAAG,CAAC,0BAA0B,GAC1B,SAEF,EAEP,MAAC,IAAI,IAAC,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,aACpE,GAAG,CAAC,+BAA+B,EACpC,KAAC,IAAI,IAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,YACzC,GAAG,CAAC,kCAAkC,GAClC,EACN,GAAG,CAAC,4BAA4B,EACjC,KAAC,IAAI,IAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,YACzC,GAAG,CAAC,oCAAoC,CAAC,KAAK,CAAC,WAAW,CAAC,GACvD,EACN,GAAG,CAAC,+BAA+B,IAC/B,IACF,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE,EAAE;CACd,CAAC,CAAC"}

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

@@ -0,0 +1,14 @@
+import type { UseSmileIDTheme } from "../theme/theme";
+export type UseSmileIDLoadingContentProps = {
+    readonly message?: string;
+    readonly testID?: string;
+    readonly theme?: UseSmileIDTheme;
+};
+/**
+ * Loading-state body of the processing screen's bottom card —
+ * "Submitting…" message (or partner override) only. The active
+ * spinner is rendered separately, centered inside the face oval
+ * by the screen itself, so the same indicator doesn't appear twice.
+ */
+export declare function UseSmileIDLoadingContent(props: UseSmileIDLoadingContentProps): import("react").JSX.Element;
+//# sourceMappingURL=use_smile_id_loading_content.d.ts.map

package/dist/presentation/components/use_smile_id_loading_content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_loading_content.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_loading_content.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAItD,MAAM,MAAM,6BAA6B,GAAG;IAC1C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC;CAClC,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,+BAgC5E"}

package/dist/presentation/components/use_smile_id_loading_content.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StyleSheet, Text, View } from "react-native";
+import { useUseSmileIDTheme } from "../theme/theme_context";
+import { useUseSmileIDLocalizations } from "../../l10n/use_smile_id_localizations_provider";
+/**
+ * Loading-state body of the processing screen's bottom card —
+ * "Submitting…" message (or partner override) only. The active
+ * spinner is rendered separately, centered inside the face oval
+ * by the screen itself, so the same indicator doesn't appear twice.
+ */
+export function UseSmileIDLoadingContent(props) {
+    const themeFromContext = useUseSmileIDTheme();
+    const theme = props.theme ?? themeFromContext;
+    const loc = useUseSmileIDLocalizations();
+    const message = props.message ?? loc.siProcessingSubmitting;
+    return (_jsxs(View, { testID: props.testID, style: [styles.container, { paddingVertical: theme.spacing.small }], children: [_jsx(Text, { style: {
+                    ...theme.typography.cardHeading,
+                    color: theme.colors.primary,
+                    textAlign: "center",
+                    letterSpacing: -0.425,
+                }, children: message }), _jsx(Text, { style: {
+                    ...theme.typography.cardCaption,
+                    color: theme.colors.cardText,
+                    textAlign: "center",
+                    marginTop: theme.spacing.extraSmall,
+                }, children: loc.siProcessingSubmittingSubtitle })] }));
+}
+const styles = StyleSheet.create({
+    container: { alignItems: "center", justifyContent: "center" },
+});
+//# sourceMappingURL=use_smile_id_loading_content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_loading_content.js","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_loading_content.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,0BAA0B,EAAE,MAAM,gDAAgD,CAAC;AAQ5F;;;;;GAKG;AACH,MAAM,UAAU,wBAAwB,CAAC,KAAoC;IAC3E,MAAM,gBAAgB,GAAG,kBAAkB,EAAE,CAAC;IAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,gBAAgB,CAAC;IAC9C,MAAM,GAAG,GAAG,0BAA0B,EAAE,CAAC;IACzC,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,GAAG,CAAC,sBAAsB,CAAC;IAC5D,OAAO,CACL,MAAC,IAAI,IACH,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,aAEnE,KAAC,IAAI,IACH,KAAK,EAAE;oBACL,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW;oBAC/B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;oBAC3B,SAAS,EAAE,QAAQ;oBACnB,aAAa,EAAE,CAAC,KAAK;iBACtB,YAEA,OAAO,GACH,EACP,KAAC,IAAI,IACH,KAAK,EAAE;oBACL,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW;oBAC/B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;oBAC5B,SAAS,EAAE,QAAQ;oBACnB,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU;iBACpC,YAEA,GAAG,CAAC,8BAA8B,GAC9B,IACF,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE;CAC9D,CAAC,CAAC"}

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

@@ -0,0 +1,15 @@
+import type { UseSmileIDTheme } from "../theme/theme";
+export type UseSmileIDLoadingIndicatorProps = {
+    /** Diameter in dp (default 64). */
+    readonly size?: number;
+    readonly testID?: string;
+    readonly theme?: UseSmileIDTheme;
+};
+/**
+ * Submission spinner — a `submittingIndicator`-green arc (round cap,
+ * 270° sweep) that rotates once per second. When the OS reports
+ * reduced-motion, the arc is held static (no rotation) so the screen
+ * still reads as "in progress" without animating.
+ */
+export declare function UseSmileIDLoadingIndicator(props: UseSmileIDLoadingIndicatorProps): import("react").JSX.Element;
+//# sourceMappingURL=use_smile_id_loading_indicator.d.ts.map

package/dist/presentation/components/use_smile_id_loading_indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_loading_indicator.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_loading_indicator.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAItD,MAAM,MAAM,+BAA+B,GAAG;IAC5C,mCAAmC;IACnC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC;CAClC,CAAC;AAQF;;;;;GAKG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,+BAA+B,+BAqDvC"}

package/dist/presentation/components/use_smile_id_loading_indicator.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { Animated, Easing } from "react-native";
+import Svg, { Circle } from "react-native-svg";
+import { useUseSmileIDTheme } from "../theme/theme_context";
+import { useReducedMotion } from "../utils/use_reduced_motion";
+const DEFAULT_SIZE = 64;
+const STROKE_WIDTH = 4;
+// 270° visible arc — the open quarter is what reads as "spinning".
+const SWEEP_FRACTION = 0.75;
+const SPIN_DURATION_MS = 1000;
+/**
+ * Submission spinner — a `submittingIndicator`-green arc (round cap,
+ * 270° sweep) that rotates once per second. When the OS reports
+ * reduced-motion, the arc is held static (no rotation) so the screen
+ * still reads as "in progress" without animating.
+ */
+export function UseSmileIDLoadingIndicator(props) {
+    const themeFromContext = useUseSmileIDTheme();
+    const theme = props.theme ?? themeFromContext;
+    const size = props.size ?? DEFAULT_SIZE;
+    const radius = (size - STROKE_WIDTH) / 2;
+    const circumference = 2 * Math.PI * radius;
+    const arcLength = circumference * SWEEP_FRACTION;
+    const reduceMotion = useReducedMotion();
+    const rotation = useRef(new Animated.Value(0)).current;
+    useEffect(() => {
+        if (reduceMotion)
+            return;
+        const loop = Animated.loop(Animated.timing(rotation, {
+            toValue: 1,
+            duration: SPIN_DURATION_MS,
+            easing: Easing.linear,
+            useNativeDriver: true,
+        }));
+        loop.start();
+        return () => loop.stop();
+    }, [reduceMotion, rotation]);
+    const spin = rotation.interpolate({
+        inputRange: [0, 1],
+        outputRange: ["0deg", "360deg"],
+    });
+    return (_jsx(Animated.View, { testID: props.testID, style: [
+            { width: size, height: size },
+            reduceMotion ? null : { transform: [{ rotate: spin }] },
+        ], children: _jsx(Svg, { width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: _jsx(Circle, { cx: size / 2, cy: size / 2, r: radius, stroke: theme.colors.submittingIndicator, strokeWidth: STROKE_WIDTH, strokeLinecap: "round", strokeDasharray: `${arcLength} ${circumference}`, fill: "none" }) }) }));
+}
+//# sourceMappingURL=use_smile_id_loading_indicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_loading_indicator.js","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_loading_indicator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,GAAG,EAAE,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAS/D,MAAM,YAAY,GAAG,EAAE,CAAC;AACxB,MAAM,YAAY,GAAG,CAAC,CAAC;AACvB,mEAAmE;AACnE,MAAM,cAAc,GAAG,IAAI,CAAC;AAC5B,MAAM,gBAAgB,GAAG,IAAI,CAAC;AAE9B;;;;;GAKG;AACH,MAAM,UAAU,0BAA0B,CACxC,KAAsC;IAEtC,MAAM,gBAAgB,GAAG,kBAAkB,EAAE,CAAC;IAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,gBAAgB,CAAC;IAC9C,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;IAC3C,MAAM,SAAS,GAAG,aAAa,GAAG,cAAc,CAAC;IAEjD,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY;YAAE,OAAO;QACzB,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CACxB,QAAQ,CAAC,MAAM,CAAC,QAAQ,EAAE;YACxB,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,gBAAgB;YAC1B,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,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7B,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,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE;YACL,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE;YAC7B,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE;SACxD,YAED,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,MAAM,CAAC,mBAAmB,EACxC,WAAW,EAAE,YAAY,EACzB,aAAa,EAAC,OAAO,EACrB,eAAe,EAAE,GAAG,SAAS,IAAI,aAAa,EAAE,EAChD,IAAI,EAAC,MAAM,GACX,GACE,GACQ,CACjB,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,12 @@
+import type { UseSmileIDColors } from "../theme/theme";
+import { UseSmileIDOverlayState } from "../state/use_smile_id_overlay_state";
+/** Theme-color token names the oval border can resolve to. */
+export type OvalBorderColorToken = Extract<keyof UseSmileIDColors, "ovalDefault" | "ovalActive" | "ovalWarning">;
+/**
+ * Pure overlay-state → border colour-token table, unit-tested directly;
+ * `UseSmileIDFaceOverlay` resolves the token through the active theme.
+ */
+export declare const UseSmileIDOvalBorderPalette: {
+    readonly tokenFor: (captureState: UseSmileIDOverlayState, enableEnhancedLiveness: boolean) => OvalBorderColorToken;
+};
+//# sourceMappingURL=use_smile_id_oval_border_palette.d.ts.map

package/dist/presentation/components/use_smile_id_oval_border_palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_oval_border_palette.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_oval_border_palette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAE7E,8DAA8D;AAC9D,MAAM,MAAM,oBAAoB,GAAG,OAAO,CACxC,MAAM,gBAAgB,EACtB,aAAa,GAAG,YAAY,GAAG,aAAa,CAC7C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,2BAA2B;sCAEtB,sBAAsB,0BACZ,OAAO,KAC9B,oBAAoB;CA0Cf,CAAC"}

package/dist/presentation/components/use_smile_id_oval_border_palette.js

@@ -0,0 +1,45 @@
+import { UseSmileIDOverlayState } from "../state/use_smile_id_overlay_state";
+/**
+ * Pure overlay-state → border colour-token table, unit-tested directly;
+ * `UseSmileIDFaceOverlay` resolves the token through the active theme.
+ */
+export const UseSmileIDOvalBorderPalette = {
+    tokenFor(captureState, enableEnhancedLiveness) {
+        switch (captureState) {
+            case UseSmileIDOverlayState.INSTRUCTION:
+            case UseSmileIDOverlayState.IDLE:
+            case UseSmileIDOverlayState.FACE_DETECTED:
+            case UseSmileIDOverlayState.HEAD_TURN:
+                return "ovalDefault";
+            case UseSmileIDOverlayState.READY:
+                return "ovalActive";
+            // ESS has no green oval treatment.
+            case UseSmileIDOverlayState.CAPTURING:
+            case UseSmileIDOverlayState.PROCESSING:
+                return enableEnhancedLiveness ? "ovalDefault" : "ovalActive";
+            // Directional hints keep a neutral rim; the red arc carries colour.
+            case UseSmileIDOverlayState.MOVE_LEFT:
+            case UseSmileIDOverlayState.MOVE_RIGHT:
+            case UseSmileIDOverlayState.MOVE_UP:
+            case UseSmileIDOverlayState.MOVE_DOWN:
+                return "ovalDefault";
+            case UseSmileIDOverlayState.TOO_CLOSE:
+            case UseSmileIDOverlayState.TOO_FAR:
+            case UseSmileIDOverlayState.FACE_NOT_CENTERED:
+            case UseSmileIDOverlayState.LOW_LIGHT:
+            case UseSmileIDOverlayState.BRIGHT_LIGHT:
+            case UseSmileIDOverlayState.WRONG_ORIENTATION:
+            case UseSmileIDOverlayState.NOT_SMILING:
+            case UseSmileIDOverlayState.MULTIPLE_FACES:
+                return "ovalWarning";
+            // Document states render via UseSmileIDDocumentOverlay, not here.
+            case UseSmileIDOverlayState.DOCUMENT_NOT_CENTERED:
+            case UseSmileIDOverlayState.DOCUMENT_TOO_FAR:
+            case UseSmileIDOverlayState.DOCUMENT_TOO_CLOSE:
+            case UseSmileIDOverlayState.DOCUMENT_HOLD_STILL:
+            case UseSmileIDOverlayState.DOCUMENT_READY:
+                return "ovalDefault";
+        }
+    },
+};
+//# sourceMappingURL=use_smile_id_oval_border_palette.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_oval_border_palette.js","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_oval_border_palette.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAQ7E;;;GAGG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG;IACzC,QAAQ,CACN,YAAoC,EACpC,sBAA+B;QAE/B,QAAQ,YAAY,EAAE,CAAC;YACrB,KAAK,sBAAsB,CAAC,WAAW,CAAC;YACxC,KAAK,sBAAsB,CAAC,IAAI,CAAC;YACjC,KAAK,sBAAsB,CAAC,aAAa,CAAC;YAC1C,KAAK,sBAAsB,CAAC,SAAS;gBACnC,OAAO,aAAa,CAAC;YAEvB,KAAK,sBAAsB,CAAC,KAAK;gBAC/B,OAAO,YAAY,CAAC;YAEtB,mCAAmC;YACnC,KAAK,sBAAsB,CAAC,SAAS,CAAC;YACtC,KAAK,sBAAsB,CAAC,UAAU;gBACpC,OAAO,sBAAsB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC;YAE/D,oEAAoE;YACpE,KAAK,sBAAsB,CAAC,SAAS,CAAC;YACtC,KAAK,sBAAsB,CAAC,UAAU,CAAC;YACvC,KAAK,sBAAsB,CAAC,OAAO,CAAC;YACpC,KAAK,sBAAsB,CAAC,SAAS;gBACnC,OAAO,aAAa,CAAC;YAEvB,KAAK,sBAAsB,CAAC,SAAS,CAAC;YACtC,KAAK,sBAAsB,CAAC,OAAO,CAAC;YACpC,KAAK,sBAAsB,CAAC,iBAAiB,CAAC;YAC9C,KAAK,sBAAsB,CAAC,SAAS,CAAC;YACtC,KAAK,sBAAsB,CAAC,YAAY,CAAC;YACzC,KAAK,sBAAsB,CAAC,iBAAiB,CAAC;YAC9C,KAAK,sBAAsB,CAAC,WAAW,CAAC;YACxC,KAAK,sBAAsB,CAAC,cAAc;gBACxC,OAAO,aAAa,CAAC;YAEvB,kEAAkE;YAClE,KAAK,sBAAsB,CAAC,qBAAqB,CAAC;YAClD,KAAK,sBAAsB,CAAC,gBAAgB,CAAC;YAC7C,KAAK,sBAAsB,CAAC,kBAAkB,CAAC;YAC/C,KAAK,sBAAsB,CAAC,mBAAmB,CAAC;YAChD,KAAK,sBAAsB,CAAC,cAAc;gBACxC,OAAO,aAAa,CAAC;QACzB,CAAC;IACH,CAAC;CACO,CAAC"}

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

@@ -0,0 +1,18 @@
+import type { ReactNode } from "react";
+import type { UseSmileIDTheme } from "../theme/theme";
+export type UseSmileIDPartnerIconProps = {
+    readonly partnerName: string;
+    /** Optional custom icon — partner brand mark. Falls back to initial-letter placeholder. */
+    readonly icon?: ReactNode;
+    readonly testID?: string;
+    readonly theme?: UseSmileIDTheme;
+};
+/**
+ * Partner brand mark shown at the top of the consent screen. A
+ * supplied `icon` renders as-is — the partner's mark carries its own
+ * shape and size (~30 px for the consent header), so no circular crop
+ * is applied. When `icon` is null, falls back to a styled
+ * initial-letter placeholder derived from `partnerName`.
+ */
+export declare function UseSmileIDPartnerIcon(props: UseSmileIDPartnerIconProps): import("react").JSX.Element;
+//# sourceMappingURL=use_smile_id_partner_icon.d.ts.map

package/dist/presentation/components/use_smile_id_partner_icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_partner_icon.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_partner_icon.tsx"],"names":[],"mappings":"AACA,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,WAAW,EAAE,MAAM,CAAC;IAC7B,2FAA2F;IAC3F,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC;CAClC,CAAC;AAIF;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,+BAsBtE"}

package/dist/presentation/components/use_smile_id_partner_icon.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyleSheet, Text, View } from "react-native";
+import { useUseSmileIDTheme } from "../theme/theme_context";
+const SIZE = 36;
+/**
+ * Partner brand mark shown at the top of the consent screen. A
+ * supplied `icon` renders as-is — the partner's mark carries its own
+ * shape and size (~30 px for the consent header), so no circular crop
+ * is applied. When `icon` is null, falls back to a styled
+ * initial-letter placeholder derived from `partnerName`.
+ */
+export function UseSmileIDPartnerIcon(props) {
+    const themeFromContext = useUseSmileIDTheme();
+    const theme = props.theme ?? themeFromContext;
+    if (props.icon) {
+        return _jsx(View, { testID: props.testID, children: props.icon });
+    }
+    const initial = props.partnerName.trim().charAt(0).toUpperCase() || "?";
+    return (_jsx(View, { testID: props.testID, style: [styles.circle, { backgroundColor: theme.colors.cardBackground }], children: _jsx(Text, { style: {
+                ...theme.typography.cardTitle,
+                color: theme.colors.titleText,
+            }, children: initial }) }));
+}
+const styles = StyleSheet.create({
+    circle: {
+        width: SIZE,
+        height: SIZE,
+        borderRadius: SIZE / 2,
+        alignItems: "center",
+        justifyContent: "center",
+        overflow: "hidden",
+    },
+});
+//# sourceMappingURL=use_smile_id_partner_icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_partner_icon.js","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_partner_icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAU5D,MAAM,IAAI,GAAG,EAAE,CAAC;AAEhB;;;;;;GAMG;AACH,MAAM,UAAU,qBAAqB,CAAC,KAAiC;IACrE,MAAM,gBAAgB,GAAG,kBAAkB,EAAE,CAAC;IAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,gBAAgB,CAAC;IAC9C,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;QACf,OAAO,KAAC,IAAI,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAAG,KAAK,CAAC,IAAI,GAAQ,CAAC;IACzD,CAAC;IACD,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,IAAI,GAAG,CAAC;IACxE,OAAO,CACL,KAAC,IAAI,IACH,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,YAExE,KAAC,IAAI,IACH,KAAK,EAAE;gBACL,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS;gBAC7B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS;aAC9B,YAEA,OAAO,GACH,GACF,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;QACZ,YAAY,EAAE,IAAI,GAAG,CAAC;QACtB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,26 @@
+import type { UseSmileIDTheme } from "../theme/theme";
+import type { ProcessingState } from "../state/processing_state";
+export type UseSmileIDProcessingCenterIndicatorProps = {
+    readonly state: ProcessingState;
+    /** Container size from the canvas's `onLayout`. */
+    readonly containerWidth: number;
+    readonly containerHeight: number;
+    readonly testID?: string;
+    readonly theme?: UseSmileIDTheme;
+};
+/**
+ * Status indicator centered inside the face-oval rect on the
+ * processing screen. The indicator visually anchors to the same
+ * place the captured image lives, so the user's eye is already on
+ * the rect when the spinner / check / cross resolves.
+ *
+ *   - loading → tinted spinner
+ *   - success → green ✓
+ *   - failed  → red ✕
+ *
+ * Returns `null` until the canvas has measured (avoids rendering at
+ * the {0,0} default geometry, which would briefly flash the
+ * indicator in the top-left before the layout settles).
+ */
+export declare function UseSmileIDProcessingCenterIndicator(props: UseSmileIDProcessingCenterIndicatorProps): import("react").JSX.Element | null;
+//# sourceMappingURL=use_smile_id_processing_center_indicator.d.ts.map

package/dist/presentation/components/use_smile_id_processing_center_indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_processing_center_indicator.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_processing_center_indicator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,MAAM,wCAAwC,GAAG;IACrD,QAAQ,CAAC,KAAK,EAAE,eAAe,CAAC;IAChC,mDAAmD;IACnD,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC;CAClC,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,mCAAmC,CACjD,KAAK,EAAE,wCAAwC,sCAoChD"}

package/dist/presentation/components/use_smile_id_processing_center_indicator.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StyleSheet, View } from "react-native";
+import { useUseSmileIDTheme } from "../theme/theme_context";
+import { UseSmileIDLoadingIndicator } from "./use_smile_id_loading_indicator";
+import { UseSmileIDStatusIndicator } from "./use_smile_id_status_indicator";
+import { computeFaceOvalGeometry } from "./face_oval_defaults";
+/**
+ * Status indicator centered inside the face-oval rect on the
+ * processing screen. The indicator visually anchors to the same
+ * place the captured image lives, so the user's eye is already on
+ * the rect when the spinner / check / cross resolves.
+ *
+ *   - loading → tinted spinner
+ *   - success → green ✓
+ *   - failed  → red ✕
+ *
+ * Returns `null` until the canvas has measured (avoids rendering at
+ * the {0,0} default geometry, which would briefly flash the
+ * indicator in the top-left before the layout settles).
+ */
+export function UseSmileIDProcessingCenterIndicator(props) {
+    const themeFromContext = useUseSmileIDTheme();
+    const theme = props.theme ?? themeFromContext;
+    if (props.containerWidth <= 0 || props.containerHeight <= 0)
+        return null;
+    const { ovalWidth, ovalHeight, ovalLeft, ovalTop } = computeFaceOvalGeometry(props.containerWidth, props.containerHeight);
+    return (_jsxs(View, { pointerEvents: "none", style: [
+            styles.container,
+            {
+                width: ovalWidth,
+                height: ovalHeight,
+                left: ovalLeft,
+                top: ovalTop,
+            },
+        ], testID: props.testID, children: [props.state.kind === "loading" ? (_jsx(UseSmileIDLoadingIndicator, { theme: theme })) : null, props.state.kind === "success" ? (_jsx(UseSmileIDStatusIndicator, { state: "success", theme: theme })) : null, props.state.kind === "failed" ? (_jsx(UseSmileIDStatusIndicator, { state: "failure", theme: theme })) : null] }));
+}
+const styles = StyleSheet.create({
+    container: {
+        position: "absolute",
+        alignItems: "center",
+        justifyContent: "center",
+    },
+});
+//# sourceMappingURL=use_smile_id_processing_center_indicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_processing_center_indicator.js","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_processing_center_indicator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAY/D;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,mCAAmC,CACjD,KAA+C;IAE/C,MAAM,gBAAgB,GAAG,kBAAkB,EAAE,CAAC;IAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,gBAAgB,CAAC;IAC9C,IAAI,KAAK,CAAC,cAAc,IAAI,CAAC,IAAI,KAAK,CAAC,eAAe,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAEzE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,uBAAuB,CAC1E,KAAK,CAAC,cAAc,EACpB,KAAK,CAAC,eAAe,CACtB,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IACH,aAAa,EAAC,MAAM,EACpB,KAAK,EAAE;YACL,MAAM,CAAC,SAAS;YAChB;gBACE,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,UAAU;gBAClB,IAAI,EAAE,QAAQ;gBACd,GAAG,EAAE,OAAO;aACb;SACF,EACD,MAAM,EAAE,KAAK,CAAC,MAAM,aAEnB,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAChC,KAAC,0BAA0B,IAAC,KAAK,EAAE,KAAK,GAAI,CAC7C,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAChC,KAAC,yBAAyB,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,GAAI,CAC5D,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC/B,KAAC,yBAAyB,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,GAAI,CAC5D,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC"}