@smileid/usesmileid 12.0.0-beta01 → 12.0.0

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

@@ -1,31 +0,0 @@
-import { type AnimationObject } from "lottie-react-native";
-import type { UseSmileIDTheme } from "../theme/theme";
-export type UseSmileIDInstructionCardProps = {
-    /**
-     * Lottie animation source — typically a `require(...)` of a JSON
-     * file under `presentation/assets/`, which Metro inlines as an
-     * `AnimationObject`. Loops forever at default speed (1.0x).
-     */
-    readonly source: AnimationObject | string | {
-        readonly uri: string;
-    };
-    /**
-     * Hide the warm card background (used for the bottom row in the
-     * instructions screen's 2x2 grid, where the animations carry their
-     * own backgrounds baked into the Lottie file).
-     */
-    readonly showBackground?: boolean;
-    readonly testID?: string;
-    readonly theme?: UseSmileIDTheme;
-};
-/**
- * Square instruction card hosting a looping Lottie animation. Used
- * in the instructions screen's 2x2 grid.
- *
- * Background: defaults to the warm `instructionCardBackground` tint
- * (light beige in light mode, dark grey in dark mode). The bottom
- * row of the grid passes `showBackground={false}` to render plain
- * animations whose own backgrounds carry through.
- */
-export declare function UseSmileIDInstructionCard(props: UseSmileIDInstructionCardProps): import("react").JSX.Element;
-//# sourceMappingURL=use_smile_id_instruction_card.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use_smile_id_instruction_card.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_instruction_card.tsx"],"names":[],"mappings":"AACA,OAAmB,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,MAAM,MAAM,8BAA8B,GAAG;IAC3C;;;;OAIG;IACH,QAAQ,CAAC,MAAM,EAAE,eAAe,GAAG,MAAM,GAAG;QAAE,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACrE;;;;OAIG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC;CAClC,CAAC;AAKF;;;;;;;;GAQG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,+BA2BtC"}

package/dist/presentation/components/use_smile_id_instruction_card.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { StyleSheet, View } from "react-native";
-import LottieView from "lottie-react-native";
-import { useUseSmileIDTheme } from "../theme/theme_context";
-const CARD_SIZE = 150;
-const CARD_RADIUS = 8;
-/**
- * Square instruction card hosting a looping Lottie animation. Used
- * in the instructions screen's 2x2 grid.
- *
- * Background: defaults to the warm `instructionCardBackground` tint
- * (light beige in light mode, dark grey in dark mode). The bottom
- * row of the grid passes `showBackground={false}` to render plain
- * animations whose own backgrounds carry through.
- */
-export function UseSmileIDInstructionCard(props) {
-    const themeFromContext = useUseSmileIDTheme();
-    const theme = props.theme ?? themeFromContext;
-    const showBackground = props.showBackground ?? true;
-    return (_jsx(View, { testID: props.testID, style: [
-            styles.card,
-            {
-                borderRadius: CARD_RADIUS,
-                backgroundColor: showBackground
-                    ? theme.colors.instructionCardBackground
-                    : "transparent",
-            },
-        ], children: _jsx(LottieView, { source: props.source, autoPlay: true, loop: true, style: styles.animation }) }));
-}
-const styles = StyleSheet.create({
-    card: {
-        width: CARD_SIZE,
-        height: CARD_SIZE,
-        overflow: "hidden",
-        alignItems: "center",
-        justifyContent: "center",
-    },
-    animation: {
-        width: "100%",
-        height: "100%",
-    },
-});
-//# sourceMappingURL=use_smile_id_instruction_card.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use_smile_id_instruction_card.js","sourceRoot":"","sources":["../../../src/presentation/components/use_smile_id_instruction_card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,UAAoC,MAAM,qBAAqB,CAAC;AAEvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAmB5D,MAAM,SAAS,GAAG,GAAG,CAAC;AACtB,MAAM,WAAW,GAAG,CAAC,CAAC;AAEtB;;;;;;;;GAQG;AACH,MAAM,UAAU,yBAAyB,CACvC,KAAqC;IAErC,MAAM,gBAAgB,GAAG,kBAAkB,EAAE,CAAC;IAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,gBAAgB,CAAC;IAC9C,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,IAAI,IAAI,CAAC;IACpD,OAAO,CACL,KAAC,IAAI,IACH,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE;YACL,MAAM,CAAC,IAAI;YACX;gBACE,YAAY,EAAE,WAAW;gBACzB,eAAe,EAAE,cAAc;oBAC7B,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,yBAAyB;oBACxC,CAAC,CAAC,aAAa;aAClB;SACF,YAED,KAAC,UAAU,IACT,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,QACR,IAAI,QACJ,KAAK,EAAE,MAAM,CAAC,SAAS,GAEvB,GACG,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;CACF,CAAC,CAAC"}

package/dist/presentation/screen/helpers/use_document_orientation_lock.d.ts

@@ -1,24 +0,0 @@
-import type { DocumentOrientation } from "../../../core/models/document_type";
-/**
- * Lock the device orientation for a document capture step, scoped to the
- * lifetime of the calling screen.
- *
- *   - Landscape documents (ID cards) lock landscape.
- *   - Portrait documents (booklets / passports) lock portrait-up.
- *   - `undefined` (selfie, or no document type) is a no-op — the screen keeps
- *     whatever orientation the host app set.
- *
- * On unmount the orientation is restored to portrait-up so the following selfie
- * capture and preview render upright. The SDK flow renderer keys each step by
- * depth + kind and UNMOUNTS the previous screen on navigation, so this cleanup
- * fires the moment the document step is left — the lock never leaks forward.
- * (React Navigation's "screen stays mounted on the back stack" does not apply
- * here, so a mount/unmount effect — not `useFocusEffect` — is the correct
- * scoping primitive for this flow.)
- *
- * Orientation locks are global; the host app must permit the locked
- * orientations at the OS level (iOS `UISupportedInterfaceOrientations`, Android
- * activity `screenOrientation`) for the lock to take effect.
- */
-export declare function useDocumentOrientationLock(orientation: DocumentOrientation | undefined): void;
-//# sourceMappingURL=use_document_orientation_lock.d.ts.map

package/dist/presentation/screen/helpers/use_document_orientation_lock.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_document_orientation_lock.d.ts","sourceRoot":"","sources":["../../../../src/presentation/screen/helpers/use_document_orientation_lock.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAE9E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,0BAA0B,CACxC,WAAW,EAAE,mBAAmB,GAAG,SAAS,GAC3C,IAAI,CAcN"}

package/dist/presentation/screen/helpers/use_document_orientation_lock.js

@@ -1,47 +0,0 @@
-import { useEffect } from "react";
-import * as ScreenOrientation from "expo-screen-orientation";
-import { UseSmileIDCrashReporting } from "usesmileid_bridge";
-/**
- * Lock the device orientation for a document capture step, scoped to the
- * lifetime of the calling screen.
- *
- *   - Landscape documents (ID cards) lock landscape.
- *   - Portrait documents (booklets / passports) lock portrait-up.
- *   - `undefined` (selfie, or no document type) is a no-op — the screen keeps
- *     whatever orientation the host app set.
- *
- * On unmount the orientation is restored to portrait-up so the following selfie
- * capture and preview render upright. The SDK flow renderer keys each step by
- * depth + kind and UNMOUNTS the previous screen on navigation, so this cleanup
- * fires the moment the document step is left — the lock never leaks forward.
- * (React Navigation's "screen stays mounted on the back stack" does not apply
- * here, so a mount/unmount effect — not `useFocusEffect` — is the correct
- * scoping primitive for this flow.)
- *
- * Orientation locks are global; the host app must permit the locked
- * orientations at the OS level (iOS `UISupportedInterfaceOrientations`, Android
- * activity `screenOrientation`) for the lock to take effect.
- */
-export function useDocumentOrientationLock(orientation) {
-    useEffect(() => {
-        if (orientation === undefined)
-            return;
-        const target = orientation === "Landscape"
-            ? ScreenOrientation.OrientationLock.LANDSCAPE
-            : ScreenOrientation.OrientationLock.PORTRAIT_UP;
-        void lockOrientation(target);
-        return () => {
-            void lockOrientation(ScreenOrientation.OrientationLock.PORTRAIT_UP);
-        };
-    }, [orientation]);
-}
-/** Lock to `target`, routing a native failure through crash reporting. */
-async function lockOrientation(target) {
-    try {
-        await ScreenOrientation.lockAsync(target);
-    }
-    catch (error) {
-        UseSmileIDCrashReporting.captureException(error instanceof Error ? error : new Error(String(error)));
-    }
-}
-//# sourceMappingURL=use_document_orientation_lock.js.map

package/dist/presentation/screen/helpers/use_document_orientation_lock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_document_orientation_lock.js","sourceRoot":"","sources":["../../../../src/presentation/screen/helpers/use_document_orientation_lock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,iBAAiB,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAG7D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,UAAU,0BAA0B,CACxC,WAA4C;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,KAAK,SAAS;YAAE,OAAO;QAEtC,MAAM,MAAM,GACV,WAAW,KAAK,WAAW;YACzB,CAAC,CAAC,iBAAiB,CAAC,eAAe,CAAC,SAAS;YAC7C,CAAC,CAAC,iBAAiB,CAAC,eAAe,CAAC,WAAW,CAAC;QACpD,KAAK,eAAe,CAAC,MAAM,CAAC,CAAC;QAE7B,OAAO,GAAG,EAAE;YACV,KAAK,eAAe,CAAC,iBAAiB,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;QACtE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AACpB,CAAC;AAED,0EAA0E;AAC1E,KAAK,UAAU,eAAe,CAC5B,MAAyC;IAEzC,IAAI,CAAC;QACH,MAAM,iBAAiB,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IAC5C,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,wBAAwB,CAAC,gBAAgB,CACvC,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAC1D,CAAC;IACJ,CAAC;AACH,CAAC"}

package/src/presentation/components/use_smile_id_document_frame_glyph.tsx

@@ -1,162 +0,0 @@
-import { memo } from "react";
-import Svg, { Rect } from "react-native-svg";
-
-/**
- * Translucent in-frame document glyph — the "what to align here" hint shown
- * while idle/positioning, hidden once capture begins.
- *
- * PLACEHOLDER: static card illustration standing in for the per-document-type
- * capture Lottie (not finalised). Swap point: replace the body with the resolved
- * Lottie for `documentType` + `isLandscape`; the call site and props stay the same.
- */
-export type UseSmileIDDocumentFrameGlyphProps = {
-  readonly width: number;
-  readonly height: number;
-  /** Landscape (ID card): photo left + lines right. Portrait: header + lines, photo bottom-left. */
-  readonly isLandscape: boolean;
-  readonly testID?: string;
-};
-
-/** Translucent white — readable over the dimmed feed without hiding it. */
-const GLYPH_COLOR = "#FFFFFF8C"; // white @ ~55%
-/** Faint card fill so the skeleton reads as one document card, not loose bars. */
-const CARD_FILL = "#FFFFFF26"; // white @ ~15%
-const CORNER = 6;
-/** Card-fill corner radius — matches the overlay frame's 8px radius. */
-const FRAME_FILL_CORNER = 8;
-
-export const UseSmileIDDocumentFrameGlyph = memo(
-  function UseSmileIDDocumentFrameGlyph(
-    props: UseSmileIDDocumentFrameGlyphProps,
-  ) {
-    const { width: w, height: h, isLandscape } = props;
-    if (w <= 0 || h <= 0) return null;
-
-    return (
-      <Svg
-        width={w}
-        height={h}
-        viewBox={`0 0 ${w} ${h}`}
-        preserveAspectRatio="none"
-        {...(props.testID !== undefined ? { testID: props.testID } : {})}
-      >
-        {/* Card fill — binds the photo + line skeleton into one document card. */}
-        <Rect
-          x={0}
-          y={0}
-          width={w}
-          height={h}
-          rx={FRAME_FILL_CORNER}
-          fill={CARD_FILL}
-        />
-        {isLandscape ? (
-          <>
-            {/* Portrait photo block (left) */}
-            <Rect
-              x={w * 0.08}
-              y={h * 0.2}
-              width={w * 0.3}
-              height={h * 0.6}
-              rx={CORNER}
-              fill={GLYPH_COLOR}
-            />
-            {/* Text lines (right) */}
-            <Rect
-              x={w * 0.46}
-              y={h * 0.26}
-              width={w * 0.4}
-              height={h * 0.07}
-              rx={CORNER}
-              fill={GLYPH_COLOR}
-            />
-            <Rect
-              x={w * 0.46}
-              y={h * 0.4}
-              width={w * 0.44}
-              height={h * 0.07}
-              rx={CORNER}
-              fill={GLYPH_COLOR}
-            />
-            <Rect
-              x={w * 0.46}
-              y={h * 0.54}
-              width={w * 0.36}
-              height={h * 0.07}
-              rx={CORNER}
-              fill={GLYPH_COLOR}
-            />
-            <Rect
-              x={w * 0.46}
-              y={h * 0.68}
-              width={w * 0.28}
-              height={h * 0.07}
-              rx={CORNER}
-              fill={GLYPH_COLOR}
-            />
-          </>
-        ) : (
-          <>
-            {/* Header band (top) */}
-            <Rect
-              x={w * 0.1}
-              y={h * 0.12}
-              width={w * 0.8}
-              height={h * 0.08}
-              rx={CORNER}
-              fill={GLYPH_COLOR}
-            />
-            <Rect
-              x={w * 0.1}
-              y={h * 0.26}
-              width={w * 0.6}
-              height={h * 0.05}
-              rx={CORNER}
-              fill={GLYPH_COLOR}
-            />
-            <Rect
-              x={w * 0.1}
-              y={h * 0.36}
-              width={w * 0.65}
-              height={h * 0.05}
-              rx={CORNER}
-              fill={GLYPH_COLOR}
-            />
-            {/* Photo block (bottom-left) + lines beside it */}
-            <Rect
-              x={w * 0.1}
-              y={h * 0.56}
-              width={w * 0.3}
-              height={h * 0.28}
-              rx={CORNER}
-              fill={GLYPH_COLOR}
-            />
-            <Rect
-              x={w * 0.46}
-              y={h * 0.6}
-              width={w * 0.44}
-              height={h * 0.05}
-              rx={CORNER}
-              fill={GLYPH_COLOR}
-            />
-            <Rect
-              x={w * 0.46}
-              y={h * 0.7}
-              width={w * 0.4}
-              height={h * 0.05}
-              rx={CORNER}
-              fill={GLYPH_COLOR}
-            />
-            <Rect
-              x={w * 0.46}
-              y={h * 0.8}
-              width={w * 0.3}
-              height={h * 0.05}
-              rx={CORNER}
-              fill={GLYPH_COLOR}
-            />
-          </>
-        )}
-      </Svg>
-    );
-  },
-);