@wise/dynamic-flow-client 3.5.1-experimental-ccbce45 → 3.5.2

package/build/legacy/step/cameraStep/cameraCapture/CameraCapture.js

@@ -1,161 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { useIntl } from 'react-intl';
-import Webcam from 'react-webcam';
-import { isMobile } from '../../../common/utils/mobile-utils';
-import messages from './CameraCapture.messages';
-import { CaptureBottomBar, ReviewBottomBar, OrientationLockOverlay } from './components';
-import { CameraErrorScreen } from './screens';
-import { useFullScreenOrientationLock } from './hooks/useFullScreenOrientationLock';
-import { useVideoConstraints } from './hooks/useVideoConstraints';
-import Overlay from './overlay/Overlay';
-import { trackCameraFeedStarted, trackCameraError } from './tracking';
-import { CameraMode } from './types';
-import { generateCanvasFromVideo, isSelfieCamera } from './utils';
-function CameraCapture(_a) {
-    var _this = this;
-    var _b = _a.direction, direction = _b === void 0 ? 'back' : _b, _c = _a.overlay, overlay = _c === void 0 ? '' : _c, _d = _a.outline, outline = _d === void 0 ? '' : _d, _e = _a.imageUrl, imageUrl = _e === void 0 ? '' : _e, _f = _a.title, title = _f === void 0 ? '' : _f, _g = _a.instructions, instructions = _g === void 0 ? '' : _g, _h = _a.showReview, showReview = _h === void 0 ? false : _h, onCapture = _a.onCapture, onEvent = _a.onEvent;
-    var _j = useState(CameraMode.CAPTURE), mode = _j[0], setMode = _j[1];
-    var _k = useState(), cameraError = _k[0], setCameraError = _k[1];
-    var _l = useState(false), isVideoMirrored = _l[0], setIsVideoMirrored = _l[1];
-    var _m = useState(false), ready = _m[0], setReady = _m[1];
-    var _o = useState(), reviewImage = _o[0], setReviewImage = _o[1];
-    var webcamReference = useRef(null);
-    var videoConstraints = useVideoConstraints(direction).videoConstraints;
-    var shouldLockOrientation = useMemo(function () { return !!(isMobile() && mode === CameraMode.CAPTURE); }, [mode]);
-    var _p = useFullScreenOrientationLock(shouldLockOrientation, onEvent), enterFullScreen = _p.enterFullScreen, exitFullScreen = _p.exitFullScreen;
-    var intl = useIntl();
-    var handleCapture = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
-        var canvas;
-        var _a, _b, _c, _d, _e, _f;
-        return __generator(this, function (_g) {
-            switch (_g.label) {
-                case 0:
-                    if (!(((_a = webcamReference === null || webcamReference === void 0 ? void 0 : webcamReference.current) === null || _a === void 0 ? void 0 : _a.video) && ((_c = (_b = webcamReference === null || webcamReference === void 0 ? void 0 : webcamReference.current) === null || _b === void 0 ? void 0 : _b.video) === null || _c === void 0 ? void 0 : _c.readyState) >= 3)) return [3 /*break*/, 2];
-                    (_e = (_d = webcamReference === null || webcamReference === void 0 ? void 0 : webcamReference.current) === null || _d === void 0 ? void 0 : _d.video) === null || _e === void 0 ? void 0 : _e.pause();
-                    return [4 /*yield*/, generateCanvasFromVideo((_f = webcamReference === null || webcamReference === void 0 ? void 0 : webcamReference.current) === null || _f === void 0 ? void 0 : _f.video)];
-                case 1:
-                    canvas = _g.sent();
-                    canvas === null || canvas === void 0 ? void 0 : canvas.toBlob(function (blob) {
-                        if (blob) {
-                            if (showReview) {
-                                var source = window.URL.createObjectURL(blob);
-                                setReviewImage({ source: source, blob: blob });
-                                setMode(CameraMode.REVIEW);
-                            }
-                            else {
-                                onCapture(blob);
-                            }
-                        }
-                    }, 'image/jpeg', 0.92);
-                    _g.label = 2;
-                case 2: return [2 /*return*/];
-            }
-        });
-    }); }, [webcamReference, showReview, setReviewImage, setMode, onCapture, isVideoMirrored]);
-    var handleUserMediaError = useCallback(function (error) {
-        setMode(CameraMode.ERROR);
-        if (error instanceof DOMException) {
-            switch (error === null || error === void 0 ? void 0 : error.name) {
-                case 'NotAllowedError':
-                    setCameraError({
-                        title: intl.formatMessage(messages.noCameraAccessTitle),
-                        description: intl.formatMessage(messages.noCameraAccessParagraph),
-                        actionButton: intl.formatMessage(messages.noCameraAccessAction),
-                        onAction: handleRetryCameraAccess,
-                    });
-                    trackCameraError('Dynamic Flow - Camera Permission Denied', onEvent, error);
-                    return;
-                case 'NotFoundError':
-                case 'OverconstrainedError':
-                case 'AbortError':
-                case 'NotReadableError':
-                    setCameraError({
-                        title: intl.formatMessage(messages.cameraConnectionIssueTitle),
-                        description: intl.formatMessage(messages.cameraConnectionIssueParagraph),
-                        actionButton: intl.formatMessage(messages.cameraConnectionIssueAction),
-                        onAction: handleRetryCameraAccess,
-                    });
-                    trackCameraError('Dynamic Flow - Camera Not Accessible', onEvent, error);
-                    return;
-            }
-        }
-        setCameraError({
-            title: intl.formatMessage(messages.cameraNotSupportedTitle),
-            description: intl.formatMessage(messages.cameraNotSupportedParagraph),
-        });
-        trackCameraError('Dynamic Flow - Camera Not Supported', onEvent, error);
-    }, [intl, onEvent]);
-    var handleUserMedia = useCallback(function (stream) {
-        enterFullScreen();
-        setReady(true);
-        setIsVideoMirrored(isSelfieCamera(stream));
-        void trackCameraFeedStarted(onEvent, { direction: direction }, stream);
-    }, [setIsVideoMirrored, onEvent, direction, enterFullScreen]);
-    var handleReviewSubmit = function () {
-        onCapture((reviewImage === null || reviewImage === void 0 ? void 0 : reviewImage.blob) || null);
-    };
-    var handleReviewRetry = function () {
-        setMode(CameraMode.CAPTURE);
-        setReviewImage(undefined);
-    };
-    var handleRetryCameraAccess = function () { return setMode(CameraMode.CAPTURE); };
-    useEffect(function () {
-        if (mode !== CameraMode.CAPTURE) {
-            exitFullScreen();
-        }
-    }, [mode, exitFullScreen]);
-    var captureScreen = (_jsxs("div", { className: "camera-capture", children: [videoConstraints && (_jsx(Webcam, { ref: webcamReference, audio: false, videoConstraints: videoConstraints, mirrored: isVideoMirrored, onUserMediaError: handleUserMediaError, onUserMedia: handleUserMedia })), _jsx(Overlay, { overlay: overlay, outline: outline, imageUrl: imageUrl, title: title, instructions: instructions }), shouldLockOrientation && _jsx(OrientationLockOverlay, {}), ready && (_jsx(CaptureBottomBar, { onCapture: function () {
-                    void handleCapture();
-                } }))] }));
-    var reviewScreen = (_jsxs("div", { className: "camera-capture", children: [_jsx("img", { className: "review-image", src: reviewImage === null || reviewImage === void 0 ? void 0 : reviewImage.source, alt: "" }), _jsx(Overlay, { overlay: overlay, imageUrl: imageUrl, title: title, instructions: instructions, reviewInstructions: intl.formatMessage(messages.reviewInstructions) }), _jsx(ReviewBottomBar, { onSubmit: handleReviewSubmit, onRetry: handleReviewRetry })] }));
-    return (_jsxs("section", { children: [mode === CameraMode.CAPTURE && captureScreen, mode === CameraMode.REVIEW && reviewScreen, mode === CameraMode.ERROR && cameraError && _jsx(CameraErrorScreen, __assign({}, cameraError))] }));
-}
-export default CameraCapture;

package/build/legacy/step/cameraStep/cameraCapture/CameraCapture.messages.js

@@ -1,58 +0,0 @@
-import { defineMessages } from 'react-intl';
-export default defineMessages({
-    reviewSubmit: {
-        id: 'dynamicFlows.CameraCapture.reviewSubmit',
-        defaultMessage: 'Yes, submit',
-        description: 'Accept and submit the image taken with the camera',
-    },
-    reviewRetry: {
-        id: 'dynamicFlows.CameraCapture.reviewRetry',
-        defaultMessage: 'No, try again',
-        description: "Image taken with camera is not good, don't submit, and retake the image",
-    },
-    reviewInstructions: {
-        id: 'dynamicFlows.CameraCapture.reviewInstructions',
-        defaultMessage: 'Is your picture clear, readable and complete?',
-        description: 'After taking an image with the camera, prompt user to review the image',
-    },
-    cameraNotSupportedTitle: {
-        id: 'dynamicFlows.CameraCapture.CameraNotSupported.title',
-        defaultMessage: 'Camera not supported',
-        description: 'Title of standalone page prompting that camera is not available on users browser',
-    },
-    cameraNotSupportedParagraph: {
-        id: 'dynamicFlows.CameraCapture.CameraNotSupported.paragraph',
-        defaultMessage: "The browser you're using doesn't have support for a camera. Try a different browser, device, or download our mobile app.",
-        description: "Further text of standalone page prompting that camera is not available on user's browser",
-    },
-    noCameraAccessTitle: {
-        id: 'dynamicFlows.CameraCapture.NoCameraAccess.title',
-        defaultMessage: "We can't access your camera",
-        description: 'Title of standalone page prompting missing camera permissions',
-    },
-    noCameraAccessParagraph: {
-        id: 'dynamicFlows.CameraCapture.NoCameraAccess.paragraph',
-        defaultMessage: "Enable camera access in your browser's settings to get going again.",
-        description: 'Further text of standalone page prompting missing camera permissions',
-    },
-    noCameraAccessAction: {
-        id: 'dynamicFlows.CameraCapture.NoCameraAccess.action',
-        defaultMessage: 'Enable camera access',
-        description: 'Action to ask for camera permissions again',
-    },
-    cameraConnectionIssueTitle: {
-        id: 'dynamicFlows.CameraCapture.CameraConnectionIssue.title',
-        defaultMessage: "We can't access your camera",
-        description: 'Title of standalone page prompting that there was an issue connecting to a camera',
-    },
-    cameraConnectionIssueParagraph: {
-        id: 'dynamicFlows.CameraCapture.CameraConnectionIssue.paragraph',
-        defaultMessage: "Please check if it is connected and try again.",
-        description: 'Further text of standalone page prompting that there was an issue connecting to a camera',
-    },
-    cameraConnectionIssueAction: {
-        id: 'dynamicFlows.CameraCapture.CameraConnectionIssue.action',
-        defaultMessage: 'Try again',
-        description: 'Action to try using camera again',
-    },
-});

package/build/legacy/step/cameraStep/cameraCapture/CameraCapture.spec.js

@@ -1,432 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
-import { screen, waitFor } from '@testing-library/react';
-import { userEvent } from '@testing-library/user-event';
-import screenfull from 'screenfull';
-import * as mobileUtils from '../../../common/utils/mobile-utils';
-import { renderWithProviders, wait } from '../../../test-utils';
-import CameraCapture from '.';
-var user = userEvent.setup();
-var getUserMedia = jest.fn(function () {
-    return Promise.resolve({
-        start: jest.fn(),
-        stop: jest.fn(),
-    });
-});
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-expect-error
-global.navigator.mediaDevices = { getUserMedia: getUserMedia };
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-expect-error
-global.URL = { createObjectURL: jest.fn() };
-jest
-    .spyOn(window.HTMLCanvasElement.prototype, 'toBlob')
-    .mockImplementation(function (callback) { return callback(new Blob()); });
-jest.mock('screenfull', function () { return ({
-    isFullscreen: false,
-    element: null,
-    isEnabled: true,
-    request: jest.fn(),
-    exit: jest.fn(),
-}); });
-jest.spyOn(HTMLMediaElement.prototype, 'pause').mockImplementation(jest.fn());
-jest.spyOn(HTMLCanvasElement.prototype, 'getContext').mockImplementation(jest.fn());
-var schemas = [
-    {
-        format: 'base64url',
-        title: 'Front side of your driving license',
-        cameraConfig: {
-            assets: {
-                overlay: 'https://wise.com/public-resources/assets/camera-guidelines/v2/overlay_id.png',
-                outline: 'https://wise.com/public-resources/assets/camera-guidelines/v2/outline_id.png',
-            },
-            direction: 'back',
-            instructions: 'step.idwl.front_side.instructions.driving_license',
-        },
-        image: {
-            type: 'image',
-            url: 'https://wise.com/public-resources/assets/camera-guidelines/id-icon.png',
-            text: '',
-        },
-        source: 'camera',
-        type: 'string',
-    },
-    {
-        format: 'base64url',
-        title: 'Front side of your driving license',
-        cameraConfig: {
-            assets: {
-                overlay: 'https://wise.com/public-resources/assets/camera-guidelines/v2/overlay_id.png',
-            },
-            direction: 'front',
-            instructions: 'step.idwl.front_side.instructions.driving_license',
-        },
-        image: {
-            type: 'image',
-            url: 'https://wise.com/public-resources/assets/camera-guidelines/id-icon.png',
-            text: '',
-        },
-        source: 'camera',
-        type: 'string',
-    },
-];
-describe.each(schemas)('Given a component for rendering a camera capture experience', function (schema) {
-    var onCapture;
-    var unmount;
-    var renderComponent = function (customProps) {
-        if (customProps === void 0) { customProps = {}; }
-        return __awaiter(void 0, void 0, void 0, function () {
-            var view;
-            var _a, _b, _c, _d, _e, _f, _g;
-            return __generator(this, function (_h) {
-                switch (_h.label) {
-                    case 0:
-                        unmount === null || unmount === void 0 ? void 0 : unmount();
-                        view = renderWithProviders(_jsx(CameraCapture, __assign({ overlay: (_b = (_a = schema.cameraConfig) === null || _a === void 0 ? void 0 : _a.assets) === null || _b === void 0 ? void 0 : _b.overlay, outline: (_d = (_c = schema.cameraConfig) === null || _c === void 0 ? void 0 : _c.assets) === null || _d === void 0 ? void 0 : _d.outline, title: schema.title, imageUrl: (_e = schema.image) === null || _e === void 0 ? void 0 : _e.url, instructions: (_f = schema.cameraConfig) === null || _f === void 0 ? void 0 : _f.instructions, direction: (_g = schema.cameraConfig) === null || _g === void 0 ? void 0 : _g.direction, onCapture: onCapture }, customProps)));
-                        return [4 /*yield*/, wait(0)];
-                    case 1:
-                        _h.sent();
-                        // eslint-disable-next-line @typescript-eslint/no-unused-expressions
-                        document.querySelector('video') &&
-                            Object.defineProperty(document.querySelector('video'), 'readyState', {
-                                get: function () {
-                                    return 3;
-                                },
-                            });
-                        // eslint-disable-next-line require-atomic-updates
-                        unmount = view.unmount;
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    var enterFullscreen = jest.spyOn(screenfull, 'request');
-    var exitFullScreen = jest.spyOn(screenfull, 'exit');
-    beforeEach(function () {
-        onCapture = jest.fn();
-        enterFullscreen.mockImplementation(function () { return Promise.resolve(undefined); });
-        exitFullScreen.mockImplementation(function () { return Promise.resolve(undefined); });
-    });
-    afterEach(function () {
-        enterFullscreen.mockRestore();
-        exitFullScreen.mockRestore();
-    });
-    it('should draw helper text and icon', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var cameraConfig;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0: return [4 /*yield*/, renderComponent()];
-                case 1:
-                    _b.sent();
-                    cameraConfig = schema.cameraConfig;
-                    expect(screen.getByText(schema.title)).toBeInTheDocument();
-                    expect(screen.getByText(cameraConfig.instructions)).toBeInTheDocument();
-                    expect(screen.getByRole('img')).toHaveAttribute('src', (_a = schema.image) === null || _a === void 0 ? void 0 : _a.url);
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('should render capture button', function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, renderComponent()];
-                case 1:
-                    _a.sent();
-                    expect(screen.getByTestId('camera-capture-button')).toBeInTheDocument();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    describe('screen orientation lock', function () {
-        var isMobile = jest.spyOn(mobileUtils, 'isMobile');
-        var screenSpy = jest.spyOn(window, 'screen', 'get');
-        var setupMockScreenOrientation = function (orientationLock, orientationUnlock) {
-            screenSpy.mockImplementation(function () {
-                return ({
-                    orientation: {
-                        lock: orientationLock !== null && orientationLock !== void 0 ? orientationLock : undefined,
-                        unlock: orientationUnlock !== null && orientationUnlock !== void 0 ? orientationUnlock : undefined,
-                        addEventListener: jest.fn(),
-                        removeEventListener: jest.fn(),
-                    },
-                });
-            });
-        };
-        describe('when device is mobile and orientation lock is supported', function () {
-            var orientationLock = jest.fn(function () { return Promise.resolve(undefined); });
-            var orientationUnLock = jest.fn();
-            beforeEach(function () {
-                isMobile.mockReturnValue(true);
-                setupMockScreenOrientation(orientationLock, orientationUnLock);
-            });
-            afterEach(function () {
-                isMobile.mockReset();
-                screenSpy.mockReset();
-            });
-            it('should enter fullscreen mode and lock orientation', function () { return __awaiter(void 0, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, renderComponent()];
-                        case 1:
-                            _a.sent();
-                            return [4 /*yield*/, waitFor(function () {
-                                    expect(enterFullscreen).toHaveBeenCalledWith(expect.any(HTMLElement), expect.any(Object));
-                                })];
-                        case 2:
-                            _a.sent();
-                            expect(orientationLock).toHaveBeenCalledWith('portrait');
-                            return [2 /*return*/];
-                    }
-                });
-            }); });
-            it('should exit fullscreen mode and unlock orientation when shown screen is not camera capture', function () { return __awaiter(void 0, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            jest.replaceProperty(screenfull, 'isFullscreen', true);
-                            return [4 /*yield*/, renderComponent({ showReview: true })];
-                        case 1:
-                            _a.sent();
-                            return [4 /*yield*/, user.click(screen.getByRole('button'))];
-                        case 2:
-                            _a.sent();
-                            expect(exitFullScreen).toHaveBeenCalledWith();
-                            expect(orientationUnLock).toHaveBeenCalledWith();
-                            expect(screen.queryByText('Rotate your phone to portrait view to take a photo')).not.toBeInTheDocument();
-                            jest.replaceProperty(screenfull, 'isFullscreen', false);
-                            return [2 /*return*/];
-                    }
-                });
-            }); });
-        });
-        describe('when orientation lock is not supported', function () {
-            beforeAll(function () {
-                setupMockScreenOrientation();
-            });
-            afterAll(function () {
-                screenSpy.mockReset();
-            });
-            describe('if device is mobile', function () {
-                beforeAll(function () {
-                    isMobile.mockReturnValue(true);
-                });
-                afterAll(function () {
-                    isMobile.mockReset();
-                });
-                it('should display OrientationLock overlay', function () { return __awaiter(void 0, void 0, void 0, function () {
-                    return __generator(this, function (_a) {
-                        switch (_a.label) {
-                            case 0: return [4 /*yield*/, renderComponent()];
-                            case 1:
-                                _a.sent();
-                                expect(screen.getByText('Rotate your phone to portrait view to take a photo')).toBeInTheDocument();
-                                return [2 /*return*/];
-                        }
-                    });
-                }); });
-            });
-            describe('if device is desktop', function () {
-                beforeAll(function () {
-                    isMobile.mockReturnValue(false);
-                });
-                afterAll(function () {
-                    isMobile.mockReset();
-                });
-                it('should not display OrientationLock overlay', function () { return __awaiter(void 0, void 0, void 0, function () {
-                    return __generator(this, function (_a) {
-                        switch (_a.label) {
-                            case 0: return [4 /*yield*/, renderComponent()];
-                            case 1:
-                                _a.sent();
-                                expect(screen.queryByText('Rotate your phone to portrait view to take a photo')).not.toBeInTheDocument();
-                                return [2 /*return*/];
-                        }
-                    });
-                }); });
-                // it('should not enter fullscreen mode', async () => {
-                //   await renderComponent();
-                //   expect(enterFullscreen).not.toHaveBeenCalled();
-                // });
-            });
-        });
-    });
-    describe('when capture is clicked', function () {
-        it('should broadcast onCapture', function () { return __awaiter(void 0, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, renderComponent()];
-                    case 1:
-                        _a.sent();
-                        return [4 /*yield*/, user.click(screen.getByRole('button'))];
-                    case 2:
-                        _a.sent();
-                        expect(onCapture).toHaveBeenCalledWith(expect.any(Blob));
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-    });
-    describe('when camera is not supported', function () {
-        beforeEach(function () {
-            getUserMedia.mockRejectedValueOnce(new Error(''));
-        });
-        it('should display camera not supported error page', function () { return __awaiter(void 0, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, renderComponent()];
-                    case 1:
-                        _a.sent();
-                        expect(screen.getByText('Camera not supported')).toBeInTheDocument();
-                        expect(screen.getByText("The browser you're using doesn't have support for a camera. Try a different browser, device, or download our mobile app.")).toBeInTheDocument();
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-    });
-    describe('when camera permission is declined', function () {
-        beforeEach(function () {
-            getUserMedia.mockRejectedValueOnce(new DOMException('', 'NotAllowedError'));
-        });
-        it('should display permission error page', function () { return __awaiter(void 0, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, renderComponent()];
-                    case 1:
-                        _a.sent();
-                        expect(screen.getByText("We can't access your camera")).toBeInTheDocument();
-                        expect(screen.getByText("Enable camera access in your browser's settings to get going again.")).toBeInTheDocument();
-                        expect(screen.getByRole('button', { name: 'Enable camera access' })).toBeInTheDocument();
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-    });
-    describe('when camera fails to connect', function () {
-        beforeEach(function () {
-            getUserMedia.mockRejectedValueOnce(new DOMException('', 'NotFoundError'));
-        });
-        it('should display permission error page', function () { return __awaiter(void 0, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, renderComponent()];
-                    case 1:
-                        _a.sent();
-                        expect(screen.getByText("We can't access your camera")).toBeInTheDocument();
-                        expect(screen.getByText('Please check if it is connected and try again.')).toBeInTheDocument();
-                        expect(screen.getByRole('button', { name: 'Try again' })).toBeInTheDocument();
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-    });
-    describe('Given review mode is enabled', function () {
-        it('should display review page', function () { return __awaiter(void 0, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, renderComponent({ showReview: true })];
-                    case 1:
-                        _a.sent();
-                        return [4 /*yield*/, user.click(screen.getByRole('button'))];
-                    case 2:
-                        _a.sent();
-                        expect(screen.getByText('Is your picture clear, readable and complete?')).toBeInTheDocument();
-                        expect(screen.getByRole('button', { name: 'No, try again' })).toBeInTheDocument();
-                        expect(screen.getByRole('button', { name: 'Yes, submit' })).toBeInTheDocument();
-                        expect(screen.getByText('Yes, submit')).toBeInTheDocument();
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-        describe('when retake button is clicked', function () {
-            it('camera feed should be shown again', function () { return __awaiter(void 0, void 0, void 0, function () {
-                var cameraConfig;
-                var _a;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0: return [4 /*yield*/, renderComponent({ showReview: true })];
-                        case 1:
-                            _b.sent();
-                            return [4 /*yield*/, user.click(screen.getByRole('button'))];
-                        case 2:
-                            _b.sent();
-                            return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'No, try again' }))];
-                        case 3:
-                            _b.sent();
-                            expect(screen.getByText(schema.title)).toBeInTheDocument();
-                            cameraConfig = schema.cameraConfig;
-                            expect(screen.getByText(cameraConfig.instructions)).toBeInTheDocument();
-                            expect(screen.getByRole('img')).toHaveAttribute('src', (_a = schema.image) === null || _a === void 0 ? void 0 : _a.url);
-                            return [2 /*return*/];
-                    }
-                });
-            }); });
-        });
-        describe('when submit button is clicked', function () {
-            it('should broadcast onCapture', function () { return __awaiter(void 0, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, renderComponent({ showReview: true })];
-                        case 1:
-                            _a.sent();
-                            return [4 /*yield*/, user.click(screen.getByRole('button'))];
-                        case 2:
-                            _a.sent();
-                            return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'Yes, submit' }))];
-                        case 3:
-                            _a.sent();
-                            expect(onCapture).toHaveBeenCalledWith(expect.any(Blob));
-                            return [2 /*return*/];
-                    }
-                });
-            }); });
-        });
-    });
-});