@wise/dynamic-flow-client 3.3.1 → 3.4.0-experimental-9862ccf

package/build/legacy/layout/icon/DynamicIcon.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FlagIcon, isFlagIcon } from './FlagIcon';
+import { NamedIcon, isNamedIcon } from './NamedIcon';
+function DynamicIcon(_a) {
+    var type = _a.type;
+    if (isFlagIcon(type)) {
+        return _jsx(FlagIcon, { name: type });
+    }
+    if (isNamedIcon(type)) {
+        return _jsx(NamedIcon, { name: type });
+    }
+    return null;
+}
+export function isValidIconName(name) {
+    return isNamedIcon(name) || isFlagIcon(name);
+}
+export default DynamicIcon;

package/build/legacy/layout/icon/FlagIcon.js

@@ -0,0 +1,198 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export var isFlagIcon = function (name) { return isCurrencyFlagIcon(name) || isCountryFlagIcon(name); };
+var isCurrencyFlagIcon = function (name) {
+    return currencyCodes.some(function (currencyCode) { return name === "flag-".concat(currencyCode); });
+};
+var isCountryFlagIcon = function (name) {
+    return countryCodes.some(function (countryCode) { return name === "flag-".concat(countryCode); });
+};
+export function FlagIcon(_a) {
+    var name = _a.name;
+    if (!isFlagIcon(name)) {
+        return null;
+    }
+    var code = name.substring(5);
+    return (_jsx("img", { src: "https://wise.com/web-art/assets/flags/".concat(code, ".svg"), alt: "", "data-testid": "img-flag-".concat(code), width: "24px" }));
+}
+var currencyCodes = [
+    'aed',
+    'ars',
+    'aud',
+    'bdt',
+    'bgn',
+    'bhd',
+    'bnd',
+    'brl',
+    'bwp',
+    'cad',
+    'chf',
+    'clp',
+    'cny',
+    'cop',
+    'crc',
+    'czk',
+    'dkk',
+    'egp',
+    'eur',
+    'fjd',
+    'gbp',
+    'gel',
+    'ghs',
+    'gtq',
+    'hkd',
+    'hrk',
+    'huf',
+    'idr',
+    'ils',
+    'imp',
+    'inr',
+    'isk',
+    'jmd',
+    'jpy',
+    'kes',
+    'krw',
+    'kwd',
+    'lak',
+    'lkr',
+    'lsl',
+    'mad',
+    'mur',
+    'mxn',
+    'myr',
+    'mzn',
+    'nad',
+    'ngn',
+    'nok',
+    'npr',
+    'nzd',
+    'omr',
+    'pab',
+    'pen',
+    'php',
+    'pkr',
+    'pln',
+    'qar',
+    'ron',
+    'rub',
+    'sar',
+    'sek',
+    'sgd',
+    'thb',
+    'tmt',
+    'try',
+    'twd',
+    'tzs',
+    'uah',
+    'ugx',
+    'usd',
+    'uyu',
+    'vnd',
+    'xof',
+    'zar',
+    'zmw',
+];
+var countryCodes = [
+    'ad',
+    'ae',
+    'ar',
+    'at',
+    'au',
+    'bd',
+    'be',
+    'bg',
+    'bh',
+    'bn',
+    'br',
+    'bw',
+    'ca',
+    'ch',
+    'cl',
+    'cn',
+    'co',
+    'cr',
+    'cy',
+    'cz',
+    'de',
+    'dk',
+    'ee',
+    'eg',
+    'es',
+    'eu',
+    'fi',
+    'fj',
+    'fr',
+    'gb',
+    'ge',
+    'gg',
+    'gh',
+    'gp',
+    'gr',
+    'gt',
+    'hk',
+    'hr',
+    'hu',
+    'id',
+    'ie',
+    'il',
+    'im',
+    'in',
+    'is',
+    'it',
+    'je',
+    'jm',
+    'jp',
+    'ke',
+    'kr',
+    'kw',
+    'la',
+    'li',
+    'lk',
+    'ls',
+    'lt',
+    'lu',
+    'lv',
+    'ma',
+    'mc',
+    'mt',
+    'mu',
+    'mx',
+    'my',
+    'mz',
+    'na',
+    'ng',
+    'nl',
+    'no',
+    'np',
+    'nz',
+    'om',
+    'pa',
+    'pe',
+    'ph',
+    'pk',
+    'pl',
+    'pt',
+    'qa',
+    'ro',
+    'ru',
+    'sa',
+    'se',
+    'sg',
+    'si',
+    'sk',
+    'sm',
+    'th',
+    'tm',
+    'tr',
+    'tw',
+    'tz',
+    'ua',
+    'ug',
+    'us',
+    'uy',
+    'va',
+    'vn',
+    'wi',
+    'xo',
+    'za',
+    'zm',
+];

package/build/legacy/layout/icon/NamedIcon.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as icons from '@transferwise/icons';
+export var isNamedIcon = function (name) {
+    var iconName = toCapitalisedCamelCase(name);
+    return Object.keys(icons).includes(iconName);
+};
+export function NamedIcon(_a) {
+    var name = _a.name;
+    if (!isNamedIcon(name)) {
+        return null;
+    }
+    var iconName = toCapitalisedCamelCase(name);
+    var Icon = icons[iconName];
+    return _jsx(Icon, { size: 24 });
+}
+var toCapitalisedCamelCase = function (value) {
+    return value.split('-').map(capitaliseFirstChar).join('');
+};
+var capitaliseFirstChar = function (value) { return "".concat(value[0].toUpperCase()).concat(value.slice(1)); };

package/build/legacy/layout/image/DynamicImage.js

@@ -0,0 +1,111 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Image } from '@transferwise/components';
+import { useEffect, useState } from 'react';
+import { isRelativePath } from '../../../common/utils/api-utils';
+import { getMargin } from '../utils';
+import { useHttpClient } from '../../../common/httpClientContext';
+function DynamicImage(_a) {
+    var image = _a.component;
+    var url = image.url, size = image.size, text = image.text, margin = image.margin, accessibilityDescription = image.accessibilityDescription;
+    var httpClient = useHttpClient();
+    var _b = useState(''), imageSource = _b[0], setImageSource = _b[1];
+    useEffect(function () {
+        void getImageSource(httpClient, url).then(setImageSource);
+    }, [url, httpClient]);
+    var imageProps = {
+        alt: accessibilityDescription || text || '',
+        src: imageSource,
+        stretch: true,
+        shrink: true
+    };
+    if (!imageSource) {
+        return null;
+    }
+    return (_jsx("div", __assign({ className: "df-image ".concat(size || 'md') }, { children: _jsx(Image, __assign({ className: "img-responsive ".concat(getMargin(margin || 'md')) }, imageProps)) })));
+}
+var readImageBlobAsDataURL = function (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); });
+        reader.readAsDataURL(imageBlob);
+    });
+};
+var getImageSource = function (httpClient, imageUrl) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a;
+    return __generator(this, function (_b) {
+        try {
+            if (isRelativePath(imageUrl) || (imageUrl === null || imageUrl === void 0 ? void 0 : imageUrl.startsWith("".concat((_a = window === null || window === void 0 ? void 0 : window.location) === null || _a === void 0 ? void 0 : _a.origin, "/")))) {
+                // eslint-disable-next-line @typescript-eslint/return-await
+                return [2 /*return*/, httpClient(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];
+        }
+        return [2 /*return*/];
+    });
+}); };
+export default DynamicImage;

package/build/legacy/layout/index.js

@@ -0,0 +1,20 @@
+export { default as DynamicAlert } from './alert/DynamicAlert';
+export { default as DynamicBox } from './box/DynamicBox';
+export { default as DynamicButton } from './button/DynamicButton';
+export { default as DynamicColumns } from './columns/DynamicColumns';
+export { default as DynamicDecision } from './decision/DynamicDecision';
+export { default as DynamicDivider } from './divider/DynamicDivider';
+export { default as DynamicExternal } from './external/DynamicExternal';
+export { default as DynamicForm } from './form/DynamicForm';
+export { default as DynamicHeading } from './heading/DynamicHeading';
+export { default as DynamicIcon } from './icon/DynamicIcon';
+export { DynamicInfo, DynamicMarkdown } from './markdown/DynamicMarkdown';
+export { default as DynamicImage } from './image/DynamicImage';
+export { default as DynamicInstructions } from './instructions/DynamicInstructions';
+export { default as DynamicLayout } from './DynamicLayout';
+export { default as DynamicStatusList } from './list/DynamicStatusList';
+export { default as DynamicLoadingIndicator } from './loadingIndicator/DynamicLoadingIndicator';
+export { default as DynamicParagraph } from './paragraph/DynamicParagraph';
+export { default as DynamicReview } from './review/DynamicReview';
+export { default as DynamicSearch } from './search/DynamicSearch';
+export { default as DynamicModal } from './modal/DynamicModal';

package/build/legacy/layout/instructions/DynamicInstructions.js

@@ -0,0 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Header, InstructionsList } from '@transferwise/components';
+import { getMargin } from '../utils';
+var doContext = ['positive', 'neutral'];
+var dontContext = ['warning', 'negative'];
+var DynamicInstructions = function (_a) {
+    var component = _a.component;
+    var items = component.items;
+    var dos = items.filter(function (item) { return doContext.includes(item.context); }).map(function (_a) {
+        var text = _a.text;
+        return text;
+    });
+    var donts = items.filter(function (item) { return dontContext.includes(item.context); }).map(function (_a) {
+        var text = _a.text;
+        return text;
+    });
+    return (_jsxs("div", __assign({ className: getMargin(component.margin || 'md') }, { children: [component.title ? _jsx(Header, { title: component.title }) : null, _jsx(InstructionsList, { dos: dos, donts: donts })] })));
+};
+export default DynamicInstructions;

package/build/legacy/layout/list/DynamicStatusList.js

@@ -0,0 +1,37 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/no-unsafe-return */
+import { Header, Summary } from '@transferwise/components';
+import { DynamicIcon } from '..';
+import { getMargin } from '../utils';
+var DynamicStatusList = function (_a) {
+    var component = _a.component;
+    return (_jsxs("div", __assign({ className: getMargin(component.margin || 'md') }, { children: [component.title ? _jsx(Header, { title: component.title }) : null, component.items.map(mapListItemToSummary)] })));
+};
+var mapListItemToSummary = function (_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: _jsx(DynamicIcon, { type: icon.name }) } : {})), (status ? { status: statusMap[status] } : {}));
+    return _jsx(Summary, __assign({}, props));
+};
+var statusListMap = {
+    done: 'done',
+    pending: 'pending',
+    'not-done': 'notDone'
+};
+var legacyStatusMap = {
+    positive: 'done',
+    warning: 'pending',
+    neutral: 'notDone'
+};
+var statusMap = __assign(__assign({}, statusListMap), legacyStatusMap);
+export default DynamicStatusList;

package/build/legacy/layout/loadingIndicator/DynamicLoadingIndicator.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Loader } from '@transferwise/components';
+import { getMargin } from '../utils';
+var DynamicLoadingIndicator = function (_a) {
+    var component = _a.component;
+    var _b = component.margin, margin = _b === void 0 ? 'md' : _b, _c = component.size, size = _c === void 0 ? 'md' : _c;
+    return (_jsx(Loader, { size: size, classNames: {
+            'tw-loader': "tw-loader m-x-auto ".concat(getMargin(margin))
+        }, "data-testid": "loading-indicator" }));
+};
+export default DynamicLoadingIndicator;

package/build/legacy/layout/markdown/DynamicMarkdown.js

@@ -0,0 +1,23 @@
+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 { Markdown } from '@transferwise/components';
+import { getTextAlignmentAndMargin } from '../utils';
+export var DynamicMarkdown = function (_a) {
+    var component = _a.component;
+    var content = component.content, align = component.align, margin = component.margin;
+    return (_jsx("div", __assign({ className: getTextAlignmentAndMargin({ align: align, margin: margin }) }, { children: _jsx(Markdown, __assign({ config: { link: { target: '_blank' } } }, { children: content })) })));
+};
+export var DynamicInfo = function (_a) {
+    var component = _a.component;
+    return (_jsx("div", __assign({ className: getTextAlignmentAndMargin(component) }, { children: _jsx(Markdown, __assign({ config: { link: { target: '_blank' } } }, { children: component.markdown })) })));
+};

package/build/legacy/layout/modal/DynamicModal.js

@@ -0,0 +1,26 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Modal } from '@transferwise/components';
+import { useState } from 'react';
+import DynamicLayout from '../DynamicLayout';
+import { getTextAlignmentAndMargin } from '../utils';
+function DynamicModal(props) {
+    var _a = useState(false), visible = _a[0], isVisible = _a[1];
+    var component = props.component, onAction = props.onAction;
+    var _b = component.margin, margin = _b === void 0 ? 'md' : _b;
+    return (_jsxs("div", __assign({ className: getTextAlignmentAndMargin({ margin: margin }) }, { children: [_jsx(Button, __assign({ priority: "tertiary", block: true, onClick: function () { return isVisible(true); } }, { children: component.trigger.title })), _jsx(Modal, { scroll: "content", open: visible, size: "lg", body: _jsx(DynamicLayout, __assign({}, props, { components: component.content.components, onAction: function (action) {
+                        isVisible(false);
+                        onAction(action);
+                    } })), onClose: function () { return isVisible(false); } })] })));
+}
+export default DynamicModal;

package/build/legacy/layout/paragraph/DynamicParagraph.js

@@ -0,0 +1,46 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@transferwise/components';
+import { useIntl } from 'react-intl';
+import { getTextAlignmentAndMargin } from '../utils';
+import messages from '../../../common/messages/paragraph.messages';
+import { useSnackBarIfAvailable } from './useSnackBarIfAvailable';
+function DynamicParagraph(_a) {
+    var component = _a.component;
+    return component.control === 'copyable' ? (_jsx(CopyableDynamicParagraph, { component: component })) : (_jsx(BasicDynamicParagraph, { component: component }));
+}
+function BasicDynamicParagraph(_a) {
+    var component = _a.component;
+    return _jsxs("p", __assign({ className: getTextAlignmentAndMargin(component) }, { children: [" ", component.text, " "] }));
+}
+function CopyableDynamicParagraph(_a) {
+    var component = _a.component;
+    var formatMessage = useIntl().formatMessage;
+    var createSnackbar = useSnackBarIfAvailable();
+    var text = component.text;
+    var copy = function () {
+        var _a;
+        (_a = navigator.clipboard) === null || _a === void 0 ? void 0 : _a.writeText(text).then(function () { return createSnackbar({ text: formatMessage(messages.copied) }); })["catch"](noop);
+    };
+    var classNames = "".concat(getTextAlignmentAndMargin({
+        align: component.align,
+        margin: 'sm'
+    }), " form-control");
+    return (_jsxs("div", __assign({ className: getTextAlignmentAndMargin(component) }, { children: [_jsx("input", { type: "text", className: classNames, value: text, readOnly: true, 
+                // eslint-disable-next-line react/forbid-dom-props
+                style: { textOverflow: 'ellipsis' } }), _jsx(Button, __assign({ block: true, onClick: copy }, { children: formatMessage(messages.copy) }))] })));
+}
+function noop() {
+    //
+}
+export default DynamicParagraph;

package/build/legacy/layout/paragraph/useSnackBarIfAvailable.js

@@ -0,0 +1,9 @@
+import { SnackbarContext } from '@transferwise/components';
+import { useContext } from 'react';
+export function useSnackBarIfAvailable() {
+    var context = useContext(SnackbarContext);
+    return context ? context.createSnackbar : noop;
+}
+function noop() {
+    //
+}

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

@@ -0,0 +1,58 @@
+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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { DefinitionList, Header } from '@transferwise/components';
+import Help from '../../jsonSchemaForm/help/Help';
+import { getMargin } from '../utils';
+var getDefinitions = function (orientation, review) {
+    return review.fields.map(function (_a, index) {
+        var label = _a.label, value = _a.value, help = _a.help;
+        return ({
+            key: String(index),
+            title: label,
+            value: getFieldValue(value, help, orientation)
+        });
+    });
+};
+var getFieldValue = function (value, help, orientation) {
+    if (help) {
+        return orientation === 'HORIZONTAL_RIGHT_ALIGNED' ? (_jsxs(_Fragment, { children: [_jsx(Help, { help: help }), " ", value] })) : (_jsxs(_Fragment, { children: [value, " ", _jsx(Help, { help: help })] }));
+    }
+    return value;
+};
+var getReviewLayout = function (review) {
+    var orientation = review.control || review.orientation;
+    return orientation === 'horizontal' ? 'HORIZONTAL_RIGHT_ALIGNED' : 'VERTICAL_ONE_COLUMN';
+};
+function DynamicReview(props) {
+    var review = props.component;
+    var margin = getMargin(review.margin || 'xs');
+    var getReviewAction = function (title, action) { return ({
+        text: title !== null && title !== void 0 ? title : '',
+        href: action.url,
+        onClick: function (event) {
+            event.preventDefault();
+            if (action) {
+                props.onAction(action);
+            }
+        }
+    }); };
+    var orientation = getReviewLayout(review);
+    var callToAction = review.callToAction
+        ? getReviewAction(review.callToAction.title, review.callToAction.action)
+        : null;
+    var legacyCallToAction = !callToAction && review.action
+        ? getReviewAction(review.action.title || '', review.action)
+        : null;
+    return (_jsxs("div", __assign({ className: margin }, { children: [review.title && (_jsx(Header, { title: review.title, action: callToAction || legacyCallToAction || undefined })), _jsx("div", __assign({ className: margin }, { children: _jsx(DefinitionList, { layout: orientation, definitions: getDefinitions(orientation, review) }) }))] })));
+}
+export default DynamicReview;