@wise/dynamic-flow-client 0.4.0 → 0.4.2

package/build/jsonSchemaForm/schemaFormControl/utils/mapping-utils.js

@@ -1,15 +1,4 @@
 "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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -33,14 +22,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.mapSchemaToUploadOptions = exports.mapAvatar = exports.mapIconToAvatar = exports.mapIcon = exports.mapImage = exports.mapConstSchemaToOption = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("@transferwise/components");
-var validators_1 = require("../../../common/validators");
-var DynamicIcon_1 = __importStar(require("../../../layout/icon/DynamicIcon"));
-var currency_utils_1 = require("./currency-utils");
-var mapConstSchemaToOption = function (schema, controlType) {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@transferwise/components");
+const validators_1 = require("../../../common/validators");
+const DynamicIcon_1 = __importStar(require("../../../layout/icon/DynamicIcon"));
+const currency_utils_1 = require("./currency-utils");
+const mapConstSchemaToOption = (schema, controlType) => {
     switch (controlType) {
         case 'select':
             return mapConstSchemaToSelectOption(schema);
@@ -50,33 +39,31 @@ var mapConstSchemaToOption = function (schema, controlType) {
     }
 };
 exports.mapConstSchemaToOption = mapConstSchemaToOption;
-var mapConstSchemaToRadioOption = function (schema) {
-    return __assign(__assign(__assign(__assign(__assign({ 
+const mapConstSchemaToRadioOption = (schema) => {
+    return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ 
         // TODO: LOW avoid type assertion -- using || '' would fail some tests
-        label: schema.title, value: schema["const"] }, getOptionDescription(schema.title, schema.description)), (0, exports.mapIconToAvatar)(schema.icon)), mapCurrency(schema.icon)), (0, exports.mapAvatar)(schema.image)), getDisabled(schema.disabled));
+        label: schema.title, value: schema.const }, getOptionDescription(schema.title, schema.description)), (0, exports.mapIconToAvatar)(schema.icon)), mapCurrency(schema.icon)), (0, exports.mapAvatar)(schema.image)), getDisabled(schema.disabled));
 };
-var mapConstSchemaToSelectOption = function (schema) {
-    return __assign(__assign(__assign(__assign(__assign(__assign({ 
+const mapConstSchemaToSelectOption = (schema) => {
+    return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ 
         // TODO: LOW avoid type assertion -- using || '' would fail some tests
-        label: schema.title, value: schema["const"] }, getOptionDescription(schema.title, schema.description)), (0, exports.mapIcon)(schema.icon)), mapCurrency(schema.icon)), (0, exports.mapImage)(schema.image)), getDisabled(schema.disabled)), mapKeywordsToSearchStrings(schema.keywords));
+        label: schema.title, value: schema.const }, getOptionDescription(schema.title, schema.description)), (0, exports.mapIcon)(schema.icon)), mapCurrency(schema.icon)), (0, exports.mapImage)(schema.image)), getDisabled(schema.disabled)), mapKeywordsToSearchStrings(schema.keywords));
 };
 // TODO: LOW avoid type assertion below -- icon.name may be undefined
-var mapCurrency = function (icon) { return (icon ? (0, currency_utils_1.getCurrencyFlag)(icon.name) : null); };
-var mapKeywordsToSearchStrings = function (searchStrings) {
-    return (0, validators_1.isArray)(searchStrings) ? { searchStrings: searchStrings } : {};
-};
-var mapImage = function (image) {
+const mapCurrency = (icon) => (icon ? (0, currency_utils_1.getCurrencyFlag)(icon.name) : null);
+const mapKeywordsToSearchStrings = (searchStrings) => (0, validators_1.isArray)(searchStrings) ? { searchStrings } : {};
+const mapImage = (image) => {
     if (image === null || image === void 0 ? void 0 : image.url) {
         return {
-            icon: ((0, jsx_runtime_1.jsx)("div", __assign({ className: "media" }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "np-option__no-media-circle" }, { children: (0, jsx_runtime_1.jsx)("img", { src: image.url, alt: image.name || '' }) })) })))
+            icon: ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "media" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "np-option__no-media-circle" }, { children: (0, jsx_runtime_1.jsx)("img", { src: image.url, alt: image.name || '' }) })) }))),
         };
     }
     return null;
 };
 exports.mapImage = mapImage;
-var mapIcon = function (icon) {
+const mapIcon = (icon) => {
     if ((icon === null || icon === void 0 ? void 0 : icon.name) && (0, DynamicIcon_1.isValidIconName)(icon.name)) {
-        return { icon: (0, jsx_runtime_1.jsx)(DynamicIcon_1["default"], { type: icon.name }) };
+        return { icon: (0, jsx_runtime_1.jsx)(DynamicIcon_1.default, { type: icon.name }) };
     }
     if (icon === null || icon === void 0 ? void 0 : icon.text) {
         return { icon: (0, jsx_runtime_1.jsx)("span", { children: icon.text }) };
@@ -84,44 +71,40 @@ var mapIcon = function (icon) {
     return null;
 };
 exports.mapIcon = mapIcon;
-var mapIconToAvatar = function (icon) {
+const mapIconToAvatar = (icon) => {
     if ((icon === null || icon === void 0 ? void 0 : icon.name) && (0, DynamicIcon_1.isValidIconName)(icon.name)) {
         return {
-            avatar: ((0, jsx_runtime_1.jsx)(components_1.Avatar, __assign({ type: components_1.AvatarType.ICON }, { children: (0, jsx_runtime_1.jsx)(DynamicIcon_1["default"], { type: icon.name }) })))
+            avatar: ((0, jsx_runtime_1.jsx)(components_1.Avatar, Object.assign({ type: components_1.AvatarType.ICON }, { children: (0, jsx_runtime_1.jsx)(DynamicIcon_1.default, { type: icon.name }) }))),
         };
     }
     if (icon === null || icon === void 0 ? void 0 : icon.text) {
         return {
-            avatar: (0, jsx_runtime_1.jsx)(components_1.Avatar, __assign({ type: components_1.AvatarType.INITIALS }, { children: icon.text }))
+            avatar: (0, jsx_runtime_1.jsx)(components_1.Avatar, Object.assign({ type: components_1.AvatarType.INITIALS }, { children: icon.text })),
         };
     }
     return null;
 };
 exports.mapIconToAvatar = mapIconToAvatar;
-var mapAvatar = function (image) {
+const mapAvatar = (image) => {
     return image && image.url
         ? {
-            avatar: ((0, jsx_runtime_1.jsx)(components_1.Avatar, __assign({ type: components_1.AvatarType.THUMBNAIL }, { children: (0, jsx_runtime_1.jsx)("img", { src: image.url, alt: "User avatar" }) })))
+            avatar: ((0, jsx_runtime_1.jsx)(components_1.Avatar, Object.assign({ type: components_1.AvatarType.THUMBNAIL }, { children: (0, jsx_runtime_1.jsx)("img", { src: image.url, alt: "User avatar" }) }))),
         }
         : null;
 };
 exports.mapAvatar = mapAvatar;
-var mapSchemaToUploadOptions = function (_a) {
-    var accepts = _a.accepts;
-    return (__assign({}, ((0, validators_1.isArray)(accepts) && { usAccept: accepts.join(',') })));
-};
+const mapSchemaToUploadOptions = ({ accepts }) => (Object.assign({}, ((0, validators_1.isArray)(accepts) && { usAccept: accepts.join(',') })));
 exports.mapSchemaToUploadOptions = mapSchemaToUploadOptions;
-var getOptionDescription = function (title, description) {
-    var _a;
+const getOptionDescription = (title, description) => {
     if (title && description) {
-        var keyForDescription = (title + description).length > 50 ? 'secondary' : 'note';
-        return _a = {}, _a[keyForDescription] = description, _a;
+        const keyForDescription = (title + description).length > 50 ? 'secondary' : 'note';
+        return { [keyForDescription]: description };
     }
     return undefined;
 };
-var getDisabled = function (disabled) {
+const getDisabled = (disabled) => {
     if (!(0, validators_1.isUndefined)(disabled) && !(0, validators_1.isNull)(disabled)) {
-        return { disabled: disabled };
+        return { disabled };
     }
     return undefined;
 };

package/build/jsonSchemaForm/validationAsyncSchema/ValidationAsyncSchema.js

@@ -1,141 +1,79 @@
 "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 contexts_1 = require("../../common/contexts");
-var utils_1 = require("../../common/utils");
-var validators_1 = require("../../common/validators");
-var basicTypeSchema_1 = __importDefault(require("../basicTypeSchema"));
-var ValidationAsyncSchema = function (props) {
-    var _a = (0, react_1.useState)(props.model), validationAsyncModel = _a[0], setValidationAsyncModel = _a[1];
-    var previousRequestedModelReference = (0, react_1.useRef)(null);
-    var _b = (0, react_1.useState)(null), validationAsyncSuccessMessage = _b[0], setValidationAsyncSuccessMessage = _b[1];
-    var _c = (0, react_1.useState)(null), validationAsyncErrors = _c[0], setValidationAsyncErrors = _c[1];
-    var _d = (0, react_1.useState)(false), fieldSubmitted = _d[0], setFieldSubmitted = _d[1];
-    var _e = (0, react_1.useState)(null), abortController = _e[0], setAbortController = _e[1];
-    var fetcher = (0, contexts_1.useFetcher)();
-    var onEvent = (0, contexts_1.useEventDispatcher)();
-    var logger = (0, contexts_1.useLogger)();
-    var getValidationAsyncResponse = function (currentValidationAsyncModel, validationAsyncSpec) { return __awaiter(void 0, void 0, void 0, function () {
-        var signal, requestBody, response, jsonResponse, _a;
-        var _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    signal = abortCurrentRequestAndGetNewAbortSignal();
-                    requestBody = (_b = {}, _b[validationAsyncSpec.param] = currentValidationAsyncModel, _b);
-                    previousRequestedModelReference.current = currentValidationAsyncModel;
-                    setFieldSubmitted(true);
-                    if (!validationAsyncSpec.method) {
-                        logger.warning('Invalid schema or model', 'ValidationAsyncSchema without a "method" property would have defaulted to "GET" in previous versions. Now defaults to "POST".', {});
-                    }
-                    onEvent('Dynamic Flow - ValidationAsync', { status: 'pending' });
-                    return [4 /*yield*/, fetcher(validationAsyncSpec.url, {
-                            method: validationAsyncSpec.method || 'POST',
-                            headers: { 'Content-Type': 'application/json' },
-                            body: validationAsyncSpec.method === 'GET' ? undefined : JSON.stringify(requestBody),
-                            signal: signal
-                        })];
-                case 1:
-                    response = _c.sent();
-                    _c.label = 2;
-                case 2:
-                    _c.trys.push([2, 4, , 5]);
-                    return [4 /*yield*/, response.json()];
-                case 3:
-                    jsonResponse = _c.sent();
-                    if (!(0, validators_1.isObject)(jsonResponse)) {
-                        throw new Error('Response body is not an object');
-                    }
-                    onEvent('Dynamic Flow - ValidationAsync', { status: 'success' });
-                    if (response.status === 200) {
-                        setValidationAsyncSuccessMessage((0, validators_1.isString)(jsonResponse.message) ? jsonResponse.message : null);
-                    }
-                    else if (response.status === 422) {
-                        setValidationAsyncErrors((0, validators_1.isString)(jsonResponse.message) ? jsonResponse.message : null);
-                    }
-                    return [3 /*break*/, 5];
-                case 4:
-                    _a = _c.sent();
-                    onEvent('Dynamic Flow - ValidationAsync', { status: 'failure' });
-                    return [3 /*break*/, 5];
-                case 5: return [2 /*return*/];
-            }
+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 validators_1 = require("../../common/validators");
+const basicTypeSchema_1 = __importDefault(require("../basicTypeSchema"));
+const ValidationAsyncSchema = (props) => {
+    const [validationAsyncModel, setValidationAsyncModel] = (0, react_1.useState)(props.model);
+    const previousRequestedModelReference = (0, react_1.useRef)(null);
+    const [validationAsyncSuccessMessage, setValidationAsyncSuccessMessage] = (0, react_1.useState)(null);
+    const [validationAsyncErrors, setValidationAsyncErrors] = (0, react_1.useState)(null);
+    const [fieldSubmitted, setFieldSubmitted] = (0, react_1.useState)(false);
+    const [abortController, setAbortController] = (0, react_1.useState)(null);
+    const fetcher = (0, contexts_1.useFetcher)();
+    const onEvent = (0, contexts_1.useEventDispatcher)();
+    const logger = (0, contexts_1.useLogger)();
+    const getValidationAsyncResponse = async (currentValidationAsyncModel, validationAsyncSpec) => {
+        const signal = abortCurrentRequestAndGetNewAbortSignal();
+        const requestBody = { [validationAsyncSpec.param]: currentValidationAsyncModel };
+        previousRequestedModelReference.current = currentValidationAsyncModel;
+        setFieldSubmitted(true);
+        if (!validationAsyncSpec.method) {
+            logger.warning('Invalid schema or model', 'ValidationAsyncSchema without a "method" property would have defaulted to "GET" in previous versions. Now defaults to "POST".', {});
+        }
+        onEvent('Dynamic Flow - ValidationAsync', { status: 'pending' });
+        const response = await fetcher(validationAsyncSpec.url, {
+            method: validationAsyncSpec.method || 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: validationAsyncSpec.method === 'GET' ? undefined : JSON.stringify(requestBody),
+            signal,
         });
-    }); };
-    var abortCurrentRequestAndGetNewAbortSignal = function () {
+        try {
+            const jsonResponse = await response.json();
+            if (!(0, validators_1.isObject)(jsonResponse)) {
+                throw new Error('Response body is not an object');
+            }
+            onEvent('Dynamic Flow - ValidationAsync', { status: 'success' });
+            if (response.status === 200) {
+                setValidationAsyncSuccessMessage((0, validators_1.isString)(jsonResponse.message) ? jsonResponse.message : null);
+            }
+            else if (response.status === 422) {
+                setValidationAsyncErrors((0, validators_1.isString)(jsonResponse.message) ? jsonResponse.message : null);
+            }
+        }
+        catch (_a) {
+            onEvent('Dynamic Flow - ValidationAsync', { status: 'failure' });
+        }
+    };
+    const abortCurrentRequestAndGetNewAbortSignal = () => {
         if (abortController) {
             abortController.abort();
         }
-        var newAbortController = new AbortController();
+        const newAbortController = new AbortController();
         setAbortController(newAbortController);
         return newAbortController.signal;
     };
-    var onBlur = function () {
+    const onBlur = () => {
         if (!(0, validators_1.isNull)(validationAsyncModel) &&
             !(0, utils_1.isEqual)(validationAsyncModel, previousRequestedModelReference.current)) {
             void getValidationAsyncResponse(validationAsyncModel, props.schema.validationAsync);
         }
     };
-    var validationAsyncOnChange = function (parameters) {
-        props.onChange(__assign(__assign({}, parameters), { triggerSchema: props.schema, triggerModel: parameters.model }));
+    const validationAsyncOnChange = (parameters) => {
+        props.onChange(Object.assign(Object.assign({}, parameters), { triggerSchema: props.schema, triggerModel: parameters.model }));
         setValidationAsyncErrors(null);
         setValidationAsyncSuccessMessage(null);
         if ((0, validators_1.isValidSchema)(parameters.model, props.schema)) {
             setValidationAsyncModel(parameters.model);
         }
     };
-    var basicTypeSchemaProps = {
+    const basicTypeSchemaProps = {
         required: props.required,
         submitted: props.submitted || fieldSubmitted,
         schema: props.schema,
@@ -143,9 +81,9 @@ var ValidationAsyncSchema = function (props) {
         errors: validationAsyncErrors || props.errors,
         onChange: validationAsyncOnChange,
         onBlur: onBlur,
-        infoMessage: validationAsyncSuccessMessage
+        infoMessage: validationAsyncSuccessMessage,
     };
-    return (0, jsx_runtime_1.jsx)(basicTypeSchema_1["default"], __assign({}, basicTypeSchemaProps));
+    return (0, jsx_runtime_1.jsx)(basicTypeSchema_1.default, Object.assign({}, basicTypeSchemaProps));
 };
 ValidationAsyncSchema.defaultProps = { required: false };
-exports["default"] = ValidationAsyncSchema;
+exports.default = ValidationAsyncSchema;

package/build/jsonSchemaForm/validationAsyncSchema/index.js

@@ -1,16 +1,8 @@
 "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 ValidationAsyncSchema_1 = require("./ValidationAsyncSchema");
-__createBinding(exports, ValidationAsyncSchema_1, "default");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ValidationAsyncSchema_1).default; } });

package/build/layout/DynamicLayout.js

@@ -1,23 +1,12 @@
 "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);
-};
-exports.__esModule = true;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var contexts_1 = require("../common/contexts");
-var _1 = require(".");
-var getKey = function (component) { return JSON.stringify(component); };
-var DynamicLayout = function (props) {
-    var components = props.components, model = props.model, submitted = props.submitted, errors = props.errors, onModelChange = props.onModelChange, onAction = props.onAction, onPersistAsync = props.onPersistAsync, baseUrl = props.baseUrl;
-    var renderComponent = function (component) {
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const contexts_1 = require("../common/contexts");
+const _1 = require(".");
+const getKey = (component) => JSON.stringify(component);
+const DynamicLayout = (props) => {
+    const { components, model, submitted, errors, onModelChange, onAction, onPersistAsync, baseUrl } = props;
+    const renderComponent = (component) => {
         switch (component.type) {
             case 'heading':
                 return (0, jsx_runtime_1.jsx)(_1.DynamicHeading, { component: component }, getKey(component));
@@ -57,7 +46,7 @@ var DynamicLayout = function (props) {
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: components.map(renderComponent) });
     }
     else {
-        return ((0, jsx_runtime_1.jsx)(contexts_1.FetcherProviderFromBaseUrl, __assign({ baseUrl: baseUrl }, { children: components.map(renderComponent) })));
+        return ((0, jsx_runtime_1.jsx)(contexts_1.FetcherProviderFromBaseUrl, Object.assign({ baseUrl: baseUrl }, { children: components.map(renderComponent) })));
     }
 };
-exports["default"] = DynamicLayout;
+exports.default = DynamicLayout;

package/build/layout/alert/DynamicAlert.js

@@ -1,13 +1,13 @@
 "use strict";
-exports.__esModule = true;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("@transferwise/components");
-var utils_1 = require("../utils");
-var DynamicAlert = function (props) {
-    var alert = props.component;
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@transferwise/components");
+const utils_1 = require("../utils");
+const DynamicAlert = (props) => {
+    const alert = props.component;
     return ((0, jsx_runtime_1.jsx)(components_1.Alert, { type: mapContextToAlertType(legacy_mapContext(alert.context)), className: (0, utils_1.getMarginBottom)(alert.margin), message: alert.markdown }));
 };
-var legacy_mapContext = function (context) {
+const legacy_mapContext = (context) => {
     switch (context) {
         case 'success':
             return 'positive';
@@ -22,10 +22,10 @@ var legacy_mapContext = function (context) {
             return context;
     }
 };
-var mapContextToAlertType = function (context) {
+const mapContextToAlertType = (context) => {
     if (!context || !['neutral', 'warning', 'negative', 'positive'].includes(context)) {
         return 'neutral';
     }
     return context;
 };
-exports["default"] = DynamicAlert;
+exports.default = DynamicAlert;

package/build/layout/box/DynamicBox.js

@@ -1,31 +1,20 @@
 "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);
-};
-exports.__esModule = true;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var __1 = require("..");
-var utils_1 = require("../utils");
-var DynamicBox = function (props) {
-    var box = props.component;
-    var margin = (0, utils_1.getMarginBottom)(box.margin || box.border ? 'lg' : 'xs');
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const __1 = require("..");
+const utils_1 = require("../utils");
+const DynamicBox = (props) => {
+    const box = props.component;
+    const margin = (0, utils_1.getMarginBottom)(box.margin || box.border ? 'lg' : 'xs');
     if (!box.width || box.width === 'xl') {
-        return ((0, jsx_runtime_1.jsx)("div", __assign({ className: margin + getBorderClass(box.border) }, { children: (0, jsx_runtime_1.jsx)(__1.DynamicLayout, { components: box.components, model: props.model, submitted: props.submitted, errors: props.errors, onModelChange: props.onModelChange, onAction: props.onAction, onPersistAsync: props.onPersistAsync }) })));
+        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: margin + getBorderClass(box.border) }, { children: (0, jsx_runtime_1.jsx)(__1.DynamicLayout, { components: box.components, model: props.model, submitted: props.submitted, errors: props.errors, onModelChange: props.onModelChange, onAction: props.onAction, onPersistAsync: props.onPersistAsync }) })));
     }
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "row" }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: margin + getBoxWidthClasses(box) }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: getBorderClass(box.border) }, { children: (0, jsx_runtime_1.jsx)(__1.DynamicLayout, { components: box.components, model: props.model, submitted: props.submitted, errors: props.errors, onModelChange: props.onModelChange, onAction: props.onAction, onPersistAsync: props.onPersistAsync }) })) })) })));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "row" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: margin + getBoxWidthClasses(box) }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: getBorderClass(box.border) }, { children: (0, jsx_runtime_1.jsx)(__1.DynamicLayout, { components: box.components, model: props.model, submitted: props.submitted, errors: props.errors, onModelChange: props.onModelChange, onAction: props.onAction, onPersistAsync: props.onPersistAsync }) })) })) })));
 };
-var getBorderClass = function (border) {
+const getBorderClass = (border) => {
     return border ? ' well p-b-0' : '';
 };
-var getBoxWidthClasses = function (component) {
+const getBoxWidthClasses = (component) => {
     switch (component.width) {
         case 'xs':
             return ' col-md-4 col-md-offset-4';
@@ -40,4 +29,4 @@ var getBoxWidthClasses = function (component) {
             return ' col-xs-12';
     }
 };
-exports["default"] = DynamicBox;
+exports.default = DynamicBox;

package/build/layout/button/DynamicButton.js

@@ -1,34 +1,23 @@
 "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);
-};
-exports.__esModule = true;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("@transferwise/components");
-var contexts_1 = require("../../common/contexts");
-var utils_1 = require("../utils");
-var DynamicButton = function (props) {
-    var component = props.component, onAction = props.onAction;
-    var componentAction = component.action; // there should be no $ref at this point
-    var _a = getButtonTypeAndPriority(componentAction), type = _a.type, priority = _a.priority;
-    var loading = (0, contexts_1.useDynamicFlow)().loading;
-    var className = (0, utils_1.getMarginBottom)(component.margin || 'md') +
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@transferwise/components");
+const contexts_1 = require("../../common/contexts");
+const utils_1 = require("../utils");
+const DynamicButton = (props) => {
+    const { component, onAction } = props;
+    const componentAction = component.action; // there should be no $ref at this point
+    const { type, priority } = getButtonTypeAndPriority(componentAction);
+    const { loading } = (0, contexts_1.useDynamicFlow)();
+    const className = (0, utils_1.getMarginBottom)(component.margin || 'md') +
         ' ' +
         getActionClasses(componentAction); // this can probably be removed
-    return ((0, jsx_runtime_1.jsx)(components_1.Button, __assign({ size: getButtonSize(component.size), type: type, priority: priority, block: true, className: className, disabled: componentAction.disabled || loading, onClick: function () { return onAction(componentAction); } }, { children: componentAction.title })));
+    return ((0, jsx_runtime_1.jsx)(components_1.Button, Object.assign({ size: getButtonSize(component.size), type: type, priority: priority, block: true, className: className, disabled: componentAction.disabled || loading, onClick: () => onAction(componentAction) }, { children: componentAction.title })));
 };
-var getActionClasses = function (action) {
+const getActionClasses = (action) => {
     return action.primary ? 'btn-primary' : '';
 };
-var getButtonSize = function (size) {
+const getButtonSize = (size) => {
     switch (size) {
         case 'xs':
         case 'sm':
@@ -41,7 +30,7 @@ var getButtonSize = function (size) {
             return 'md';
     }
 };
-var getButtonTypeAndPriority = function (action) {
+const getButtonTypeAndPriority = (action) => {
     switch (action.type) {
         case 'link':
             return { type: 'accent', priority: 'tertiary' };
@@ -57,4 +46,4 @@ var getButtonTypeAndPriority = function (action) {
             return { type: 'accent', priority: 'secondary' };
     }
 };
-exports["default"] = DynamicButton;
+exports.default = DynamicButton;

package/build/layout/columns/DynamicColumns.js

@@ -1,40 +1,29 @@
 "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);
-};
-exports.__esModule = true;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var __1 = require("..");
-var utils_1 = require("../utils");
-var DynamicColumns = function (props) {
-    var columns = props.component;
-    var _a = getWidth(columns.bias), leftWidth = _a.leftWidth, rightWidth = _a.rightWidth;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "".concat((0, utils_1.getMarginBottom)(columns.margin || 'xs'), " row") }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "".concat(leftWidth, " m-b-0") }, { children: (0, jsx_runtime_1.jsx)(__1.DynamicLayout, { components: columns.left, model: props.model, submitted: props.submitted, errors: props.errors, onModelChange: props.onModelChange, onAction: props.onAction, onPersistAsync: props.onPersistAsync }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "".concat(rightWidth, " m-b-0") }, { children: (0, jsx_runtime_1.jsx)(__1.DynamicLayout, { components: columns.right, model: props.model, submitted: props.submitted, errors: props.errors, onModelChange: props.onModelChange, onAction: props.onAction, onPersistAsync: props.onPersistAsync }) }))] })));
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const __1 = require("..");
+const utils_1 = require("../utils");
+const DynamicColumns = (props) => {
+    const columns = props.component;
+    const { leftWidth, rightWidth } = getWidth(columns.bias);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `${(0, utils_1.getMarginBottom)(columns.margin || 'xs')} row` }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: `${leftWidth} m-b-0` }, { children: (0, jsx_runtime_1.jsx)(__1.DynamicLayout, { components: columns.left, model: props.model, submitted: props.submitted, errors: props.errors, onModelChange: props.onModelChange, onAction: props.onAction, onPersistAsync: props.onPersistAsync }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: `${rightWidth} m-b-0` }, { children: (0, jsx_runtime_1.jsx)(__1.DynamicLayout, { components: columns.right, model: props.model, submitted: props.submitted, errors: props.errors, onModelChange: props.onModelChange, onAction: props.onAction, onPersistAsync: props.onPersistAsync }) }))] })));
 };
-var getWidth = function (bias) {
+const getWidth = (bias) => {
     if (bias === 'left') {
         return {
             leftWidth: 'col-md-8',
-            rightWidth: 'col-md-4'
+            rightWidth: 'col-md-4',
         };
     }
     if (bias === 'right') {
         return {
             leftWidth: 'col-md-4',
-            rightWidth: 'col-md-8'
+            rightWidth: 'col-md-8',
         };
     }
     return {
         leftWidth: 'col-md-6',
-        rightWidth: 'col-md-6'
+        rightWidth: 'col-md-6',
     };
 };
-exports["default"] = DynamicColumns;
+exports.default = DynamicColumns;