@smileid/usesmileid 12.0.2 → 12.1.0

package/dist/presentation/components/use_smile_id_confirmation_buttons.js

@@ -1,48 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Pressable, StyleSheet, Text, View } from "react-native";
-import { useUseSmileIDTheme } from "../theme/theme_context";
-import { SiOutlineCheck, SiRetake } from "./icons";
-const TILE = 70;
-const TILE_RADIUS = 24;
-const RETAKE_ICON = 28;
-const CONFIRM_ICON = 36;
-const ICON_LABEL_GAP = 6;
-const TILE_GAP = 40;
-/**
- * Retake / Confirm pair below the preview card: two 70dp rounded tiles
- * (icon centered) each above a caption. Retake uses the slate reject palette,
- * Confirm the green accept palette. The tile's accessible name is the visible
- * label; the caption is decorative.
- */
-export function UseSmileIDConfirmationButtons(props) {
-    const themeFromContext = useUseSmileIDTheme();
-    const theme = props.theme ?? themeFromContext;
-    return (_jsxs(View, { testID: props.testID, style: styles.row, children: [_jsx(ConfirmationButton, { onPress: props.onReject, label: props.rejectLabel ?? "Retake", testID: "si_preview_reject_button", background: theme.colors.previewRejectBackground, border: theme.colors.previewRejectBorder, contentColor: theme.colors.previewRejectIcon, caption: theme.typography.buttonCaption, icon: _jsx(SiRetake, { size: RETAKE_ICON, color: theme.colors.previewRejectIcon }) }), _jsx(ConfirmationButton, { onPress: props.onAccept, label: props.acceptLabel ?? "Confirm", testID: "si_preview_accept_button", background: theme.colors.previewAcceptBackground, border: theme.colors.previewAcceptBorder, contentColor: theme.colors.previewAcceptIcon, caption: theme.typography.buttonCaption, icon: _jsx(SiOutlineCheck, { size: CONFIRM_ICON, color: theme.colors.previewAcceptIcon }) })] }));
-}
-function ConfirmationButton(props) {
-    return (_jsxs(View, { style: styles.item, children: [_jsx(Pressable, { onPress: props.onPress, accessibilityRole: "button", accessibilityLabel: props.label, testID: props.testID, style: ({ pressed }) => [
-                    styles.tile,
-                    {
-                        backgroundColor: props.background,
-                        borderColor: props.border,
-                        opacity: pressed ? 0.85 : 1,
-                    },
-                ], children: props.icon }), _jsx(Text, { importantForAccessibility: "no", accessibilityElementsHidden: true, style: {
-                    ...props.caption,
-                    color: props.contentColor,
-                    marginTop: ICON_LABEL_GAP,
-                }, children: props.label })] }));
-}
-const styles = StyleSheet.create({
-    row: { flexDirection: "row", justifyContent: "center", columnGap: TILE_GAP },
-    item: { alignItems: "center" },
-    tile: {
-        width: TILE,
-        height: TILE,
-        borderRadius: TILE_RADIUS,
-        borderWidth: 1,
-        alignItems: "center",
-        justifyContent: "center",
-    },
-});
-//# sourceMappingURL=use_smile_id_confirmation_buttons.js.map
+"use strict";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{Pressable as m,StyleSheet as b,Text as u,View as s}from"react-native";import{useUseSmileIDTheme as d}from"../theme/theme_context";import{useUseSmileIDLocalizations as I}from"../../l10n/use_smile_id_localizations_provider";import{SiOutlineCheck as C,SiRetake as w}from"./icons";const l=70,y=24,h=28,_=36,f=6,j=40;export function UseSmileIDConfirmationButtons(e){const c=d(),r=I(),t=e.theme??c;return i(s,{testID:e.testID,style:n.row,children:[o(a,{onPress:e.onReject,label:e.rejectLabel??r.siPreviewRetake,testID:"si_preview_reject_button",background:t.colors.previewRejectBackground,border:t.colors.previewRejectBorder,contentColor:t.colors.previewRejectIcon,caption:t.typography.buttonCaption,icon:o(w,{size:h,color:t.colors.previewRejectIcon})}),o(a,{onPress:e.onAccept,label:e.acceptLabel??r.siPreviewConfirm,testID:"si_preview_accept_button",background:t.colors.previewAcceptBackground,border:t.colors.previewAcceptBorder,contentColor:t.colors.previewAcceptIcon,caption:t.typography.buttonCaption,icon:o(C,{size:_,color:t.colors.previewAcceptIcon})})]})}function a(e){return i(s,{style:n.item,children:[o(m,{onPress:e.onPress,accessibilityRole:"button",accessibilityLabel:e.label,testID:e.testID,style:({pressed:c})=>[n.tile,{backgroundColor:e.background,borderColor:e.border,opacity:c?.85:1}],children:e.icon}),o(u,{importantForAccessibility:"no",accessibilityElementsHidden:!0,style:{...e.caption,color:e.contentColor,marginTop:f},children:e.label})]})}const n=b.create({row:{flexDirection:"row",justifyContent:"center",columnGap:j},item:{alignItems:"center"},tile:{width:l,height:l,borderRadius:y,borderWidth:1,alignItems:"center",justifyContent:"center"}});

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

@@ -15,4 +15,3 @@ export type UseSmileIDConsentRowProps = {
  * locales without conditional logic at the call site.
  */
 export declare function UseSmileIDConsentRow(props: UseSmileIDConsentRowProps): import("react").JSX.Element;
-//# sourceMappingURL=use_smile_id_consent_row.d.ts.map

package/dist/presentation/components/use_smile_id_consent_row.js

@@ -1,32 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { StyleSheet, Text, View } from "react-native";
-import { useUseSmileIDTheme } from "../theme/theme_context";
-/**
- * Single consent line — icon + descriptor text. Listed under
- * "This may include processing:" on the consent screen.
- *
- * Layout uses `marginStart` so the icon-to-text gap mirrors in RTL
- * locales without conditional logic at the call site.
- */
-export function UseSmileIDConsentRow(props) {
-    const themeFromContext = useUseSmileIDTheme();
-    const theme = props.theme ?? themeFromContext;
-    return (_jsxs(View, { testID: props.testID, style: [styles.row, { paddingVertical: theme.spacing.small }], children: [props.icon ? (_jsx(View, { style: [styles.iconSlot, { marginEnd: theme.spacing.small }], children: props.icon })) : null, _jsx(Text, { style: {
-                    ...theme.typography.body,
-                    color: theme.colors.titleText,
-                    flex: 1,
-                }, children: props.label })] }));
-}
-const styles = StyleSheet.create({
-    row: {
-        flexDirection: "row",
-        alignItems: "center",
-    },
-    iconSlot: {
-        width: 24,
-        height: 24,
-        alignItems: "center",
-        justifyContent: "center",
-    },
-});
-//# sourceMappingURL=use_smile_id_consent_row.js.map
+"use strict";import{jsx as n,jsxs as s}from"react/jsx-runtime";import{StyleSheet as r,Text as c,View as l}from"react-native";import{useUseSmileIDTheme as m}from"../theme/theme_context";export function UseSmileIDConsentRow(e){const i=m(),t=e.theme??i;return s(l,{testID:e.testID,style:[o.row,{paddingVertical:t.spacing.small}],children:[e.icon?n(l,{style:[o.iconSlot,{marginEnd:t.spacing.small}],children:e.icon}):null,n(c,{style:{...t.typography.body,color:t.colors.titleText,flex:1},children:e.label})]})}const o=r.create({row:{flexDirection:"row",alignItems:"center"},iconSlot:{width:24,height:24,alignItems:"center",justifyContent:"center"}});

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

@@ -18,4 +18,3 @@ export type UseSmileIDContentCardProps = {
  * blindly setting both makes Android render a double shadow.
  */
 export declare function UseSmileIDContentCard(props: UseSmileIDContentCardProps): import("react").JSX.Element;
-//# sourceMappingURL=use_smile_id_content_card.d.ts.map

package/dist/presentation/components/use_smile_id_content_card.js

@@ -1,41 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Platform, StyleSheet, View, } from "react-native";
-import { useUseSmileIDTheme } from "../theme/theme_context";
-/**
- * Generic card container — rounded background + soft shadow. Used by
- * instruction cards, the bottom card on preview / processing screens,
- * etc.
- *
- * Shadow is platform-conditional (`elevation` on Android,
- * `shadowOffset/Opacity/Radius` on iOS) — RN doesn't unify these and
- * blindly setting both makes Android render a double shadow.
- */
-export function UseSmileIDContentCard(props) {
-    const themeFromContext = useUseSmileIDTheme();
-    const theme = props.theme ?? themeFromContext;
-    const variant = props.variant ?? "card";
-    return (_jsx(View, { style: [
-            styles.shadow,
-            {
-                padding: theme.spacing.medium,
-                borderRadius: theme.shapes.cardRadius,
-                backgroundColor: variant === "instruction"
-                    ? theme.colors.instructionCardBackground
-                    : theme.colors.cardBackground,
-            },
-            props.style,
-        ], children: props.children }));
-}
-const styles = StyleSheet.create({
-    shadow: Platform.select({
-        ios: {
-            shadowColor: "#000",
-            shadowOffset: { width: 0, height: 2 },
-            shadowOpacity: 0.08,
-            shadowRadius: 4,
-        },
-        android: { elevation: 2 },
-        default: {},
-    }) ?? {},
-});
-//# sourceMappingURL=use_smile_id_content_card.js.map
+"use strict";import{jsx as r}from"react/jsx-runtime";import{Platform as s,StyleSheet as d,View as i}from"react-native";import{useUseSmileIDTheme as n}from"../theme/theme_context";export function UseSmileIDContentCard(e){const o=n(),t=e.theme??o,a=e.variant??"card";return r(i,{style:[c.shadow,{padding:t.spacing.medium,borderRadius:t.shapes.cardRadius,backgroundColor:a==="instruction"?t.colors.instructionCardBackground:t.colors.cardBackground},e.style],children:e.children})}const c=d.create({shadow:s.select({ios:{shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:.08,shadowRadius:4},android:{elevation:2},default:{}})??{}});

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

@@ -30,4 +30,3 @@ export type UseSmileIDDocumentCaptureControlsProps = {
  * row with the ✕ in the top chrome).
  */
 export declare function UseSmileIDDocumentCaptureControls(props: UseSmileIDDocumentCaptureControlsProps): import("react").JSX.Element | null;
-//# sourceMappingURL=use_smile_id_document_capture_controls.d.ts.map

package/dist/presentation/components/use_smile_id_document_capture_controls.js

@@ -1,120 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Pressable, StyleSheet, View } from "react-native";
-import { SafeAreaView } from "react-native-safe-area-context";
-import { defaultLightTheme } from "../theme/theme";
-import { SiGallery, SiOutlineClose } from "./icons";
-const SHUTTER_SIZE = 64;
-const SHUTTER_INNER_SIZE = 46;
-const GALLERY_SIZE = 56;
-const CONTROL_GAP = 24;
-const CLOSE_SIZE = 40;
-/** Trailing-edge inset for the landscape lane (spacing.large). */
-const LANE_EDGE = 24;
-/** Bottom inset for the portrait control row above the safe area (spacing.large). */
-const PORTRAIT_ROW_BOTTOM = 24;
-/** Top/bottom inset bounding the ✕ and the centred controls inside the lane. */
-const LANE_VERTICAL_PADDING = 16;
-/**
- * Document capture controls — manual shutter + gallery upload, plus the close ✕
- * in landscape (laid out as a trailing-edge lane; portrait is a centred bottom
- * row with the ✕ in the top chrome).
- */
-export function UseSmileIDDocumentCaptureControls(props) {
-    // Light-palette forced: overlay is locked to light mode so brand-blue reads over the dim feed.
-    const theme = defaultLightTheme;
-    const controlsVisible = props.showManualShutter || props.showGallery;
-    // The lane keeps the ✕ even when shutter/gallery hide (during capture); portrait
-    // renders nothing here once the controls are hidden.
-    const showCloseInLane = props.isLandscape && props.onClose !== undefined;
-    if (!controlsVisible && !showCloseInLane) {
-        return null;
-    }
-    const closeButton = props.onClose ? (_jsx(Pressable, { onPress: props.onClose, accessibilityRole: "button", accessibilityLabel: props.closeAccessibilityLabel, testID: "si_document_close_button", style: ({ pressed }) => [
-            styles.closeButton,
-            {
-                backgroundColor: theme.colors.offBlack,
-                borderColor: theme.colors.backButtonBorder,
-                opacity: pressed ? 0.7 : 1,
-            },
-        ], children: _jsx(SiOutlineClose, { size: 20, color: theme.colors.offWhite }) })) : null;
-    const shutter = props.showManualShutter ? (_jsx(Pressable, { onPress: props.onManualShutter, disabled: !props.enabled, accessibilityRole: "button", accessibilityLabel: props.shutterAccessibilityLabel, accessibilityState: { disabled: !props.enabled }, testID: "si_document_manual_shutter", style: ({ pressed }) => [
-            styles.shutterOuter,
-            { opacity: pressed || !props.enabled ? 0.6 : 1 },
-        ], children: _jsx(View, { style: styles.shutterInner }) })) : null;
-    const gallery = props.showGallery ? (_jsx(Pressable, { onPress: props.onGallery, disabled: !props.enabled, accessibilityRole: "button", accessibilityLabel: props.galleryAccessibilityLabel, accessibilityState: { disabled: !props.enabled }, testID: "si_document_gallery_upload", style: ({ pressed }) => [
-            styles.galleryButton,
-            {
-                backgroundColor: theme.colors.primary,
-                opacity: pressed || !props.enabled ? 0.6 : 1,
-            },
-        ], children: _jsx(SiGallery, { size: 24, color: theme.colors.primaryForeground }) })) : null;
-    if (props.isLandscape) {
-        // Trailing-edge lane: ✕ at the top, shutter/gallery vertically centred
-        // between two flex spacers so the controls hold the lane's vertical centre.
-        return (_jsxs(SafeAreaView, { edges: ["top", "right", "bottom", "left"], style: styles.landscapeLane, pointerEvents: "box-none", testID: "si_document_capture_controls", children: [_jsx(View, { style: styles.laneSlot, children: closeButton }), _jsx(View, { style: styles.laneSpacer }), controlsVisible ? (_jsxs(View, { style: styles.landscapeControls, children: [shutter, gallery] })) : null, _jsx(View, { style: styles.laneSpacer })] }));
-    }
-    // Portrait: centred bottom row (gallery left of shutter).
-    return (_jsxs(SafeAreaView, { edges: ["top", "right", "bottom", "left"], style: styles.portraitRow, pointerEvents: "box-none", testID: "si_document_capture_controls", children: [gallery, shutter] }));
-}
-const styles = StyleSheet.create({
-    // No fixed width: the lane sizes to its (≤ SHUTTER_SIZE-wide) content so the
-    // additive horizontal safe-area inset SHIFTS it inward instead of squeezing the
-    // controls (RN is border-box; padding inside a fixed width would clip them).
-    landscapeLane: {
-        position: "absolute",
-        top: 0,
-        bottom: 0,
-        end: LANE_EDGE,
-        flexDirection: "column",
-        alignItems: "center",
-        paddingVertical: LANE_VERTICAL_PADDING,
-    },
-    laneSpacer: { flex: 1 },
-    laneSlot: { width: SHUTTER_SIZE, alignItems: "center" },
-    landscapeControls: {
-        flexDirection: "column",
-        alignItems: "center",
-        gap: CONTROL_GAP,
-    },
-    portraitRow: {
-        position: "absolute",
-        start: 0,
-        end: 0,
-        bottom: PORTRAIT_ROW_BOTTOM,
-        flexDirection: "row",
-        alignItems: "center",
-        justifyContent: "center",
-        gap: CONTROL_GAP * 1.6,
-    },
-    closeButton: {
-        width: CLOSE_SIZE,
-        height: CLOSE_SIZE,
-        borderRadius: CLOSE_SIZE / 2,
-        borderWidth: 1,
-        alignItems: "center",
-        justifyContent: "center",
-    },
-    shutterOuter: {
-        width: SHUTTER_SIZE,
-        height: SHUTTER_SIZE,
-        borderRadius: SHUTTER_SIZE / 2,
-        borderWidth: 4,
-        borderColor: "#FFFFFF",
-        alignItems: "center",
-        justifyContent: "center",
-    },
-    shutterInner: {
-        width: SHUTTER_INNER_SIZE,
-        height: SHUTTER_INNER_SIZE,
-        borderRadius: SHUTTER_INNER_SIZE / 2,
-        backgroundColor: "#FFFFFF",
-    },
-    galleryButton: {
-        width: GALLERY_SIZE,
-        height: GALLERY_SIZE,
-        borderRadius: GALLERY_SIZE / 2,
-        alignItems: "center",
-        justifyContent: "center",
-    },
-});
-//# sourceMappingURL=use_smile_id_document_capture_controls.js.map
+"use strict";import{jsx as l,jsxs as r}from"react/jsx-runtime";import{Pressable as a,StyleSheet as I,View as s}from"react-native";import{SafeAreaView as m}from"react-native-safe-area-context";import{defaultLightTheme as S}from"../theme/theme";import{SiGallery as C,SiOutlineClose as L}from"./icons";const i=64,c=46,d=56,g=24,u=40,R=24,E=24,w=16;export function UseSmileIDDocumentCaptureControls(e){const o=S,b=e.showManualShutter||e.showGallery,_=e.isLandscape&&e.onClose!==void 0;if(!b&&!_)return null;const f=e.onClose?l(a,{onPress:e.onClose,accessibilityRole:"button",accessibilityLabel:e.closeAccessibilityLabel,testID:"si_document_close_button",style:({pressed:n})=>[t.closeButton,{backgroundColor:o.colors.offBlack,borderColor:o.colors.backButtonBorder,opacity:n?.7:1}],children:l(L,{size:20,color:o.colors.offWhite})}):null,h=e.showManualShutter?l(a,{onPress:e.onManualShutter,disabled:!e.enabled,accessibilityRole:"button",accessibilityLabel:e.shutterAccessibilityLabel,accessibilityState:{disabled:!e.enabled},testID:"si_document_manual_shutter",style:({pressed:n})=>[t.shutterOuter,{opacity:n||!e.enabled?.6:1}],children:l(s,{style:t.shutterInner})}):null,y=e.showGallery?l(a,{onPress:e.onGallery,disabled:!e.enabled,accessibilityRole:"button",accessibilityLabel:e.galleryAccessibilityLabel,accessibilityState:{disabled:!e.enabled},testID:"si_document_gallery_upload",style:({pressed:n})=>[t.galleryButton,{backgroundColor:o.colors.primary,opacity:n||!e.enabled?.6:1}],children:l(C,{size:24,color:o.colors.primaryForeground})}):null;return e.isLandscape?r(m,{edges:["top","right","bottom","left"],style:t.landscapeLane,pointerEvents:"box-none",testID:"si_document_capture_controls",children:[l(s,{style:t.laneSlot,children:f}),l(s,{style:t.laneSpacer}),b?r(s,{style:t.landscapeControls,children:[h,y]}):null,l(s,{style:t.laneSpacer})]}):r(m,{edges:["top","right","bottom","left"],style:t.portraitRow,pointerEvents:"box-none",testID:"si_document_capture_controls",children:[y,h]})}const t=I.create({landscapeLane:{position:"absolute",top:0,bottom:0,end:R,flexDirection:"column",alignItems:"center",paddingVertical:w},laneSpacer:{flex:1},laneSlot:{width:i,alignItems:"center"},landscapeControls:{flexDirection:"column",alignItems:"center",gap:g},portraitRow:{position:"absolute",start:0,end:0,bottom:E,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:g*1.6},closeButton:{width:u,height:u,borderRadius:u/2,borderWidth:1,alignItems:"center",justifyContent:"center"},shutterOuter:{width:i,height:i,borderRadius:i/2,borderWidth:4,borderColor:"#FFFFFF",alignItems:"center",justifyContent:"center"},shutterInner:{width:c,height:c,borderRadius:c/2,backgroundColor:"#FFFFFF"},galleryButton:{width:d,height:d,borderRadius:d/2,alignItems:"center",justifyContent:"center"}});

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

@@ -39,4 +39,3 @@ export declare function documentGuideRect(aspect: number, containerWidth: number
  * rasterize the full-screen layer per invalidation, freezing the preview).
  */
 export declare function UseSmileIDDocumentOverlay(props: UseSmileIDDocumentOverlayProps): import("react").JSX.Element | null;
-//# sourceMappingURL=use_smile_id_document_overlay.d.ts.map

package/dist/presentation/components/use_smile_id_document_overlay.js

@@ -1,158 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from "react";
-import { StyleSheet, Text, View } from "react-native";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
-import Svg, { Path } from "react-native-svg";
-import { useUseSmileIDTheme } from "../theme/theme_context";
-import { isDocumentCaptureActive, } from "../state/use_smile_id_overlay_state";
-import { UseSmileIDOvalBorderPalette } from "./use_smile_id_oval_border_palette";
-import { UseSmileIDDocumentShimmer } from "./use_smile_id_document_shimmer";
-import { UseSmileIDCaptureSpinner } from "./use_smile_id_capture_spinner";
-/** Gap between the frame's bottom edge and the coaching pill (Figma: 16dp). */
-const CHIP_TOP_GAP = 16;
-/**
- * Frame spans ≤71% of container width, height capped at 61% (re-deriving width
- * from aspect when the cap bites — keeps a wide ID-1 card from overflowing in
- * landscape). One ratio pair drives both orientations.
- */
-const FRAME_MAX_WIDTH_RATIO = 0.71;
-const FRAME_MAX_HEIGHT_RATIO = 0.61;
-/** Frame corner radius (matches the bordered frame's `borderRadius`). */
-const FRAME_CORNER_RADIUS = 16;
-/** Guide-rect border thickness; drawn straddling the frame edge (centred stroke, matching the other SDKs). */
-const FRAME_BORDER_WIDTH = 4;
-/** Capture-progress spinner shown beside the frame (landscape) or bottom-centre (portrait). */
-const SPINNER_SIZE = 48;
-/** Portrait spinner gap above the safe-area bottom (spacing.large) — matches the shutter row. */
-const PORTRAIT_SPINNER_BOTTOM_GAP = 24;
-/** Default document aspect (CR-80 ID-1 card) when no known ratio is supplied. */
-export const DEFAULT_DOCUMENT_ASPECT = 1.586;
-/**
- * Centred document guide rectangle (container px) for a document [aspect] and
- * viewport. Single source of truth shared by the overlay (draws the frame) and
- * the capture screen (derives the native crop region), so the saved capture
- * matches the frame the user saw.
- */
-export function documentGuideRect(aspect, containerWidth, containerHeight) {
-    let width = containerWidth * FRAME_MAX_WIDTH_RATIO;
-    let height = width / aspect;
-    const maxHeight = containerHeight * FRAME_MAX_HEIGHT_RATIO;
-    if (height > maxHeight) {
-        height = maxHeight;
-        width = height * aspect;
-    }
-    return {
-        left: (containerWidth - width) / 2,
-        top: (containerHeight - height) / 2,
-        width,
-        height,
-    };
-}
-/**
- * Faint black tint over the whole live feed (~0.15 inside the frame). Component
- * constant, not a theme colour — the surround dim is the overridable layer.
- */
-const DOCUMENT_CAMERA_TINT = "#00000026"; // black @15%
-/** Fallback surround dim when the theme omits `documentOverlayScrim`. */
-const DEFAULT_DOCUMENT_OVERLAY_SCRIM = "#00000066"; // black @40%
-/**
- * Document capture frame — two-layer dim + a border that flips to `ovalActive`
- * on `DOCUMENT_READY`. The cutout is one even-odd path, NOT a `<Mask>` (masks
- * rasterize the full-screen layer per invalidation, freezing the preview).
- */
-export function UseSmileIDDocumentOverlay(props) {
-    const themeFromContext = useUseSmileIDTheme();
-    const theme = props.theme ?? themeFromContext;
-    const insets = useSafeAreaInsets();
-    const aspect = props.knownIdAspectRatio ?? DEFAULT_DOCUMENT_ASPECT;
-    const isPortrait = aspect < 1;
-    const { left, top, width: frameWidth, height: frameHeight, } = documentGuideRect(aspect, props.containerWidth, props.containerHeight);
-    // Three-state border, shared with the selfie oval (UseSmileIDOvalBorderPalette):
-    // green once the document is correctly framed (ready / capturing / processing),
-    // red while detected but mispositioned (too far / close / off-centre / not
-    // steady), neutral while idle.
-    const captureActive = isDocumentCaptureActive(props.state);
-    const borderColor = theme.colors[UseSmileIDOvalBorderPalette.tokenFor(props.state, false)];
-    const surroundColor = theme.colors.documentOverlayScrim ?? DEFAULT_DOCUMENT_OVERLAY_SCRIM;
-    if (props.containerWidth <= 0 || props.containerHeight <= 0) {
-        return null;
-    }
-    return (_jsxs(View, { testID: props.testID, style: StyleSheet.absoluteFill, pointerEvents: "none", children: [_jsx(View, { style: [
-                    StyleSheet.absoluteFill,
-                    { backgroundColor: DOCUMENT_CAMERA_TINT },
-                ] }), _jsx(DocumentScrimSurround, { containerWidth: props.containerWidth, containerHeight: props.containerHeight, frameLeft: left, frameTop: top, frameWidth: frameWidth, frameHeight: frameHeight, cornerRadius: FRAME_CORNER_RADIUS, color: surroundColor }), !captureActive ? (_jsx(View, { style: {
-                    // Inset 10% per axis so the shimmer guide never touches the frame edge.
-                    position: "absolute",
-                    left: left + frameWidth * 0.1,
-                    top: top + frameHeight * 0.1,
-                    width: frameWidth * 0.8,
-                    height: frameHeight * 0.8,
-                }, pointerEvents: "none", children: _jsx(UseSmileIDDocumentShimmer, { width: frameWidth * 0.8, height: frameHeight * 0.8, isBackSide: props.isBackSide ?? false, ...(props.documentTypeKind !== undefined
-                        ? { documentTypeKind: props.documentTypeKind }
-                        : {}) }) })) : null, _jsx(View, { style: {
-                    position: "absolute",
-                    left: left - FRAME_BORDER_WIDTH / 2,
-                    top: top - FRAME_BORDER_WIDTH / 2,
-                    width: frameWidth + FRAME_BORDER_WIDTH,
-                    height: frameHeight + FRAME_BORDER_WIDTH,
-                    borderWidth: FRAME_BORDER_WIDTH,
-                    borderRadius: FRAME_CORNER_RADIUS + FRAME_BORDER_WIDTH / 2,
-                    borderColor,
-                } }), captureActive ? (isPortrait ? (_jsx(View, { style: {
-                    position: "absolute",
-                    left: 0,
-                    right: 0,
-                    bottom: insets.bottom + PORTRAIT_SPINNER_BOTTOM_GAP,
-                    alignItems: "center",
-                }, pointerEvents: "none", children: _jsx(UseSmileIDCaptureSpinner, { size: SPINNER_SIZE, color: theme.colors.ovalActive, testID: "si_document_capture_spinner" }) })) : (_jsx(View, { style: {
-                    position: "absolute",
-                    left: left +
-                        frameWidth +
-                        (props.containerWidth - (left + frameWidth) - SPINNER_SIZE) / 2,
-                    top: top + (frameHeight - SPINNER_SIZE) / 2,
-                }, pointerEvents: "none", children: _jsx(UseSmileIDCaptureSpinner, { size: SPINNER_SIZE, color: theme.colors.ovalActive, testID: "si_document_capture_spinner" }) }))) : null, props.feedbackText ? (_jsx(View, { style: {
-                    position: "absolute",
-                    top: top + frameHeight + CHIP_TOP_GAP,
-                    start: 0,
-                    end: 0,
-                    alignItems: "center",
-                }, pointerEvents: "none", children: _jsx(View, { style: {
-                        maxWidth: "85%",
-                        borderRadius: 8,
-                        backgroundColor: theme.colors.offBlack,
-                        paddingHorizontal: theme.spacing.medium,
-                        paddingVertical: theme.spacing.small,
-                    }, children: _jsx(Text, { style: {
-                            ...theme.typography.cardTitle,
-                            color: "#FFFFFF",
-                            textAlign: "center",
-                        }, testID: "si_document_feedback_text", children: props.feedbackText }) }) })) : null] }));
-}
-/**
- * Darker dim outside the rounded-rect cutout, as one even-odd path (outer rect +
- * inner rounded-rect windings). Memoised so parent per-frame state never touches it.
- */
-const DocumentScrimSurround = memo(function DocumentScrimSurround(props) {
-    const { containerWidth, containerHeight, frameLeft, frameTop, frameWidth, frameHeight, cornerRadius, color, } = props;
-    // Clamp the radius so a small frame can't produce a self-overlapping path.
-    const radius = Math.min(cornerRadius, frameWidth / 2, frameHeight / 2);
-    const outerPath = `M0 0H${containerWidth}V${containerHeight}H0Z`;
-    const cutoutPath = roundedRectPath(frameLeft, frameTop, frameWidth, frameHeight, radius);
-    return (_jsx(Svg, { width: "100%", height: "100%", viewBox: `0 0 ${containerWidth} ${containerHeight}`, preserveAspectRatio: "none", style: StyleSheet.absoluteFill, children: _jsx(Path, { d: `${outerPath} ${cutoutPath}`, fill: color, fillRule: "evenodd" }) }));
-});
-/** Closed rounded-rectangle subpath (clockwise) for the frame cutout. */
-function roundedRectPath(x, y, width, height, r) {
-    const right = x + width;
-    const bottom = y + height;
-    return (`M${x + r} ${y}` +
-        `H${right - r}` +
-        `A${r} ${r} 0 0 1 ${right} ${y + r}` +
-        `V${bottom - r}` +
-        `A${r} ${r} 0 0 1 ${right - r} ${bottom}` +
-        `H${x + r}` +
-        `A${r} ${r} 0 0 1 ${x} ${bottom - r}` +
-        `V${y + r}` +
-        `A${r} ${r} 0 0 1 ${x + r} ${y}` +
-        `Z`);
-}
-//# sourceMappingURL=use_smile_id_document_overlay.js.map
+"use strict";import{jsx as n,jsxs as I}from"react/jsx-runtime";import{memo as R}from"react";import{StyleSheet as T,Text as D,View as m}from"react-native";import{useSafeAreaInsets as S}from"react-native-safe-area-context";import E,{Path as b}from"react-native-svg";import{useUseSmileIDTheme as p}from"../theme/theme_context";import{isDocumentCaptureActive as v}from"../state/use_smile_id_overlay_state";import{UseSmileIDOvalBorderPalette as H}from"./use_smile_id_oval_border_palette";import{UseSmileIDDocumentShimmer as F}from"./use_smile_id_document_shimmer";import{UseSmileIDCaptureSpinner as $}from"./use_smile_id_capture_spinner";const C=16,M=.71,O=.61,g=16,u=4,f=48,y=24;export const DEFAULT_DOCUMENT_ASPECT=1.586;export function documentGuideRect(e,i,o){let r=i*M,t=r/e;const s=o*O;return t>s&&(t=s,r=t*e),{left:(i-r)/2,top:(o-t)/2,width:r,height:t}}const P="#00000026",x="#00000066";export function UseSmileIDDocumentOverlay(e){const i=p(),o=e.theme??i,r=S(),t=e.knownIdAspectRatio??DEFAULT_DOCUMENT_ASPECT,s=t<1,{left:c,top:d,width:l,height:a}=documentGuideRect(t,e.containerWidth,e.containerHeight),h=v(e.state),_=o.colors[H.tokenFor(e.state,!1)],A=o.colors.documentOverlayScrim??x;return e.containerWidth<=0||e.containerHeight<=0?null:I(m,{testID:e.testID,style:T.absoluteFill,pointerEvents:"none",children:[n(m,{style:[T.absoluteFill,{backgroundColor:P}]}),n(W,{containerWidth:e.containerWidth,containerHeight:e.containerHeight,frameLeft:c,frameTop:d,frameWidth:l,frameHeight:a,cornerRadius:g,color:A}),h?null:n(m,{style:{position:"absolute",left:c+l*.1,top:d+a*.1,width:l*.8,height:a*.8},pointerEvents:"none",children:n(F,{width:l*.8,height:a*.8,isBackSide:e.isBackSide??!1,...e.documentTypeKind!==void 0?{documentTypeKind:e.documentTypeKind}:{}})}),n(m,{style:{position:"absolute",left:c-u/2,top:d-u/2,width:l+u,height:a+u,borderWidth:u,borderRadius:g+u/2,borderColor:_}}),h?s?n(m,{style:{position:"absolute",left:0,right:0,bottom:r.bottom+y,alignItems:"center"},pointerEvents:"none",children:n($,{size:f,color:o.colors.ovalActive,testID:"si_document_capture_spinner"})}):n(m,{style:{position:"absolute",left:c+l+(e.containerWidth-(c+l)-f)/2,top:d+(a-f)/2},pointerEvents:"none",children:n($,{size:f,color:o.colors.ovalActive,testID:"si_document_capture_spinner"})}):null,e.feedbackText?n(m,{style:{position:"absolute",top:d+a+C,start:0,end:0,alignItems:"center"},pointerEvents:"none",children:n(m,{style:{maxWidth:"85%",borderRadius:8,backgroundColor:o.colors.offBlack,paddingHorizontal:o.spacing.medium,paddingVertical:o.spacing.small},children:n(D,{style:{...o.typography.cardTitle,color:"#FFFFFF",textAlign:"center"},testID:"si_document_feedback_text",children:e.feedbackText})})}):null]})}const W=R(function(i){const{containerWidth:o,containerHeight:r,frameLeft:t,frameTop:s,frameWidth:c,frameHeight:d,cornerRadius:l,color:a}=i,h=Math.min(l,c/2,d/2),_=`M0 0H${o}V${r}H0Z`,A=U(t,s,c,d,h);return n(E,{width:"100%",height:"100%",viewBox:`0 0 ${o} ${r}`,preserveAspectRatio:"none",style:T.absoluteFill,children:n(b,{d:`${_} ${A}`,fill:a,fillRule:"evenodd"})})});function U(e,i,o,r,t){const s=e+o,c=i+r;return`M${e+t} ${i}H${s-t}A${t} ${t} 0 0 1 ${s} ${i+t}V${c-t}A${t} ${t} 0 0 1 ${s-t} ${c}H${e+t}A${t} ${t} 0 0 1 ${e} ${c-t}V${i+t}A${t} ${t} 0 0 1 ${e+t} ${i}Z`}

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

@@ -12,4 +12,3 @@ export type UseSmileIDDocumentShimmerProps = {
 /** Shimmer skeleton for a document type + side. Only generic documents have front/back; passport and green book ignore the side. */
 export declare function documentShimmerXml(documentTypeKind: DocumentType["kind"] | undefined, isBackSide: boolean): string;
 export declare const UseSmileIDDocumentShimmer: import("react").MemoExoticComponent<(props: UseSmileIDDocumentShimmerProps) => import("react").JSX.Element | null>;
-//# sourceMappingURL=use_smile_id_document_shimmer.d.ts.map

package/dist/presentation/components/use_smile_id_document_shimmer.js

@@ -1,23 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from "react";
-import { SvgXml } from "react-native-svg";
-import { SI_DOCUMENT_BACK_SHIMMER, SI_DOCUMENT_FRONT_SHIMMER, SI_DOCUMENT_GREEN_BOOK_SHIMMER, SI_DOCUMENT_PASSPORT_SHIMMER, } from "../assets/svg/document_shimmer_strings";
-/** Shimmer skeleton for a document type + side. Only generic documents have front/back; passport and green book ignore the side. */
-export function documentShimmerXml(documentTypeKind, isBackSide) {
-    switch (documentTypeKind) {
-        case "passport":
-            return SI_DOCUMENT_PASSPORT_SHIMMER;
-        case "southAfricaGreenBook":
-            return SI_DOCUMENT_GREEN_BOOK_SHIMMER;
-        default:
-            return isBackSide ? SI_DOCUMENT_BACK_SHIMMER : SI_DOCUMENT_FRONT_SHIMMER;
-    }
-}
-export const UseSmileIDDocumentShimmer = memo(function UseSmileIDDocumentShimmer(props) {
-    const { width, height, documentTypeKind, isBackSide = false } = props;
-    if (width <= 0 || height <= 0)
-        return null;
-    // Default preserveAspectRatio (meet) fits the skeleton in the frame, undistorted.
-    return (_jsx(SvgXml, { xml: documentShimmerXml(documentTypeKind, isBackSide), width: width, height: height, ...(props.testID !== undefined ? { testID: props.testID } : {}) }));
-});
-//# sourceMappingURL=use_smile_id_document_shimmer.js.map
+"use strict";import{jsx as n}from"react/jsx-runtime";import{memo as S}from"react";import{SvgXml as s}from"react-native-svg";import{SI_DOCUMENT_BACK_SHIMMER as u,SI_DOCUMENT_FRONT_SHIMMER as _,SI_DOCUMENT_GREEN_BOOK_SHIMMER as c,SI_DOCUMENT_PASSPORT_SHIMMER as I}from"../assets/svg/document_shimmer_strings";export function documentShimmerXml(t,e){switch(t){case"passport":return I;case"southAfricaGreenBook":return c;default:return e?u:_}}export const UseSmileIDDocumentShimmer=S(function(e){const{width:m,height:r,documentTypeKind:i,isBackSide:o=!1}=e;return m<=0||r<=0?null:n(s,{xml:documentShimmerXml(i,o),width:m,height:r,...e.testID!==void 0?{testID:e.testID}:{}})});

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

@@ -24,4 +24,3 @@ export type UseSmileIDEnhancedSmartSelfieClipProps = {
  * @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.js

@@ -1,77 +1 @@
-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_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");
-/**
- * Box width as a multiple of the oval width; the baked arrow tips touch the
- * oval boundary at ≈1.19× — keep this factor below that.
- */
-export const ENHANCED_SMART_SELFIE_ARROW_FIT = 1.15;
-/** 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 = containerWidth *
-        FaceOvalDefaults.ovalWidthRatio *
-        ENHANCED_SMART_SELFIE_ARROW_FIT;
-    const ovalCenterY = containerHeight * FaceOvalDefaults.ovalCenterYRatio;
-    const containerStyle = {
-        position: "absolute",
-        left: (containerWidth - size) / 2,
-        top: ovalCenterY - size / 2 + VERTICAL_ALIGNMENT_OFFSET,
-        width: size,
-        height: size,
-    };
-    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
+"use strict";import{jsx as n}from"react/jsx-runtime";import{useEffect as _,useRef as m}from"react";import{View as u}from"react-native";import f from"lottie-react-native";import{useReducedMotion as I}from"../utils/use_reduced_motion";import{FaceOvalDefaults as E}from"./face_oval_defaults";import{ENHANCED_SMART_SELFIE_ANIMATION_SPEED as d,ENHANCED_SMART_SELFIE_TOTAL_FRAMES as p}from"./helpers/enhanced_smart_selfie_animation_frames";export const ESS_ALL_DIRECTIONS_ANIMATION=require("../assets/si_ess_animation_all_directions.json"),ENHANCED_SMART_SELFIE_ARROW_FIT=1.15,VERTICAL_ALIGNMENT_OFFSET=-15;export function UseSmileIDEnhancedSmartSelfieClip(t){const r=I(),{startFrame:o,endFrame:e,pingPong:i,containerWidth:s,containerHeight:a}=t;if(s<=0||a<=0)return null;const l=s*E.ovalWidthRatio*ENHANCED_SMART_SELFIE_ARROW_FIT,h=a*E.ovalCenterYRatio,c={position:"absolute",left:(s-l)/2,top:h-l/2+VERTICAL_ALIGNMENT_OFFSET,width:l,height:l};return r?n(u,{pointerEvents:"none",style:c,testID:t.testID,children:n(f,{source:ESS_ALL_DIRECTIONS_ANIMATION,progress:e/p,autoPlay:!1,loop:!1,style:{width:"100%",height:"100%"}})}):i?n(A,{startFrame:o,endFrame:e,containerStyle:c,testID:t.testID}):n(u,{pointerEvents:"none",style:c,testID:t.testID,children:n(f,{source:ESS_ALL_DIRECTIONS_ANIMATION,autoPlay:!0,loop:!0,speed:d,style:{width:"100%",height:"100%"}})})}function A(t){const{startFrame:r,endFrame:o}=t,e=m(null),i=m(!0);_(()=>{i.current=!0,e.current?.play(r,o)},[r,o]);const s=a=>{a||(i.current=!i.current,i.current?e.current?.play(r,o):e.current?.play(o,r))};return n(u,{pointerEvents:"none",style:t.containerStyle,testID:t.testID,children:n(f,{ref:e,source:ESS_ALL_DIRECTIONS_ANIMATION,loop:!1,autoPlay:!1,speed:d,onAnimationFinish:s,style:{width:"100%",height:"100%"}})})}

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

@@ -22,4 +22,3 @@ export type UseSmileIDEnhancedSmartSelfieDirectionAnimationProps = {
  * 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.js

@@ -1,21 +1 @@
-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
+"use strict";import{jsx as t}from"react/jsx-runtime";import{enhancedSmartSelfieFrameRange as r}from"./helpers/enhanced_smart_selfie_animation_frames";import{UseSmileIDEnhancedSmartSelfieClip as a}from"./use_smile_id_enhanced_smart_selfie_clip";export function UseSmileIDEnhancedSmartSelfieDirectionAnimation(e){if(e.direction===null)return null;const{startFrame:n,endFrame:i}=r(e.direction,e.poseMatched);return t(a,{startFrame:n,endFrame:i,pingPong:!0,containerWidth:e.containerWidth,containerHeight:e.containerHeight,testID:"si_ess_direction_animation"})}

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

@@ -10,4 +10,3 @@ export type UseSmileIDEnhancedSmartSelfieFullAnimationProps = {
  * 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.js

@@ -1,14 +1 @@
-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
+"use strict";import{jsx as i}from"react/jsx-runtime";import{ENHANCED_SMART_SELFIE_TOTAL_FRAMES as n}from"./helpers/enhanced_smart_selfie_animation_frames";import{UseSmileIDEnhancedSmartSelfieClip as t}from"./use_smile_id_enhanced_smart_selfie_clip";export function UseSmileIDEnhancedSmartSelfieFullAnimation(e){return i(t,{startFrame:0,endFrame:n,pingPong:!1,containerWidth:e.containerWidth,containerHeight:e.containerHeight,testID:"si_ess_full_animation"})}

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

@@ -19,4 +19,3 @@ export type UseSmileIDExpandableIconProps = {
  * 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