@smileid/usesmileid 12.0.0-beta01

package/dist/presentation/components/use_smile_id_enhanced_smart_selfie_animation.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { Animated, Easing, View } from "react-native";
+import LottieView from "lottie-react-native";
+import { UseSmileIDOverlayState, } from "../state/use_smile_id_overlay_state";
+import { useReducedMotion } from "../utils/use_reduced_motion";
+import { FaceOvalDefaults } from "./face_oval_defaults";
+import { ENHANCED_SMART_SELFIE_FRAME_RATE, ENHANCED_SMART_SELFIE_TOTAL_FRAMES, EnhancedSmartSelfieAnimationFrames, } from "./helpers/enhanced_smart_selfie_animation_frames";
+// eslint-disable-next-line @typescript-eslint/no-require-imports
+const ALL_DIRECTIONS_ANIMATION = require("../assets/si_ess_animation_all_directions.json");
+/** Square box the head-turn cue renders in, centred on the oval. */
+const ENHANCED_SMART_SELFIE_ANIMATION_SIZE = 383;
+/** Nudge so the composition's face lands on the oval centre. */
+const VERTICAL_ALIGNMENT_OFFSET = -15;
+// Widens `progress` to accept an Animated.Value (lottie-react-native
+// types it as `number`, but the runtime accepts the value) without an
+// unsafe cast.
+const AnimatedLottieView = Animated.createAnimatedComponent(LottieView);
+/**
+ * Enhanced Smart Selfie head-turn cue. One composition
+ * (`si_ess_animation_all_directions`) carries all three turns:
+ *
+ * - No active direction while idle / pre-capture → the whole
+ *   composition loops as the pre-turn primer.
+ * - During a head turn → only that direction's frame sub-range plays,
+ *   ping-ponging until the turn completes.
+ * - Reduced motion → the clip's final (turned-head) frame holds.
+ *
+ * The caller gates rendering to selfie capture with Enhanced Smart
+ * Selfie enabled.
+ */
+export function UseSmileIDEnhancedSmartSelfieAnimation(props) {
+    const reducedMotion = useReducedMotion();
+    const progress = useRef(new Animated.Value(0)).current;
+    const direction = props.direction;
+    const showFullLoop = direction === null &&
+        (props.overlayState === UseSmileIDOverlayState.INSTRUCTION ||
+            props.overlayState === UseSmileIDOverlayState.IDLE);
+    const visible = direction !== null || showFullLoop;
+    useEffect(() => {
+        if (!visible)
+            return undefined;
+        const range = direction
+            ? EnhancedSmartSelfieAnimationFrames[direction]
+            : { startFrame: 0, endFrame: ENHANCED_SMART_SELFIE_TOTAL_FRAMES };
+        const startProgress = range.startFrame / ENHANCED_SMART_SELFIE_TOTAL_FRAMES;
+        const endProgress = range.endFrame / ENHANCED_SMART_SELFIE_TOTAL_FRAMES;
+        if (reducedMotion) {
+            progress.setValue(endProgress);
+            return undefined;
+        }
+        const duration = ((range.endFrame - range.startFrame) /
+            ENHANCED_SMART_SELFIE_FRAME_RATE) *
+            1000;
+        progress.setValue(startProgress);
+        const forward = Animated.timing(progress, {
+            toValue: endProgress,
+            duration,
+            easing: Easing.linear,
+            useNativeDriver: false,
+        });
+        const animation = direction
+            ? // Ping-pong the direction's clip so the cue keeps gesturing
+                // without snapping back to the forward pose.
+                Animated.loop(Animated.sequence([
+                    forward,
+                    Animated.timing(progress, {
+                        toValue: startProgress,
+                        duration,
+                        easing: Easing.linear,
+                        useNativeDriver: false,
+                    }),
+                ]))
+            : Animated.loop(forward);
+        animation.start();
+        return () => animation.stop();
+    }, [visible, direction, reducedMotion, progress]);
+    if (!visible || props.containerWidth <= 0 || props.containerHeight <= 0) {
+        return null;
+    }
+    const size = ENHANCED_SMART_SELFIE_ANIMATION_SIZE;
+    const ovalCenterY = props.containerHeight * FaceOvalDefaults.ovalCenterYRatio;
+    return (_jsx(View, { pointerEvents: "none", style: {
+            position: "absolute",
+            left: (props.containerWidth - size) / 2,
+            top: ovalCenterY - size / 2 + VERTICAL_ALIGNMENT_OFFSET,
+            width: size,
+            height: size,
+        }, testID: "si_ess_direction_animation", children: _jsx(AnimatedLottieView, { source: ALL_DIRECTIONS_ANIMATION, progress: progress, style: { width: "100%", height: "100%" } }) }));
+}
+//# sourceMappingURL=use_smile_id_enhanced_smart_selfie_animation.js.map

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

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

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

@@ -0,0 +1,24 @@
+import type { AnimationObject } from "lottie-react-native";
+export declare const ESS_ALL_DIRECTIONS_ANIMATION: AnimationObject;
+/** Square box the Enhanced Smart Selfie cues render in, centred on the oval. */
+export declare const ENHANCED_SMART_SELFIE_ANIMATION_SIZE = 383;
+/** Nudge so the composition's face lands on the oval centre. */
+export declare const VERTICAL_ALIGNMENT_OFFSET = -15;
+export type UseSmileIDEnhancedSmartSelfieClipProps = {
+    readonly startFrame: number;
+    readonly endFrame: number;
+    /** Play forward-then-back instead of restarting from the first frame. */
+    readonly pingPong: boolean;
+    readonly containerWidth: number;
+    readonly containerHeight: number;
+    readonly testID: string;
+};
+/**
+ * Shared renderer for the Enhanced Smart Selfie cues — plays a frame
+ * sub-range of the all-directions composition in a loop, centred on
+ * the face oval. Reduced motion holds the clip's final frame.
+ *
+ * @internal Used by the full / direction ESS animation components.
+ */
+export declare function UseSmileIDEnhancedSmartSelfieClip(props: UseSmileIDEnhancedSmartSelfieClipProps): import("react").JSX.Element | null;
+//# sourceMappingURL=use_smile_id_enhanced_smart_selfie_clip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_enhanced_smart_selfie_clip.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_enhanced_smart_selfie_clip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAU3D,eAAO,MAAM,4BAA4B,EACsB,eAAe,CAAC;AAE/E,gFAAgF;AAChF,eAAO,MAAM,oCAAoC,MAAM,CAAC;AACxD,gEAAgE;AAChE,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAE7C,MAAM,MAAM,sCAAsC,GAAG;IACnD,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,yEAAyE;IACzE,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,iCAAiC,CAC/C,KAAK,EAAE,sCAAsC,sCA4D9C"}

package/dist/presentation/components/use_smile_id_enhanced_smart_selfie_clip.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+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 { ENHANCED_SMART_SELFIE_ANIMATION_OPACITY, ENHANCED_SMART_SELFIE_ANIMATION_SPEED, ENHANCED_SMART_SELFIE_TOTAL_FRAMES, } from "./helpers/enhanced_smart_selfie_animation_frames";
+// eslint-disable-next-line @typescript-eslint/no-require-imports
+export const ESS_ALL_DIRECTIONS_ANIMATION = require("../assets/si_ess_animation_all_directions.json");
+/** Square box the Enhanced Smart Selfie cues render in, centred on the oval. */
+export const ENHANCED_SMART_SELFIE_ANIMATION_SIZE = 383;
+/** Nudge so the composition's face lands on the oval centre. */
+export const VERTICAL_ALIGNMENT_OFFSET = -15;
+/**
+ * Shared renderer for the Enhanced Smart Selfie cues — plays a frame
+ * sub-range of the all-directions composition in a loop, centred on
+ * the face oval. Reduced motion holds the clip's final frame.
+ *
+ * @internal Used by the full / direction ESS animation components.
+ */
+export function UseSmileIDEnhancedSmartSelfieClip(props) {
+    const reducedMotion = useReducedMotion();
+    const { startFrame, endFrame, pingPong, containerWidth, containerHeight } = props;
+    if (containerWidth <= 0 || containerHeight <= 0) {
+        return null;
+    }
+    const size = ENHANCED_SMART_SELFIE_ANIMATION_SIZE;
+    const ovalCenterY = containerHeight * FaceOvalDefaults.ovalCenterYRatio;
+    const containerStyle = {
+        position: "absolute",
+        left: (containerWidth - size) / 2,
+        top: ovalCenterY - size / 2 + VERTICAL_ALIGNMENT_OFFSET,
+        width: size,
+        height: size,
+        // Translucent so the face stays the focal point behind the arrow cue.
+        opacity: ENHANCED_SMART_SELFIE_ANIMATION_OPACITY,
+    };
+    if (reducedMotion) {
+        return (_jsx(View, { pointerEvents: "none", style: containerStyle, testID: props.testID, children: _jsx(LottieView, { source: ESS_ALL_DIRECTIONS_ANIMATION, progress: endFrame / ENHANCED_SMART_SELFIE_TOTAL_FRAMES, autoPlay: false, loop: false, style: { width: "100%", height: "100%" } }) }));
+    }
+    if (!pingPong) {
+        // Only the full primer passes pingPong={false}, always with the full range.
+        return (_jsx(View, { pointerEvents: "none", style: containerStyle, testID: props.testID, children: _jsx(LottieView, { source: ESS_ALL_DIRECTIONS_ANIMATION, autoPlay: true, loop: true, speed: ENHANCED_SMART_SELFIE_ANIMATION_SPEED, style: { width: "100%", height: "100%" } }) }));
+    }
+    return (_jsx(PingPongClip, { startFrame: startFrame, endFrame: endFrame, containerStyle: containerStyle, testID: props.testID }));
+}
+/**
+ * Ping-pongs a Lottie sub-range via the imperative play() API —
+ * onAnimationFinish only fires with loop={false}, so each completion
+ * replays with the range reversed.
+ */
+function PingPongClip(props) {
+    const { startFrame, endFrame } = props;
+    const lottieRef = useRef(null);
+    // true = next play is forward (start→end).
+    const forwardRef = useRef(true);
+    useEffect(() => {
+        forwardRef.current = true;
+        lottieRef.current?.play(startFrame, endFrame);
+    }, [startFrame, endFrame]);
+    const handleAnimationFinish = (isCancelled) => {
+        if (isCancelled)
+            return;
+        forwardRef.current = !forwardRef.current;
+        if (forwardRef.current) {
+            lottieRef.current?.play(startFrame, endFrame);
+        }
+        else {
+            lottieRef.current?.play(endFrame, startFrame);
+        }
+    };
+    return (_jsx(View, { pointerEvents: "none", style: props.containerStyle, testID: props.testID, children: _jsx(LottieView, { ref: lottieRef, source: ESS_ALL_DIRECTIONS_ANIMATION, loop: false, autoPlay: false, speed: ENHANCED_SMART_SELFIE_ANIMATION_SPEED, onAnimationFinish: handleAnimationFinish, style: { width: "100%", height: "100%" } }) }));
+}
+//# sourceMappingURL=use_smile_id_enhanced_smart_selfie_clip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_enhanced_smart_selfie_clip.js","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_enhanced_smart_selfie_clip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAC;AACpE,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,uCAAuC,EACvC,qCAAqC,EACrC,kCAAkC,GACnC,MAAM,kDAAkD,CAAC;AAE1D,iEAAiE;AACjE,MAAM,CAAC,MAAM,4BAA4B,GACvC,OAAO,CAAC,gDAAgD,CAAoB,CAAC;AAE/E,gFAAgF;AAChF,MAAM,CAAC,MAAM,oCAAoC,GAAG,GAAG,CAAC;AACxD,gEAAgE;AAChE,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EAAE,CAAC;AAY7C;;;;;;GAMG;AACH,MAAM,UAAU,iCAAiC,CAC/C,KAA6C;IAE7C,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAE,GACvE,KAAK,CAAC;IAER,IAAI,cAAc,IAAI,CAAC,IAAI,eAAe,IAAI,CAAC,EAAE,CAAC;QAChD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,IAAI,GAAG,oCAAoC,CAAC;IAClD,MAAM,WAAW,GAAG,eAAe,GAAG,gBAAgB,CAAC,gBAAgB,CAAC;IAExE,MAAM,cAAc,GAAG;QACrB,QAAQ,EAAE,UAAmB;QAC7B,IAAI,EAAE,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC;QACjC,GAAG,EAAE,WAAW,GAAG,IAAI,GAAG,CAAC,GAAG,yBAAyB;QACvD,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;QACZ,sEAAsE;QACtE,OAAO,EAAE,uCAAuC;KACjD,CAAC;IAEF,IAAI,aAAa,EAAE,CAAC;QAClB,OAAO,CACL,KAAC,IAAI,IAAC,aAAa,EAAC,MAAM,EAAC,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YACpE,KAAC,UAAU,IACT,MAAM,EAAE,4BAA4B,EACpC,QAAQ,EAAE,QAAQ,GAAG,kCAAkC,EACvD,QAAQ,EAAE,KAAK,EACf,IAAI,EAAE,KAAK,EACX,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GACxC,GACG,CACR,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,4EAA4E;QAC5E,OAAO,CACL,KAAC,IAAI,IAAC,aAAa,EAAC,MAAM,EAAC,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YACpE,KAAC,UAAU,IACT,MAAM,EAAE,4BAA4B,EACpC,QAAQ,QACR,IAAI,QACJ,KAAK,EAAE,qCAAqC,EAC5C,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GACxC,GACG,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,YAAY,IACX,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,CAAC;AACJ,CAAC;AASD;;;;GAIG;AACH,SAAS,YAAY,CAAC,KAAwB;IAC5C,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACvC,MAAM,SAAS,GAAG,MAAM,CAAa,IAAI,CAAC,CAAC;IAC3C,2CAA2C;IAC3C,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC1B,SAAS,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE3B,MAAM,qBAAqB,GAAG,CAAC,WAAoB,EAAE,EAAE;QACrD,IAAI,WAAW;YAAE,OAAO;QACxB,UAAU,CAAC,OAAO,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC;QACzC,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YACvB,SAAS,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QAChD,CAAC;aAAM,CAAC;YACN,SAAS,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAChD,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IACH,aAAa,EAAC,MAAM,EACpB,KAAK,EAAE,KAAK,CAAC,cAAc,EAC3B,MAAM,EAAE,KAAK,CAAC,MAAM,YAEpB,KAAC,UAAU,IACT,GAAG,EAAE,SAAS,EACd,MAAM,EAAE,4BAA4B,EACpC,IAAI,EAAE,KAAK,EACX,QAAQ,EAAE,KAAK,EACf,KAAK,EAAE,qCAAqC,EAC5C,iBAAiB,EAAE,qBAAqB,EACxC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GACxC,GACG,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,25 @@
+import type { ScanHeadTurnDirection } from "@smileid/usesmileid_bridge";
+export type UseSmileIDEnhancedSmartSelfieDirectionAnimationProps = {
+    /** Active head-turn direction from the scan state; null renders nothing. */
+    readonly direction: ScanHeadTurnDirection | null;
+    /**
+     * `true` while the head pose holds {@link direction}. Switches the cue
+     * from the grey "pending" keyframe span to the green "matched" span.
+     */
+    readonly poseMatched: boolean;
+    readonly containerWidth: number;
+    readonly containerHeight: number;
+};
+/**
+ * Enhanced Smart Selfie head-turn cue — plays the active direction's
+ * frame sub-range of the all-directions composition, ping-ponging until
+ * the turn completes. Grey while prompting; the range flips to the green
+ * "matched" span once {@link poseMatched} holds. Both the direction and
+ * the pose-match flip switch the frame range IN PLACE on the same Lottie
+ * view (no unmount/remount), so the cue never reinitialises mid-turn.
+ * Reduced motion holds the clip's final (turned-head) frame. Never
+ * mirrored in RTL so the analyzer sees identical expected head-turn
+ * directions in every locale.
+ */
+export declare function UseSmileIDEnhancedSmartSelfieDirectionAnimation(props: UseSmileIDEnhancedSmartSelfieDirectionAnimationProps): import("react").JSX.Element | null;
+//# sourceMappingURL=use_smile_id_enhanced_smart_selfie_direction_animation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_enhanced_smart_selfie_direction_animation.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_enhanced_smart_selfie_direction_animation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAIxE,MAAM,MAAM,oDAAoD,GAAG;IACjE,4EAA4E;IAC5E,QAAQ,CAAC,SAAS,EAAE,qBAAqB,GAAG,IAAI,CAAC;IACjD;;;OAGG;IACH,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;CAClC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,+CAA+C,CAC7D,KAAK,EAAE,oDAAoD,sCAiB5D"}

package/dist/presentation/components/use_smile_id_enhanced_smart_selfie_direction_animation.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { enhancedSmartSelfieFrameRange } from "./helpers/enhanced_smart_selfie_animation_frames";
+import { UseSmileIDEnhancedSmartSelfieClip } from "./use_smile_id_enhanced_smart_selfie_clip";
+/**
+ * Enhanced Smart Selfie head-turn cue — plays the active direction's
+ * frame sub-range of the all-directions composition, ping-ponging until
+ * the turn completes. Grey while prompting; the range flips to the green
+ * "matched" span once {@link poseMatched} holds. Both the direction and
+ * the pose-match flip switch the frame range IN PLACE on the same Lottie
+ * view (no unmount/remount), so the cue never reinitialises mid-turn.
+ * Reduced motion holds the clip's final (turned-head) frame. Never
+ * mirrored in RTL so the analyzer sees identical expected head-turn
+ * directions in every locale.
+ */
+export function UseSmileIDEnhancedSmartSelfieDirectionAnimation(props) {
+    if (props.direction === null)
+        return null;
+    const { startFrame, endFrame } = enhancedSmartSelfieFrameRange(props.direction, props.poseMatched);
+    return (_jsx(UseSmileIDEnhancedSmartSelfieClip, { startFrame: startFrame, endFrame: endFrame, pingPong: true, containerWidth: props.containerWidth, containerHeight: props.containerHeight, testID: "si_ess_direction_animation" }));
+}
+//# sourceMappingURL=use_smile_id_enhanced_smart_selfie_direction_animation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_enhanced_smart_selfie_direction_animation.js","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_enhanced_smart_selfie_direction_animation.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,kDAAkD,CAAC;AACjG,OAAO,EAAE,iCAAiC,EAAE,MAAM,2CAA2C,CAAC;AAc9F;;;;;;;;;;GAUG;AACH,MAAM,UAAU,+CAA+C,CAC7D,KAA2D;IAE3D,IAAI,KAAK,CAAC,SAAS,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAC1C,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,6BAA6B,CAC5D,KAAK,CAAC,SAAS,EACf,KAAK,CAAC,WAAW,CAClB,CAAC;IACF,OAAO,CACL,KAAC,iCAAiC,IAChC,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,QACR,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,MAAM,EAAC,4BAA4B,GACnC,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,13 @@
+export type UseSmileIDEnhancedSmartSelfieFullAnimationProps = {
+    readonly containerWidth: number;
+    readonly containerHeight: number;
+};
+/**
+ * Enhanced Smart Selfie pre-turn primer — the whole all-directions
+ * composition loops, centred on the face oval. The caller gates
+ * rendering to the idle / instruction states; reduced motion holds the
+ * final frame. Never mirrored in RTL so the analyzer sees identical
+ * expected head-turn directions in every locale.
+ */
+export declare function UseSmileIDEnhancedSmartSelfieFullAnimation(props: UseSmileIDEnhancedSmartSelfieFullAnimationProps): import("react").JSX.Element;
+//# sourceMappingURL=use_smile_id_enhanced_smart_selfie_full_animation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_enhanced_smart_selfie_full_animation.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_enhanced_smart_selfie_full_animation.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,+CAA+C,GAAG;IAC5D,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;CAClC,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,0CAA0C,CACxD,KAAK,EAAE,+CAA+C,+BAYvD"}

package/dist/presentation/components/use_smile_id_enhanced_smart_selfie_full_animation.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ENHANCED_SMART_SELFIE_TOTAL_FRAMES } from "./helpers/enhanced_smart_selfie_animation_frames";
+import { UseSmileIDEnhancedSmartSelfieClip } from "./use_smile_id_enhanced_smart_selfie_clip";
+/**
+ * Enhanced Smart Selfie pre-turn primer — the whole all-directions
+ * composition loops, centred on the face oval. The caller gates
+ * rendering to the idle / instruction states; reduced motion holds the
+ * final frame. Never mirrored in RTL so the analyzer sees identical
+ * expected head-turn directions in every locale.
+ */
+export function UseSmileIDEnhancedSmartSelfieFullAnimation(props) {
+    return (_jsx(UseSmileIDEnhancedSmartSelfieClip, { startFrame: 0, endFrame: ENHANCED_SMART_SELFIE_TOTAL_FRAMES, pingPong: false, containerWidth: props.containerWidth, containerHeight: props.containerHeight, testID: "si_ess_full_animation" }));
+}
+//# sourceMappingURL=use_smile_id_enhanced_smart_selfie_full_animation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_enhanced_smart_selfie_full_animation.js","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_enhanced_smart_selfie_full_animation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kCAAkC,EAAE,MAAM,kDAAkD,CAAC;AACtG,OAAO,EAAE,iCAAiC,EAAE,MAAM,2CAA2C,CAAC;AAO9F;;;;;;GAMG;AACH,MAAM,UAAU,0CAA0C,CACxD,KAAsD;IAEtD,OAAO,CACL,KAAC,iCAAiC,IAChC,UAAU,EAAE,CAAC,EACb,QAAQ,EAAE,kCAAkC,EAC5C,QAAQ,EAAE,KAAK,EACf,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,MAAM,EAAC,uBAAuB,GAC9B,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,22 @@
+import type { UseSmileIDTheme } from "../theme/theme";
+export type UseSmileIDExpandableIconProps = {
+    readonly expanded: boolean;
+    /**
+     * Optional toggle callback. When provided, the icon renders inside
+     * a `Pressable` so the disc itself owns the expand / collapse
+     * interaction. When omitted, the icon is purely visual and
+     * partner code drives the `expanded` state externally.
+     */
+    readonly onChange?: (next: boolean) => void;
+    readonly testID?: string;
+    readonly theme?: UseSmileIDTheme;
+};
+/**
+ * Filled circular disc carrying a downward chevron. Used in the
+ * consent screen's "Learn more" row — partners tap the disc to
+ * toggle the explainer panel. The chevron rotates 180° (animated
+ * over 200 ms with ease-in-out) when `expanded` flips, so the same
+ * artwork serves both states with a smooth transition.
+ */
+export declare function UseSmileIDExpandableIcon(props: UseSmileIDExpandableIconProps): import("react").JSX.Element;
+//# sourceMappingURL=use_smile_id_expandable_icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_expandable_icon.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_expandable_icon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAItD,MAAM,MAAM,6BAA6B,GAAG;IAC1C,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B;;;;;OAKG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC;CAClC,CAAC;AAMF;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,+BA6D5E"}

package/dist/presentation/components/use_smile_id_expandable_icon.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { Animated, Easing, Pressable, StyleSheet } from "react-native";
+import { useUseSmileIDTheme } from "../theme/theme_context";
+import { SiExpandMore } from "./icons";
+const SIZE = 20;
+const CHEVRON_WIDTH = 12;
+const ROTATION_DURATION_MS = 200;
+/**
+ * Filled circular disc carrying a downward chevron. Used in the
+ * consent screen's "Learn more" row — partners tap the disc to
+ * toggle the explainer panel. The chevron rotates 180° (animated
+ * over 200 ms with ease-in-out) when `expanded` flips, so the same
+ * artwork serves both states with a smooth transition.
+ */
+export function UseSmileIDExpandableIcon(props) {
+    const themeFromContext = useUseSmileIDTheme();
+    const theme = props.theme ?? themeFromContext;
+    const accessibilityLabel = props.expanded ? "Collapse" : "Expand";
+    const rotationProgress = useRef(new Animated.Value(props.expanded ? 1 : 0)).current;
+    useEffect(() => {
+        Animated.timing(rotationProgress, {
+            toValue: props.expanded ? 1 : 0,
+            duration: ROTATION_DURATION_MS,
+            easing: Easing.inOut(Easing.ease),
+            useNativeDriver: true,
+        }).start();
+    }, [props.expanded, rotationProgress]);
+    const rotate = rotationProgress.interpolate({
+        inputRange: [0, 1],
+        outputRange: ["0deg", "180deg"],
+    });
+    const inner = (_jsx(Animated.View, { style: [
+            styles.disc,
+            {
+                backgroundColor: theme.colors.offBlack,
+                transform: [{ rotate }],
+            },
+        ], children: _jsx(SiExpandMore, { size: CHEVRON_WIDTH, color: theme.colors.offWhite }) }));
+    if (props.onChange) {
+        const onChange = props.onChange;
+        return (_jsx(Pressable, { testID: props.testID, accessibilityRole: "button", accessibilityLabel: accessibilityLabel, accessibilityState: { expanded: props.expanded }, onPress: () => onChange(!props.expanded), hitSlop: 8, children: inner }));
+    }
+    return (_jsx(Animated.View, { testID: props.testID, accessibilityRole: "image", accessibilityLabel: accessibilityLabel, children: inner }));
+}
+const styles = StyleSheet.create({
+    disc: {
+        width: SIZE,
+        height: SIZE,
+        borderRadius: SIZE / 2,
+        alignItems: "center",
+        justifyContent: "center",
+    },
+});
+//# sourceMappingURL=use_smile_id_expandable_icon.js.map

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

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

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

@@ -0,0 +1,26 @@
+export type UseSmileIDFaceOvalImageProps = {
+    /** Local file URI (`file:///…`) of the captured selfie. */
+    readonly uri: string;
+    /** Container size from the parent canvas's `onLayout`. */
+    readonly containerWidth: number;
+    readonly containerHeight: number;
+    readonly testID?: string;
+};
+/**
+ * Renders the captured selfie at the canonical face-oval rect,
+ * clipped to an ellipse.
+ *
+ * Implementation: draws an SVG `<Image>` element constrained to the
+ * oval bounds and clipped through a `<ClipPath>` containing an
+ * `<Ellipse>`. Going through `react-native-svg` (already a peer
+ * dep) gives us a true ellipse on both iOS and Android — RN's
+ * `borderRadius` can't express asymmetric corner radii, so a plain
+ * `<Image>` with `borderRadius: ovalWidth/2` would render as a
+ * pill on Android when the oval isn't a perfect circle (face-oval
+ * default is roughly 1:1.26).
+ *
+ * Returns `null` until the canvas has measured (avoids a one-frame
+ * flash where the SVG renders at zero-size).
+ */
+export declare function UseSmileIDFaceOvalImage(props: UseSmileIDFaceOvalImageProps): import("react").JSX.Element | null;
+//# sourceMappingURL=use_smile_id_face_oval_image.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_face_oval_image.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_face_oval_image.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,4BAA4B,GAAG;IACzC,2DAA2D;IAC3D,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,sCAmD1E"}

package/dist/presentation/components/use_smile_id_face_oval_image.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Svg, { ClipPath, Defs, Ellipse, Image as SvgImage, } from "react-native-svg";
+import { StyleSheet, View } from "react-native";
+import { computeFaceOvalGeometry } from "./face_oval_defaults";
+/**
+ * Renders the captured selfie at the canonical face-oval rect,
+ * clipped to an ellipse.
+ *
+ * Implementation: draws an SVG `<Image>` element constrained to the
+ * oval bounds and clipped through a `<ClipPath>` containing an
+ * `<Ellipse>`. Going through `react-native-svg` (already a peer
+ * dep) gives us a true ellipse on both iOS and Android — RN's
+ * `borderRadius` can't express asymmetric corner radii, so a plain
+ * `<Image>` with `borderRadius: ovalWidth/2` would render as a
+ * pill on Android when the oval isn't a perfect circle (face-oval
+ * default is roughly 1:1.26).
+ *
+ * Returns `null` until the canvas has measured (avoids a one-frame
+ * flash where the SVG renders at zero-size).
+ */
+export function UseSmileIDFaceOvalImage(props) {
+    if (props.containerWidth <= 0 || props.containerHeight <= 0)
+        return null;
+    if (props.uri.length === 0)
+        return null;
+    const { ovalWidth, ovalHeight, ovalLeft, ovalTop } = computeFaceOvalGeometry(props.containerWidth, props.containerHeight);
+    const clipId = "si_face_oval_image_clip";
+    return (_jsx(View, { pointerEvents: "none", style: [
+            styles.container,
+            {
+                width: ovalWidth,
+                height: ovalHeight,
+                left: ovalLeft,
+                top: ovalTop,
+            },
+        ], testID: props.testID, children: _jsxs(Svg, { width: "100%", height: "100%", viewBox: `0 0 ${ovalWidth} ${ovalHeight}`, children: [_jsx(Defs, { children: _jsx(ClipPath, { id: clipId, children: _jsx(Ellipse, { cx: ovalWidth / 2, cy: ovalHeight / 2, rx: ovalWidth / 2, ry: ovalHeight / 2 }) }) }), _jsx(SvgImage, { href: { uri: props.uri }, x: 0, y: 0, width: ovalWidth, height: ovalHeight, preserveAspectRatio: "xMidYMid slice", clipPath: `url(#${clipId})` })] }) }));
+}
+const styles = StyleSheet.create({
+    container: { position: "absolute" },
+});
+//# sourceMappingURL=use_smile_id_face_oval_image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_face_oval_image.js","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_face_oval_image.tsx"],"names":[],"mappings":";AAAA,OAAO,GAAG,EAAE,EACV,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,KAAK,IAAI,QAAQ,GAClB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAW/D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,uBAAuB,CAAC,KAAmC;IACzE,IAAI,KAAK,CAAC,cAAc,IAAI,CAAC,IAAI,KAAK,CAAC,eAAe,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IACzE,IAAI,KAAK,CAAC,GAAG,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAExC,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,uBAAuB,CAC1E,KAAK,CAAC,cAAc,EACpB,KAAK,CAAC,eAAe,CACtB,CAAC;IACF,MAAM,MAAM,GAAG,yBAAyB,CAAC;IAEzC,OAAO,CACL,KAAC,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,YAEpB,MAAC,GAAG,IACF,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAE,OAAO,SAAS,IAAI,UAAU,EAAE,aAEzC,KAAC,IAAI,cACH,KAAC,QAAQ,IAAC,EAAE,EAAE,MAAM,YAClB,KAAC,OAAO,IACN,EAAE,EAAE,SAAS,GAAG,CAAC,EACjB,EAAE,EAAE,UAAU,GAAG,CAAC,EAClB,EAAE,EAAE,SAAS,GAAG,CAAC,EACjB,EAAE,EAAE,UAAU,GAAG,CAAC,GAClB,GACO,GACN,EACP,KAAC,QAAQ,IACP,IAAI,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,EACxB,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,UAAU,EAClB,mBAAmB,EAAC,gBAAgB,EACpC,QAAQ,EAAE,QAAQ,MAAM,GAAG,GAC3B,IACE,GACD,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE;CACpC,CAAC,CAAC"}

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

@@ -0,0 +1,23 @@
+import type { UseSmileIDTheme } from "../theme/theme";
+import { type UseSmileIDOverlayState as OverlayState } from "../state/use_smile_id_overlay_state";
+export type UseSmileIDFaceOverlayProps = {
+    readonly state: OverlayState;
+    /** 0..1 — bottom-to-top fill progress during READY/CAPTURING. */
+    readonly progress?: number;
+    /** Container size — partner passes from `onLayout` of the camera preview. */
+    readonly containerWidth: number;
+    readonly containerHeight: number;
+    /** Keeps the rim neutral through CAPTURING/PROCESSING — ESS has no green oval treatment. */
+    readonly enableEnhancedLiveness?: boolean;
+    readonly testID?: string;
+    readonly theme?: UseSmileIDTheme;
+};
+/**
+ * Face capture oval — dimmed scrim with a transparent cutout plus a
+ * state-driven border. Colours resolve through
+ * `UseSmileIDOvalBorderPalette`; timings come from `UseSmileIDMotion`.
+ * Directional `MOVE_*` states suppress the progress ring and draw a
+ * red arc on the crowded oval edge. See docs/Face-Oval-State-Flows.md.
+ */
+export declare function UseSmileIDFaceOverlay(props: UseSmileIDFaceOverlayProps): import("react").JSX.Element | null;
+//# sourceMappingURL=use_smile_id_face_overlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_smile_id_face_overlay.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_face_overlay.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,OAAO,EAGL,KAAK,sBAAsB,IAAI,YAAY,EAC5C,MAAM,qCAAqC,CAAC;AAQ7C,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC;IAC7B,iEAAiE;IACjE,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,6EAA6E;IAC7E,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,4FAA4F;IAC5F,QAAQ,CAAC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAC1C,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC;CAClC,CAAC;AA4BF;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,sCA+NtE"}