@wise/dynamic-flow-client 3.15.2-experimental-9ab778d → 3.15.2-experimental-1d9c70f

package/build/legacy/jsonSchemaForm/allOfSchema/AllOfSchema.js

@@ -36,7 +36,7 @@ function AllOfSchema(props) {
         props.onChange(__assign(__assign({}, onChangeProps), { model: combineModels(models) }));
     };
     var _a = useState(splitModel(props.model, props.schema.allOf)), models = _a[0], setModels = _a[1];
-    return (_jsxs(_Fragment, { children: [props.schema.title && _jsx(Header, { title: props.schema.title }), props.schema.description && _jsx("p", { children: props.schema.description }), _jsx("div", { className: "row", children: props.schema.allOf.map(function (schema, index) { return (
+    return (_jsxs(_Fragment, { children: [props.schema.title && _jsx(Header, { title: props.schema.title, className: "m-b-2" }), props.schema.description && _jsx("p", { children: props.schema.description }), _jsx("div", { className: "row", children: props.schema.allOf.map(function (schema, index) { return (
                 // eslint-disable-next-line react/no-array-index-key
                 _jsx("div", { className: classNames(getSchemaColumnClasses(schema.width)), children: _jsx(GenericSchema, { schema: schema, model: models[index], errors: props.errors, submitted: props.submitted, disabled: props.disabled, onChange: function (onChangeProps) {
                             return onChangeModelIndex(index, __assign(__assign({}, onChangeProps), { 

package/build/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/RepeatableSchema.js

@@ -106,7 +106,7 @@ function RepeatableSchema(_a) {
     var formGroupClasses = {
         'has-error': (_b = (errors && !isEmpty(errors))) !== null && _b !== void 0 ? _b : (submitted && validations.length),
     };
-    return (_jsxs("div", { id: id, className: classNames(formGroupClasses), children: [schema.title && _jsx(Header, { title: schema.title }), itemSummaries === null || itemSummaries === void 0 ? void 0 : itemSummaries.map(function (itemSummary) { return (_jsx(ItemSummaryOption, { item: itemSummary, onClick: function () { return onEditItem(itemSummary); } }, JSON.stringify(itemSummary))); }), _jsx(NavigationOption, { media: _jsx(Plus, {}), title: schema.addItemTitle || formatMessage(messages.addItemTitle), showMediaAtAllSizes: true, onClick: onAddItem }), _jsx(Modal, { open: openModalType !== null, title: (openModalType === 'add' ? schema.addItemTitle : schema.editItemTitle) ||
+    return (_jsxs("div", { id: id, className: classNames(formGroupClasses), children: [schema.title && _jsx(Header, { title: schema.title, className: "m-b-2" }), itemSummaries === null || itemSummaries === void 0 ? void 0 : itemSummaries.map(function (itemSummary) { return (_jsx(ItemSummaryOption, { item: itemSummary, onClick: function () { return onEditItem(itemSummary); } }, JSON.stringify(itemSummary))); }), _jsx(NavigationOption, { media: _jsx(Plus, {}), title: schema.addItemTitle || formatMessage(messages.addItemTitle), showMediaAtAllSizes: true, onClick: onAddItem }), _jsx(Modal, { open: openModalType !== null, title: (openModalType === 'add' ? schema.addItemTitle : schema.editItemTitle) ||
                     formatMessage(messages.addItemTitle), body: _jsx(RepeatableSchemaStep, { type: openModalType !== null && openModalType !== void 0 ? openModalType : 'add', schema: schema, model: editableItem.model, errors: errors, submitted: submitted, onAction: onSaveItem, onModelChange: function (_a) {
                         var model = _a.model;
                         return setEditableItem(__assign(__assign({}, editableItem), { model: model }));

package/build/legacy/jsonSchemaForm/objectSchema/ObjectSchema.js

@@ -68,7 +68,7 @@ function ObjectSchema(props) {
     var orderedPropertyNames = Array.from(allorderedPropertiesSet).filter(isPropertyDefined);
     // TODO: LOW avoid type assertion -- what happens when props.errors is not an object?
     var propsErrors = props.errors;
-    return (_jsxs(_Fragment, { children: [props.schema.alert && _jsx(DynamicAlert, { component: props.schema.alert }), _jsxs("fieldset", { children: [props.schema.title && !props.hideTitle && (_jsx(Header, { title: props.schema.title, as: "legend" })), props.schema.description && !props.hideTitle && _jsxs("p", { children: [" ", props.schema.description, " "] }), _jsx("div", { className: "row", children: orderedPropertyNames.map(function (propertyName) { return (_jsx("div", { className: classNames(getSchemaColumnClasses(props.schema.properties[propertyName].width)), children: _jsx(GenericSchema, { schema: props.schema.properties[propertyName], model: props.model && props.model[propertyName], errors: propsErrors === null || propsErrors === void 0 ? void 0 : propsErrors[propertyName], submitted: props.submitted, required: isRequired(propertyName), disabled: props.disabled, onChange: function (onChangeProps) { return onChangeProperty(propertyName, onChangeProps); }, onPersistAsync: props.onPersistAsync }) }, propertyName)); }) })] })] }));
+    return (_jsxs(_Fragment, { children: [props.schema.alert && _jsx(DynamicAlert, { component: props.schema.alert }), _jsxs("fieldset", { children: [props.schema.title && !props.hideTitle && (_jsx(Header, { title: props.schema.title, as: "legend", className: "m-b-2" })), props.schema.description && !props.hideTitle && _jsxs("p", { children: [" ", props.schema.description, " "] }), _jsx("div", { className: "row", children: orderedPropertyNames.map(function (propertyName) { return (_jsx("div", { className: classNames(getSchemaColumnClasses(props.schema.properties[propertyName].width)), children: _jsx(GenericSchema, { schema: props.schema.properties[propertyName], model: props.model && props.model[propertyName], errors: propsErrors === null || propsErrors === void 0 ? void 0 : propsErrors[propertyName], submitted: props.submitted, required: isRequired(propertyName), disabled: props.disabled, onChange: function (onChangeProps) { return onChangeProperty(propertyName, onChangeProps); }, onPersistAsync: props.onPersistAsync }) }, propertyName)); }) })] })] }));
 }
 ObjectSchema.defaultProps = {
     hideTitle: false,

package/build/legacy/jsonSchemaForm/oneOfSchema/OneOfSchema.js

@@ -116,7 +116,7 @@ function OneOfSchema(props) {
 function getTitleAndHelp(schema, forId) {
     var _a;
     var helpElement = schema.help ? _jsx(Help, { help: schema.help }) : null;
-    var titleElement = isConstSchema(schema.oneOf[0]) ? (_jsx("div", { className: "m-b-1", children: _jsxs("label", { className: "control-label d-inline", htmlFor: forId, children: [schema.title, " ", helpElement] }) })) : (_jsx(_Fragment, { children: helpElement ? (_jsxs("h4", { className: "m-b-2", children: [schema.title, " ", helpElement] })) : (_jsx(Header, { title: (_a = schema.title) !== null && _a !== void 0 ? _a : '' })) }));
+    var titleElement = isConstSchema(schema.oneOf[0]) ? (_jsx("div", { className: "m-b-1", children: _jsxs("label", { className: "control-label d-inline", htmlFor: forId, children: [schema.title, " ", helpElement] }) })) : (_jsx(_Fragment, { children: helpElement ? (_jsxs("h4", { className: "m-b-2", children: [schema.title, " ", helpElement] })) : (_jsx(Header, { title: (_a = schema.title) !== null && _a !== void 0 ? _a : '', className: "m-b-2" })) }));
     return schema.title ? titleElement : helpElement;
 }
 function getValidations(props, schemaIndex) {

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

@@ -6,6 +6,6 @@ function DynamicDecision(_a) {
     var component = _a.component, onAction = _a.onAction;
     var loading = useDynamicFlow().loading;
     var margin = component.margin, options = component.options, title = component.title;
-    return (_jsxs("div", { className: getMargin(margin), children: [title && _jsx(Header, { as: "h2", title: title }), _jsx(NavigationOptionsList, { children: options.map(function (option) { return (_jsx(NavigationOption, { title: option.title, content: option.description, disabled: loading || option.disabled, media: getNavigationOptionMedia(option), showMediaCircle: false, showMediaAtAllSizes: true, onClick: function () { return onAction(option.action); } }, JSON.stringify(option))); }) })] }));
+    return (_jsxs("div", { className: getMargin(margin), children: [title && _jsx(Header, { as: "h2", title: title, className: "m-b-2" }), _jsx(NavigationOptionsList, { children: options.map(function (option) { return (_jsx(NavigationOption, { title: option.title, content: option.description, disabled: loading || option.disabled, media: getNavigationOptionMedia(option), showMediaCircle: false, showMediaAtAllSizes: true, onClick: function () { return onAction(option.action); } }, JSON.stringify(option))); }) })] }));
 }
 export default DynamicDecision;

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

@@ -14,6 +14,6 @@ var DynamicInstructions = function (_a) {
         var text = _a.text;
         return text;
     });
-    return (_jsxs("div", { className: getMargin(component.margin || 'md'), children: [component.title ? _jsx(Header, { title: component.title }) : null, _jsx(InstructionsList, { dos: dos, donts: donts })] }));
+    return (_jsxs("div", { className: getMargin(component.margin || 'md'), children: [component.title ? _jsx(Header, { title: component.title, className: "m-b-2" }) : null, _jsx(InstructionsList, { dos: dos, donts: donts })] }));
 };
 export default DynamicInstructions;

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

@@ -16,7 +16,7 @@ import { DynamicIcon } from '..';
 import { getMargin } from '../utils';
 var DynamicStatusList = function (_a) {
     var component = _a.component;
-    return (_jsxs("div", { className: getMargin(component.margin || 'md'), children: [component.title ? _jsx(Header, { title: component.title }) : null, component.items.map(mapListItemToSummary)] }));
+    return (_jsxs("div", { className: getMargin(component.margin || 'md'), children: [component.title ? _jsx(Header, { title: component.title, className: "m-b-2" }) : null, component.items.map(mapListItemToSummary)] }));
 };
 var mapListItemToSummary = function (_a) {
     var title = _a.title, description = _a.description, icon = _a.icon, status = _a.status;

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

@@ -54,6 +54,6 @@ function DynamicReview(props) {
     var legacyCallToAction = !callToAction && review.action
         ? getReviewAction(review.action.title || '', review.action)
         : null;
-    return (_jsxs("div", { className: margin, children: [review.title && (_jsx(Header, { title: review.title, action: callToAction || legacyCallToAction || undefined })), _jsx("div", { className: margin, children: _jsx(DefinitionList, { layout: orientation, definitions: getDefinitions(orientation, review) }) })] }));
+    return (_jsxs("div", { className: margin, children: [review.title && (_jsx(Header, { title: review.title, action: callToAction || legacyCallToAction || undefined, className: "m-b-2" })), _jsx("div", { className: margin, children: _jsx(DefinitionList, { layout: orientation, definitions: getDefinitions(orientation, review) }) })] }));
 }
 export default DynamicReview;

package/build/main.js

@@ -11290,7 +11290,7 @@ var DecisionRenderer_default = DecisionRenderer;
 function DecisionRendererComponent({ margin, options, title }) {
   const { isLoading } = useLoadingContext();
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: getMargin(margin), children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_components9.Header, { as: "h2", title }),
+    title && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_components9.Header, { as: "h2", title, className: "m-b-2" }),
     /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_components9.NavigationOptionsList, { children: options.map(({ description, disabled, icon, image, title: title2, onClick }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       import_components9.NavigationOption,
       {
@@ -11334,7 +11334,8 @@ var FormSectionRenderer = {
       import_components10.Header,
       {
         as: "h2",
-        title
+        title,
+        className: "m-b-2"
       }
     ),
     description && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { children: description }),
@@ -11471,7 +11472,7 @@ var InstructionsRenderer = {
     const dos = items.filter((item) => doContext.includes(item.context)).map(({ text }) => text);
     const donts = items.filter((item) => dontContext.includes(item.context)).map(({ text }) => text);
     return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: getMargin(margin), children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_components13.Header, { title }) : null,
+      title ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_components13.Header, { title, className: "m-b-2" }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_components13.InstructionsList, { dos, donts })
     ] });
   }
@@ -11961,7 +11962,7 @@ function Repeatable(props) {
     setOpenModalType(null);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_components25.Header, { title }),
+    title && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_components25.Header, { title, className: "m-b-2" }),
     description && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { children: description }),
     /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
       "div",
@@ -12444,7 +12445,7 @@ var import_jsx_runtime51 = require("react/jsx-runtime");
 var StatusListRenderer = {
   canRenderType: "status-list",
   render: ({ margin, items, title }) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: getMargin(margin), children: [
-    title ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_components33.Header, { title }) : null,
+    title ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_components33.Header, { title, className: "m-b-2" }) : null,
     items.map(({ description, icon, status, title: itemTitle }) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       import_components33.Summary,
       {
@@ -12666,7 +12667,7 @@ var ReviewRenderer = {
       }
     } : void 0;
     return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: getMargin(margin), children: [
-      (title || callToAction) && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_components36.Header, { title: title != null ? title : "", action }),
+      (title || callToAction) && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_components36.Header, { title: title != null ? title : "", action, className: "m-b-2" }),
       /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: margin, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
         import_components36.DefinitionList,
         {
@@ -14588,7 +14589,7 @@ function DynamicDecision({ component, onAction }) {
   const { loading } = useDynamicFlow();
   const { margin, options, title } = component;
   return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: getMargin2(margin), children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_components43.Header, { as: "h2", title }),
+    title && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_components43.Header, { as: "h2", title, className: "m-b-2" }),
     /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_components43.NavigationOptionsList, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
       import_components43.NavigationOption,
       {
@@ -14678,7 +14679,7 @@ function AllOfSchema(props) {
   };
   const [models, setModels] = (0, import_react33.useState)(splitModel(props.model, props.schema.allOf));
   return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
-    props.schema.title && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_components45.Header, { title: props.schema.title }),
+    props.schema.title && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_components45.Header, { title: props.schema.title, className: "m-b-2" }),
     props.schema.description && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { children: props.schema.description }),
     /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "row", children: props.schema.allOf.map((schema, index) => (
       // eslint-disable-next-line react/no-array-index-key
@@ -15558,7 +15559,7 @@ function RepeatableSchema({
     "has-error": (_a = errors && !isEmpty(errors)) != null ? _a : submitted && validations.length
   };
   return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { id, className: (0, import_classnames9.default)(formGroupClasses), children: [
-    schema.title && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_components51.Header, { title: schema.title }),
+    schema.title && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_components51.Header, { title: schema.title, className: "m-b-2" }),
     itemSummaries == null ? void 0 : itemSummaries.map((itemSummary) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       ItemSummaryOption2,
       {
@@ -15715,7 +15716,7 @@ function ObjectSchema(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
     props.schema.alert && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(DynamicAlert_default, { component: props.schema.alert }),
     /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("fieldset", { children: [
-      props.schema.title && !props.hideTitle && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_components52.Header, { title: props.schema.title, as: "legend" }),
+      props.schema.title && !props.hideTitle && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_components52.Header, { title: props.schema.title, as: "legend", className: "m-b-2" }),
       props.schema.description && !props.hideTitle && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("p", { children: [
         " ",
         props.schema.description,
@@ -16687,7 +16688,7 @@ function getTitleAndHelp(schema, forId) {
     schema.title,
     " ",
     helpElement
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_components55.Header, { title: (_a = schema.title) != null ? _a : "" }) });
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_components55.Header, { title: (_a = schema.title) != null ? _a : "", className: "m-b-2" }) });
   return schema.title ? titleElement : helpElement;
 }
 function getValidations(props, schemaIndex) {
@@ -17400,7 +17401,7 @@ var DynamicInstructions = ({ component }) => {
   const dos = items.filter((item) => doContext2.includes(item.context)).map(({ text }) => text);
   const donts = items.filter((item) => dontContext2.includes(item.context)).map(({ text }) => text);
   return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: getMargin2(component.margin || "md"), children: [
-    component.title ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_components63.Header, { title: component.title }) : null,
+    component.title ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_components63.Header, { title: component.title, className: "m-b-2" }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_components63.InstructionsList, { dos, donts })
   ] });
 };
@@ -17515,7 +17516,7 @@ var import_components64 = require("@transferwise/components");
 var import_jsx_runtime109 = require("react/jsx-runtime");
 var DynamicStatusList = ({ component }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: getMargin2(component.margin || "md"), children: [
-    component.title ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_components64.Header, { title: component.title }) : null,
+    component.title ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_components64.Header, { title: component.title, className: "m-b-2" }) : null,
     component.items.map(mapListItemToSummary)
   ] });
 };
@@ -17684,7 +17685,14 @@ function DynamicReview(props) {
   const callToAction = review.callToAction ? getReviewAction2(review.callToAction.title, review.callToAction.action) : null;
   const legacyCallToAction = !callToAction && review.action ? getReviewAction2(review.action.title || "", review.action) : null;
   return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: margin, children: [
-    review.title && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_components68.Header, { title: review.title, action: callToAction || legacyCallToAction || void 0 }),
+    review.title && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+      import_components68.Header,
+      {
+        title: review.title,
+        action: callToAction || legacyCallToAction || void 0,
+        className: "m-b-2"
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: margin, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_components68.DefinitionList, { layout: orientation, definitions: getDefinitions(orientation, review) }) })
   ] });
 }