@wise/dynamic-flow-client 0.4.0 → 0.4.1

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,5 @@ var getBoxWidthClasses = function (component) {
             return ' col-xs-12';
     }
 };
-exports["default"] = DynamicBox;
+exports.default = DynamicBox;
+//# sourceMappingURL=DynamicBox.js.map

package/build/layout/box/DynamicBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicBox.js","sourceRoot":"","sources":["../../../src/layout/box/DynamicBox.tsx"],"names":[],"mappings":";;;AAAA,0BAAmC;AAGnC,oCAA2C;AAI3C,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,EAAE;IAClC,MAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC;IAC5B,MAAM,MAAM,GAAG,IAAA,uBAAe,EAAC,GAAG,CAAC,MAAM,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAEvE,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,KAAK,KAAK,IAAI,EAAE;QACpC,OAAO,CACL,8CAAK,SAAS,EAAE,MAAM,GAAG,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,gBACjD,uBAAC,iBAAa,IACZ,UAAU,EAAE,GAAG,CAAC,UAAU,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,cAAc,EAAE,KAAK,CAAC,cAAc,GACpC,IACE,CACP,CAAC;KACH;IAED,OAAO,CACL,8CAAK,SAAS,EAAC,KAAK,gBAClB,8CAAK,SAAS,EAAE,MAAM,GAAG,kBAAkB,CAAC,GAAG,CAAC,gBAC9C,8CAAK,SAAS,EAAE,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,gBACxC,uBAAC,iBAAa,IACZ,UAAU,EAAE,GAAG,CAAC,UAAU,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,cAAc,EAAE,KAAK,CAAC,cAAc,GACpC,IACE,IACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,MAA2B,EAAE,EAAE;IACrD,OAAO,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;AACrC,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,SAAoB,EAAE,EAAE;IAClD,QAAQ,SAAS,CAAC,KAAK,EAAE;QACvB,KAAK,IAAI;YACP,OAAO,2BAA2B,CAAC;QACrC,KAAK,IAAI;YACP,OAAO,oDAAoD,CAAC;QAC9D,KAAK,IAAI;YACP,OAAO,oDAAoD,CAAC;QAC9D,KAAK,IAAI;YACP,OAAO,qDAAqD,CAAC;QAC/D,KAAK,IAAI,CAAC;QACV;YACE,OAAO,YAAY,CAAC;KACvB;AACH,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

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,5 @@ var getButtonTypeAndPriority = function (action) {
             return { type: 'accent', priority: 'secondary' };
     }
 };
-exports["default"] = DynamicButton;
+exports.default = DynamicButton;
+//# sourceMappingURL=DynamicButton.js.map

package/build/layout/button/DynamicButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicButton.js","sourceRoot":"","sources":["../../../src/layout/button/DynamicButton.tsx"],"names":[],"mappings":";;;AAAA,yDAAkD;AAElD,oDAAuD;AAGvD,oCAA2C;AAM3C,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE;IACrC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEtC,MAAM,eAAe,GAAG,SAAS,CAAC,MAAgB,CAAC,CAAC,wCAAwC;IAE5F,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,wBAAwB,CAAC,eAAe,CAAC,CAAC;IAErE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,yBAAc,GAAE,CAAC;IAErC,MAAM,SAAS,GACb,IAAA,uBAAe,EAAC,SAAS,CAAC,MAAM,IAAI,IAAI,CAAC;QACzC,GAAG;QACH,gBAAgB,CAAC,eAAuC,CAAC,CAAC,CAAC,+BAA+B;IAE5F,OAAO,CACL,uBAAC,mBAAM,kBACL,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,IAAI,CAAC,EACnC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,QACL,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,eAAe,CAAC,QAAQ,IAAI,OAAO,EAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,gBAEvC,eAAe,CAAC,KAAK,IACf,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,MAA4B,EAAE,EAAE;IACxD,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;AAC7C,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,IAAsB,EAAE,EAAE;IAC/C,QAAQ,IAAI,EAAE;QACZ,KAAK,IAAI,CAAC;QACV,KAAK,IAAI;YACP,OAAO,IAAI,CAAC;QACd,KAAK,IAAI,CAAC;QACV,KAAK,IAAI;YACP,OAAO,IAAI,CAAC;QACd,KAAK,IAAI,CAAC;QACV;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAAG,CAAC,MAAc,EAAE,EAAE;IAClD,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,MAAM;YACT,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAW,CAAC;QAC3D,KAAK,SAAS;YACZ,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAW,CAAC;QAC1D,KAAK,WAAW;YACd,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAW,CAAC;QAC5D,KAAK,UAAU;YACb,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAW,CAAC;QAC5D,KAAK,UAAU;YACb,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAW,CAAC;QAC5D;YACE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAW,CAAC;KAC7D;AACH,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/build/layout/columns/DynamicColumns.js

@@ -1,40 +1,30 @@
 "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;
+//# sourceMappingURL=DynamicColumns.js.map

package/build/layout/columns/DynamicColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicColumns.js","sourceRoot":"","sources":["../../../src/layout/columns/DynamicColumns.tsx"],"names":[],"mappings":";;;AAAA,0BAAmC;AAGnC,oCAA2C;AAI3C,MAAM,cAAc,GAAG,CAAC,KAAY,EAAE,EAAE;IACtC,MAAM,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC;IAEhC,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAEzD,OAAO,CACL,+CAAK,SAAS,EAAE,GAAG,IAAA,uBAAe,EAAC,OAAO,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,iBAC9D,8CAAK,SAAS,EAAE,GAAG,SAAS,QAAQ,gBAClC,uBAAC,iBAAa,IACZ,UAAU,EAAE,OAAO,CAAC,IAAI,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,cAAc,EAAE,KAAK,CAAC,cAAc,GACpC,IACE,EACN,8CAAK,SAAS,EAAE,GAAG,UAAU,QAAQ,gBACnC,uBAAC,iBAAa,IACZ,UAAU,EAAE,OAAO,CAAC,KAAK,EACzB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,cAAc,EAAE,KAAK,CAAC,cAAc,GACpC,IACE,KACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAA2B,EAAE,EAAE;IAC/C,IAAI,IAAI,KAAK,MAAM,EAAE;QACnB,OAAO;YACL,SAAS,EAAE,UAAU;YACrB,UAAU,EAAE,UAAU;SACvB,CAAC;KACH;IAED,IAAI,IAAI,KAAK,OAAO,EAAE;QACpB,OAAO;YACL,SAAS,EAAE,UAAU;YACrB,UAAU,EAAE,UAAU;SACvB,CAAC;KACH;IAED,OAAO;QACL,SAAS,EAAE,UAAU;QACrB,UAAU,EAAE,UAAU;KACvB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}

package/build/layout/decision/DynamicDecision.js

@@ -1,40 +1,30 @@
 "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;
+//# sourceMappingURL=DynamicDecision.js.map

package/build/layout/decision/DynamicDecision.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicDecision.js","sourceRoot":"","sources":["../../../src/layout/decision/DynamicDecision.tsx"],"names":[],"mappings":";;;AAAA,yDAKkC;AAElC,0BAAiC;AAGjC,oCAA2C;AAE3C,MAAM,QAAQ,GAAG,CAAC,MAAyC,EAAE,EAAE;;IAC7D,IAAI,MAAA,MAAM,CAAC,IAAI,0CAAE,IAAI,EAAE;QACrB,OAAO,CACL,uBAAC,mBAAM,kBAAC,IAAI,EAAE,uBAAU,CAAC,IAAI,gBAC3B,uBAAC,eAAW,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,GAAI,IAChC,CACV,CAAC;KACH;IACD,IAAI,MAAA,MAAM,CAAC,IAAI,0CAAE,IAAI,EAAE;QACrB,OAAO,uBAAC,mBAAM,kBAAC,IAAI,EAAE,uBAAU,CAAC,QAAQ,gBAAG,MAAM,CAAC,IAAI,CAAC,IAAI,IAAU,CAAC;KACvE;IACD,IAAI,MAAA,MAAM,CAAC,KAAK,0CAAE,GAAG,EAAE;QACrB,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC;QACnC,OAAO,gCAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,GAAI,CAAC;KACrC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAOF,MAAM,eAAe,GAAG,CAAC,KAAY,EAAE,EAAE;IACvC,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC;IAEjC,MAAM,oBAAoB,GAAG,CAAC,MAAyC,EAAE,QAAkB,EAAE,EAAE;QAC7F,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;QAE/B,OAAO,CACL,uBAAC,6BAAgB,IAEf,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,MAAM,CAAC,WAAW,EAC3B,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,KAAK,EACtB,mBAAmB,QACnB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAgB,CAAC,IAP3C,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAQ3B,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,8CAAK,SAAS,EAAE,IAAA,uBAAe,EAAC,QAAQ,CAAC,MAAM,CAAC,gBAC9C,uBAAC,kCAAqB,cACnB,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,oBAAoB,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,GACzD,IACpB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/build/layout/divider/DynamicDivider.js

@@ -1,11 +1,11 @@
 "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;
+//# sourceMappingURL=DynamicDivider.js.map

package/build/layout/divider/DynamicDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicDivider.js","sourceRoot":"","sources":["../../../src/layout/divider/DynamicDivider.tsx"],"names":[],"mappings":";;;AACA,oCAA2C;AAI3C,MAAM,cAAc,GAAG,CAAC,EAAE,SAAS,EAAS,EAAE,EAAE;IAC9C,MAAM,MAAM,GAAG,IAAA,uBAAe,EAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,SAAS,MAAM,EAAE,CAAC;IACpC,OAAO,+BAAI,SAAS,EAAE,SAAS,GAAI,CAAC;AACtC,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}

package/build/layout/external/DynamicExternal.js

@@ -1,37 +1,26 @@
 "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;
+//# sourceMappingURL=DynamicExternal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicExternal.js","sourceRoot":"","sources":["../../../src/layout/external/DynamicExternal.tsx"],"names":[],"mappings":";;;;;;AAAA,yDAAgE;AAChE,iCAA+C;AAC/C,2CAAqC;AAErC,8CAA8F;AAG9F,0FAAkD;AAOlD,0EAA0E;AAC1E,MAAM,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAS,EAAE,EAAE;IACzD,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,SAAS,CAAC;IAExE,MAAM,IAAI,GAAG,IAAA,oBAAO,GAAE,CAAC;IAEvB,MAAM,eAAe,GAAG,IAAA,mBAAW,EACjC,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,oBAAoB,CAAC,EACnD,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,eAAe,EAAE,CAAC;IACpB,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,oBAAoB,GACxB,OAAO,IAAI,gBAAgB;QACzB,CAAC,iCACM,OAAO,KACV,gBAAgB,IAEpB,CAAC,CAAC,SAAS,CAAC;IAEhB,IAAA,8BAAsB,EAAC,oBAAoB,EAAE,QAAQ,CAAC,CAAC;IAEvD,OAAO,CACL,6DACE,uBAAC,mBAAM,IAAC,IAAI,EAAE,iBAAI,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,WAAW,EAAE,oBAAoB,EAAE,GAAI,EAC/E,gCAAM,EACN,uBAAC,mBAAM,kBAAC,QAAQ,EAAC,UAAU,EAAC,KAAK,QAAC,OAAO,EAAE,eAAe,gBACvD,UAAU,IAAI,IAAI,CAAC,aAAa,CAAC,kCAAQ,CAAC,UAAU,CAAC,IAC/C,IACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

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

@@ -1,10 +1,11 @@
 "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: '',
+    },
 });
+//# sourceMappingURL=DynamicExternal.messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicExternal.messages.js","sourceRoot":"","sources":["../../../src/layout/external/DynamicExternal.messages.js"],"names":[],"mappings":";;AAAA,2CAA4C;AAE5C,kBAAe,IAAA,2BAAc,EAAC;IAC5B,UAAU,EAAE;QACV,EAAE,EAAE,yCAAyC;QAC7C,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,EAAE;KAChB;CACF,CAAC,CAAC"}

package/build/layout/form/DynamicForm.js

@@ -1,27 +1,17 @@
 "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;
+//# sourceMappingURL=DynamicForm.js.map

package/build/layout/form/DynamicForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicForm.js","sourceRoot":"","sources":["../../../src/layout/form/DynamicForm.tsx"],"names":[],"mappings":";;;;;;AAAA,0EAAkD;AAGlD,oCAA2C;AAI3C,MAAM,WAAW,GAAG,CAAC,KAAY,EAAE,EAAE;IACnC,MAAM,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC;IAE7B,MAAM,UAAU,GAAG,IAAI,CAAC,MAAgB,CAAC,CAAC,wCAAwC;IAElF,OAAO,CACL,8CAAK,SAAS,EAAE,IAAA,uBAAe,EAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,gBAClD,uBAAC,wBAAc,IACb,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,CAAC,UAAU,EAAE,EAAE;gBACvB,KAAK,CAAC,aAAa,iBAAG,UAAU,IAAK,UAAU,EAAG,CAAC;YACrD,CAAC,EACD,cAAc,EAAE,KAAK,CAAC,cAAc,GACpC,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/build/layout/heading/DynamicHeading.js

@@ -1,33 +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 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;
+//# sourceMappingURL=DynamicHeading.js.map

package/build/layout/heading/DynamicHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicHeading.js","sourceRoot":"","sources":["../../../src/layout/heading/DynamicHeading.tsx"],"names":[],"mappings":";;;AACA,oCAAqD;AAErD,MAAM,cAAc,GAAG,CAAC,KAAmC,EAAE,EAAE;IAC7D,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IAE7E,MAAM,OAAO,GAAG,IAAA,iCAAyB,EAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;IAE7D,QAAQ,IAAI,EAAE;QACZ,KAAK,IAAI;YACP,OAAO,6CAAI,SAAS,EAAE,OAAO,gBAAG,IAAI,IAAM,CAAC;QAC7C,KAAK,IAAI;YACP,OAAO,6CAAI,SAAS,EAAE,OAAO,gBAAG,IAAI,IAAM,CAAC;QAC7C,KAAK,IAAI;YACP,OAAO,6CAAI,SAAS,EAAE,OAAO,gBAAG,IAAI,IAAM,CAAC;QAC7C,KAAK,IAAI;YACP,OAAO,6CAAI,SAAS,EAAE,OAAO,gBAAG,IAAI,IAAM,CAAC;QAC7C,KAAK,IAAI,CAAC;QACV;YACE,OAAO,6CAAI,SAAS,EAAE,OAAO,gBAAG,IAAI,IAAM,CAAC;KAC9C;AACH,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}

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,12 @@ 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;
+//# sourceMappingURL=DynamicIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicIcon.js","sourceRoot":"","sources":["../../../src/layout/icon/DynamicIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2DAA6C;AAO7C,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAS,EAAE,EAAE;IACtC,MAAM,QAAQ,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAE9C,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;QAC1C,OAAO,kDAAK,CAAC;KACd;IAED,MAAM,IAAI,GAAI,KAAoD,CAAC,QAAQ,CAAC,CAAC;IAE7E,OAAO,uBAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC;AAC5B,CAAC,CAAC;AAEF,SAAS,sBAAsB,CAAC,KAAa;IAC3C,OAAO,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5D,CAAC;AAED,SAAS,mBAAmB,CAAC,KAAa;;IACxC,OAAO,GAAG,MAAA,KAAK,CAAC,CAAC,CAAC,0CAAE,WAAW,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;AACvD,CAAC;AAED,SAAgB,eAAe,CAAC,IAAY;IAC1C,MAAM,QAAQ,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAC9C,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAC/C,CAAC;AAHD,0CAGC;AAED,kBAAe,WAAW,CAAC"}