@wise/dynamic-flow-client 3.2.2-short-962e290 → 3.3.0

package/build/legacy/layout/review/DynamicReview.spec.js

@@ -1,152 +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";
-import { screen, waitFor } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { renderWithProviders } from '../../test-utils';
-import DynamicReview from './DynamicReview';
-var user = userEvent.setup();
-describe('Given a component for dynamically rendering reviews', function () {
-    var getComponent = function () { return ({
-        type: 'review',
-        title: 'Review Layout Title',
-        fields: [
-            {
-                label: 'First Field Label',
-                value: 'First Field Value'
-            },
-            {
-                label: 'Second Field Label',
-                value: 'Second Field Value',
-                help: {
-                    markdown: '# This is a help title \n This is a help description'
-                }
-            },
-        ],
-        margin: 'md'
-    }); };
-    it('should render the title and fields', function () {
-        renderWithProviders(_jsx(DynamicReview, { component: getComponent(), onAction: jest.fn() }));
-        expect(screen.getByText('Review Layout Title')).toBeInTheDocument();
-        expect(screen.getByText('First Field Label')).toBeInTheDocument();
-        expect(screen.getByText('First Field Value')).toBeInTheDocument();
-        expect(screen.getByText('Second Field Label')).toBeInTheDocument();
-        expect(screen.getByText('Second Field Value')).toBeInTheDocument();
-    });
-    describe('when a callToAction is provided and its title clicked', function () {
-        var component = __assign(__assign({}, getComponent()), { callToAction: {
-                title: 'Call To Action Title',
-                action: { url: '/action-url' }
-            } });
-        it('should call onAction callback with the action object', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var onAction;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        onAction = jest.fn();
-                        renderWithProviders(_jsx(DynamicReview, { component: component, onAction: onAction }));
-                        return [4 /*yield*/, user.click(screen.getByText('Call To Action Title'))];
-                    case 1:
-                        _a.sent();
-                        expect(onAction).toHaveBeenCalledWith(component.callToAction.action);
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-    });
-    describe('when a (deprecated) action is provided and its title clicked', function () {
-        var component = __assign(__assign({}, getComponent()), { action: { title: 'Legacy Action Title', url: '/action-url' } });
-        it('should call onAction callback with the action object', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var onAction;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        onAction = jest.fn();
-                        renderWithProviders(_jsx(DynamicReview, { component: component, onAction: onAction }));
-                        return [4 /*yield*/, user.click(screen.getByText('Legacy Action Title'))];
-                    case 1:
-                        _a.sent();
-                        expect(onAction).toHaveBeenCalledWith(component.action);
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-    });
-    describe('when both callToAction and action are provided', function () {
-        var component = __assign(__assign({}, getComponent()), { callToAction: {
-                title: 'Call To Action Title',
-                action: { url: '/action-url' }
-            }, action: { title: 'Legacy Action Title', url: '/action-url' } });
-        it('prefers callToAction over action', function () {
-            var onAction = jest.fn();
-            renderWithProviders(_jsx(DynamicReview, { component: component, onAction: onAction }));
-            expect(screen.getByText('Call To Action Title')).toBeInTheDocument();
-            expect(screen.queryByText('Legacy Action Title')).not.toBeInTheDocument();
-        });
-    });
-    describe('when a help prop is provided', function () {
-        it('a popover element should be rendered when the Info element is clicked', function () { return __awaiter(void 0, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        renderWithProviders(_jsx(DynamicReview, { component: getComponent(), onAction: jest.fn() }));
-                        expect(screen.queryByText('This is a help title')).not.toBeInTheDocument();
-                        return [4 /*yield*/, user.click(screen.getByRole('button'))];
-                    case 1:
-                        _a.sent();
-                        return [4 /*yield*/, waitFor(function () {
-                                expect(screen.getByText('This is a help title')).toBeInTheDocument();
-                            })];
-                    case 2:
-                        _a.sent();
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-    });
-});

package/build/legacy/layout/search/DynamicSearch.js

@@ -1,58 +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 { useMemo, useState } from 'react';
-import { useEventDispatcher } from '../../common/contexts';
-import { debounce } from '../../common/utils';
-import DynamicLoadingIndicator from '../loadingIndicator/DynamicLoadingIndicator';
-import { getMargin } from '../utils';
-import { SearchInput } from './SearchInput';
-import { ErrorResult, SearchResults } from './SearchResults';
-import { useSearch } from './useSearch';
-var DEBOUNCE_TIME = 400;
-function DynamicSearch(_a) {
-    var component = _a.component, onAction = _a.onAction;
-    var _b = useState(''), query = _b[0], setQuery = _b[1];
-    var title = component.title, margin = component.margin, url = component.url, method = component.method, param = component.param, emptyMessage = component.emptyMessage;
-    var _c = useSearch({ url: url, method: method, param: param }), status = _c.status, results = _c.results, search = _c.search;
-    var onEvent = useEventDispatcher();
-    var debouncedSearch = useMemo(function () { return debounce(search, DEBOUNCE_TIME); }, [search]);
-    var onSearchStart = function () {
-        onEvent('Dynamic Flow - Search Started', {});
-    };
-    var onChange = function (value) {
-        setQuery(value);
-        debouncedSearch(value);
-    };
-    var onResultSelected = function (_a) {
-        var type = _a.type, value = _a.value;
-        if (type === 'action') {
-            onEvent('Dynamic Flow - Search Result Selected', {
-                type: 'action',
-                actionId: value.id || value.$id
-            });
-            onAction(value);
-        }
-        if (type === 'search') {
-            setQuery(value.query);
-            var url_1 = value.url, method_1 = value.method, param_1 = value.param, query_1 = value.query;
-            onEvent('Dynamic Flow - Search Result Selected', { type: 'search' });
-            void search(query_1, { url: url_1, method: method_1, param: param_1 });
-        }
-    };
-    var onRetrySearch = function () {
-        setQuery(query);
-        void search(query);
-    };
-    return (_jsxs("div", __assign({ className: getMargin(margin || 'md') }, { children: [_jsx(SearchInput, { title: title, value: query, onChange: onChange, onFocus: onSearchStart }), status === 'loading' && (_jsx(DynamicLoadingIndicator, { component: { type: 'loading-indicator', size: 'sm' } })), status === 'error' && _jsx(ErrorResult, { onRetrySearch: onRetrySearch }), status === 'success' && (_jsx(SearchResults, { results: results, emptyMessage: emptyMessage, onSelect: onResultSelected }))] })));
-}
-export default DynamicSearch;

package/build/legacy/layout/search/SearchInput.js

@@ -1,17 +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 { Input } from '@transferwise/components';
-export var SearchInput = function (_a) {
-    var title = _a.title, value = _a.value, onFocus = _a.onFocus, onChange = _a.onChange;
-    return (_jsxs("label", __assign({ className: "control-label d-inline" }, { children: [title, _jsx(Input, { type: "text", value: value, className: "m-t-1", onFocus: onFocus, onChange: function (event) { return onChange(event.currentTarget.value); } })] })));
-};

package/build/legacy/layout/search/SearchResults.js

@@ -1,31 +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 { NavigationOption, NavigationOptionsList } from '@transferwise/components';
-import { useIntl } from 'react-intl';
-import messages from '../../../common/messages/generic-error.messages';
-import { getNavigationOptionMedia } from '../utils';
-export function SearchResults(_a) {
-    var results = _a.results, emptyMessage = _a.emptyMessage, onSelect = _a.onSelect;
-    if (results.length === 0) {
-        return _jsx("p", __assign({ className: "m-t-2" }, { children: emptyMessage }));
-    }
-    return (_jsx(NavigationOptionsList, { children: results.map(function (result) { return (_jsx(NavigationOption, { title: result.title, content: result.description, media: getNavigationOptionMedia(result), showMediaCircle: false, showMediaAtAllSizes: true, onClick: function () { return onSelect(result); } }, JSON.stringify(result))); }) }));
-}
-export function ErrorResult(_a) {
-    var onRetrySearch = _a.onRetrySearch;
-    var intl = useIntl();
-    return (_jsxs("p", __assign({ className: "m-t-2" }, { children: [intl.formatMessage(messages.genericError), "\u00A0", _jsx("a", __assign({ href: "/", onClick: function (e) {
-                    e.preventDefault();
-                    onRetrySearch();
-                } }, { children: intl.formatMessage(messages.retry) }))] })));
-}

package/build/legacy/layout/search/useSearch.js

@@ -1,137 +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 { useCallback, useRef, useState } from 'react';
-import { isArray, isObject } from '../../common/validators';
-import { useHttpClient } from '../../../common/httpClientContext';
-var headers = { 'Content-Type': 'application/json' };
-export var useSearch = function (defaultSearchConfig) {
-    var _a = useState({
-        status: 'idle'
-    }), state = _a[0], setState = _a[1];
-    var abortControllerRef = useRef(null);
-    var httpClient = useHttpClient();
-    var search = useCallback(function (query, _a) {
-        var _b = _a === void 0 ? defaultSearchConfig : _a, url = _b.url, method = _b.method, param = _b.param;
-        return __awaiter(void 0, void 0, void 0, function () {
-            var signal, request, response, error_1;
-            var _c;
-            var _d;
-            return __generator(this, function (_e) {
-                switch (_e.label) {
-                    case 0:
-                        (_d = abortControllerRef.current) === null || _d === void 0 ? void 0 : _d.abort();
-                        if (!query) {
-                            setState({ status: 'idle' });
-                            return [2 /*return*/];
-                        }
-                        abortControllerRef.current = new AbortController();
-                        signal = abortControllerRef.current.signal;
-                        setState({ status: 'loading' });
-                        _e.label = 1;
-                    case 1:
-                        _e.trys.push([1, 3, , 4]);
-                        request = method === 'GET'
-                            ? httpClient(addQueryParameter(url, param, query), {
-                                method: method,
-                                signal: signal,
-                                headers: headers
-                            })
-                            : httpClient(url, {
-                                method: method,
-                                signal: signal,
-                                headers: headers,
-                                body: JSON.stringify((_c = {}, _c[param] = query, _c))
-                            });
-                        return [4 /*yield*/, request];
-                    case 2:
-                        response = _e.sent();
-                        void handleResponse(response, query);
-                        return [3 /*break*/, 4];
-                    case 3:
-                        error_1 = _e.sent();
-                        handleError(error_1, query);
-                        return [3 /*break*/, 4];
-                    case 4: return [2 /*return*/];
-                }
-            });
-        });
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [httpClient, JSON.stringify(defaultSearchConfig)]);
-    var handleResponse = function (response, query) { return __awaiter(void 0, void 0, void 0, function () {
-        var body;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!response.ok) return [3 /*break*/, 2];
-                    return [4 /*yield*/, response.json()["catch"](function () { return null; })];
-                case 1:
-                    body = _a.sent();
-                    if (isValidResponseBody(body)) {
-                        setState({ status: 'success', results: body.results });
-                        return [2 /*return*/];
-                    }
-                    _a.label = 2;
-                case 2:
-                    setState({ status: 'error' });
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    var handleError = function (error, query) {
-        if (!isAbortError(error)) {
-            setState({ status: 'error' });
-        }
-    };
-    var results = state.status === 'success' ? state.results : [];
-    return { status: state.status, results: results, search: search };
-};
-var isValidResponseBody = function (body) {
-    return isObject(body) &&
-        'results' in body &&
-        isArray(body.results) &&
-        body.results.every(function (result) { return isObject(result) && 'title' in result && 'type' in result && 'value' in result; });
-};
-var isAbortError = function (error) {
-    return error instanceof DOMException && error.name === 'AbortError';
-};
-var addQueryParameter = function (url, key, value) {
-    var _a = url.split('?'), urlBase = _a[0], urlQuery = _a[1];
-    var urlQueryParams = new URLSearchParams(urlQuery);
-    urlQueryParams.set(key, value);
-    return "".concat(urlBase, "?").concat(urlQueryParams.toString());
-};

package/build/legacy/layout/utils/getNavigationOptionMedia.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 } from "react/jsx-runtime";
-import { Avatar, AvatarType } from '@transferwise/components';
-import DynamicIcon from '../icon/DynamicIcon';
-export var getNavigationOptionMedia = function (_a) {
-    var icon = _a.icon, image = _a.image;
-    if (icon === null || icon === void 0 ? void 0 : icon.name) {
-        return (_jsx(Avatar, __assign({ type: AvatarType.ICON }, { children: _jsx(DynamicIcon, { type: icon.name }) })));
-    }
-    if (icon === null || icon === void 0 ? void 0 : icon.text) {
-        return _jsx(Avatar, __assign({ type: AvatarType.INITIALS }, { children: icon.text }));
-    }
-    if (image === null || image === void 0 ? void 0 : image.url) {
-        var url = image.url, text = image.text;
-        return _jsx("img", { src: url, alt: text });
-    }
-    return null;
-};

package/build/legacy/layout/utils/index.js

@@ -1,32 +0,0 @@
-export { getNavigationOptionMedia } from './getNavigationOptionMedia';
-var getMargin = function (size) {
-    switch (size) {
-        case 'xs':
-            return 'm-b-0';
-        case 'sm':
-            return 'm-b-1';
-        case 'md':
-            return 'm-b-2';
-        case 'lg':
-            return 'm-b-3';
-        case 'xl':
-            return 'm-b-5';
-        default:
-            return '';
-    }
-};
-var getTextAlignment = function (align) {
-    switch (align) {
-        case 'right':
-            return 'text-xs-right';
-        case 'center':
-            return 'text-xs-center';
-        case 'left':
-        default:
-            return '';
-    }
-};
-var getTextAlignmentAndMargin = function (component) {
-    return "".concat(getTextAlignment(component.align), " ").concat(getMargin(component.margin));
-};
-export { getMargin, getTextAlignmentAndMargin };

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

@@ -1,124 +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 { useEventDispatcher } from '../../common/contexts';
-import { filterHiddenSchemas, isObjectSchema } from '../../common/utils';
-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();
-        reader.onloadend = function () { return resolve(reader.result); };
-        reader.readAsDataURL(blob);
-    });
-}
-function CameraStep(props) {
-    var _this = this;
-    var step = props.step, model = props.model, onModelChange = props.onModelChange, onAction = props.onAction;
-    var onEvent = 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 = 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(_this, 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, onEvent: onEvent, 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];
-}