@smileid/usesmileid 12.0.1 → 12.1.0

package/dist/presentation/flow/dsl/builder/screens_builder.js

@@ -1,217 +1 @@
-import { CaptureType } from "../../../../core/models/ml_config";
-import { DocumentCaptureMode } from "../../../../core/models/document_capture_mode";
-export { CaptureType };
-// --- Per-screen builders ---------------------------------------------------
-export class ConsentConfigBuilder {
-    /** Your company name, shown in the consent copy. */
-    partnerName = "";
-    /**
-     * Optional partner logo shown on the consent screen, rendered next to
-     * the Smile ID icon at the top.
-     */
-    partnerIcon;
-    /** URL of your privacy policy, linked from the consent screen. */
-    partnerPrivacyPolicyUrl;
-    /**
-     * Whether to show the "Powered by Smile ID" attribution. Defaults to
-     * true.
-     */
-    showAttribution = true;
-    /**
-     * Callback invoked with the `ConsentInformation` when the user grants
-     * consent.
-     */
-    onConsentGranted;
-    /** Provides a custom allow/agree button in place of the default. */
-    allowButton;
-    /** Provides a custom deny/cancel button in place of the default. */
-    denyButton;
-}
-export class InstructionsConfigBuilder {
-    /**
-     * The leading, non-emphasized part of the instructions screen title.
-     * Defaults to the localized prefix.
-     */
-    titlePrefix;
-    /**
-     * The emphasized (highlighted) part of the instructions screen title.
-     * Defaults to the localized "selfie".
-     */
-    titleEmphasis;
-    /**
-     * Name of the hero animation asset shown at the top of the
-     * instructions screen. Unset uses the selfie hero (or the ESS hero
-     * when enhanced liveness is on).
-     */
-    heroAnimation;
-    /** Heading for the list of capture guidelines (rendered uppercase). */
-    guidelinesSectionTitle;
-    /** The list of guideline items shown to the user. Empty uses the defaults. */
-    guidelines = [];
-    /**
-     * Whether to show the "Powered by Smile ID" attribution. Defaults to
-     * true.
-     */
-    showAttribution = true;
-    /** When true, draws the face-oval ring around the hero animation. */
-    showHeroOval = true;
-    /** Provides a custom continue button in place of the default. */
-    continueButton;
-}
-export class SelfieCaptureConfigBuilder {
-    /**
-     * When true, the whole selfie session captures on the rear camera so an
-     * assisting agent can point it at the subject. Cannot be combined with
-     * {@link enableEnhancedLiveness}.
-     */
-    allowAgentMode = false;
-    /**
-     * When true, uses the enhanced active-liveness capture path. Defaults
-     * to false.
-     */
-    enableEnhancedLiveness = false;
-}
-export class DocumentCaptureConfigBuilder {
-    /**
-     * The kind of document being captured, which drives the capture
-     * framing and aspect ratio. **Required** — missing it fails validation.
-     */
-    documentType;
-    /**
-     * Whether the document is captured automatically when held steady, or
-     * manually by shutter. Defaults to auto-capture with a 10s manual
-     * fallback.
-     */
-    captureMode = DocumentCaptureMode.AutoCaptureWithManualFallback();
-    /**
-     * When true, lets the user pick an existing document image from the
-     * gallery. Defaults to false.
-     */
-    allowGalleryUpload = false;
-    /** When true, captures both the front and back of the document. Defaults to true. */
-    captureBothSides = true;
-    /** When true, lets the user skip capturing the back side. Defaults to false. */
-    allowSkipBack = false;
-    /**
-     * Optional fixed aspect ratio for the document frame when the ID's
-     * dimensions are known in advance — e.g. CR-80 ID card = 1.586.
-     */
-    knownIdAspectRatio;
-    /** The `documentType`'s aspect ratio when present, otherwise `knownIdAspectRatio`. */
-    get resolvedAspectRatio() {
-        return this.documentType?.knownAspectRatio ?? this.knownIdAspectRatio;
-    }
-}
-export class CaptureConfigBuilder {
-    /** What this screen captures — a selfie or a document. Required. */
-    captureType;
-    /** Provides a custom start/capture button in place of the default. */
-    startButton;
-    _selfie;
-    _document;
-    /**
-     * Configures selfie-specific capture options (agent mode, enhanced
-     * liveness).
-     */
-    selfie(block) {
-        if (!this._selfie)
-            this._selfie = new SelfieCaptureConfigBuilder();
-        block(this._selfie);
-    }
-    /**
-     * Configures document-specific capture options (document type, capture
-     * mode, gallery upload, two-sided capture).
-     */
-    document(block) {
-        if (!this._document)
-            this._document = new DocumentCaptureConfigBuilder();
-        block(this._document);
-    }
-    /** @internal Snapshot used by the orchestrator. */
-    get selfieConfig() {
-        return this._selfie;
-    }
-    /** @internal Snapshot used by the orchestrator. */
-    get documentConfig() {
-        return this._document;
-    }
-}
-export class PreviewConfigBuilder {
-    /** Whether the preview screen offers a retake action. */
-    allowRetake = true;
-    /**
-     * Whether to show the "Powered by Smile ID" attribution. Defaults to
-     * true.
-     */
-    showAttribution = true;
-}
-export class ProcessingConfigBuilder {
-    /**
-     * When true, shows a numeric progress percentage while the job is
-     * processing.
-     */
-    showProgressPercentage = true;
-    /**
-     * Whether to show the "Powered by Smile ID" attribution. Defaults to
-     * true.
-     */
-    showAttribution = true;
-    /** Provides a custom continue button in place of the default. */
-    continueButton;
-    /** Provides a custom retry button in place of the default. */
-    retryButton;
-    /** Provides a custom exit button in place of the default. */
-    exitButton;
-}
-// --- Top-level screens builder ---------------------------------------------
-export class ScreensBuilder {
-    _steps = [];
-    /**
-     * Adds a consent screen that collects the user's agreement to
-     * biometric data processing before capture.
-     */
-    consent(block) {
-        const config = new ConsentConfigBuilder();
-        block?.(config);
-        this._steps.push({ kind: "consent", config });
-    }
-    /**
-     * Adds an instructions screen explaining what the user is about to do.
-     */
-    instructions(block) {
-        const config = new InstructionsConfigBuilder();
-        block?.(config);
-        this._steps.push({ kind: "instructions", config });
-    }
-    /**
-     * Adds a capture screen that runs the camera and on-device detection
-     * for a selfie or document.
-     */
-    capture(block) {
-        const config = new CaptureConfigBuilder();
-        block(config);
-        this._steps.push({ kind: "capture", config });
-    }
-    /**
-     * Adds a preview screen that lets the user review the captured image
-     * and optionally retake it.
-     */
-    preview(block) {
-        const config = new PreviewConfigBuilder();
-        block?.(config);
-        this._steps.push({ kind: "preview", config });
-    }
-    /**
-     * Adds a processing screen shown while the job is submitted, displaying
-     * success, failure, or retry states.
-     */
-    processing(block) {
-        const config = new ProcessingConfigBuilder();
-        block?.(config);
-        this._steps.push({ kind: "processing", config });
-    }
-    build() {
-        return Object.freeze({ steps: Object.freeze([...this._steps]) });
-    }
-}
-//# sourceMappingURL=screens_builder.js.map
+"use strict";import{CaptureType as n}from"../../../../core/models/ml_config";import{DocumentCaptureMode as i}from"../../../../core/models/document_capture_mode";export{n as CaptureType};export class ConsentConfigBuilder{partnerName="";partnerIcon;partnerPrivacyPolicyUrl;onConsentGranted;allowButton;denyButton}export class InstructionsConfigBuilder{titlePrefix;titleEmphasis;heroAnimation;guidelinesSectionTitle;guidelines=[];showHeroOval=!0;continueButton}export class SelfieCaptureConfigBuilder{allowAgentMode=!1;enableEnhancedLiveness=!1}export class DocumentCaptureConfigBuilder{documentType;captureMode=i.AutoCaptureWithManualFallback();allowGalleryUpload=!1;captureBothSides=!0;allowSkipBack=!1;knownIdAspectRatio;get resolvedAspectRatio(){return this.documentType?.knownAspectRatio??this.knownIdAspectRatio}}export class CaptureConfigBuilder{captureType;startButton;_selfie;_document;selfie(t){this._selfie||(this._selfie=new SelfieCaptureConfigBuilder),t(this._selfie)}document(t){this._document||(this._document=new DocumentCaptureConfigBuilder),t(this._document)}get selfieConfig(){return this._selfie}get documentConfig(){return this._document}}export class PreviewConfigBuilder{allowRetake=!0}export class ProcessingConfigBuilder{showProgressPercentage=!0;continueButton;retryButton;exitButton}export class ScreensBuilder{_steps=[];consent(t){const e=new ConsentConfigBuilder;t?.(e),this._steps.push({kind:"consent",config:e})}instructions(t){const e=new InstructionsConfigBuilder;t?.(e),this._steps.push({kind:"instructions",config:e})}capture(t){const e=new CaptureConfigBuilder;t(e),this._steps.push({kind:"capture",config:e})}preview(t){const e=new PreviewConfigBuilder;t?.(e),this._steps.push({kind:"preview",config:e})}processing(t){const e=new ProcessingConfigBuilder;t?.(e),this._steps.push({kind:"processing",config:e})}build(){return Object.freeze({steps:Object.freeze([...this._steps])})}}

package/dist/presentation/flow/dsl/builder/theme_builder.d.ts

@@ -54,4 +54,3 @@ export declare class ThemeConfigBuilder {
     build(): ThemeConfiguration;
     private _resolve;
 }
-//# sourceMappingURL=theme_builder.d.ts.map

package/dist/presentation/flow/dsl/builder/theme_builder.js

@@ -1,83 +1 @@
-import { DEFAULT_FONT_FAMILY, defaultDarkTheme, defaultLightTheme, typographyWithFontFamily, } from "../../../theme/theme";
-/**
- * `b.theme((t) => { t.primaryColor = color('#1A73E8', '#4DA3FF'); })`
- *
- * Each color slot accepts an [AdaptiveColor] pair. Build produces a
- * [ThemeConfiguration] carrying both resolved themes; the renderer
- * picks light or dark at mount time based on the active color scheme.
- */
-export class ThemeConfigBuilder {
-    /** Primary brand color used for key actions and accents. */
-    primaryColor;
-    /**
-     * Foreground color used on top of the primary color (for example
-     * button text).
-     */
-    primaryForeground;
-    /** Secondary color used for less prominent surfaces and actions. */
-    secondaryColor;
-    /** Accent color used for highlights and selected states. */
-    accentColor;
-    /** Optional font family applied to all SDK text. */
-    fontFamily;
-    /** Corner radius applied to buttons. */
-    buttonShape;
-    /** Corner radius applied to cards and surfaces. */
-    cardShape;
-    /**
-     * Builds an adaptive color that resolves to the light or dark value
-     * based on the active appearance.
-     */
-    color(light, dark) {
-        return Object.freeze({ light, dark });
-    }
-    /**
-     * Builds a corner-shape value from the given radius. Returns the input
-     * radius unchanged — React Native resolves shape at render time via
-     * `borderRadius`, so the `buttonShape` / `cardShape` properties are
-     * plain numbers.
-     */
-    shape(radius) {
-        return radius;
-    }
-    /**
-     * Build a [ThemeConfiguration] that pairs a fully-resolved light
-     * theme with its dark counterpart. Each `AdaptiveColor` override maps
-     * to its canonical key on the matching variant.
-     */
-    build() {
-        return Object.freeze({
-            light: this._resolve("light", defaultLightTheme),
-            dark: this._resolve("dark", defaultDarkTheme),
-        });
-    }
-    _resolve(variant, base) {
-        const pick = (c) => c === undefined ? undefined : c[variant];
-        // Capture each picked colour once so the `!== undefined` guard narrows
-        // it to `string` — re-invoking `pick` inside the spread value would
-        // leave it `string | undefined` and trip `exactOptionalPropertyTypes`.
-        const primary = pick(this.primaryColor);
-        const primaryForeground = pick(this.primaryForeground);
-        const secondary = pick(this.secondaryColor);
-        const accent = pick(this.accentColor);
-        const colorOverrides = {
-            ...(primary !== undefined ? { primary } : {}),
-            ...(primaryForeground !== undefined ? { primaryForeground } : {}),
-            ...(secondary !== undefined ? { secondary } : {}),
-            ...(accent !== undefined ? { accent } : {}),
-        };
-        return Object.freeze({
-            ...base,
-            colors: { ...base.colors, ...colorOverrides },
-            typography: typographyWithFontFamily(base.typography, this.fontFamily ?? DEFAULT_FONT_FAMILY),
-            shapes: {
-                ...base.shapes,
-                ...(this.buttonShape !== undefined
-                    ? { buttonRadius: this.buttonShape }
-                    : {}),
-                ...(this.cardShape !== undefined ? { cardRadius: this.cardShape } : {}),
-            },
-        });
-    }
-}
-//# sourceMappingURL=theme_builder.js.map
+"use strict";import{DEFAULT_FONT_FAMILY as h,defaultDarkTheme as c,defaultLightTheme as u,typographyWithFontFamily as p}from"../../../theme/theme";export class ThemeConfigBuilder{primaryColor;primaryForeground;secondaryColor;accentColor;fontFamily;buttonShape;cardShape;color(r,e){return Object.freeze({light:r,dark:e})}shape(r){return r}build(){return Object.freeze({light:this._resolve("light",u),dark:this._resolve("dark",c)})}_resolve(r,e){const o=d=>d===void 0?void 0:d[r],t=o(this.primaryColor),n=o(this.primaryForeground),i=o(this.secondaryColor),a=o(this.accentColor),s={...t!==void 0?{primary:t}:{},...n!==void 0?{primaryForeground:n}:{},...i!==void 0?{secondary:i}:{},...a!==void 0?{accent:a}:{}};return Object.freeze({...e,colors:{...e.colors,...s},typography:p(e.typography,this.fontFamily??h),shapes:{...e.shapes,...this.buttonShape!==void 0?{buttonRadius:this.buttonShape}:{},...this.cardShape!==void 0?{cardRadius:this.cardShape}:{}}})}}

package/dist/presentation/flow/dsl/flow_build_result.d.ts

@@ -32,4 +32,3 @@ export type FlowBuildResultInvalid = {
     readonly kind: "invalid";
     readonly validation: ValidationStateInvalid;
 };
-//# sourceMappingURL=flow_build_result.d.ts.map

package/dist/presentation/flow/dsl/flow_build_result.js

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

package/dist/presentation/flow/dsl/use_smile_id_builder.d.ts

@@ -58,4 +58,3 @@ export declare function UseSmileIDBuilder({ builder }: UseSmileIDBuilderProps):
 export declare function useSmileIDBuilder(configure: (builder: UseSmileIDFlowBuilder) => void): FlowBuildResult;
 export { UseSmileIDFlowBuilder, type FlowConfigurationSnapshot, } from "./use_smile_id_flow_builder";
 export type { FlowBuildResult, FlowBuildResultSuccess, FlowBuildResultInvalid, } from "./flow_build_result";
-//# sourceMappingURL=use_smile_id_builder.d.ts.map

package/dist/presentation/flow/dsl/use_smile_id_builder.js

@@ -1,49 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { FlowInvalidDispatcher, FlowSuccessRenderer, } from "../use_smile_id_flow";
-import { UseSmileIDFlowBuilder, } from "./use_smile_id_flow_builder";
-export function UseSmileIDBuilder({ builder }) {
-    // Builder closure intentionally runs once per mount — flow
-    // configuration is captured at first render and not meant to
-    // mutate after.
-    //
-    // `onResult` and `enableDebugMode` are snapshotted off the partial
-    // builder state into `invalidMeta` so the invalid-branch dispatcher
-    // can route the failure through the partner callback and decide
-    // whether to render the debug screen. Neither piece is recoverable
-    // from a malformed configuration alone, but they're not part of
-    // the partner-visible `FlowBuildResult` shape — that matches the
-    // single-field invalid case the other 3 SDKs ship.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    const { result, invalidMeta } = useMemo(() => {
-        const flowBuilder = new UseSmileIDFlowBuilder();
-        builder(flowBuilder);
-        const built = flowBuilder.build();
-        return {
-            result: built,
-            invalidMeta: {
-                onResult: flowBuilder.onResult,
-                enableDebugMode: flowBuilder._config?.build().enableDebugMode === true,
-            },
-        };
-    }, []);
-    if (result.kind === "invalid") {
-        return (_jsx(FlowInvalidDispatcher, { result: result, onResult: invalidMeta.onResult, enableDebugMode: invalidMeta.enableDebugMode }));
-    }
-    return _jsx(FlowSuccessRenderer, { configuration: result.configuration });
-}
-/**
- * Function form of the builder, retained for tests and any partner
- * code that wants to inspect the [FlowBuildResult] before rendering
- * (for example, a custom failure UI). Most partners should use the
- * `<UseSmileIDBuilder>` component instead.
- *
- * @internal
- */
-export function useSmileIDBuilder(configure) {
-    const builder = new UseSmileIDFlowBuilder();
-    configure(builder);
-    return builder.build();
-}
-export { UseSmileIDFlowBuilder, } from "./use_smile_id_flow_builder";
-//# sourceMappingURL=use_smile_id_builder.js.map
+"use strict";import{jsx as r}from"react/jsx-runtime";import{useMemo as n}from"react";import{FlowInvalidDispatcher as t,FlowSuccessRenderer as s}from"../use_smile_id_flow";import{UseSmileIDFlowBuilder as u}from"./use_smile_id_flow_builder";export function UseSmileIDBuilder({builder:i}){const{result:e,invalidMeta:l}=n(()=>{const o=new u;return i(o),{result:o.build(),invalidMeta:{onResult:o.onResult,enableDebugMode:o._config?.build().enableDebugMode===!0}}},[]);return e.kind==="invalid"?r(t,{result:e,onResult:l.onResult,enableDebugMode:l.enableDebugMode}):r(s,{configuration:e.configuration})}export function useSmileIDBuilder(i){const e=new u;return i(e),e.build()}export{UseSmileIDFlowBuilder}from"./use_smile_id_flow_builder";

package/dist/presentation/flow/dsl/use_smile_id_flow_builder.d.ts

@@ -264,4 +264,3 @@ export type FlowConfigurationSnapshot = {
     readonly onResult: (result: UseSmileIDResult<JobSubmissionResponse>) => void;
     readonly onAnalyticsEvent?: (event: UseSmileIDAnalyticsEvent) => void;
 };
-//# sourceMappingURL=use_smile_id_flow_builder.d.ts.map