framepayments-react-native 3.0.1 → 4.0.0

package/lib/ui/screens/onboarding/personalInformation/VerificationWelcomeScreen.js

@@ -0,0 +1,63 @@
+import { useMemo } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { useFrameTheme } from '../../../theme/ThemeContext';
+import { Button } from '../../../primitives/Button';
+import { Icon } from '../../../assets';
+import { FORM_SPACING } from '../formSpacing';
+export function VerificationWelcomeScreen({ accountLoaded, onContinue, }) {
+    const theme = useFrameTheme();
+    const styles = useMemo(() => createStyles(theme), [theme]);
+    return (<View style={styles.container}>
+      <View style={styles.spacer}/>
+      <Icon name="shield-icon" size={96}/>
+      <Text style={[
+            styles.title,
+            {
+                color: theme.colors.textPrimary,
+                fontSize: theme.fonts.heading.size,
+                fontWeight: theme.fontWeights.heading,
+                lineHeight: theme.fontLineHeights.heading,
+            },
+        ]}>
+        Verify Your Identity
+      </Text>
+      <Text style={[
+            styles.body,
+            {
+                color: theme.colors.textSecondary,
+                fontSize: theme.fonts.bodySmall.size,
+                lineHeight: theme.fontLineHeights.bodySmall,
+            },
+        ]}>
+        We're required by law to verify your identity. This takes about 2 minutes and you'll need a Government ID and a selfie.
+      </Text>
+      <View style={styles.spacer}/>
+      <View style={styles.footer}>
+        <Button text="Continue" enabled={accountLoaded} onPress={onContinue}/>
+      </View>
+    </View>);
+}
+function createStyles(_theme) {
+    return StyleSheet.create({
+        container: {
+            flex: 1,
+            alignItems: 'center',
+            gap: 15,
+        },
+        spacer: {
+            flex: 1,
+        },
+        title: {
+            textAlign: 'center',
+        },
+        body: {
+            textAlign: 'center',
+            paddingHorizontal: FORM_SPACING.contentHorizontal,
+        },
+        footer: {
+            alignSelf: 'stretch',
+            paddingBottom: FORM_SPACING.sectionBottom,
+            paddingHorizontal: FORM_SPACING.sectionBottom,
+        },
+    });
+}

package/lib/ui/screens/onboarding/personalInformation/VerifyPhoneScreen.d.ts

@@ -0,0 +1,17 @@
+import type { OnboardingState, VerifyPhoneUi } from '../onboardingReducer';
+export interface VerifyPhoneScreenProps {
+    state: OnboardingState;
+    onChangeOtp: (value: string) => void;
+    onConfirmFrameOtp: () => Promise<void>;
+    /** Called after Prove (success or fail) so the parent can advance / fail
+     *  appropriately. JS owns the post-Prove backend confirm call. */
+    onProveResult: (result: {
+        status: 'success' | 'failed';
+        message?: string;
+    }) => void;
+    /** Flips ui from loading_prove → otp_for_prove when Prove asks for OTP. */
+    onSetUi: (ui: VerifyPhoneUi) => void;
+    onResend: () => void;
+}
+export declare function VerifyPhoneScreen({ state, onChangeOtp, onConfirmFrameOtp, onProveResult, onSetUi, onResend, }: VerifyPhoneScreenProps): import("react").JSX.Element;
+//# sourceMappingURL=VerifyPhoneScreen.d.ts.map

package/lib/ui/screens/onboarding/personalInformation/VerifyPhoneScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerifyPhoneScreen.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/onboarding/personalInformation/VerifyPhoneScreen.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAc3E,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,eAAe,CAAC;IACvB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,iBAAiB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC;sEACkE;IAClE,aAAa,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,EAAE,SAAS,GAAG,QAAQ,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACpF,2EAA2E;IAC3E,OAAO,EAAE,CAAC,EAAE,EAAE,aAAa,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,OAAO,EACP,QAAQ,GACT,EAAE,sBAAsB,+BAkKxB"}

package/lib/ui/screens/onboarding/personalInformation/VerifyPhoneScreen.js

@@ -0,0 +1,177 @@
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { ActivityIndicator, StyleSheet, Text, View } from 'react-native';
+import { useFrameTheme } from '../../../theme/ThemeContext';
+import { Button } from '../../../primitives/Button';
+import { OtpInputField } from '../../../primitives/OtpInputField';
+import { authenticateProve, cancelProveOtp, isProveAvailable, subscribeProveOtpNeeded, submitProveOtp, } from '../../../../prove';
+import { FORM_SPACING } from '../formSpacing';
+export function VerifyPhoneScreen({ state, onChangeOtp, onConfirmFrameOtp, onProveResult, onSetUi, onResend, }) {
+    const theme = useFrameTheme();
+    const styles = useMemo(() => createStyles(theme), [theme]);
+    const ui = state.verifyPhoneUi;
+    const [submittingProve, setSubmittingProve] = useState(false);
+    // Latest-callback refs so the kick-off effect deps stay minimal — without
+    // these, a parent that re-creates onProveResult / onSetUi every render
+    // would re-fire authenticateProve and trip the bridge's PROVE_BUSY guard.
+    const onProveResultRef = useRef(onProveResult);
+    const onSetUiRef = useRef(onSetUi);
+    onProveResultRef.current = onProveResult;
+    onSetUiRef.current = onSetUi;
+    // Kick off Prove the first time we land on loading_prove with a valid token.
+    useEffect(() => {
+        if (ui !== 'loading_prove')
+            return;
+        if (!state.pendingProveAuthToken)
+            return;
+        let cancelled = false;
+        let unsubscribe;
+        if (isProveAvailable()) {
+            unsubscribe = subscribeProveOtpNeeded(() => {
+                if (cancelled)
+                    return;
+                onSetUiRef.current('otp_for_prove');
+            });
+            (async () => {
+                const result = await authenticateProve(state.pendingProveAuthToken);
+                if (cancelled)
+                    return;
+                onProveResultRef.current(result);
+            })();
+        }
+        else {
+            // Prove not linked → fall back to Frame OTP path immediately.
+            onSetUiRef.current('otp_frame_api');
+        }
+        return () => {
+            cancelled = true;
+            unsubscribe?.();
+        };
+    }, [ui, state.pendingProveAuthToken]);
+    if (ui === 'loading_prove') {
+        return (<View style={styles.centeredContainer}>
+        <ActivityIndicator color={theme.colors.textSecondary} size="large"/>
+        <Text style={[
+                styles.loadingTitle,
+                {
+                    color: theme.colors.textPrimary,
+                    fontSize: theme.fonts.body.size,
+                    fontWeight: theme.fontWeights.label,
+                    lineHeight: theme.fontLineHeights.body,
+                },
+            ]}>
+          Verifying your device…
+        </Text>
+        <Text style={[
+                styles.loadingBody,
+                {
+                    color: theme.colors.textSecondary,
+                    fontSize: theme.fonts.bodySmall.size,
+                    lineHeight: theme.fontLineHeights.bodySmall,
+                },
+            ]}>
+          This should only take a few seconds. We'll fall back to a text-message code if needed.
+        </Text>
+      </View>);
+    }
+    // Both OTP branches share the same layout — only the Submit handler differs.
+    const submitting = state.isPerformingAction || submittingProve;
+    const onSubmit = async () => {
+        if (ui === 'otp_for_prove') {
+            setSubmittingProve(true);
+            try {
+                await submitProveOtp(state.otpCode);
+                // The authenticateProve() promise resolves shortly via onProveResult.
+            }
+            finally {
+                setSubmittingProve(false);
+            }
+            return;
+        }
+        await onConfirmFrameOtp();
+    };
+    const onCancelOtp = async () => {
+        if (ui === 'otp_for_prove') {
+            await cancelProveOtp();
+        }
+        onResend();
+    };
+    return (<View style={styles.container}>
+      <View style={styles.content}>
+        <Text style={[
+            styles.heading,
+            {
+                color: theme.colors.textPrimary,
+                fontSize: theme.fonts.heading.size,
+                fontWeight: theme.fontWeights.heading,
+                lineHeight: theme.fontLineHeights.heading,
+            },
+        ]}>
+          Enter Verification Code
+        </Text>
+        <Text style={[
+            styles.body,
+            {
+                color: theme.colors.textSecondary,
+                fontSize: theme.fonts.body.size,
+                lineHeight: theme.fontLineHeights.body,
+            },
+        ]}>
+          We've sent a verification code to your phone. Enter it below.
+        </Text>
+        <OtpInputField value={state.otpCode} onChange={onChangeOtp} disabled={submitting} autoFocusOnMount/>
+        {state.fieldErrors.otpCode ? (<Text style={[
+                styles.error,
+                {
+                    color: theme.colors.error,
+                    fontSize: theme.fonts.bodySmall.size,
+                },
+            ]}>
+            {state.fieldErrors.otpCode}
+          </Text>) : null}
+        <Button text="Resend code" variant="secondary" enabled={!submitting} onPress={onCancelOtp} style={styles.resend}/>
+      </View>
+      <View style={styles.footer}>
+        <Button text="Continue" enabled={!submitting && state.otpCode.length === 6} isLoading={submitting} onPress={onSubmit}/>
+      </View>
+    </View>);
+}
+function createStyles(_theme) {
+    return StyleSheet.create({
+        container: {
+            flex: 1,
+            paddingHorizontal: FORM_SPACING.contentHorizontal,
+        },
+        centeredContainer: {
+            flex: 1,
+            paddingHorizontal: FORM_SPACING.contentHorizontal,
+            alignItems: 'center',
+            justifyContent: 'center',
+            gap: FORM_SPACING.sectionBottom,
+        },
+        loadingTitle: {
+            marginTop: FORM_SPACING.headingTop,
+            textAlign: 'center',
+        },
+        loadingBody: {
+            textAlign: 'center',
+        },
+        content: {
+            flex: 1,
+            paddingTop: FORM_SPACING.headingBottom,
+            gap: FORM_SPACING.fieldGap,
+        },
+        heading: {},
+        body: {
+            marginBottom: 8,
+        },
+        error: {
+            marginTop: 4,
+        },
+        resend: {
+            marginTop: FORM_SPACING.sectionBottom,
+        },
+        footer: {
+            paddingVertical: FORM_SPACING.footerVertical,
+        },
+    });
+}

package/lib/ui/screens/onboarding/uploadDocuments/CaptureScreen.d.ts

@@ -0,0 +1,12 @@
+import type { CapturedPhoto } from '../../../../camera';
+export type ViewfinderShape = 'rectangle' | 'oval';
+export interface CaptureScreenProps {
+    title: string;
+    prompt: string;
+    viewfinder: ViewfinderShape;
+    cameraPosition: 'front' | 'back';
+    onCaptured: (photo: CapturedPhoto) => void;
+    onCancel: () => void;
+}
+export declare function CaptureScreen({ title, prompt, viewfinder, cameraPosition, onCaptured, onCancel, }: CaptureScreenProps): import("react").JSX.Element;
+//# sourceMappingURL=CaptureScreen.d.ts.map

package/lib/ui/screens/onboarding/uploadDocuments/CaptureScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CaptureScreen.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/onboarding/uploadDocuments/CaptureScreen.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAMxD,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,MAAM,CAAC;AAEnD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,eAAe,CAAC;IAC5B,cAAc,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,UAAU,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,MAAM,EACN,UAAU,EACV,cAAc,EACd,UAAU,EACV,QAAQ,GACT,EAAE,kBAAkB,+BA2GpB"}

package/lib/ui/screens/onboarding/uploadDocuments/CaptureScreen.js

@@ -0,0 +1,197 @@
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { Pressable, StyleSheet, Text, View } from 'react-native';
+import { useFrameTheme } from '../../../theme/ThemeContext';
+import { FrameCameraView } from '../../../primitives/FrameCameraView';
+import { Button } from '../../../primitives/Button';
+import { requestCameraPermission } from '../../../../camera';
+export function CaptureScreen({ title, prompt, viewfinder, cameraPosition, onCaptured, onCancel, }) {
+    const theme = useFrameTheme();
+    const styles = useMemo(() => createStyles(theme), [theme]);
+    const cameraRef = useRef(null);
+    const [permissionDenied, setPermissionDenied] = useState(false);
+    const [taking, setTaking] = useState(false);
+    const [cameraError, setCameraError] = useState(null);
+    // Mounted flag so the shutter promise can't fire setState / onCaptured
+    // after the user has tapped Back mid-capture.
+    const mountedRef = useRef(true);
+    useEffect(() => {
+        mountedRef.current = true;
+        (async () => {
+            try {
+                const status = await requestCameraPermission();
+                if (!mountedRef.current)
+                    return;
+                if (!status.granted)
+                    setPermissionDenied(true);
+            }
+            catch (err) {
+                if (!mountedRef.current)
+                    return;
+                setCameraError(err instanceof Error ? err.message : 'Camera is unavailable.');
+            }
+        })();
+        return () => {
+            mountedRef.current = false;
+        };
+    }, []);
+    async function handleShutter() {
+        if (taking)
+            return;
+        setTaking(true);
+        try {
+            const photo = await cameraRef.current?.take();
+            if (!mountedRef.current)
+                return;
+            if (photo)
+                onCaptured(photo);
+        }
+        finally {
+            if (mountedRef.current)
+                setTaking(false);
+        }
+    }
+    return (<View style={styles.container}>
+      <FrameCameraView ref={cameraRef} position={cameraPosition} style={StyleSheet.absoluteFill} onError={setCameraError}/>
+      <View pointerEvents="none" style={styles.overlay}>
+        <View style={styles.overlayTop}>
+          <View style={[
+            viewfinder === 'oval' ? styles.viewfinderOval : styles.viewfinderRect,
+            { borderColor: theme.colors.surface },
+        ]}/>
+        </View>
+        <View style={styles.overlayBottom}>
+          <Text style={[styles.prompt, { color: '#FFFFFF' }]}>{prompt}</Text>
+        </View>
+      </View>
+      <View style={styles.cancelRow}>
+        <Pressable onPress={onCancel} accessibilityRole="button" accessibilityLabel="Cancel" hitSlop={12} style={({ pressed }) => [styles.cancelButton, pressed && { opacity: 0.55 }]}>
+          <Text style={styles.cancelText}>‹ Back</Text>
+        </Pressable>
+        <Text style={styles.titleText}>{title}</Text>
+        <View style={{ width: 60 }}/>
+      </View>
+      <View style={styles.shutterRow}>
+        {permissionDenied ? (<View style={styles.errorBlock}>
+            <Text style={styles.errorText}>
+              Camera permission was denied. Enable it in Settings to upload your ID.
+            </Text>
+            <Button text="Back" variant="secondary" onPress={onCancel}/>
+          </View>) : cameraError ? (<View style={styles.errorBlock}>
+            <Text style={styles.errorText}>{cameraError}</Text>
+            <Button text="Back" variant="secondary" onPress={onCancel}/>
+          </View>) : (<Pressable onPress={handleShutter} disabled={taking} accessibilityRole="button" accessibilityLabel="Capture photo" style={({ pressed }) => [
+                styles.shutter,
+                {
+                    borderColor: '#FFFFFF',
+                    backgroundColor: pressed || taking ? 'rgba(255,255,255,0.5)' : 'transparent',
+                },
+            ]}>
+            <View style={styles.shutterInner}/>
+          </Pressable>)}
+      </View>
+    </View>);
+}
+const VIEWFINDER_WIDTH = 320;
+const VIEWFINDER_HEIGHT_RECT = 200;
+const VIEWFINDER_SIZE_OVAL = 280;
+const SHUTTER_SIZE = 76;
+function createStyles(_theme) {
+    return StyleSheet.create({
+        container: {
+            flex: 1,
+            backgroundColor: '#000',
+        },
+        overlay: {
+            ...StyleSheet.absoluteFillObject,
+            alignItems: 'center',
+            justifyContent: 'center',
+        },
+        overlayTop: {
+            flex: 1,
+            alignItems: 'center',
+            justifyContent: 'center',
+            paddingTop: 60,
+        },
+        overlayBottom: {
+            paddingHorizontal: 24,
+            paddingBottom: 160,
+        },
+        viewfinderRect: {
+            width: VIEWFINDER_WIDTH,
+            height: VIEWFINDER_HEIGHT_RECT,
+            borderWidth: 3,
+            borderRadius: 12,
+        },
+        viewfinderOval: {
+            width: VIEWFINDER_SIZE_OVAL,
+            height: VIEWFINDER_SIZE_OVAL,
+            borderWidth: 3,
+            borderRadius: VIEWFINDER_SIZE_OVAL / 2,
+        },
+        prompt: {
+            textAlign: 'center',
+            fontSize: 16,
+            lineHeight: 22,
+            fontWeight: '500',
+        },
+        cancelRow: {
+            ...StyleSheet.absoluteFillObject,
+            flexDirection: 'row',
+            alignItems: 'flex-start',
+            justifyContent: 'space-between',
+            paddingHorizontal: 16,
+            paddingTop: 50,
+            bottom: undefined,
+        },
+        cancelButton: {
+            width: 60,
+            height: 44,
+            justifyContent: 'center',
+        },
+        cancelText: {
+            color: '#FFFFFF',
+            fontSize: 16,
+            fontWeight: '500',
+        },
+        titleText: {
+            color: '#FFFFFF',
+            fontSize: 17,
+            fontWeight: '600',
+        },
+        shutterRow: {
+            position: 'absolute',
+            bottom: 40,
+            left: 0,
+            right: 0,
+            alignItems: 'center',
+            justifyContent: 'center',
+        },
+        shutter: {
+            width: SHUTTER_SIZE,
+            height: SHUTTER_SIZE,
+            borderRadius: SHUTTER_SIZE / 2,
+            borderWidth: 4,
+            alignItems: 'center',
+            justifyContent: 'center',
+        },
+        shutterInner: {
+            width: SHUTTER_SIZE - 16,
+            height: SHUTTER_SIZE - 16,
+            borderRadius: (SHUTTER_SIZE - 16) / 2,
+            backgroundColor: '#FFFFFF',
+        },
+        errorBlock: {
+            width: '90%',
+            backgroundColor: 'rgba(0,0,0,0.7)',
+            padding: 16,
+            borderRadius: 12,
+            gap: 12,
+        },
+        errorText: {
+            color: '#FFFFFF',
+            textAlign: 'center',
+            fontSize: 14,
+            lineHeight: 20,
+        },
+    });
+}

package/lib/ui/screens/onboarding/uploadDocuments/ReviewScreen.d.ts

@@ -0,0 +1,11 @@
+import type { CapturedPhoto } from '../../../../camera';
+export interface ReviewScreenProps {
+    title: string;
+    prompt: string;
+    photo: CapturedPhoto;
+    onUse: () => void;
+    onRetake: () => void;
+    onCancel: () => void;
+}
+export declare function ReviewScreen({ title, prompt, photo, onUse, onRetake, onCancel, }: ReviewScreenProps): import("react").JSX.Element;
+//# sourceMappingURL=ReviewScreen.d.ts.map

package/lib/ui/screens/onboarding/uploadDocuments/ReviewScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewScreen.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/onboarding/uploadDocuments/ReviewScreen.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAMxD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,iBAAiB,+BAwCnB"}

package/lib/ui/screens/onboarding/uploadDocuments/ReviewScreen.js

@@ -0,0 +1,72 @@
+import { useMemo } from 'react';
+import { Image, StyleSheet, Text, View } from 'react-native';
+import { useFrameTheme } from '../../../theme/ThemeContext';
+import { Button } from '../../../primitives/Button';
+import { FORM_SPACING } from '../formSpacing';
+export function ReviewScreen({ title, prompt, photo, onUse, onRetake, onCancel, }) {
+    const theme = useFrameTheme();
+    const styles = useMemo(() => createStyles(theme), [theme]);
+    return (<View style={styles.container}>
+      <View style={styles.header}>
+        <Text style={{
+            color: theme.colors.textPrimary,
+            fontSize: theme.fonts.heading.size,
+            fontWeight: theme.fontWeights.heading,
+            lineHeight: theme.fontLineHeights.heading,
+        }}>
+          {title}
+        </Text>
+        <Text style={[
+            styles.body,
+            {
+                color: theme.colors.textSecondary,
+                fontSize: theme.fonts.body.size,
+                lineHeight: theme.fontLineHeights.body,
+            },
+        ]}>
+          {prompt}
+        </Text>
+      </View>
+      <View style={styles.imageWrap}>
+        <Image source={{ uri: photo.uri }} style={styles.image} resizeMode="contain"/>
+      </View>
+      <View style={styles.footer}>
+        <Button text="Use this photo" onPress={onUse}/>
+        <Button text="Retake" variant="secondary" onPress={onRetake} style={styles.retake}/>
+        <Button text="Cancel" variant="secondary" onPress={onCancel} style={styles.retake}/>
+      </View>
+    </View>);
+}
+function createStyles(_theme) {
+    return StyleSheet.create({
+        container: {
+            flex: 1,
+            paddingHorizontal: FORM_SPACING.contentHorizontal,
+        },
+        header: {
+            marginTop: FORM_SPACING.headingTop,
+        },
+        body: {
+            marginTop: FORM_SPACING.headingTop,
+        },
+        imageWrap: {
+            flex: 1,
+            marginVertical: FORM_SPACING.sectionBottom,
+            backgroundColor: '#000',
+            borderRadius: 12,
+            overflow: 'hidden',
+            alignItems: 'center',
+            justifyContent: 'center',
+        },
+        image: {
+            width: '100%',
+            height: '100%',
+        },
+        footer: {
+            paddingBottom: FORM_SPACING.footerVertical,
+        },
+        retake: {
+            marginTop: FORM_SPACING.fieldGap,
+        },
+    });
+}

package/lib/ui/screens/onboarding/uploadDocuments/UploadDocumentsListScreen.d.ts

@@ -0,0 +1,12 @@
+import type { IdDocumentType, OnboardingState } from '../onboardingReducer';
+export interface UploadDocumentsListScreenProps {
+    state: OnboardingState;
+    onChangeIdType: (value: IdDocumentType) => void;
+    onCaptureFront: () => void;
+    onCaptureBack: () => void;
+    onCaptureSelfie: () => void;
+    onSubmit: () => void;
+    isComplete: boolean;
+}
+export declare function UploadDocumentsListScreen({ state, onChangeIdType, onCaptureFront, onCaptureBack, onCaptureSelfie, onSubmit, isComplete, }: UploadDocumentsListScreenProps): import("react").JSX.Element;
+//# sourceMappingURL=UploadDocumentsListScreen.d.ts.map

package/lib/ui/screens/onboarding/uploadDocuments/UploadDocumentsListScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadDocumentsListScreen.d.ts","sourceRoot":"","sources":["../../../../../src/ui/screens/onboarding/uploadDocuments/UploadDocumentsListScreen.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAc5E,MAAM,WAAW,8BAA8B;IAC7C,KAAK,EAAE,eAAe,CAAC;IACvB,cAAc,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,yBAAyB,CAAC,EACxC,KAAK,EACL,cAAc,EACd,cAAc,EACd,aAAa,EACb,eAAe,EACf,QAAQ,EACR,UAAU,GACX,EAAE,8BAA8B,+BAwFhC"}