@wise/dynamic-flow-client 0.4.0 → 0.4.2

package/build/layout/decision/DynamicDecision.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 components_1 = require("@transferwise/components");
-var __1 = require("..");
-var utils_1 = require("../utils");
-var getMedia = function (option) {
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@transferwise/components");
+const __1 = require("..");
+const utils_1 = require("../utils");
+const getMedia = (option) => {
     var _a, _b, _c;
     if ((_a = option.icon) === null || _a === void 0 ? void 0 : _a.name) {
-        return ((0, jsx_runtime_1.jsx)(components_1.Avatar, __assign({ type: components_1.AvatarType.ICON }, { children: (0, jsx_runtime_1.jsx)(__1.DynamicIcon, { type: option.icon.name }) })));
+        return ((0, jsx_runtime_1.jsx)(components_1.Avatar, Object.assign({ type: components_1.AvatarType.ICON }, { children: (0, jsx_runtime_1.jsx)(__1.DynamicIcon, { type: option.icon.name }) })));
     }
     if ((_b = option.icon) === null || _b === void 0 ? void 0 : _b.text) {
-        return (0, jsx_runtime_1.jsx)(components_1.Avatar, __assign({ type: components_1.AvatarType.INITIALS }, { children: option.icon.text }));
+        return (0, jsx_runtime_1.jsx)(components_1.Avatar, Object.assign({ type: components_1.AvatarType.INITIALS }, { children: option.icon.text }));
     }
     if ((_c = option.image) === null || _c === void 0 ? void 0 : _c.url) {
-        var _d = option.image, url = _d.url, text = _d.text;
+        const { url, text } = option.image;
         return (0, jsx_runtime_1.jsx)("img", { src: url, alt: text });
     }
     return undefined;
 };
-var DynamicDecision = function (props) {
-    var decision = props.component;
-    var renderDecisionOption = function (option, onAction) {
-        var media = getMedia(option);
-        return ((0, jsx_runtime_1.jsx)(components_1.NavigationOption, { title: option.title, content: option.description, disabled: option.disabled, media: media, showMediaCircle: false, showMediaAtAllSizes: true, onClick: function () { return onAction(option.action); } }, JSON.stringify(option)));
+const DynamicDecision = (props) => {
+    const decision = props.component;
+    const renderDecisionOption = (option, onAction) => {
+        const media = getMedia(option);
+        return ((0, jsx_runtime_1.jsx)(components_1.NavigationOption, { title: option.title, content: option.description, disabled: option.disabled, media: media, showMediaCircle: false, showMediaAtAllSizes: true, onClick: () => onAction(option.action) }, JSON.stringify(option)));
     };
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, utils_1.getMarginBottom)(decision.margin) }, { children: (0, jsx_runtime_1.jsx)(components_1.NavigationOptionsList, { children: decision.options.map(function (option) { return renderDecisionOption(option, props.onAction); }) }) })));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, utils_1.getMarginBottom)(decision.margin) }, { children: (0, jsx_runtime_1.jsx)(components_1.NavigationOptionsList, { children: decision.options.map((option) => renderDecisionOption(option, props.onAction)) }) })));
 };
-exports["default"] = DynamicDecision;
+exports.default = DynamicDecision;

package/build/layout/divider/DynamicDivider.js

@@ -1,11 +1,10 @@
 "use strict";
-exports.__esModule = true;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var utils_1 = require("../utils");
-var DynamicDivider = function (_a) {
-    var component = _a.component;
-    var margin = (0, utils_1.getMarginBottom)(component.margin);
-    var className = "m-t-0 ".concat(margin);
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../utils");
+const DynamicDivider = ({ component }) => {
+    const margin = (0, utils_1.getMarginBottom)(component.margin);
+    const className = `m-t-0 ${margin}`;
     return (0, jsx_runtime_1.jsx)("hr", { className: className });
 };
-exports["default"] = DynamicDivider;
+exports.default = DynamicDivider;

package/build/layout/external/DynamicExternal.js

@@ -1,37 +1,25 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-exports.__esModule = true;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("@transferwise/components");
-var react_1 = require("react");
-var react_intl_1 = require("react-intl");
-var hooks_1 = require("../../common/hooks");
-var DynamicExternal_messages_1 = __importDefault(require("./DynamicExternal.messages"));
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@transferwise/components");
+const react_1 = require("react");
+const react_intl_1 = require("react-intl");
+const hooks_1 = require("../../common/hooks");
+const DynamicExternal_messages_1 = __importDefault(require("./DynamicExternal.messages"));
 /** @deprecated - No longer supported, use the external feature instead */
-var DynamicExternal = function (_a) {
-    var component = _a.component, onAction = _a.onAction;
-    var requestUrl = component.requestUrl, responseHandlers = component.responseHandlers, polling = component.polling, retryTitle = component.retryTitle;
-    var intl = (0, react_intl_1.useIntl)();
-    var openExternalUrl = (0, react_1.useCallback)(function () { return window.open(requestUrl, 'df-external-window'); }, [requestUrl]);
-    (0, react_1.useEffect)(function () {
+const DynamicExternal = ({ component, onAction }) => {
+    const { requestUrl, responseHandlers, polling, retryTitle } = component;
+    const intl = (0, react_intl_1.useIntl)();
+    const openExternalUrl = (0, react_1.useCallback)(() => window.open(requestUrl, 'df-external-window'), [requestUrl]);
+    (0, react_1.useEffect)(() => {
         openExternalUrl();
     }, [openExternalUrl]);
-    var pollingConfiguration = polling && responseHandlers
-        ? __assign(__assign({}, polling), { responseHandlers: responseHandlers }) : undefined;
+    const pollingConfiguration = polling && responseHandlers
+        ? Object.assign(Object.assign({}, polling), { responseHandlers }) : undefined;
     (0, hooks_1.useExternalStepPolling)(pollingConfiguration, onAction);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Loader, { size: components_1.Size.LARGE, classNames: { 'tw-loader': 'tw-loader m-x-auto' } }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(components_1.Button, __assign({ priority: "tertiary", block: true, onClick: openExternalUrl }, { children: retryTitle || intl.formatMessage(DynamicExternal_messages_1["default"].retryTitle) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Loader, { size: components_1.Size.LARGE, classNames: { 'tw-loader': 'tw-loader m-x-auto' } }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(components_1.Button, Object.assign({ priority: "tertiary", block: true, onClick: openExternalUrl }, { children: retryTitle || intl.formatMessage(DynamicExternal_messages_1.default.retryTitle) }))] }));
 };
-exports["default"] = DynamicExternal;
+exports.default = DynamicExternal;

package/build/layout/external/DynamicExternal.messages.js

@@ -1,10 +1,10 @@
 "use strict";
-exports.__esModule = true;
-var react_intl_1 = require("react-intl");
-exports["default"] = (0, react_intl_1.defineMessages)({
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_intl_1 = require("react-intl");
+exports.default = (0, react_intl_1.defineMessages)({
     retryTitle: {
         id: 'dynamicFlows.DynamicExternal.retryTitle',
         defaultMessage: 'Reopen window',
-        description: ''
-    }
+        description: '',
+    },
 });

package/build/layout/form/DynamicForm.js

@@ -1,27 +1,16 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-exports.__esModule = true;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var jsonSchemaForm_1 = __importDefault(require("../../jsonSchemaForm"));
-var utils_1 = require("../utils");
-var DynamicForm = function (props) {
-    var form = props.component;
-    var formSchema = form.schema; // There should be no $ref at this point
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, utils_1.getMarginBottom)(form.margin || 'md') }, { children: (0, jsx_runtime_1.jsx)(jsonSchemaForm_1["default"], { schema: formSchema, model: props.model, submitted: props.submitted, errors: props.errors, onChange: function (parameters) {
-                props.onModelChange(__assign({ formSchema: formSchema }, parameters));
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const jsonSchemaForm_1 = __importDefault(require("../../jsonSchemaForm"));
+const utils_1 = require("../utils");
+const DynamicForm = (props) => {
+    const form = props.component;
+    const formSchema = form.schema; // There should be no $ref at this point
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, utils_1.getMarginBottom)(form.margin || 'md') }, { children: (0, jsx_runtime_1.jsx)(jsonSchemaForm_1.default, { schema: formSchema, model: props.model, submitted: props.submitted, errors: props.errors, onChange: (parameters) => {
+                props.onModelChange(Object.assign({ formSchema }, parameters));
             }, onPersistAsync: props.onPersistAsync }) })));
 };
-exports["default"] = DynamicForm;
+exports.default = DynamicForm;

package/build/layout/heading/DynamicHeading.js

@@ -1,33 +1,22 @@
 "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 utils_1 = require("../utils");
-var DynamicHeading = function (props) {
-    var _a = props.component, text = _a.text, _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.align, align = _c === void 0 ? 'left' : _c, _d = _a.margin, margin = _d === void 0 ? 'md' : _d;
-    var classes = (0, utils_1.getTextAlignmentAndMargin)({ align: align, margin: margin });
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../utils");
+const DynamicHeading = (props) => {
+    const { text, size = 'md', align = 'left', margin = 'md' } = props.component;
+    const classes = (0, utils_1.getTextAlignmentAndMargin)({ align, margin });
     switch (size) {
         case 'xs':
-            return (0, jsx_runtime_1.jsx)("h5", __assign({ className: classes }, { children: text }));
+            return (0, jsx_runtime_1.jsx)("h5", Object.assign({ className: classes }, { children: text }));
         case 'sm':
-            return (0, jsx_runtime_1.jsx)("h4", __assign({ className: classes }, { children: text }));
+            return (0, jsx_runtime_1.jsx)("h4", Object.assign({ className: classes }, { children: text }));
         case 'lg':
-            return (0, jsx_runtime_1.jsx)("h2", __assign({ className: classes }, { children: text }));
+            return (0, jsx_runtime_1.jsx)("h2", Object.assign({ className: classes }, { children: text }));
         case 'xl':
-            return (0, jsx_runtime_1.jsx)("h1", __assign({ className: classes }, { children: text }));
+            return (0, jsx_runtime_1.jsx)("h1", Object.assign({ className: classes }, { children: text }));
         case 'md':
         default:
-            return (0, jsx_runtime_1.jsx)("h3", __assign({ className: classes }, { children: text }));
+            return (0, jsx_runtime_1.jsx)("h3", Object.assign({ className: classes }, { children: text }));
     }
 };
-exports["default"] = DynamicHeading;
+exports.default = DynamicHeading;

package/build/layout/icon/DynamicIcon.js

@@ -22,17 +22,16 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.isValidIconName = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var icons = __importStar(require("@transferwise/icons"));
-var DynamicIcon = function (_a) {
-    var type = _a.type;
-    var iconName = toCapitalisedCamelCase(type);
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons = __importStar(require("@transferwise/icons"));
+const DynamicIcon = ({ type }) => {
+    const iconName = toCapitalisedCamelCase(type);
     if (!Object.keys(icons).includes(iconName)) {
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
     }
-    var Icon = icons[iconName];
+    const Icon = icons[iconName];
     return (0, jsx_runtime_1.jsx)(Icon, { size: 24 });
 };
 function toCapitalisedCamelCase(value) {
@@ -40,11 +39,11 @@ function toCapitalisedCamelCase(value) {
 }
 function capitaliseFirstChar(value) {
     var _a;
-    return "".concat((_a = value[0]) === null || _a === void 0 ? void 0 : _a.toUpperCase()).concat(value.slice(1));
+    return `${(_a = value[0]) === null || _a === void 0 ? void 0 : _a.toUpperCase()}${value.slice(1)}`;
 }
 function isValidIconName(name) {
-    var iconName = toCapitalisedCamelCase(name);
+    const iconName = toCapitalisedCamelCase(name);
     return Object.keys(icons).includes(iconName);
 }
 exports.isValidIconName = isValidIconName;
-exports["default"] = DynamicIcon;
+exports.default = DynamicIcon;

package/build/layout/image/DynamicImage.js

@@ -1,112 +1,62 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-exports.__esModule = true;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("@transferwise/components");
-var react_1 = require("react");
-var contexts_1 = require("../../common/contexts");
-var utils_1 = require("../../common/utils");
-var utils_2 = require("../utils");
-var DynamicImage = function (_a) {
-    var image = _a.component;
-    var url = image.url, size = image.size, text = image.text, margin = image.margin;
-    var fetcher = (0, contexts_1.useFetcher)();
-    var _b = (0, react_1.useState)(''), imageSource = _b[0], setImageSource = _b[1];
-    (0, react_1.useEffect)(function () {
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@transferwise/components");
+const react_1 = require("react");
+const contexts_1 = require("../../common/contexts");
+const utils_1 = require("../../common/utils");
+const utils_2 = require("../utils");
+const DynamicImage = ({ component: image }) => {
+    const { url, size, text, margin } = image;
+    const fetcher = (0, contexts_1.useFetcher)();
+    const [imageSource, setImageSource] = (0, react_1.useState)('');
+    (0, react_1.useEffect)(() => {
         void getImageSource(fetcher, url).then(setImageSource);
     }, [url, fetcher]);
-    var imageProps = {
+    const imageProps = {
         alt: text || '',
         src: imageSource,
         stretch: true,
-        shrink: true
+        shrink: true,
     };
     if (!imageSource) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "df-image ".concat(size || 'xl') }, { children: (0, jsx_runtime_1.jsx)(components_1.Image, __assign({ className: "img-responsive ".concat((0, utils_2.getMarginBottom)(margin || 'lg')) }, imageProps)) })));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: `df-image ${size || 'xl'}` }, { children: (0, jsx_runtime_1.jsx)(components_1.Image, Object.assign({ className: `img-responsive ${(0, utils_2.getMarginBottom)(margin || 'lg')}` }, imageProps)) })));
 };
-var readImageBlobAsDataURL = function (imageBlob) {
+const readImageBlobAsDataURL = (imageBlob) => {
     // 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
-    return new Promise(function (resolve, reject) {
-        var reader = new FileReader();
-        reader.addEventListener('loadend', function () { return resolve(reader.result); });
-        reader.addEventListener('error', function (error) { return reject(error); });
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.addEventListener('loadend', () => resolve(reader.result));
+        reader.addEventListener('error', (error) => reject(error));
         reader.readAsDataURL(imageBlob);
     });
 };
-var getImageSource = function (fetcher, imageUrl) { return __awaiter(void 0, void 0, void 0, function () {
+const getImageSource = async (fetcher, imageUrl) => {
     var _a;
-    return __generator(this, function (_b) {
-        try {
-            if ((0, utils_1.isRelativePath)(imageUrl) || (imageUrl === null || imageUrl === void 0 ? void 0 : imageUrl.indexOf("".concat((_a = window === null || window === void 0 ? void 0 : window.location) === null || _a === void 0 ? void 0 : _a.origin, "/"))) === 0) {
-                return [2 /*return*/, fetcher(imageUrl, {
-                        method: 'GET',
-                        headers: { 'Content-Type': 'image/image' },
-                        credentials: 'same-origin'
-                    })
-                        .then(function (response) {
-                        if (response.ok) {
-                            return response.blob();
-                        }
-                        throw new Error('Image fetching failed');
-                    })
-                        .then(readImageBlobAsDataURL)["catch"](function () { return imageUrl; })];
-            }
-            return [2 /*return*/, imageUrl];
-        }
-        catch (_c) {
-            return [2 /*return*/, imageUrl];
+    try {
+        if ((0, utils_1.isRelativePath)(imageUrl) || (imageUrl === null || imageUrl === void 0 ? void 0 : imageUrl.indexOf(`${(_a = window === null || window === void 0 ? void 0 : window.location) === null || _a === void 0 ? void 0 : _a.origin}/`)) === 0) {
+            return fetcher(imageUrl, {
+                method: 'GET',
+                headers: { 'Content-Type': 'image/image' },
+                credentials: 'same-origin',
+            })
+                .then((response) => {
+                if (response.ok) {
+                    return response.blob();
+                }
+                throw new Error('Image fetching failed');
+            })
+                .then(readImageBlobAsDataURL)
+                .catch(() => imageUrl);
         }
-        return [2 /*return*/];
-    });
-}); };
-exports["default"] = DynamicImage;
+        return imageUrl;
+    }
+    catch (_b) {
+        return imageUrl;
+    }
+};
+exports.default = DynamicImage;

package/build/layout/index.js

@@ -1,48 +1,40 @@
 "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;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.DynamicReview = exports.DynamicParagraph = exports.DynamicLoadingIndicator = exports.DynamicList = exports.DynamicLayout = exports.DynamicImage = exports.DynamicInfo = exports.DynamicIcon = exports.DynamicHeading = exports.DynamicForm = exports.DynamicExternal = exports.DynamicDivider = exports.DynamicDecision = exports.DynamicColumns = exports.DynamicButton = exports.DynamicBox = exports.DynamicAlert = void 0;
 var DynamicAlert_1 = require("./alert/DynamicAlert");
-__createBinding(exports, DynamicAlert_1, "default", "DynamicAlert");
+Object.defineProperty(exports, "DynamicAlert", { enumerable: true, get: function () { return __importDefault(DynamicAlert_1).default; } });
 var DynamicBox_1 = require("./box/DynamicBox");
-__createBinding(exports, DynamicBox_1, "default", "DynamicBox");
+Object.defineProperty(exports, "DynamicBox", { enumerable: true, get: function () { return __importDefault(DynamicBox_1).default; } });
 var DynamicButton_1 = require("./button/DynamicButton");
-__createBinding(exports, DynamicButton_1, "default", "DynamicButton");
+Object.defineProperty(exports, "DynamicButton", { enumerable: true, get: function () { return __importDefault(DynamicButton_1).default; } });
 var DynamicColumns_1 = require("./columns/DynamicColumns");
-__createBinding(exports, DynamicColumns_1, "default", "DynamicColumns");
+Object.defineProperty(exports, "DynamicColumns", { enumerable: true, get: function () { return __importDefault(DynamicColumns_1).default; } });
 var DynamicDecision_1 = require("./decision/DynamicDecision");
-__createBinding(exports, DynamicDecision_1, "default", "DynamicDecision");
+Object.defineProperty(exports, "DynamicDecision", { enumerable: true, get: function () { return __importDefault(DynamicDecision_1).default; } });
 var DynamicDivider_1 = require("./divider/DynamicDivider");
-__createBinding(exports, DynamicDivider_1, "default", "DynamicDivider");
+Object.defineProperty(exports, "DynamicDivider", { enumerable: true, get: function () { return __importDefault(DynamicDivider_1).default; } });
 var DynamicExternal_1 = require("./external/DynamicExternal");
-__createBinding(exports, DynamicExternal_1, "default", "DynamicExternal");
+Object.defineProperty(exports, "DynamicExternal", { enumerable: true, get: function () { return __importDefault(DynamicExternal_1).default; } });
 var DynamicForm_1 = require("./form/DynamicForm");
-__createBinding(exports, DynamicForm_1, "default", "DynamicForm");
+Object.defineProperty(exports, "DynamicForm", { enumerable: true, get: function () { return __importDefault(DynamicForm_1).default; } });
 var DynamicHeading_1 = require("./heading/DynamicHeading");
-__createBinding(exports, DynamicHeading_1, "default", "DynamicHeading");
+Object.defineProperty(exports, "DynamicHeading", { enumerable: true, get: function () { return __importDefault(DynamicHeading_1).default; } });
 var DynamicIcon_1 = require("./icon/DynamicIcon");
-__createBinding(exports, DynamicIcon_1, "default", "DynamicIcon");
+Object.defineProperty(exports, "DynamicIcon", { enumerable: true, get: function () { return __importDefault(DynamicIcon_1).default; } });
 var DynamicInfo_1 = require("./info/DynamicInfo");
-__createBinding(exports, DynamicInfo_1, "default", "DynamicInfo");
+Object.defineProperty(exports, "DynamicInfo", { enumerable: true, get: function () { return __importDefault(DynamicInfo_1).default; } });
 var DynamicImage_1 = require("./image/DynamicImage");
-__createBinding(exports, DynamicImage_1, "default", "DynamicImage");
+Object.defineProperty(exports, "DynamicImage", { enumerable: true, get: function () { return __importDefault(DynamicImage_1).default; } });
 var DynamicLayout_1 = require("./DynamicLayout");
-__createBinding(exports, DynamicLayout_1, "default", "DynamicLayout");
+Object.defineProperty(exports, "DynamicLayout", { enumerable: true, get: function () { return __importDefault(DynamicLayout_1).default; } });
 var DynamicList_1 = require("./list/DynamicList");
-__createBinding(exports, DynamicList_1, "default", "DynamicList");
+Object.defineProperty(exports, "DynamicList", { enumerable: true, get: function () { return __importDefault(DynamicList_1).default; } });
 var DynamicLoadingIndicator_1 = require("./loadingIndicator/DynamicLoadingIndicator");
-__createBinding(exports, DynamicLoadingIndicator_1, "default", "DynamicLoadingIndicator");
+Object.defineProperty(exports, "DynamicLoadingIndicator", { enumerable: true, get: function () { return __importDefault(DynamicLoadingIndicator_1).default; } });
 var DynamicParagraph_1 = require("./paragraph/DynamicParagraph");
-__createBinding(exports, DynamicParagraph_1, "default", "DynamicParagraph");
+Object.defineProperty(exports, "DynamicParagraph", { enumerable: true, get: function () { return __importDefault(DynamicParagraph_1).default; } });
 var DynamicReview_1 = require("./review/DynamicReview");
-__createBinding(exports, DynamicReview_1, "default", "DynamicReview");
+Object.defineProperty(exports, "DynamicReview", { enumerable: true, get: function () { return __importDefault(DynamicReview_1).default; } });

package/build/layout/info/DynamicInfo.js

@@ -1,21 +1,9 @@
 "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);
+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 DynamicInfo = ({ component }) => {
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, utils_1.getTextAlignmentAndMargin)(component) }, { children: (0, jsx_runtime_1.jsx)(components_1.Markdown, Object.assign({ config: { link: { target: '_blank' } } }, { children: component.markdown })) })));
 };
-exports.__esModule = true;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("@transferwise/components");
-var utils_1 = require("../utils");
-var DynamicInfo = function (_a) {
-    var component = _a.component;
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, utils_1.getTextAlignmentAndMargin)(component) }, { children: (0, jsx_runtime_1.jsx)(components_1.Markdown, __assign({ config: { link: { target: '_blank' } } }, { children: component.markdown })) })));
-};
-exports["default"] = DynamicInfo;
+exports.default = DynamicInfo;

package/build/layout/list/DynamicList.js

@@ -1,33 +1,21 @@
 "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");
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable @typescript-eslint/no-unsafe-return */
-var components_1 = require("@transferwise/components");
-var __1 = require("..");
-var utils_1 = require("../utils");
-var DynamicList = function (_a) {
-    var component = _a.component;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, utils_1.getMarginBottom)(component.margin || 'md') }, { children: [component.title ? (0, jsx_runtime_1.jsxs)("h4", __assign({ className: "m-b-2" }, { children: [" ", component.title, " "] })) : null, component.items.map(mapItemToSummary)] })));
+const components_1 = require("@transferwise/components");
+const __1 = require("..");
+const utils_1 = require("../utils");
+const DynamicList = ({ component }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, utils_1.getMarginBottom)(component.margin || 'md') }, { children: [component.title ? (0, jsx_runtime_1.jsxs)("h4", Object.assign({ className: "m-b-2" }, { children: [" ", component.title, " "] })) : null, component.items.map(mapItemToSummary)] })));
 };
-function mapItemToSummary(_a) {
-    var title = _a.title, description = _a.description, icon = _a.icon, status = _a.status;
-    var props = __assign(__assign({ key: "".concat(title, "/").concat(description || ''), title: title, description: description }, ((icon === null || icon === void 0 ? void 0 : icon.name) ? { icon: (0, jsx_runtime_1.jsx)(__1.DynamicIcon, { type: icon.name }) } : {})), (status ? { status: statusMap[status] } : {}));
-    return (0, jsx_runtime_1.jsx)(components_1.Summary, __assign({}, props));
+function mapItemToSummary({ title, description, icon, status }) {
+    const props = Object.assign(Object.assign({ key: `${title}/${description || ''}`, title,
+        description }, ((icon === null || icon === void 0 ? void 0 : icon.name) ? { icon: (0, jsx_runtime_1.jsx)(__1.DynamicIcon, { type: icon.name }) } : {})), (status ? { status: statusMap[status] } : {}));
+    return (0, jsx_runtime_1.jsx)(components_1.Summary, Object.assign({}, props));
 }
-var statusMap = {
+const statusMap = {
     positive: 'done',
     warning: 'pending',
-    neutral: 'notDone'
+    neutral: 'notDone',
 };
-exports["default"] = DynamicList;
+exports.default = DynamicList;

package/build/layout/loadingIndicator/DynamicLoadingIndicator.js

@@ -1,13 +1,12 @@
 "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 DynamicLoadingIndicator = function (_a) {
-    var component = _a.component;
-    var margin = component.margin, _b = component.size, size = _b === void 0 ? 'md' : _b;
+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 DynamicLoadingIndicator = ({ component }) => {
+    const { margin, size = 'md' } = component;
     return ((0, jsx_runtime_1.jsx)(components_1.Loader, { size: size, classNames: {
-            'tw-loader': "tw-loader m-x-auto ".concat((0, utils_1.getMarginBottom)(margin))
+            'tw-loader': `tw-loader m-x-auto ${(0, utils_1.getMarginBottom)(margin)}`,
         }, "data-testid": "loading-indicator" }));
 };
-exports["default"] = DynamicLoadingIndicator;
+exports.default = DynamicLoadingIndicator;