@wise/dynamic-flow-client 0.4.0 → 0.4.1

package/build/step/cameraStep/CameraStep.js

@@ -1,118 +1,72 @@
 "use strict";
-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 };
-    }
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-exports.__esModule = true;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var contexts_1 = require("../../common/contexts");
-var utils_1 = require("../../common/utils");
-var types_1 = require("../../types");
-var cameraCapture_1 = __importDefault(require("./cameraCapture"));
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const contexts_1 = require("../../common/contexts");
+const utils_1 = require("../../common/utils");
+const types_1 = require("../../types");
+const cameraCapture_1 = __importDefault(require("./cameraCapture"));
 function blobToBase64(blob) {
-    return new Promise(function (resolve, _) {
+    return new Promise((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();
+        const reader = new FileReader();
         // eslint-disable-next-line fp/no-mutation
-        reader.onloadend = function () { return resolve(reader.result); };
+        reader.onloadend = () => resolve(reader.result);
         reader.readAsDataURL(blob);
     });
 }
-var CameraStep = function (props) {
-    var step = props.step, model = props.model, onModelChange = props.onModelChange, onAction = props.onAction;
-    var onEvent = (0, contexts_1.useEventDispatcher)();
-    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 = (0, react_1.useState)(false), captureClicked = _c[0], setCaptureClicked = _c[1];
+const CameraStep = (props) => {
+    const { step, model, onModelChange, onAction } = props;
+    const onEvent = (0, contexts_1.useEventDispatcher)();
+    const objectSchema = getObjectSchema(step);
+    const cameraSchema = getCameraSchema(step);
+    const action = getFirstAction(step);
+    const { title, image, cameraConfig } = cameraSchema;
+    const { assets, direction, instructions } = cameraConfig || {};
+    const { overlay, outline } = assets || {};
+    const { url: imageUrl } = image || {};
+    const [captureClicked, setCaptureClicked] = (0, react_1.useState)(false);
     // We need to wait for model to update before we call onAction()
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         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 ((0, jsx_runtime_1.jsx)(cameraCapture_1["default"], { overlay: overlay, outline: outline, title: title, imageUrl: imageUrl, instructions: instructions, direction: direction, onEvent: onEvent, onCapture: function (blob) {
+    const handleCapture = async (blob) => {
+        const { $id } = cameraSchema;
+        if (blob) {
+            const newValue = await blobToBase64(blob);
+            const newModel = { [$id || '']: newValue };
+            setCaptureClicked(true);
+            onModelChange({
+                model: newModel,
+                formSchema: objectSchema,
+                triggerModel: newValue,
+                triggerSchema: cameraSchema,
+            });
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(cameraCapture_1.default, { overlay: overlay, outline: outline, title: title, imageUrl: imageUrl, instructions: instructions, direction: direction, onEvent: onEvent, onCapture: (blob) => {
             void handleCapture(blob);
         } }));
 };
-exports["default"] = CameraStep;
+exports.default = CameraStep;
 function getObjectSchema(step) {
-    var nonHiddenSchemas = (0, utils_1.filterHiddenSchemas)(step.schemas || []);
-    var objectSchema = nonHiddenSchemas[0];
+    const nonHiddenSchemas = (0, utils_1.filterHiddenSchemas)(step.schemas || []);
+    const objectSchema = nonHiddenSchemas[0];
     if (!objectSchema || !(0, types_1.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];
+    const objectSchema = getObjectSchema(step);
+    const 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...');
     }
@@ -128,3 +82,4 @@ function getFirstAction(step) {
     }
     return step.actions[0];
 }
+//# sourceMappingURL=CameraStep.js.map

package/build/step/cameraStep/CameraStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CameraStep.js","sourceRoot":"","sources":["../../../src/step/cameraStep/CameraStep.tsx"],"names":[],"mappings":"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"}

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

@@ -1,104 +1,47 @@
 "use strict";
-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 };
-    }
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-exports.__esModule = true;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var react_intl_1 = require("react-intl");
-var react_webcam_1 = __importDefault(require("react-webcam"));
-var CameraCapture_messages_1 = __importDefault(require("./CameraCapture.messages"));
-var components_1 = require("./components");
-var hooks_1 = require("./hooks");
-var Overlay_1 = __importDefault(require("./overlay/Overlay"));
-var screens_1 = require("./screens");
-var tracking_1 = require("./tracking");
-var utils_1 = require("./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, onEvent = _a.onEvent;
-    var _j = (0, react_1.useState)('CAPTURE'), mode = _j[0], setMode = _j[1];
-    var _k = (0, react_1.useState)(false), isVideoMirrored = _k[0], setIsVideoMirrored = _k[1];
-    var _l = (0, react_1.useState)(false), ready = _l[0], setReady = _l[1];
-    var _m = (0, react_1.useState)(), reviewImage = _m[0], setReviewImage = _m[1];
-    var webcamReference = (0, react_1.useRef)(null);
-    var videoConstraints = (0, hooks_1.useVideoConstraints)(direction).videoConstraints;
-    var intl = (0, react_intl_1.useIntl)();
-    var handleCapture = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var canvas;
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_intl_1 = require("react-intl");
+const react_webcam_1 = __importDefault(require("react-webcam"));
+const CameraCapture_messages_1 = __importDefault(require("./CameraCapture.messages"));
+const components_1 = require("./components");
+const hooks_1 = require("./hooks");
+const Overlay_1 = __importDefault(require("./overlay/Overlay"));
+const screens_1 = require("./screens");
+const tracking_1 = require("./tracking");
+const utils_1 = require("./utils");
+const CameraCapture = ({ direction = 'back', overlay = '', outline = '', imageUrl = '', title = '', instructions = '', showReview = false, onCapture, onEvent, }) => {
+    const [mode, setMode] = (0, react_1.useState)('CAPTURE');
+    const [isVideoMirrored, setIsVideoMirrored] = (0, react_1.useState)(false);
+    const [ready, setReady] = (0, react_1.useState)(false);
+    const [reviewImage, setReviewImage] = (0, react_1.useState)();
+    const webcamReference = (0, react_1.useRef)(null);
+    const { videoConstraints } = (0, hooks_1.useVideoConstraints)(direction);
+    const intl = (0, react_intl_1.useIntl)();
+    const handleCapture = (0, react_1.useCallback)(async () => {
         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*/, (0, utils_1.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 = (0, react_1.useCallback)(function (error) {
+        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) {
+            (_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();
+            const canvas = await (0, utils_1.generateCanvasFromVideo)((_f = webcamReference === null || webcamReference === void 0 ? void 0 : webcamReference.current) === null || _f === void 0 ? void 0 : _f.video);
+            canvas === null || canvas === void 0 ? void 0 : canvas.toBlob((blob) => {
+                if (blob) {
+                    if (showReview) {
+                        const source = window.URL.createObjectURL(blob);
+                        setReviewImage({ source, blob });
+                        setMode('REVIEW');
+                    }
+                    else {
+                        onCapture(blob);
+                    }
+                }
+            }, 'image/jpeg', 0.92);
+        }
+    }, [webcamReference, showReview, setReviewImage, setMode, onCapture, isVideoMirrored]);
+    const handleUserMediaError = (0, react_1.useCallback)((error) => {
         if (error instanceof DOMException && (error === null || error === void 0 ? void 0 : error.name) === 'NotAllowedError') {
             setMode('NO_CAMERA_ACCESS');
             (0, tracking_1.trackCameraPermissionDenied)(onEvent);
@@ -107,21 +50,22 @@ var CameraCapture = function (_a) {
         setMode('CAMERA_NOT_SUPPORTED');
         (0, tracking_1.trackCameraNotSupported)(onEvent, error);
     }, [setMode, onEvent]);
-    var handleUserMedia = (0, react_1.useCallback)(function (stream) {
+    const handleUserMedia = (0, react_1.useCallback)((stream) => {
         setReady(true);
         setIsVideoMirrored((0, utils_1.isSelfieCamera)(stream));
-        void (0, tracking_1.trackCameraFeedStarted)(onEvent, { direction: direction }, stream);
+        void (0, tracking_1.trackCameraFeedStarted)(onEvent, { direction }, stream);
     }, [setIsVideoMirrored, onEvent, direction]);
-    var handleReviewSubmit = function () {
+    const handleReviewSubmit = () => {
         onCapture((reviewImage === null || reviewImage === void 0 ? void 0 : reviewImage.blob) || null);
     };
-    var handleReviewRetry = function () {
+    const handleReviewRetry = () => {
         setMode('CAPTURE');
         setReviewImage(undefined);
     };
-    var handleRetryCameraAccess = function () { return setMode('CAPTURE'); };
-    var captureScreen = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [videoConstraints && ((0, jsx_runtime_1.jsx)(react_webcam_1["default"], { ref: webcamReference, audio: false, videoConstraints: videoConstraints, mirrored: isVideoMirrored, onUserMediaError: handleUserMediaError, onUserMedia: handleUserMedia })), (0, jsx_runtime_1.jsx)(Overlay_1["default"], { overlay: overlay, outline: outline, imageUrl: imageUrl, title: title, instructions: instructions }), ready && (0, jsx_runtime_1.jsx)(components_1.CaptureBottomBar, { onCapture: function () { return void handleCapture(); } })] }));
-    var reviewScreen = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("img", { className: "review-image", src: reviewImage === null || reviewImage === void 0 ? void 0 : reviewImage.source, alt: "" }), (0, jsx_runtime_1.jsx)(Overlay_1["default"], { overlay: overlay, imageUrl: imageUrl, title: title, instructions: instructions, reviewInstructions: intl.formatMessage(CameraCapture_messages_1["default"].reviewInstructions) }), (0, jsx_runtime_1.jsx)(components_1.ReviewBottomBar, { onSubmit: handleReviewSubmit, onRetry: handleReviewRetry })] }));
-    return ((0, jsx_runtime_1.jsxs)("section", __assign({ className: "camera-capture" }, { children: [mode === 'CAPTURE' && captureScreen, mode === 'REVIEW' && reviewScreen, mode === 'NO_CAMERA_ACCESS' && (0, jsx_runtime_1.jsx)(screens_1.NoCameraAccess, { onAction: handleRetryCameraAccess }), mode === 'CAMERA_NOT_SUPPORTED' && (0, jsx_runtime_1.jsx)(screens_1.CameraNotSupported, {})] })));
+    const handleRetryCameraAccess = () => setMode('CAPTURE');
+    const captureScreen = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [videoConstraints && ((0, jsx_runtime_1.jsx)(react_webcam_1.default, { ref: webcamReference, audio: false, videoConstraints: videoConstraints, mirrored: isVideoMirrored, onUserMediaError: handleUserMediaError, onUserMedia: handleUserMedia })), (0, jsx_runtime_1.jsx)(Overlay_1.default, { overlay: overlay, outline: outline, imageUrl: imageUrl, title: title, instructions: instructions }), ready && (0, jsx_runtime_1.jsx)(components_1.CaptureBottomBar, { onCapture: () => void handleCapture() })] }));
+    const reviewScreen = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("img", { className: "review-image", src: reviewImage === null || reviewImage === void 0 ? void 0 : reviewImage.source, alt: "" }), (0, jsx_runtime_1.jsx)(Overlay_1.default, { overlay: overlay, imageUrl: imageUrl, title: title, instructions: instructions, reviewInstructions: intl.formatMessage(CameraCapture_messages_1.default.reviewInstructions) }), (0, jsx_runtime_1.jsx)(components_1.ReviewBottomBar, { onSubmit: handleReviewSubmit, onRetry: handleReviewRetry })] }));
+    return ((0, jsx_runtime_1.jsxs)("section", Object.assign({ className: "camera-capture" }, { children: [mode === 'CAPTURE' && captureScreen, mode === 'REVIEW' && reviewScreen, mode === 'NO_CAMERA_ACCESS' && (0, jsx_runtime_1.jsx)(screens_1.NoCameraAccess, { onAction: handleRetryCameraAccess }), mode === 'CAMERA_NOT_SUPPORTED' && (0, jsx_runtime_1.jsx)(screens_1.CameraNotSupported, {})] })));
 };
-exports["default"] = CameraCapture;
+exports.default = CameraCapture;
+//# sourceMappingURL=CameraCapture.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CameraCapture.js","sourceRoot":"","sources":["../../../../src/step/cameraStep/cameraCapture/CameraCapture.tsx"],"names":[],"mappings":"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"}

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

@@ -1,20 +1,21 @@
 "use strict";
-exports.__esModule = true;
-var react_intl_1 = require("react-intl");
-exports["default"] = (0, react_intl_1.defineMessages)({
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_intl_1 = require("react-intl");
+exports.default = (0, react_intl_1.defineMessages)({
     reviewSubmit: {
         id: 'dynamicFlows.CameraCapture.reviewSubmit',
         defaultMessage: 'Yes, submit',
-        description: 'Accept and submit the image taken with the camera'
+        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"
+        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'
-    }
+        description: 'After taking an image with the camera, prompt user to review the image',
+    },
 });
+//# sourceMappingURL=CameraCapture.messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CameraCapture.messages.js","sourceRoot":"","sources":["../../../../src/step/cameraStep/cameraCapture/CameraCapture.messages.ts"],"names":[],"mappings":";;AAAA,2CAA4C;AAE5C,kBAAe,IAAA,2BAAc,EAAC;IAC5B,YAAY,EAAE;QACZ,EAAE,EAAE,yCAAyC;QAC7C,cAAc,EAAE,aAAa;QAC7B,WAAW,EAAE,mDAAmD;KACjE;IACD,WAAW,EAAE;QACX,EAAE,EAAE,wCAAwC;QAC5C,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,yEAAyE;KACvF;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,+CAA+C;QACnD,cAAc,EAAE,+CAA+C;QAC/D,WAAW,EAAE,wEAAwE;KACtF;CACF,CAAC,CAAC"}

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

@@ -1,36 +1,19 @@
 "use strict";
-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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReviewBottomBar = exports.CaptureBottomBar = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("@transferwise/components");
-var react_intl_1 = require("react-intl");
-var CameraCapture_messages_1 = __importDefault(require("../CameraCapture.messages"));
-var CaptureBottomBar = function (_a) {
-    var onCapture = _a.onCapture;
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "bottom-bar" }, { children: (0, jsx_runtime_1.jsx)(CaptureButton, { onClick: onCapture }) })));
-};
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@transferwise/components");
+const react_intl_1 = require("react-intl");
+const CameraCapture_messages_1 = __importDefault(require("../CameraCapture.messages"));
+const CaptureBottomBar = ({ onCapture }) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "bottom-bar" }, { children: (0, jsx_runtime_1.jsx)(CaptureButton, { onClick: onCapture }) })));
 exports.CaptureBottomBar = CaptureBottomBar;
-var ReviewBottomBar = function (_a) {
-    var onSubmit = _a.onSubmit, onRetry = _a.onRetry;
-    var intl = (0, react_intl_1.useIntl)();
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "bottom-bar p-x-2" }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "row" }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "col-xs-12 col-md-6 col-md-offset-3" }, { children: [(0, jsx_runtime_1.jsx)(components_1.Button, __assign({ className: "m-b-1", block: true, size: components_1.Size.MEDIUM, type: components_1.ControlType.ACCENT, onClick: onSubmit }, { children: intl.formatMessage(CameraCapture_messages_1["default"].reviewSubmit) })), (0, jsx_runtime_1.jsx)(components_1.Button, __assign({ className: "m-b-2", block: true, size: components_1.Size.MEDIUM, type: components_1.ControlType.ACCENT, priority: components_1.Priority.SECONDARY, onClick: onRetry }, { children: intl.formatMessage(CameraCapture_messages_1["default"].reviewRetry) }))] })) })) })));
+const ReviewBottomBar = ({ onSubmit, onRetry, }) => {
+    const intl = (0, react_intl_1.useIntl)();
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "bottom-bar p-x-2" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "row" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "col-xs-12 col-md-6 col-md-offset-3" }, { children: [(0, jsx_runtime_1.jsx)(components_1.Button, Object.assign({ className: "m-b-1", block: true, size: components_1.Size.MEDIUM, type: components_1.ControlType.ACCENT, onClick: onSubmit }, { children: intl.formatMessage(CameraCapture_messages_1.default.reviewSubmit) })), (0, jsx_runtime_1.jsx)(components_1.Button, Object.assign({ className: "m-b-2", block: true, size: components_1.Size.MEDIUM, type: components_1.ControlType.ACCENT, priority: components_1.Priority.SECONDARY, onClick: onRetry }, { children: intl.formatMessage(CameraCapture_messages_1.default.reviewRetry) }))] })) })) })));
 };
 exports.ReviewBottomBar = ReviewBottomBar;
-var CaptureButton = function (_a) {
-    var onClick = _a.onClick;
-    return ((0, jsx_runtime_1.jsx)("button", __assign({ type: "button", className: "camera-capture-btn m-b-2", "data-testid": "camera-capture-button", onClick: onClick }, { children: (0, jsx_runtime_1.jsx)("span", { className: "camera-capture-btn-inner" }) })));
-};
+const CaptureButton = ({ onClick }) => ((0, jsx_runtime_1.jsx)("button", Object.assign({ type: "button", className: "camera-capture-btn m-b-2", "data-testid": "camera-capture-button", onClick: onClick }, { children: (0, jsx_runtime_1.jsx)("span", { className: "camera-capture-btn-inner" }) })));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/step/cameraStep/cameraCapture/components/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,yDAA+E;AAC/E,2CAAqC;AAErC,uFAAiD;AAE1C,MAAM,gBAAgB,GAAG,CAAC,EAAE,SAAS,EAA6B,EAAE,EAAE,CAAC,CAC5E,8CAAK,SAAS,EAAC,YAAY,gBACzB,uBAAC,aAAa,IAAC,OAAO,EAAE,SAAS,GAAI,IACjC,CACP,CAAC;AAJW,QAAA,gBAAgB,oBAI3B;AAEK,MAAM,eAAe,GAAG,CAAC,EAC9B,QAAQ,EACR,OAAO,GAIR,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,IAAA,oBAAO,GAAE,CAAC;IACvB,OAAO,CACL,8CAAK,SAAS,EAAC,kBAAkB,gBAC/B,8CAAK,SAAS,EAAC,KAAK,gBAClB,+CAAK,SAAS,EAAC,oCAAoC,iBACjD,uBAAC,mBAAM,kBACL,SAAS,EAAC,OAAO,EACjB,KAAK,QACL,IAAI,EAAE,iBAAI,CAAC,MAAM,EACjB,IAAI,EAAE,wBAAW,CAAC,MAAM,EACxB,OAAO,EAAE,QAAQ,gBAEhB,IAAI,CAAC,aAAa,CAAC,gCAAQ,CAAC,YAAY,CAAC,IACnC,EACT,uBAAC,mBAAM,kBACL,SAAS,EAAC,OAAO,EACjB,KAAK,QACL,IAAI,EAAE,iBAAI,CAAC,MAAM,EACjB,IAAI,EAAE,wBAAW,CAAC,MAAM,EACxB,QAAQ,EAAE,qBAAQ,CAAC,SAAS,EAC5B,OAAO,EAAE,OAAO,gBAEf,IAAI,CAAC,aAAa,CAAC,gCAAQ,CAAC,WAAW,CAAC,IAClC,KACL,IACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAnCW,QAAA,eAAe,mBAmC1B;AAEF,MAAM,aAAa,GAAG,CAAC,EAAE,OAAO,EAA2B,EAAE,EAAE,CAAC,CAC9D,iDACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,0BAA0B,iBACxB,uBAAuB,EACnC,OAAO,EAAE,OAAO,gBAEhB,iCAAM,SAAS,EAAC,0BAA0B,GAAG,IACtC,CACV,CAAC"}

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

@@ -1,84 +1,30 @@
 "use strict";
-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 };
-    }
-};
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.useVideoConstraints = void 0;
-var react_1 = require("react");
-var utils_1 = require("../utils");
-var useVideoConstraints = function (direction) {
-    var _a = (0, react_1.useState)(), videoConstraints = _a[0], setVideoConstraints = _a[1];
-    var defaultVideoConstraints = {
+const react_1 = require("react");
+const utils_1 = require("../utils");
+const useVideoConstraints = (direction) => {
+    const [videoConstraints, setVideoConstraints] = (0, react_1.useState)();
+    const 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
+        aspectRatio: 16 / 9,
     };
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         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*/, (0, utils_1.getAvailableVideoDevices)()];
-                case 1:
-                    mainCamera = (_a.sent()).find(utils_1.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];
+    const getVideoConstraints = async (direction) => {
+        if (direction === 'back') {
+            const mainCamera = (await (0, utils_1.getAvailableVideoDevices)()).find(utils_1.isMainBackCamera);
+            if (mainCamera === null || mainCamera === void 0 ? void 0 : mainCamera.deviceId) {
+                return Object.assign(Object.assign({}, defaultVideoConstraints), { deviceId: { exact: mainCamera.deviceId } });
             }
-        });
-    }); };
-    return { videoConstraints: videoConstraints };
+        }
+        return defaultVideoConstraints;
+    };
+    return { videoConstraints };
 };
 exports.useVideoConstraints = useVideoConstraints;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/step/cameraStep/cameraCapture/hooks/index.ts"],"names":[],"mappings":";;;AAAA,iCAA4C;AAG5C,oCAAsE;AAE/D,MAAM,mBAAmB,GAAG,CAAC,SAA0B,EAAE,EAAE;IAChE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,GAAyB,CAAC;IAElF,MAAM,uBAAuB,GAAG;QAC9B,UAAU,EAAE,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa;QAC1D,MAAM,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;QAC3C,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;QAC3C,SAAS,EAAE,EAAE;QACb,WAAW,EAAE,EAAE,GAAG,CAAC;KACpB,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,KAAK,mBAAmB,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,mBAAmB,GAAG,KAAK,EAC/B,SAA0B,EACM,EAAE;QAClC,IAAI,SAAS,KAAK,MAAM,EAAE;YACxB,MAAM,UAAU,GAAG,CAAC,MAAM,IAAA,gCAAwB,GAAE,CAAC,CAAC,IAAI,CAAC,wBAAgB,CAAC,CAAC;YAE7E,IAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,EAAE;gBACxB,uCACK,uBAAuB,KAC1B,QAAQ,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,QAAQ,EAAE,IACxC;aACH;SACF;QAED,OAAO,uBAAuB,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC9B,CAAC,CAAC;AAjCW,QAAA,mBAAmB,uBAiC9B"}

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

@@ -1,16 +1,9 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-exports.__esModule = true;
-exports["default"] = void 0;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
 var CameraCapture_1 = require("./CameraCapture");
-__createBinding(exports, CameraCapture_1, "default");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(CameraCapture_1).default; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/step/cameraStep/cameraCapture/index.ts"],"names":[],"mappings":";;;;;;AAAA,iDAA0C;AAAjC,yHAAA,OAAO,OAAA"}