@wise/dynamic-flow-client 0.2.0 → 0.3.0-beta-d45b31.38

package/build/main.css

@@ -1,143 +0,0 @@
-.tw-form-control textarea {
-  resize: vertical;
-}
-.camera-capture {
-  background: #000;
-  height: 100%;
-  left: 0;
-  position: fixed;
-  top: 0;
-  width: 100%;
-  z-index: 1030;
-}
-.camera-capture video {
-  display: block;
-  height: 100%;
-  left: 0;
-  object-fit: cover;
-  position: absolute;
-  top: 0;
-  width: 100%;
-  z-index: 0;
-}
-.camera-capture .bottom-bar {
-  bottom: 0;
-  display: flex;
-  flex-direction: column;
-  left: 0;
-  position: absolute;
-  width: 100%;
-}
-.camera-capture .camera-capture-btn {
-  align-self: center;
-  background-color: transparent;
-  background-image: none;
-  border: 6px solid #f8f9fa;
-  border-radius: 50%;
-  cursor: pointer;
-  display: inline-block;
-  height: 76px;
-  position: relative;
-  touch-action: manipulation;
-  transition: all 0.15s ease-in-out;
-  user-select: none;
-  user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  width: 76px;
-}
-.camera-capture .camera-capture-btn:hover {
-  border-color: #cbd3da;
-}
-.camera-capture .camera-capture-btn:hover .camera-capture-btn-inner {
-  background-color: #cbd3da;
-}
-.camera-capture .camera-capture-btn:active {
-  border-color: #9fadba;
-}
-.camera-capture .camera-capture-btn:active .camera-capture-btn-inner {
-  background-color: #9fadba;
-}
-.camera-capture .camera-capture-btn:focus,
-.camera-capture .camera-capture-btn:focus-visible {
-  outline: 0;
-}
-.camera-capture .camera-capture-btn .camera-capture-btn-inner {
-  background-color: #f8f9fa;
-  border-radius: 50%;
-  display: inline-block;
-  height: 60px;
-  margin: 2px;
-  transition: all 0.15s ease-in-out;
-  width: 60px;
-}
-.camera-capture svg {
-  display: block;
-  height: 100%;
-  left: 0;
-  object-fit: cover;
-  position: absolute;
-  top: 0;
-  width: 100%;
-  z-index: 0;
-}
-.camera-capture svg .camera-capture-text-and-image-container {
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  justify-content: center;
-  overflow: hidden;
-  position: absolute;
-}
-.camera-capture svg .camera-capture-instructions,
-.camera-capture svg .camera-capture-title {
-  color: #fff;
-  display: block;
-  text-align: center;
-}
-.camera-capture svg .camera-capture-title {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: normal;
-}
-.camera-capture svg .camera-capture-img {
-  display: block;
-  filter: invert(100%);
-  height: 32px;
-  position: relative;
-  width: 32px;
-}
-.camera-capture svg foreignObject {
-  overflow: visible;
-}
-.camera-capture .review-image {
-  display: block;
-  height: 100%;
-  left: 0;
-  object-fit: cover;
-  position: absolute;
-  top: 0;
-  width: 100%;
-  z-index: 0;
-}
-#camera-not-supported {
-  background-color: #fff;
-  height: 100%;
-  left: 0;
-  overflow: scroll;
-  position: fixed;
-  top: 0;
-  width: 100%;
-  z-index: 10000;
-}
-#no-camera-access {
-  background-color: #fff;
-  height: 100%;
-  left: 0;
-  overflow: scroll;
-  position: fixed;
-  top: 0;
-  width: 100%;
-  z-index: 10000;
-}

package/build/schema.d.ts

@@ -1 +0,0 @@
-export * from './flow/types';

package/build/schema.js

@@ -1 +0,0 @@
-export * from './flow/types';

package/build/step/cameraStep/CameraStep.d.ts

@@ -1,7 +0,0 @@
-import { Step } from '../../dynamic-flow-types';
-import { CommonLayoutProps } from '../../layout/DynamicLayout';
-export type CameraStepProps = Omit<CommonLayoutProps, 'onPersistAsync' | 'baseUrl'> & {
-    step: Step;
-};
-declare const CameraStep: (props: CameraStepProps) => JSX.Element;
-export default CameraStep;

package/build/step/cameraStep/CameraStep.js

@@ -1,125 +0,0 @@
-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";
-import { useEffect, useState } from 'react';
-import { filterHiddenSchemas } from '../../common/stepTypes/stepTypes';
-import { useTracking } from '../../common/tracking';
-import { isObjectSchema } from '../../dynamic-flow-types';
-import CameraCapture from './cameraCapture';
-function blobToBase64(blob) {
-    return new Promise(function (resolve, _) {
-        // we can safely assume the type of reader.result is string
-        // because we're calling reader.readAsDataURL
-        // https://developer.mozilla.org/en-US/docs/Web/API/FileReader/result
-        var reader = new FileReader();
-        // eslint-disable-next-line fp/no-mutation
-        reader.onloadend = function () { return resolve(reader.result); };
-        reader.readAsDataURL(blob);
-    });
-}
-var CameraStep = function (props) {
-    var step = props.step, model = props.model, onModelChange = props.onModelChange, onAction = props.onAction;
-    var onTrackableEvent = useTracking();
-    var objectSchema = getObjectSchema(step);
-    var cameraSchema = getCameraSchema(step);
-    var action = getFirstAction(step);
-    var title = cameraSchema.title, image = cameraSchema.image, cameraConfig = cameraSchema.cameraConfig;
-    var _a = cameraConfig || {}, assets = _a.assets, direction = _a.direction, instructions = _a.instructions;
-    var _b = assets || {}, overlay = _b.overlay, outline = _b.outline;
-    var imageUrl = (image || {}).url;
-    var _c = useState(false), captureClicked = _c[0], setCaptureClicked = _c[1];
-    // We need to wait for model to update before we call onAction()
-    useEffect(function () {
-        if (captureClicked) {
-            onAction(action);
-        }
-    }, [model]);
-    var handleCapture = function (blob) { return __awaiter(void 0, void 0, void 0, function () {
-        var $id, newValue, newModel;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    $id = cameraSchema.$id;
-                    if (!blob) return [3 /*break*/, 2];
-                    return [4 /*yield*/, blobToBase64(blob)];
-                case 1:
-                    newValue = _b.sent();
-                    newModel = (_a = {}, _a[$id || ''] = newValue, _a);
-                    setCaptureClicked(true);
-                    onModelChange({
-                        model: newModel,
-                        formSchema: objectSchema,
-                        triggerModel: newValue,
-                        triggerSchema: cameraSchema
-                    });
-                    _b.label = 2;
-                case 2: return [2 /*return*/];
-            }
-        });
-    }); };
-    return (_jsx(CameraCapture, { overlay: overlay, outline: outline, title: title, imageUrl: imageUrl, instructions: instructions, direction: direction, onTrackableEvent: onTrackableEvent, onCapture: function (blob) {
-            void handleCapture(blob);
-        } }));
-};
-export default CameraStep;
-function getObjectSchema(step) {
-    var nonHiddenSchemas = filterHiddenSchemas(step.schemas || []);
-    var objectSchema = nonHiddenSchemas[0];
-    if (!objectSchema || !isObjectSchema(objectSchema)) {
-        throw new Error('The first schema in a camera step is expected to be of type object and have at least one property with a schema...');
-    }
-    return objectSchema;
-}
-function getCameraSchema(step) {
-    var objectSchema = getObjectSchema(step);
-    var firstProperty = Object.values(objectSchema.properties)[0];
-    if (!firstProperty) {
-        throw new Error('The first schema in a camera step is expected to be of type object and have at least one property with a schema...');
-    }
-    return firstProperty;
-}
-function getFirstAction(step) {
-    var _a, _b;
-    if (!step.schemas || ((_a = filterHiddenSchemas(step.schemas)) === null || _a === void 0 ? void 0 : _a.length) !== 1) {
-        throw new Error('camera step expects 1 non-hidden object schema');
-    }
-    if (((_b = step === null || step === void 0 ? void 0 : step.actions) === null || _b === void 0 ? void 0 : _b.length) !== 1) {
-        throw new Error('camera step expects 1 action');
-    }
-    return step.actions[0];
-}

package/build/step/cameraStep/cameraCapture/CameraCapture.d.ts

@@ -1,15 +0,0 @@
-import { TrackableEventHandler } from '../../../common/tracking';
-import { CameraDirection } from '../../../dynamic-flow-types/FileUploadSchema';
-type Props = {
-    direction?: CameraDirection;
-    overlay?: string;
-    outline?: string;
-    imageUrl?: string;
-    title?: string;
-    instructions?: string;
-    showReview?: boolean;
-    onCapture: BlobCallback;
-    onTrackableEvent?: TrackableEventHandler;
-};
-declare const CameraCapture: ({ direction, overlay, outline, imageUrl, title, instructions, showReview, onCapture, onTrackableEvent, }: Props) => JSX.Element;
-export default CameraCapture;

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

@@ -1,122 +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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useRef, useState } from 'react';
-import { useIntl } from 'react-intl';
-import Webcam from 'react-webcam';
-import messages from './CameraCapture.messages';
-import { CaptureBottomBar, ReviewBottomBar } from './components';
-import { useVideoConstraints } from './hooks';
-import Overlay from './overlay/Overlay';
-import { CameraNotSupported, NoCameraAccess } from './screens';
-import { trackCameraFeedStarted, trackCameraNotSupported, trackCameraPermissionDenied, } from './tracking';
-import { generateCanvasFromVideo, isSelfieCamera } from './utils';
-var CameraCapture = function (_a) {
-    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, onTrackableEvent = _a.onTrackableEvent;
-    var _j = useState('CAPTURE'), mode = _j[0], setMode = _j[1];
-    var _k = useState(false), isVideoMirrored = _k[0], setIsVideoMirrored = _k[1];
-    var _l = useState(false), ready = _l[0], setReady = _l[1];
-    var _m = useState(), reviewImage = _m[0], setReviewImage = _m[1];
-    var webcamReference = useRef(null);
-    var videoConstraints = useVideoConstraints(direction).videoConstraints;
-    var intl = useIntl();
-    var handleCapture = useCallback(function () { return __awaiter(void 0, 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('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) {
-        if (error instanceof DOMException && (error === null || error === void 0 ? void 0 : error.name) === 'NotAllowedError') {
-            setMode('NO_CAMERA_ACCESS');
-            trackCameraPermissionDenied(onTrackableEvent);
-            return;
-        }
-        setMode('CAMERA_NOT_SUPPORTED');
-        trackCameraNotSupported(onTrackableEvent, error);
-    }, [setMode, onTrackableEvent]);
-    var handleUserMedia = useCallback(function (stream) {
-        setReady(true);
-        setIsVideoMirrored(isSelfieCamera(stream));
-        void trackCameraFeedStarted(onTrackableEvent, { direction: direction }, stream);
-    }, [setIsVideoMirrored, onTrackableEvent, direction]);
-    var handleReviewSubmit = function () {
-        onCapture((reviewImage === null || reviewImage === void 0 ? void 0 : reviewImage.blob) || null);
-    };
-    var handleReviewRetry = function () {
-        setMode('CAPTURE');
-        setReviewImage(undefined);
-    };
-    var handleRetryCameraAccess = function () { return setMode('CAPTURE'); };
-    var captureScreen = (_jsxs(_Fragment, { 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 }), ready && _jsx(CaptureBottomBar, { onCapture: function () { return void handleCapture(); } })] }));
-    var reviewScreen = (_jsxs(_Fragment, { 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", __assign({ className: "camera-capture" }, { children: [mode === 'CAPTURE' && captureScreen, mode === 'REVIEW' && reviewScreen, mode === 'NO_CAMERA_ACCESS' && _jsx(NoCameraAccess, { onAction: handleRetryCameraAccess }), mode === 'CAMERA_NOT_SUPPORTED' && _jsx(CameraNotSupported, {})] })));
-};
-export default CameraCapture;

package/build/step/cameraStep/cameraCapture/CameraCapture.messages.d.ts

@@ -1,18 +0,0 @@
-declare const _default: {
-    reviewSubmit: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    reviewRetry: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    reviewInstructions: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-};
-export default _default;

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

@@ -1,18 +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'
-    }
-});

package/build/step/cameraStep/cameraCapture/components/index.d.ts

@@ -1,7 +0,0 @@
-export declare const CaptureBottomBar: ({ onCapture }: {
-    onCapture: () => void;
-}) => JSX.Element;
-export declare const ReviewBottomBar: ({ onSubmit, onRetry, }: {
-    onSubmit: () => void;
-    onRetry: () => void;
-}) => JSX.Element;

package/build/step/cameraStep/cameraCapture/components/index.js

@@ -1,28 +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);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, ControlType, Priority, Size } from '@transferwise/components';
-import { useIntl } from 'react-intl';
-import messages from '../CameraCapture.messages';
-export var CaptureBottomBar = function (_a) {
-    var onCapture = _a.onCapture;
-    return (_jsx("div", __assign({ className: "bottom-bar" }, { children: _jsx(CaptureButton, { onClick: onCapture }) })));
-};
-export var ReviewBottomBar = function (_a) {
-    var onSubmit = _a.onSubmit, onRetry = _a.onRetry;
-    var intl = useIntl();
-    return (_jsx("div", __assign({ className: "bottom-bar p-x-2" }, { children: _jsx("div", __assign({ className: "row" }, { children: _jsxs("div", __assign({ className: "col-xs-12 col-md-6 col-md-offset-3" }, { children: [_jsx(Button, __assign({ className: "m-b-1", block: true, size: Size.MEDIUM, type: ControlType.ACCENT, onClick: onSubmit }, { children: intl.formatMessage(messages.reviewSubmit) })), _jsx(Button, __assign({ className: "m-b-2", block: true, size: Size.MEDIUM, type: ControlType.ACCENT, priority: Priority.SECONDARY, onClick: onRetry }, { children: intl.formatMessage(messages.reviewRetry) }))] })) })) })));
-};
-var CaptureButton = function (_a) {
-    var onClick = _a.onClick;
-    return (_jsx("button", __assign({ type: "button", className: "camera-capture-btn m-b-2", "data-testid": "camera-capture-button", onClick: onClick }, { children: _jsx("span", { className: "camera-capture-btn-inner" }) })));
-};

package/build/step/cameraStep/cameraCapture/hooks/index.d.ts

@@ -1,4 +0,0 @@
-import { CameraDirection } from '../../../../dynamic-flow-types/FileUploadSchema';
-export declare const useVideoConstraints: (direction: CameraDirection) => {
-    videoConstraints: MediaTrackConstraints | undefined;
-};

package/build/step/cameraStep/cameraCapture/hooks/index.js

@@ -1,80 +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 { useEffect, useState } from 'react';
-import { getAvailableVideoDevices, isMainBackCamera } from '../utils';
-export var useVideoConstraints = function (direction) {
-    var _a = useState(), videoConstraints = _a[0], setVideoConstraints = _a[1];
-    var defaultVideoConstraints = {
-        facingMode: direction === 'front' ? 'user' : 'environment',
-        height: { min: 480, max: 1080, ideal: 720 },
-        width: { min: 640, max: 1920, ideal: 1280 },
-        frameRate: 30,
-        aspectRatio: 16 / 9
-    };
-    useEffect(function () {
-        void getVideoConstraints(direction).then(setVideoConstraints);
-    }, [direction]);
-    var getVideoConstraints = function (direction) { return __awaiter(void 0, void 0, void 0, function () {
-        var mainCamera;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!(direction === 'back')) return [3 /*break*/, 2];
-                    return [4 /*yield*/, getAvailableVideoDevices()];
-                case 1:
-                    mainCamera = (_a.sent()).find(isMainBackCamera);
-                    if (mainCamera === null || mainCamera === void 0 ? void 0 : mainCamera.deviceId) {
-                        return [2 /*return*/, __assign(__assign({}, defaultVideoConstraints), { deviceId: { exact: mainCamera.deviceId } })];
-                    }
-                    _a.label = 2;
-                case 2: return [2 /*return*/, defaultVideoConstraints];
-            }
-        });
-    }); };
-    return { videoConstraints: videoConstraints };
-};

package/build/step/cameraStep/cameraCapture/index.d.ts

@@ -1 +0,0 @@
-export { default } from './CameraCapture';

package/build/step/cameraStep/cameraCapture/index.js

@@ -1 +0,0 @@
-export { default } from './CameraCapture';

package/build/step/cameraStep/cameraCapture/overlay/Overlay.d.ts

@@ -1,10 +0,0 @@
-type Props = {
-    overlay?: string;
-    outline?: string;
-    imageUrl?: string;
-    title?: string;
-    instructions?: string;
-    reviewInstructions?: string;
-};
-declare const Overlay: ({ overlay, outline, imageUrl, title, instructions, reviewInstructions, }: Props) => JSX.Element;
-export default Overlay;