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

package/build/main.mjs

@@ -11266,7 +11266,7 @@ var DecisionRenderer_default = DecisionRenderer;
 function DecisionRendererComponent({ margin, options, title }) {
   const { isLoading } = useLoadingContext();
   return /* @__PURE__ */ jsxs5("div", { className: getMargin(margin), children: [
-    title && /* @__PURE__ */ jsx22(Header, { as: "h2", title }),
+    title && /* @__PURE__ */ jsx22(Header, { as: "h2", title, className: "m-b-2" }),
     /* @__PURE__ */ jsx22(NavigationOptionsList, { children: options.map(({ description, disabled, icon, image, title: title2, onClick }) => /* @__PURE__ */ jsx22(
       NavigationOption,
       {
@@ -11310,7 +11310,8 @@ var FormSectionRenderer = {
       Header2,
       {
         as: "h2",
-        title
+        title,
+        className: "m-b-2"
       }
     ),
     description && /* @__PURE__ */ jsx25("p", { children: description }),
@@ -11447,7 +11448,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__ */ jsxs7("div", { className: getMargin(margin), children: [
-      title ? /* @__PURE__ */ jsx28(Header3, { title }) : null,
+      title ? /* @__PURE__ */ jsx28(Header3, { title, className: "m-b-2" }) : null,
       /* @__PURE__ */ jsx28(InstructionsList, { dos, donts })
     ] });
   }
@@ -11937,7 +11938,7 @@ function Repeatable(props) {
     setOpenModalType(null);
   };
   return /* @__PURE__ */ jsxs11(Fragment4, { children: [
-    title && /* @__PURE__ */ jsx39(Header4, { title }),
+    title && /* @__PURE__ */ jsx39(Header4, { title, className: "m-b-2" }),
     description && /* @__PURE__ */ jsx39("p", { children: description }),
     /* @__PURE__ */ jsxs11(
       "div",
@@ -12420,7 +12421,7 @@ import { jsx as jsx50, jsxs as jsxs18 } from "react/jsx-runtime";
 var StatusListRenderer = {
   canRenderType: "status-list",
   render: ({ margin, items, title }) => /* @__PURE__ */ jsxs18("div", { className: getMargin(margin), children: [
-    title ? /* @__PURE__ */ jsx50(Header5, { title }) : null,
+    title ? /* @__PURE__ */ jsx50(Header5, { title, className: "m-b-2" }) : null,
     items.map(({ description, icon, status, title: itemTitle }) => /* @__PURE__ */ jsx50(
       Summary,
       {
@@ -12648,7 +12649,7 @@ var ReviewRenderer = {
       }
     } : void 0;
     return /* @__PURE__ */ jsxs19("div", { className: getMargin(margin), children: [
-      (title || callToAction) && /* @__PURE__ */ jsx54(Header6, { title: title != null ? title : "", action }),
+      (title || callToAction) && /* @__PURE__ */ jsx54(Header6, { title: title != null ? title : "", action, className: "m-b-2" }),
       /* @__PURE__ */ jsx54("div", { className: margin, children: /* @__PURE__ */ jsx54(
         DefinitionList,
         {
@@ -14570,7 +14571,7 @@ function DynamicDecision({ component, onAction }) {
   const { loading } = useDynamicFlow();
   const { margin, options, title } = component;
   return /* @__PURE__ */ jsxs24("div", { className: getMargin2(margin), children: [
-    title && /* @__PURE__ */ jsx74(Header7, { as: "h2", title }),
+    title && /* @__PURE__ */ jsx74(Header7, { as: "h2", title, className: "m-b-2" }),
     /* @__PURE__ */ jsx74(NavigationOptionsList3, { children: options.map((option) => /* @__PURE__ */ jsx74(
       NavigationOption4,
       {
@@ -14660,7 +14661,7 @@ function AllOfSchema(props) {
   };
   const [models, setModels] = useState12(splitModel(props.model, props.schema.allOf));
   return /* @__PURE__ */ jsxs26(Fragment12, { children: [
-    props.schema.title && /* @__PURE__ */ jsx77(Header8, { title: props.schema.title }),
+    props.schema.title && /* @__PURE__ */ jsx77(Header8, { title: props.schema.title, className: "m-b-2" }),
     props.schema.description && /* @__PURE__ */ jsx77("p", { children: props.schema.description }),
     /* @__PURE__ */ jsx77("div", { className: "row", children: props.schema.allOf.map((schema, index) => (
       // eslint-disable-next-line react/no-array-index-key
@@ -15543,7 +15544,7 @@ function RepeatableSchema({
     "has-error": (_a = errors && !isEmpty(errors)) != null ? _a : submitted && validations.length
   };
   return /* @__PURE__ */ jsxs30("div", { id, className: (0, import_classnames9.default)(formGroupClasses), children: [
-    schema.title && /* @__PURE__ */ jsx84(Header9, { title: schema.title }),
+    schema.title && /* @__PURE__ */ jsx84(Header9, { title: schema.title, className: "m-b-2" }),
     itemSummaries == null ? void 0 : itemSummaries.map((itemSummary) => /* @__PURE__ */ jsx84(
       ItemSummaryOption2,
       {
@@ -15700,7 +15701,7 @@ function ObjectSchema(props) {
   return /* @__PURE__ */ jsxs31(Fragment13, { children: [
     props.schema.alert && /* @__PURE__ */ jsx87(DynamicAlert_default, { component: props.schema.alert }),
     /* @__PURE__ */ jsxs31("fieldset", { children: [
-      props.schema.title && !props.hideTitle && /* @__PURE__ */ jsx87(Header10, { title: props.schema.title, as: "legend" }),
+      props.schema.title && !props.hideTitle && /* @__PURE__ */ jsx87(Header10, { title: props.schema.title, as: "legend", className: "m-b-2" }),
       props.schema.description && !props.hideTitle && /* @__PURE__ */ jsxs31("p", { children: [
         " ",
         props.schema.description,
@@ -16684,7 +16685,7 @@ function getTitleAndHelp(schema, forId) {
     schema.title,
     " ",
     helpElement
-  ] }) : /* @__PURE__ */ jsx91(Header11, { title: (_a = schema.title) != null ? _a : "" }) });
+  ] }) : /* @__PURE__ */ jsx91(Header11, { title: (_a = schema.title) != null ? _a : "", className: "m-b-2" }) });
   return schema.title ? titleElement : helpElement;
 }
 function getValidations(props, schemaIndex) {
@@ -17397,7 +17398,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__ */ jsxs37("div", { className: getMargin2(component.margin || "md"), children: [
-    component.title ? /* @__PURE__ */ jsx106(Header12, { title: component.title }) : null,
+    component.title ? /* @__PURE__ */ jsx106(Header12, { title: component.title, className: "m-b-2" }) : null,
     /* @__PURE__ */ jsx106(InstructionsList2, { dos, donts })
   ] });
 };
@@ -17512,7 +17513,7 @@ import { Header as Header13, Summary as Summary2 } from "@transferwise/component
 import { jsx as jsx108, jsxs as jsxs38 } from "react/jsx-runtime";
 var DynamicStatusList = ({ component }) => {
   return /* @__PURE__ */ jsxs38("div", { className: getMargin2(component.margin || "md"), children: [
-    component.title ? /* @__PURE__ */ jsx108(Header13, { title: component.title }) : null,
+    component.title ? /* @__PURE__ */ jsx108(Header13, { title: component.title, className: "m-b-2" }) : null,
     component.items.map(mapListItemToSummary)
   ] });
 };
@@ -17681,7 +17682,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__ */ jsxs40("div", { className: margin, children: [
-    review.title && /* @__PURE__ */ jsx111(Header14, { title: review.title, action: callToAction || legacyCallToAction || void 0 }),
+    review.title && /* @__PURE__ */ jsx111(
+      Header14,
+      {
+        title: review.title,
+        action: callToAction || legacyCallToAction || void 0,
+        className: "m-b-2"
+      }
+    ),
     /* @__PURE__ */ jsx111("div", { className: margin, children: /* @__PURE__ */ jsx111(DefinitionList3, { layout: orientation, definitions: getDefinitions(orientation, review) }) })
   ] });
 }

package/build/types/index.d.ts

@@ -14,4 +14,5 @@ export { default as JsonSchemaForm } from './legacy/jsonSchemaForm';
 export { DynamicLayout as Layout } from './legacy/layout';
 export { isValidSchema } from './legacy/common/validators';
 export * from './legacy/dynamicFlow/DynamicFlow';
-export type { Renderers, Renderer, AlertRendererProps, BooleanInputRendererProps, BoxRendererProps, ButtonRendererProps, ColumnsRendererProps, DateInputRendererProps, DecisionRendererProps, DividerRendererProps, FormRendererProps, FormSectionRendererProps, HeadingRendererProps, HiddenRendererProps, ImageRendererProps, InstructionsRendererProps, IntegerInputRendererProps, LoadingIndicatorRendererProps, MarkdownRendererProps, ModalRendererProps, MultiSelectInputRendererProps, MultiUploadInputRendererProps, NumberInputRendererProps, ParagraphRendererProps, RepeatableRendererProps, ReviewRendererProps, SearchRendererProps, SelectInputRendererProps, StatusListRendererProps, StepRendererProps, TextInputRendererProps, UploadInputRendererProps, } from '@wise/dynamic-flow-types/build/renderers';
+export type { Renderers } from '@wise/dynamic-flow-renderers';
+export type { Renderer, AlertRendererProps, BooleanInputRendererProps, BoxRendererProps, ButtonRendererProps, ColumnsRendererProps, DateInputRendererProps, DecisionRendererProps, DividerRendererProps, FormRendererProps, FormSectionRendererProps, HeadingRendererProps, HiddenRendererProps, ImageRendererProps, InstructionsRendererProps, IntegerInputRendererProps, LoadingIndicatorRendererProps, MarkdownRendererProps, ModalRendererProps, MultiSelectInputRendererProps, MultiUploadInputRendererProps, NumberInputRendererProps, ParagraphRendererProps, RepeatableRendererProps, ReviewRendererProps, SearchRendererProps, SelectInputRendererProps, StatusListRendererProps, StepRendererProps, TextInputRendererProps, UploadInputRendererProps, } from '@wise/dynamic-flow-renderers';

package/build/types/legacy/layout/search/useSearch.d.ts

@@ -10,7 +10,7 @@ export type SearchState = {
     status: 'error';
 };
 export declare const useSearch: (defaultSearchConfig: SearchConfig) => {
-    status: "error" | "success" | "idle" | "loading";
+    status: "error" | "idle" | "success" | "loading";
     results: SearchResult[];
     search: (query: string, { url, method, param }?: SearchConfig) => Promise<void>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "3.15.2-experimental-9ab778d",
+  "version": "3.15.2-experimental-1d9c70f",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -104,7 +104,7 @@
     "nanoid": "5.0.7",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "2.17.0-experimental-9ab778d"
+    "@wise/dynamic-flow-types": "2.16.0"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",