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

package/README.md

@@ -2,6 +2,8 @@
 
 This is the Dynamic Flow web client. It provides a simple way to integrate a Dynamic Flow into your web app.
 
+⚡ Access the latest deployed version of the [Dynamic Flow Playground](https://main--641de2ace0e1566a6a450fad.chromatic.com).
+
 ## Integration
 
 1. Install `@wise/dynamic-flow-client`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "0.1.4",
+  "version": "0.3.0-beta-d45b31.38",
   "description": "Wise Dynamic Flow web client",
   "main": "./build/index.js",
   "types": "./build/index.d.ts",
@@ -16,11 +16,31 @@
     "fullname": "transferwise/neptune-web",
     "url": "git+https://github.com/transferwise/neptune-web.git"
   },
+  "scripts": {
+    "dev": "start-storybook -p 3003",
+    "build": "npm-run-all build:*",
+    "build:ts": "tsc --build ./tsconfig.build.json",
+    "build:css": "postcss src/main.css -o build/main.css",
+    "build:messages-source": "formatjs extract 'src/**/*.messages.{js,ts}' --out-file src/i18n/en.json --format simple && prettier --find-config-path --write src/i18n/*.json",
+    "build:compiled-messages": "cpx 'src/i18n/*.json' build/i18n",
+    "test": "npm-run-all test:once test:tz",
+    "test:once": "jest --config jest.config.js --env=jsdom",
+    "test:coverage": "jest --config jest.config.js --env=jsdom --coverage",
+    "test:tz": "TZ=US/Pacific jest ./src/jsonSchemaForm/basicTypeSchema/BasicTypeSchema.errors.spec.js ./src/formControl/FormControl.spec.js",
+    "test:watch": "pnpm test:once --watch",
+    "lint": "npm-run-all lint:ts lint:css",
+    "lint:ts": "eslint 'src/**/*.{js,jsx,ts,tsx}' --quiet",
+    "lint:css": "stylelint --allow-empty-input './src/**/*.less'",
+    "build-storybook": "build-storybook -c .storybook"
+  },
   "devDependencies": {
     "@babel/core": "7.20.12",
+    "@babel/plugin-syntax-flow": "7.18.6",
+    "@babel/plugin-transform-react-jsx": "7.21.0",
     "@babel/preset-env": "7.20.2",
-    "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.21.0",
+    "@babel/preset-react": "7.18.6",
+    "@babel/preset-typescript": "7.21.0",
+    "@cfaester/enzyme-adapter-react-18": "0.7.0",
     "@formatjs/cli": "^4.8.3",
     "@storybook/addon-a11y": "6.5.16",
     "@storybook/addon-actions": "6.5.16",
@@ -31,61 +51,61 @@
     "@storybook/manager-webpack5": "6.5.16",
     "@storybook/react": "6.5.16",
     "@storybook/testing-library": "0.0.13",
-    "@testing-library/dom": "8.20.0",
-    "@testing-library/jest-dom": "5.14.1",
-    "@testing-library/react-hooks": "^8.0.1",
-    "@testing-library/react": "^12.0.0",
+    "@testing-library/dom": "9.2.0",
+    "@testing-library/jest-dom": "5.16.5",
+    "@testing-library/react": "14.0.0",
+    "@testing-library/react-hooks": "8.0.1",
     "@testing-library/user-event": "13.2.1",
-    "@transferwise/components": "^43.13.49",
-    "@transferwise/eslint-config": "^8.0.1",
+    "@transferwise/components": "43.13.49",
+    "@transferwise/eslint-config": "8.0.1",
     "@transferwise/formatting": "^2.10.0",
-    "@transferwise/icons": "^3.2.3",
-    "@transferwise/neptune-css": "^14.3.45",
-    "@transferwise/neptune-tokens": "^8.4.0",
+    "@transferwise/icons": "3.2.3",
+    "@transferwise/neptune-css": "14.3.45",
+    "@transferwise/neptune-tokens": "8.4.0",
     "@types/enzyme": "^3.10.12",
     "@types/jest": "29.4.0",
-    "@types/lodash.debounce": "^4.0.7",
     "@types/lodash": "^4.14.167",
-    "@types/react-dom": "17",
-    "@types/react": "17",
+    "@types/lodash.debounce": "^4.0.7",
+    "@types/react": "18",
+    "@types/react-dom": "18",
     "@types/testing-library__jest-dom": "5.9.5",
     "@wise/art": "2.0.1",
     "@wise/components-theming": "^0.7.4",
-    "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
     "babel-jest": "29.5.0",
     "cpx": "1.5.0",
     "currency-flags": "4.0.7",
     "enzyme": "^3.11.0",
     "eslint": "8.36.0",
+    "jest": "29.5.0",
     "jest-environment-jsdom": "29.5.0",
     "jest-fetch-mock": "^3.0.3",
-    "jest": "29.5.0",
+    "jest-watch-typeahead": "^2.2.2",
     "npm-run-all": "4.1.5",
+    "postcss": "^8.4.21",
     "postcss-cli": "^10.1.0",
     "postcss-import": "^15.1.0",
-    "postcss": "^8.4.21",
     "prettier": "2.8.4",
-    "react-dom": "17",
-    "react-intl": "5.20.6",
-    "react": "17",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-intl": "6.2.1",
     "require-from-string": "2.0.2",
-    "stylelint-config-standard": "^25.0.0",
-    "stylelint-no-unsupported-browser-features": "^5.0.3",
-    "stylelint-value-no-unknown-custom-properties": "^4.0.0",
-    "stylelint": "^14.7.1",
+    "stylelint": "14.16.1",
+    "stylelint-config-standard": "25.0.0",
+    "stylelint-no-unsupported-browser-features": "5.0.4",
+    "stylelint-value-no-unknown-custom-properties": "4.0.0",
     "typescript": "4.9.5",
     "webpack": "5.75.0"
   },
   "peerDependencies": {
     "@transferwise/components": "^43",
-    "@transferwise/formatting": "^2.10.0",
+    "@transferwise/formatting": "^2",
     "@transferwise/icons": "^3",
     "@transferwise/neptune-css": "^14",
     "@transferwise/neptune-validation": "^3",
-    "prop-types": "^15.7.2",
-    "react-dom": ">=16.14",
-    "react-intl": "^5.10.0 || ^6",
-    "react": ">=16.14"
+    "prop-types": "^15",
+    "react": "^18",
+    "react-dom": "^18",
+    "react-intl": "^6"
   },
   "peerDependenciesMeta": {
     "prop-types": {
@@ -93,27 +113,12 @@
     }
   },
   "dependencies": {
-    "classnames": "^2.2.6",
+    "classnames": "2.3.2",
     "lodash.debounce": "^4.0.8",
     "lodash.isequal": "^4.5.0",
     "react-use": "^17.4.0",
     "react-webcam": "^7.0.1",
     "screenfull": "^5.0.2"
   },
-  "prettier": "@transferwise/eslint-config/.prettierrc.js",
-  "scripts": {
-    "dev": "start-storybook -p 3003",
-    "build": "npm-run-all build:*",
-    "build:ts": "tsc --build ./tsconfig.build.json",
-    "build:css": "postcss src/main.css -o build/main.css",
-    "build:messages-source": "formatjs extract 'src/**/*.messages.{js,ts}' --out-file src/i18n/en.json --format simple && prettier --find-config-path --write src/i18n/*.json",
-    "build:compiled-messages": "cpx 'src/i18n/*.json' build/i18n",
-    "test": "npm-run-all test:once test:tz",
-    "test:once": "jest --config jest.config.js --env=jsdom",
-    "test:tz": "TZ=US/Pacific jest ./src/jsonSchemaForm/basicTypeSchema/BasicTypeSchema.errors.spec.js ./src/formControl/FormControl.spec.js",
-    "test:watch": "pnpm test:once --watch",
-    "lint": "npm-run-all lint:ts lint:css",
-    "lint:ts": "eslint 'src/**/*.{js,jsx,ts,tsx}' --quiet",
-    "lint:css": "stylelint --allow-empty-input './src/**/*.less'"
-  }
-}
+  "prettier": "@transferwise/eslint-config/.prettierrc.js"
+}

package/build/common/api/utils.d.ts

@@ -1,4 +0,0 @@
-export declare function isStatus2xx(status: Response['status']): boolean;
-export declare function isStatus422(status: Response['status']): boolean;
-export declare function getJson(response: Response): Promise<any>;
-export declare function isRelativePath(url?: string): boolean;

package/build/common/api/utils.js

@@ -1,13 +0,0 @@
-export function isStatus2xx(status) {
-    return status >= 200 && status < 300;
-}
-export function isStatus422(status) {
-    return status === 422;
-}
-export function getJson(response) {
-    return response.json();
-}
-export function isRelativePath(url) {
-    if (url === void 0) { url = ''; }
-    return (['https://', 'http://', 'data:'].some(function (prefix) { return url.slice(0, prefix.length) === prefix && url.length > prefix.length; }) === false);
-}

package/build/common/contexts/dynamicFlowContext/dynamicFlowContext.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-type Props = {
-    loading: boolean;
-    children: React.ReactNode;
-};
-export declare const DynamicFlowProvider: ({ loading, children }: Props) => JSX.Element;
-export declare const useDynamicFlow: () => {
-    loading: boolean;
-    registerPersistAsyncPromise: (promise: Promise<unknown>) => void;
-};
-export {};

package/build/common/contexts/dynamicFlowContext/dynamicFlowContext.js

@@ -1,36 +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 { createContext, useContext, useMemo } from 'react';
-import { usePendingPromiseCounter } from './usePendingPromiseCounter';
-var defaultContextValue = {
-    loading: false,
-    registerPersistAsyncPromise: function (promise) {
-        //
-    }
-};
-var DFContext = createContext(defaultContextValue);
-export var DynamicFlowProvider = function (_a) {
-    var loading = _a.loading, children = _a.children;
-    var _b = usePendingPromiseCounter(), pendingPromises = _b.pendingPromises, addPendingPromise = _b.addPendingPromise;
-    var providerValue = useMemo(function () {
-        return {
-            loading: loading || pendingPromises > 0,
-            registerPersistAsyncPromise: addPendingPromise
-        };
-    }, [loading, pendingPromises, addPendingPromise]);
-    return _jsx(DFContext.Provider, __assign({ value: providerValue }, { children: children }));
-};
-export var useDynamicFlow = function () {
-    var context = useContext(DFContext);
-    return context || defaultContextValue;
-};

package/build/common/contexts/dynamicFlowContext/usePendingPromiseCounter.d.ts

@@ -1,4 +0,0 @@
-export declare function usePendingPromiseCounter(): {
-    addPendingPromise: (promise: Promise<unknown>) => void;
-    pendingPromises: number;
-};

package/build/common/contexts/dynamicFlowContext/usePendingPromiseCounter.js

@@ -1,13 +0,0 @@
-import { useCallback, useState } from 'react';
-export function usePendingPromiseCounter() {
-    var _a = useState(0), count = _a[0], setCount = _a[1];
-    var addPendingPromise = useCallback(function (promise) {
-        setCount(function (c) { return c + 1; });
-        promise["catch"](noop)["finally"](function () { return delayUntilNextCycle(function () { return setCount(function (c) { return Math.max(0, c - 1); }); }); });
-    }, [setCount]);
-    return { addPendingPromise: addPendingPromise, pendingPromises: count };
-}
-var delayUntilNextCycle = function (fn) { return setTimeout(function () { return fn(); }, 0); };
-var noop = function () {
-    // no-op
-};

package/build/common/contexts/fetcherContext/fetcherContext.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-type Fetcher = typeof fetch;
-type FetcherProviderProps = {
-    fetcher: Fetcher;
-    children: React.ReactNode;
-};
-export declare const FetcherProvider: ({ fetcher, children }: FetcherProviderProps) => JSX.Element;
-type FetcherProviderFromBaseUrlProps = {
-    baseUrl: string;
-    children: React.ReactNode;
-};
-export declare const FetcherProviderFromBaseUrl: ({ baseUrl, children, }: FetcherProviderFromBaseUrlProps) => JSX.Element;
-/**
- * Provides the fetch(er) function for dynamic flows asynchronous operations.
- */
-export declare const useFetcher: () => typeof fetch;
-export declare const useHasFetcherProvider: () => boolean;
-export {};

package/build/common/contexts/fetcherContext/fetcherContext.js

@@ -1,35 +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 { createContext, useContext, useMemo } from 'react';
-import { makeFetcher } from '.';
-var FetcherContext = createContext(undefined);
-export var FetcherProvider = function (_a) {
-    var fetcher = _a.fetcher, children = _a.children;
-    return _jsx(FetcherContext.Provider, __assign({ value: fetcher }, { children: children }));
-};
-export var FetcherProviderFromBaseUrl = function (_a) {
-    var baseUrl = _a.baseUrl, children = _a.children;
-    var fetcher = useMemo(function () { return makeFetcher(baseUrl); }, [baseUrl]);
-    return _jsx(FetcherContext.Provider, __assign({ value: fetcher }, { children: children }));
-};
-/**
- * Provides the fetch(er) function for dynamic flows asynchronous operations.
- */
-export var useFetcher = function () {
-    var contextFetch = useContext(FetcherContext);
-    return contextFetch || fetch;
-};
-export var useHasFetcherProvider = function () {
-    var context = useContext(FetcherContext);
-    return !!context;
-};

package/build/common/contexts/fetcherContext/index.d.ts

@@ -1,2 +0,0 @@
-export * from './fetcherContext';
-export { makeFetcher } from './makeFetcher';

package/build/common/contexts/fetcherContext/index.js

@@ -1,2 +0,0 @@
-export * from './fetcherContext';
-export { makeFetcher } from './makeFetcher';

package/build/common/contexts/fetcherContext/makeFetcher.d.ts

@@ -1,2 +0,0 @@
-export type Fetcher = typeof fetch;
-export declare const makeFetcher: (baseUrl: string, additionalHeaders?: HeadersInit) => Fetcher;

package/build/common/contexts/fetcherContext/makeFetcher.js

@@ -1,33 +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 { isRelativePath } from '../../api/utils';
-export var makeFetcher = function (baseUrl, additionalHeaders) {
-    return function (input, init) {
-        var resource = applyBaseUrl(input, baseUrl || '');
-        var headers = mergeHeaders(init === null || init === void 0 ? void 0 : init.headers, additionalHeaders);
-        return fetch(resource, __assign(__assign({}, (init || {})), { headers: headers }));
-    };
-};
-var applyBaseUrl = function (input, baseUrl) {
-    return typeof input === 'string' && isRelativePath(input) ? baseUrl + input : input;
-};
-var mergeHeaders = function (initHeaders, additionalHeaders) {
-    if (!initHeaders && !additionalHeaders) {
-        return {};
-    }
-    var headers = new Headers(initHeaders);
-    for (var _i = 0, _a = Object.entries(additionalHeaders || {}); _i < _a.length; _i++) {
-        var _b = _a[_i], key = _b[0], value = _b[1];
-        headers.set(key, value);
-    }
-    return headers;
-};

package/build/common/general/index.d.ts

@@ -1,2 +0,0 @@
-export declare const dateStringToDate: (dateString: string) => Date | null;
-export declare const dateToDateString: (date: Date) => string;

package/build/common/general/index.js

@@ -1,22 +0,0 @@
-import { isNumber } from '@transferwise/neptune-validation';
-// function taken from: https://stackoverflow.com/questions/23593052/format-javascript-date-as-yyyy-mm-dd
-function formatDate(date) {
-    var d = new Date(date);
-    var month = "".concat(d.getMonth() + 1);
-    var day = "".concat(d.getDate());
-    var year = d.getFullYear();
-    var formattedMonth = month.length < 2 ? "0".concat(month) : month;
-    var formattedDay = day.length < 2 ? "0".concat(day) : day;
-    return [year, formattedMonth, formattedDay].join('-');
-}
-export var dateStringToDate = function (dateString) {
-    if (!dateString) {
-        return null;
-    }
-    var _a = dateString.split('-').map(function (number) { return parseInt(number, 10); }), year = _a[0], month = _a[1], date = _a[2];
-    if (!isNumber(year) || !isNumber(month) || !isNumber(date)) {
-        return null;
-    }
-    return new Date(year, month - 1, date);
-};
-export var dateToDateString = function (date) { return formatDate(date); };

package/build/common/hooks/useDebouncedFunction.d.ts

@@ -1,2 +0,0 @@
-import { DebouncedFunc, DebounceSettings } from 'lodash';
-export declare function useDebouncedFunction<T extends (...args: any[]) => any>(callback: T, delay: number, options?: DebounceSettings): DebouncedFunc<T>;

package/build/common/hooks/useDebouncedFunction.js

@@ -1,9 +0,0 @@
-/* References:
-- https://github.com/gnbaron/use-lodash-debounce
-- https://dmitripavlutin.com/react-throttle-debounce/
-*/
-import debounce from 'lodash.debounce';
-import { useCallback } from 'react';
-export function useDebouncedFunction(callback, delay, options) {
-    return useCallback(debounce(callback, delay, options), [callback, delay, options]);
-}

package/build/common/hooks/useDebouncedFunction.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/common/hooks/useDebouncedFunction.test.js

@@ -1,59 +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 { waitFor } from '@testing-library/react';
-import { renderHook } from '@testing-library/react-hooks';
-import { useDebouncedFunction } from './useDebouncedFunction';
-describe('useDebouncedFunction hook', function () {
-    it('debounces a callback', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var callback, result;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    callback = jest.fn();
-                    result = renderHook(function () { return useDebouncedFunction(callback, 200); }).result;
-                    result.current();
-                    expect(callback).not.toHaveBeenCalled();
-                    return [4 /*yield*/, waitFor(function () {
-                            expect(callback).toHaveBeenCalledTimes(1);
-                        }, { interval: 200 })];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-});

package/build/common/hooks/usePersistAsync.d.ts

@@ -1,7 +0,0 @@
-import { PersistAsync } from '../../dynamic-flow-types';
-type PersistAsyncModel = string | Blob | null;
-type PerformPersistAsyncFunction = (payload: PersistAsyncModel) => Promise<{
-    data: string | number;
-}>;
-export declare const usePersistAsync: (persistAsync: PersistAsync) => PerformPersistAsyncFunction;
-export {};

package/build/common/hooks/usePersistAsync.js

@@ -1,170 +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 { isNull, isObject, isNumber, isString } from '@transferwise/neptune-validation';
-import { useState } from 'react';
-import { useIntl } from 'react-intl';
-import { isBlobSchema } from '../../dynamic-flow-types';
-import messages from '../../jsonSchemaForm/persistAsyncSchema/PersistAsyncSchema.messages';
-import { getErrorFromResponse } from '../../jsonSchemaForm/persistAsyncSchema/basic/PersistAsyncBasicSchema'; // FIXME: extract these functions form that schema component to either here or their own module
-import { useFetcher } from '../contexts/fetcherContext';
-import { isValidSchema } from '../validation/schema-validators';
-export var usePersistAsync = function (persistAsync) {
-    var _a = useState(null), abortController = _a[0], setAbortController = _a[1];
-    var fetcher = useFetcher();
-    var intl = useIntl();
-    var schema = persistAsync.schema;
-    function handlePersistAsync(model) {
-        return __awaiter(this, void 0, void 0, function () {
-            var isInvalidSchema;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        isInvalidSchema = model instanceof Blob ? !isBlobSchema(schema) : !isValidSchema(model, schema);
-                        if (isNull(model) || isInvalidSchema) {
-                            handleError();
-                        }
-                        return [4 /*yield*/, performPersistAsync(model)];
-                    case 1: return [2 /*return*/, _a.sent()];
-                }
-            });
-        });
-    }
-    var abortCurrentRequestAndGetNewAbortSignal = function () {
-        if (abortController) {
-            abortController.abort();
-        }
-        var newAbortController = new AbortController();
-        setAbortController(newAbortController);
-        return newAbortController.signal;
-    };
-    function constructFetchInit(model) {
-        var _a;
-        var isBlob = isBlobSchema(schema);
-        var signal = abortCurrentRequestAndGetNewAbortSignal();
-        var requestKey = persistAsync.param;
-        var requestBody = isBlob
-            ? wrapInFormData(requestKey, model)
-            : JSON.stringify((_a = {}, _a[requestKey] = model, _a));
-        return {
-            method: persistAsync.method,
-            headers: __assign({}, (!isBlob && { 'Content-Type': 'application/json' })),
-            body: requestBody,
-            signal: signal
-        };
-    }
-    function performPersistAsync(payload) {
-        return __awaiter(this, void 0, void 0, function () {
-            var response, jsonResponse, id, error_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _a.trys.push([0, 3, , 4]);
-                        return [4 /*yield*/, fetcher(persistAsync.url, constructFetchInit(payload))];
-                    case 1:
-                        response = _a.sent();
-                        if (!response.ok) {
-                            return [2 /*return*/, handleHTTPError(response)];
-                        }
-                        return [4 /*yield*/, response.json()];
-                    case 2:
-                        jsonResponse = _a.sent();
-                        if (isObject(jsonResponse)) {
-                            id = jsonResponse[persistAsync.idProperty];
-                            if (isString(id) || isNumber(id)) {
-                                return [2 /*return*/, { data: id }];
-                            }
-                        }
-                        return [2 /*return*/, handleError()];
-                    case 3:
-                        error_1 = _a.sent();
-                        return [2 /*return*/, handleError(error_1)];
-                    case 4: return [2 /*return*/];
-                }
-            });
-        });
-    }
-    function handleHTTPError(response) {
-        return __awaiter(this, void 0, void 0, function () {
-            var jsonResponse, error;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!(response.status === 422)) return [3 /*break*/, 2];
-                        return [4 /*yield*/, response.json()];
-                    case 1:
-                        jsonResponse = _a.sent();
-                        if (isObject(jsonResponse)) {
-                            error = getErrorFromResponse(persistAsync.param, jsonResponse);
-                            if (isString(error)) {
-                                throw new Error(error);
-                            }
-                        }
-                        _a.label = 2;
-                    case 2: throw new Error(intl.formatMessage(messages.genericError));
-                }
-            });
-        });
-    }
-    var handleError = function (error) {
-        var message = hasStringMessage(error)
-            ? error.message
-            : intl.formatMessage(messages.genericError);
-        throw new Error(message);
-    };
-    return handlePersistAsync;
-};
-function wrapInFormData(key, value) {
-    var formData = new FormData();
-    if (value !== null) {
-        formData.append(key, value);
-    }
-    return formData;
-}
-function hasStringMessage(value) {
-    return isObject(value) && 'message' in value && typeof value.message === 'string';
-}