@wise/dynamic-flow-client 4.17.0 → 4.18.0

package/build/main.js

@@ -1531,6 +1531,19 @@ var columnsComponentToProps = ({ uid, analyticsId, bias, control, margin, startC
   });
 };
 
+// src/revamp/renderers/mappers/constComponentToProps.ts
+var constComponentToProps = (component, rendererMapperProps) => {
+  const childrenProps = component.layout.map(
+    (c) => componentToRendererProps(c, rendererMapperProps)
+  );
+  return __spreadValues({
+    type: "container",
+    uid: `${component.uid}-wrapper`,
+    childrenProps,
+    children: childrenProps.map(rendererMapperProps.render)
+  }, rendererMapperProps);
+};
+
 // src/revamp/renderers/mappers/containerComponentToProps.ts
 var containerComponentToProps = (component, rendererMapperProps) => {
   const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
@@ -1740,6 +1753,22 @@ var persistAsyncComponentToProps = (component, rendererMapperProps) => {
   return props;
 };
 
+// src/revamp/renderers/mappers/progressComponentToProps.ts
+var progressComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(
+  component,
+  "uid",
+  "type",
+  "analyticsId",
+  "context",
+  "control",
+  "description",
+  "help",
+  "margin",
+  "progress",
+  "progressText",
+  "title"
+)), rendererMapperProps);
+
 // src/revamp/renderers/mappers/repeatableComponentToProps.ts
 var repeatableComponentToProps = (component, rendererMapperProps) => {
   const {
@@ -1992,30 +2021,14 @@ var uploadInputComponentToProps = (component, rendererMapperProps) => {
   });
 };
 
-// src/revamp/renderers/mappers/progressComponentToProps.ts
-var progressComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(
-  component,
-  "uid",
-  "type",
-  "analyticsId",
-  "context",
-  "control",
-  "description",
-  "help",
-  "margin",
-  "progress",
-  "progressText",
-  "title"
-)), rendererMapperProps);
-
 // src/revamp/renderers/mappers/componentToRendererProps.ts
 var componentToRendererProps = (component, mapperProps) => {
   if (isHiddenComponent(component)) {
     return hiddenComponentToProps(component);
   }
-  const trackEventWithLayoutId = (eventName, properties) => mapperProps.trackEvent(eventName, __spreadValues({
+  const trackEventWithLayoutId = ((eventName, properties) => mapperProps.trackEvent(eventName, __spreadValues({
     layoutId: component.analyticsId
-  }, properties));
+  }, properties)));
   const rendererMapperProps = component.kind === "layout" ? __spreadProps(__spreadValues({}, mapperProps), { trackEvent: trackEventWithLayoutId }) : mapperProps;
   const componentProps = getComponentProps(component, rendererMapperProps);
   const alertProps = getComponentAlertProps(component, rendererMapperProps);
@@ -2063,7 +2076,7 @@ var getComponentProps = (component, rendererMapperProps) => {
     case "heading":
       return headingComponentToProps(component, rendererMapperProps);
     case "const":
-      return hiddenComponentToProps(component);
+      return constComponentToProps(component, rendererMapperProps);
     case "image":
       return imageComponentToProps(component, rendererMapperProps);
     case "instructions":
@@ -2396,6 +2409,13 @@ var createBoxComponent = (boxProps) => __spreadProps(__spreadValues({}, boxProps
   }
 });
 
+// src/revamp/domain/mappers/utils/layout-utils.ts
+var removeMarginFromLayout = (component) => {
+  return __spreadProps(__spreadValues({}, component), {
+    margin: "xs"
+  });
+};
+
 // src/revamp/domain/mappers/layout/boxLayoutToComponents.ts
 var boxLayoutToComponent = (uid, { border = false, components, control, margin = "md", width = "xl", analyticsId }, mapperProps, schemaComponents) => createBoxComponent({
   uid,
@@ -2404,9 +2424,16 @@ var boxLayoutToComponent = (uid, { border = false, components, control, margin =
   control,
   margin,
   width,
-  components: components.map(
-    (component, index) => mapLayoutToComponent(`${uid}.box-${index}`, component, mapperProps, schemaComponents)
-  )
+  components: components.map((component, index) => {
+    const shouldRemoveMargin = index === components.length - 1 && component.margin === void 0;
+    const componentWithAdjustedMargin = shouldRemoveMargin ? removeMarginFromLayout(component) : component;
+    return mapLayoutToComponent(
+      `${uid}.box-${index}`,
+      componentWithAdjustedMargin,
+      mapperProps,
+      schemaComponents
+    );
+  })
 });
 
 // src/revamp/domain/components/ButtonComponent.ts
@@ -5218,14 +5245,15 @@ var getValidModel = (model, defaultValue) => {
 
 // src/revamp/domain/components/ConstComponent.ts
 var createConstComponent = (hiddenProps) => {
-  const { uid, schemaId, analyticsId, value, summary } = hiddenProps;
+  const { uid, schemaId, analyticsId, value, summary, layout, hidden } = hiddenProps;
   return {
     type: "const",
     kind: "input",
     uid,
     schemaId,
     analyticsId,
-    hidden: true,
+    layout,
+    hidden,
     getLocalValue: () => value,
     getSubmittableValue: async () => value,
     getSubmittableValueSync: () => value,
@@ -5235,19 +5263,27 @@ var createConstComponent = (hiddenProps) => {
 };
 
 // src/revamp/domain/mappers/schema/constSchemaToComponent.ts
-var constSchemaToComponent = (uid, schemaMapperProps) => {
+var constSchemaToComponent = (uid, schemaMapperProps, mapperProps) => {
   var _a;
   const { schema, schemaId } = schemaMapperProps;
-  const { title, const: constValue, analyticsId, $id } = schema;
+  const { title, const: constValue, analyticsId, $id, layout, alert, hidden } = schema;
   const titleOrValue = (_a = title != null ? title : constValue) != null ? _a : null;
   return createConstComponent({
     uid,
     schemaId,
     analyticsId: analyticsId != null ? analyticsId : $id,
     summary: getConstSummary(schema, titleOrValue),
-    value: schema.const
+    value: schema.const,
+    layout: getConstLayout(uid, mapperProps, layout, alert),
+    hidden: Boolean(hidden)
   });
 };
+var getConstLayout = (uid, mapperProps, layout, alert) => {
+  const items = layout != null ? layout : alert ? [alert] : [];
+  return items.map(
+    (item, index) => mapLayoutToComponent(`${uid}-layout.${index}`, item, mapperProps, [])
+  );
+};
 
 // src/revamp/domain/components/IntegerInputComponent.ts
 var createIntegerInputComponent = (integerInputProps, updateComponent) => {
@@ -5746,6 +5782,26 @@ var createDateInputComponent = (textInputProps, updateComponent) => {
   return dateInputComponent;
 };
 
+// src/revamp/domain/mappers/utils/suggestions-utils.ts
+var mapStringSchemaSuggestions = (suggestions, logEvent) => {
+  if (!suggestions) return void 0;
+  return {
+    values: suggestions.values.map((_a) => {
+      var _b = _a, { icon, image, media, value } = _b, rest = __objRest(_b, ["icon", "image", "media", "value"]);
+      if (typeof value !== "string") {
+        logEvent(
+          "warning",
+          `Suggestion values for string schemas must be of type string. Found ${typeof value} instead.`
+        );
+      }
+      return __spreadProps(__spreadValues({}, rest), {
+        media: getDomainLayerMedia({ icon, image, media }),
+        value
+      });
+    })
+  };
+};
+
 // src/revamp/domain/mappers/schema/stringSchemaToComponent/stringSchemaToDateInputComponent.ts
 var stringSchemaToDateInputComponent = (schemaMapperProps, mapperProps) => {
   const { schema, localValue, model, required = false, onPersistAsync } = schemaMapperProps;
@@ -5775,14 +5831,7 @@ var stringSchemaToDateInputComponent = (schemaMapperProps, mapperProps) => {
       ],
       minimumDate,
       maximumDate,
-      suggestions: suggestions ? {
-        values: suggestions.values.map((_a) => {
-          var _b = _a, { icon, image, media } = _b, rest = __objRest(_b, ["icon", "image", "media"]);
-          return __spreadProps(__spreadValues({}, rest), {
-            media: getDomainLayerMedia({ icon, image, media })
-          });
-        })
-      } : void 0,
+      suggestions: mapStringSchemaSuggestions(suggestions, mapperProps.logEvent),
       value,
       validationAsyncState,
       schemaOnChange: getSchemaOnChange(schema, onBehavior),
@@ -5952,14 +6001,7 @@ var stringSchemaToTextInputComponent = (schemaMapperProps, mapperProps) => {
       displayFormat,
       maxLength,
       minLength,
-      suggestions: suggestions ? {
-        values: suggestions.values.map((_a) => {
-          var _b = _a, { icon, image, media } = _b, rest = __objRest(_b, ["icon", "image", "media"]);
-          return __spreadProps(__spreadValues({}, rest), {
-            media: getDomainLayerMedia({ icon, image, media })
-          });
-        })
-      } : void 0,
+      suggestions: mapStringSchemaSuggestions(suggestions, mapperProps.logEvent),
       value,
       validationAsyncState,
       schemaOnChange: getSchemaOnChange(schema, onBehavior),
@@ -6132,7 +6174,7 @@ var persistAsyncSchemaToComponent = (schemaMapperProps, mapperProps) => {
 var mapSchemaToComponent = (schemaMapperProps, mapperProps) => {
   const { uid, schema } = schemaMapperProps;
   if (isConstSchema(schema)) {
-    return constSchemaToComponent(uid, __spreadProps(__spreadValues({}, schemaMapperProps), { schema }));
+    return constSchemaToComponent(uid, __spreadProps(__spreadValues({}, schemaMapperProps), { schema }), mapperProps);
   }
   if (isSchemaWithPersistAsync(schema)) {
     return persistAsyncSchemaToComponent(__spreadProps(__spreadValues({}, schemaMapperProps), { schema }), mapperProps);
@@ -6335,12 +6377,8 @@ var mapStepToComponent = (_a) => {
     (layoutComponent, index) => mapLayoutToComponent(`${uid}.layout-${index}`, layoutComponent, mapperProps, schemaComponents)
   );
   const footerComponents = pinned.map((footerComponent, index) => {
-    if (index === pinned.length - 1 && footerComponent.margin === void 0) {
-      return __spreadProps(__spreadValues({}, footerComponent), {
-        margin: "xs"
-      });
-    }
-    return footerComponent;
+    const shouldRemoveMargin = index === pinned.length - 1 && footerComponent.margin === void 0;
+    return shouldRemoveMargin ? removeMarginFromLayout(footerComponent) : footerComponent;
   }).map(
     (footerComponent, index) => mapLayoutToComponent(
       `${uid}.footer-${index}`,
@@ -7199,8 +7237,8 @@ function DynamicFlowCore(props) {
   const tree = componentToRendererProps(rootComponent, {
     render,
     httpClient,
-    trackEvent: (_a = rootComponent.getTrackEvent()) != null ? _a : () => {
-    },
+    trackEvent: (_a = rootComponent.getTrackEvent()) != null ? _a : (() => {
+    }),
     stepLoadingState: rootComponent.getLoadingState()
   });
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -7263,8 +7301,8 @@ var DynamicFormCore = (0, import_react5.forwardRef)(function DynamicFormCore2(pr
   const tree = componentToRendererProps(rootComponent, {
     render,
     httpClient,
-    trackEvent: (_a = rootComponent.getTrackEvent()) != null ? _a : () => {
-    },
+    trackEvent: (_a = rootComponent.getTrackEvent()) != null ? _a : (() => {
+    }),
     stepLoadingState: rootComponent.getLoadingState()
   });
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(

package/build/main.mjs

@@ -1488,6 +1488,19 @@ var columnsComponentToProps = ({ uid, analyticsId, bias, control, margin, startC
   });
 };
 
+// src/revamp/renderers/mappers/constComponentToProps.ts
+var constComponentToProps = (component, rendererMapperProps) => {
+  const childrenProps = component.layout.map(
+    (c) => componentToRendererProps(c, rendererMapperProps)
+  );
+  return __spreadValues({
+    type: "container",
+    uid: `${component.uid}-wrapper`,
+    childrenProps,
+    children: childrenProps.map(rendererMapperProps.render)
+  }, rendererMapperProps);
+};
+
 // src/revamp/renderers/mappers/containerComponentToProps.ts
 var containerComponentToProps = (component, rendererMapperProps) => {
   const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
@@ -1697,6 +1710,22 @@ var persistAsyncComponentToProps = (component, rendererMapperProps) => {
   return props;
 };
 
+// src/revamp/renderers/mappers/progressComponentToProps.ts
+var progressComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(
+  component,
+  "uid",
+  "type",
+  "analyticsId",
+  "context",
+  "control",
+  "description",
+  "help",
+  "margin",
+  "progress",
+  "progressText",
+  "title"
+)), rendererMapperProps);
+
 // src/revamp/renderers/mappers/repeatableComponentToProps.ts
 var repeatableComponentToProps = (component, rendererMapperProps) => {
   const {
@@ -1949,30 +1978,14 @@ var uploadInputComponentToProps = (component, rendererMapperProps) => {
   });
 };
 
-// src/revamp/renderers/mappers/progressComponentToProps.ts
-var progressComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(
-  component,
-  "uid",
-  "type",
-  "analyticsId",
-  "context",
-  "control",
-  "description",
-  "help",
-  "margin",
-  "progress",
-  "progressText",
-  "title"
-)), rendererMapperProps);
-
 // src/revamp/renderers/mappers/componentToRendererProps.ts
 var componentToRendererProps = (component, mapperProps) => {
   if (isHiddenComponent(component)) {
     return hiddenComponentToProps(component);
   }
-  const trackEventWithLayoutId = (eventName, properties) => mapperProps.trackEvent(eventName, __spreadValues({
+  const trackEventWithLayoutId = ((eventName, properties) => mapperProps.trackEvent(eventName, __spreadValues({
     layoutId: component.analyticsId
-  }, properties));
+  }, properties)));
   const rendererMapperProps = component.kind === "layout" ? __spreadProps(__spreadValues({}, mapperProps), { trackEvent: trackEventWithLayoutId }) : mapperProps;
   const componentProps = getComponentProps(component, rendererMapperProps);
   const alertProps = getComponentAlertProps(component, rendererMapperProps);
@@ -2020,7 +2033,7 @@ var getComponentProps = (component, rendererMapperProps) => {
     case "heading":
       return headingComponentToProps(component, rendererMapperProps);
     case "const":
-      return hiddenComponentToProps(component);
+      return constComponentToProps(component, rendererMapperProps);
     case "image":
       return imageComponentToProps(component, rendererMapperProps);
     case "instructions":
@@ -2353,6 +2366,13 @@ var createBoxComponent = (boxProps) => __spreadProps(__spreadValues({}, boxProps
   }
 });
 
+// src/revamp/domain/mappers/utils/layout-utils.ts
+var removeMarginFromLayout = (component) => {
+  return __spreadProps(__spreadValues({}, component), {
+    margin: "xs"
+  });
+};
+
 // src/revamp/domain/mappers/layout/boxLayoutToComponents.ts
 var boxLayoutToComponent = (uid, { border = false, components, control, margin = "md", width = "xl", analyticsId }, mapperProps, schemaComponents) => createBoxComponent({
   uid,
@@ -2361,9 +2381,16 @@ var boxLayoutToComponent = (uid, { border = false, components, control, margin =
   control,
   margin,
   width,
-  components: components.map(
-    (component, index) => mapLayoutToComponent(`${uid}.box-${index}`, component, mapperProps, schemaComponents)
-  )
+  components: components.map((component, index) => {
+    const shouldRemoveMargin = index === components.length - 1 && component.margin === void 0;
+    const componentWithAdjustedMargin = shouldRemoveMargin ? removeMarginFromLayout(component) : component;
+    return mapLayoutToComponent(
+      `${uid}.box-${index}`,
+      componentWithAdjustedMargin,
+      mapperProps,
+      schemaComponents
+    );
+  })
 });
 
 // src/revamp/domain/components/ButtonComponent.ts
@@ -5175,14 +5202,15 @@ var getValidModel = (model, defaultValue) => {
 
 // src/revamp/domain/components/ConstComponent.ts
 var createConstComponent = (hiddenProps) => {
-  const { uid, schemaId, analyticsId, value, summary } = hiddenProps;
+  const { uid, schemaId, analyticsId, value, summary, layout, hidden } = hiddenProps;
   return {
     type: "const",
     kind: "input",
     uid,
     schemaId,
     analyticsId,
-    hidden: true,
+    layout,
+    hidden,
     getLocalValue: () => value,
     getSubmittableValue: async () => value,
     getSubmittableValueSync: () => value,
@@ -5192,19 +5220,27 @@ var createConstComponent = (hiddenProps) => {
 };
 
 // src/revamp/domain/mappers/schema/constSchemaToComponent.ts
-var constSchemaToComponent = (uid, schemaMapperProps) => {
+var constSchemaToComponent = (uid, schemaMapperProps, mapperProps) => {
   var _a;
   const { schema, schemaId } = schemaMapperProps;
-  const { title, const: constValue, analyticsId, $id } = schema;
+  const { title, const: constValue, analyticsId, $id, layout, alert, hidden } = schema;
   const titleOrValue = (_a = title != null ? title : constValue) != null ? _a : null;
   return createConstComponent({
     uid,
     schemaId,
     analyticsId: analyticsId != null ? analyticsId : $id,
     summary: getConstSummary(schema, titleOrValue),
-    value: schema.const
+    value: schema.const,
+    layout: getConstLayout(uid, mapperProps, layout, alert),
+    hidden: Boolean(hidden)
   });
 };
+var getConstLayout = (uid, mapperProps, layout, alert) => {
+  const items = layout != null ? layout : alert ? [alert] : [];
+  return items.map(
+    (item, index) => mapLayoutToComponent(`${uid}-layout.${index}`, item, mapperProps, [])
+  );
+};
 
 // src/revamp/domain/components/IntegerInputComponent.ts
 var createIntegerInputComponent = (integerInputProps, updateComponent) => {
@@ -5703,6 +5739,26 @@ var createDateInputComponent = (textInputProps, updateComponent) => {
   return dateInputComponent;
 };
 
+// src/revamp/domain/mappers/utils/suggestions-utils.ts
+var mapStringSchemaSuggestions = (suggestions, logEvent) => {
+  if (!suggestions) return void 0;
+  return {
+    values: suggestions.values.map((_a) => {
+      var _b = _a, { icon, image, media, value } = _b, rest = __objRest(_b, ["icon", "image", "media", "value"]);
+      if (typeof value !== "string") {
+        logEvent(
+          "warning",
+          `Suggestion values for string schemas must be of type string. Found ${typeof value} instead.`
+        );
+      }
+      return __spreadProps(__spreadValues({}, rest), {
+        media: getDomainLayerMedia({ icon, image, media }),
+        value
+      });
+    })
+  };
+};
+
 // src/revamp/domain/mappers/schema/stringSchemaToComponent/stringSchemaToDateInputComponent.ts
 var stringSchemaToDateInputComponent = (schemaMapperProps, mapperProps) => {
   const { schema, localValue, model, required = false, onPersistAsync } = schemaMapperProps;
@@ -5732,14 +5788,7 @@ var stringSchemaToDateInputComponent = (schemaMapperProps, mapperProps) => {
       ],
       minimumDate,
       maximumDate,
-      suggestions: suggestions ? {
-        values: suggestions.values.map((_a) => {
-          var _b = _a, { icon, image, media } = _b, rest = __objRest(_b, ["icon", "image", "media"]);
-          return __spreadProps(__spreadValues({}, rest), {
-            media: getDomainLayerMedia({ icon, image, media })
-          });
-        })
-      } : void 0,
+      suggestions: mapStringSchemaSuggestions(suggestions, mapperProps.logEvent),
       value,
       validationAsyncState,
       schemaOnChange: getSchemaOnChange(schema, onBehavior),
@@ -5909,14 +5958,7 @@ var stringSchemaToTextInputComponent = (schemaMapperProps, mapperProps) => {
       displayFormat,
       maxLength,
       minLength,
-      suggestions: suggestions ? {
-        values: suggestions.values.map((_a) => {
-          var _b = _a, { icon, image, media } = _b, rest = __objRest(_b, ["icon", "image", "media"]);
-          return __spreadProps(__spreadValues({}, rest), {
-            media: getDomainLayerMedia({ icon, image, media })
-          });
-        })
-      } : void 0,
+      suggestions: mapStringSchemaSuggestions(suggestions, mapperProps.logEvent),
       value,
       validationAsyncState,
       schemaOnChange: getSchemaOnChange(schema, onBehavior),
@@ -6089,7 +6131,7 @@ var persistAsyncSchemaToComponent = (schemaMapperProps, mapperProps) => {
 var mapSchemaToComponent = (schemaMapperProps, mapperProps) => {
   const { uid, schema } = schemaMapperProps;
   if (isConstSchema(schema)) {
-    return constSchemaToComponent(uid, __spreadProps(__spreadValues({}, schemaMapperProps), { schema }));
+    return constSchemaToComponent(uid, __spreadProps(__spreadValues({}, schemaMapperProps), { schema }), mapperProps);
   }
   if (isSchemaWithPersistAsync(schema)) {
     return persistAsyncSchemaToComponent(__spreadProps(__spreadValues({}, schemaMapperProps), { schema }), mapperProps);
@@ -6292,12 +6334,8 @@ var mapStepToComponent = (_a) => {
     (layoutComponent, index) => mapLayoutToComponent(`${uid}.layout-${index}`, layoutComponent, mapperProps, schemaComponents)
   );
   const footerComponents = pinned.map((footerComponent, index) => {
-    if (index === pinned.length - 1 && footerComponent.margin === void 0) {
-      return __spreadProps(__spreadValues({}, footerComponent), {
-        margin: "xs"
-      });
-    }
-    return footerComponent;
+    const shouldRemoveMargin = index === pinned.length - 1 && footerComponent.margin === void 0;
+    return shouldRemoveMargin ? removeMarginFromLayout(footerComponent) : footerComponent;
   }).map(
     (footerComponent, index) => mapLayoutToComponent(
       `${uid}.footer-${index}`,
@@ -7156,8 +7194,8 @@ function DynamicFlowCore(props) {
   const tree = componentToRendererProps(rootComponent, {
     render,
     httpClient,
-    trackEvent: (_a = rootComponent.getTrackEvent()) != null ? _a : () => {
-    },
+    trackEvent: (_a = rootComponent.getTrackEvent()) != null ? _a : (() => {
+    }),
     stepLoadingState: rootComponent.getLoadingState()
   });
   return /* @__PURE__ */ jsx6(
@@ -7220,8 +7258,8 @@ var DynamicFormCore = forwardRef(function DynamicFormCore2(props, ref) {
   const tree = componentToRendererProps(rootComponent, {
     render,
     httpClient,
-    trackEvent: (_a = rootComponent.getTrackEvent()) != null ? _a : () => {
-    },
+    trackEvent: (_a = rootComponent.getTrackEvent()) != null ? _a : (() => {
+    }),
     stepLoadingState: rootComponent.getLoadingState()
   });
   return /* @__PURE__ */ jsx7(

package/build/types/revamp/domain/components/ConstComponent.d.ts

@@ -1,10 +1,11 @@
 import type { Model } from '@wise/dynamic-flow-types/build/next';
-import type { BaseSchemaComponent, LocalValue, RepeatableSummary } from '../types';
+import type { BaseSchemaComponent, LayoutComponent, LocalValue, RepeatableSummary } from '../types';
 export type ConstComponent = BaseSchemaComponent<LocalValue> & {
     type: 'const';
     kind: 'input';
+    layout: LayoutComponent[];
 };
-export declare const createConstComponent: (hiddenProps: Pick<ConstComponent, "uid" | "schemaId" | "analyticsId"> & {
+export declare const createConstComponent: (hiddenProps: Pick<ConstComponent, "uid" | "schemaId" | "analyticsId" | "layout" | "hidden"> & {
     value: Model;
     summary: RepeatableSummary;
 }) => ConstComponent;

package/build/types/revamp/domain/mappers/schema/constSchemaToComponent.d.ts

@@ -1,5 +1,5 @@
 import type { ConstSchema } from '@wise/dynamic-flow-types/build/next';
-import type { SchemaMapperProps } from './types';
+import type { MapperProps, SchemaMapperProps } from './types';
 export declare const constSchemaToComponent: (uid: string, schemaMapperProps: SchemaMapperProps & {
     schema: ConstSchema;
-}) => import("../../components/ConstComponent").ConstComponent;
+}, mapperProps: MapperProps) => import("../../components/ConstComponent").ConstComponent;

package/build/types/revamp/domain/mappers/schema/oneOfSchemaToComponent/oneOfSchemaToComponent.d.ts

@@ -100,6 +100,7 @@ export declare const oneOfSchemaToComponent: (schemaMapperProps: SchemaMapperPro
 } & {
     type: "const";
     kind: "input";
+    layout: import("../../../types").LayoutComponent[];
 } & {
     kind: "input";
 }) | (import("../../../types").BaseComponent & {

package/build/types/revamp/domain/mappers/schema/persistAsyncSchemaToComponent.d.ts

@@ -75,6 +75,7 @@ export declare const persistAsyncSchemaToComponent: (schemaMapperProps: SchemaMa
 } & {
     type: "const";
     kind: "input";
+    layout: import("../../types").LayoutComponent[];
 } & {
     kind: "input";
 }) | (import("../../types").BaseComponent & {

package/build/types/revamp/domain/mappers/utils/layout-utils.d.ts

@@ -0,0 +1,2 @@
+import type { Layout } from '@wise/dynamic-flow-types/build/next';
+export declare const removeMarginFromLayout: (component: Layout) => Layout;

package/build/types/revamp/domain/mappers/utils/suggestions-utils.d.ts

@@ -0,0 +1,11 @@
+import { StringSchema } from '@wise/dynamic-flow-types/build/next';
+import { LoggingEventDispatcher } from '../../features/events';
+export declare const mapStringSchemaSuggestions: (suggestions: StringSchema["suggestions"], logEvent: LoggingEventDispatcher) => {
+    values: {
+        media: import("../../types").Media | undefined;
+        value: import("@wise/dynamic-flow-types/build/next").JsonElement;
+        label: string;
+        tag?: string;
+        analyticsId?: string;
+    }[];
+} | undefined;

package/build/types/revamp/renderers/mappers/constComponentToProps.d.ts

@@ -0,0 +1,12 @@
+import { ConstComponent } from '../../domain/components/ConstComponent';
+import { RendererMapperProps } from './componentToRendererProps';
+export declare const constComponentToProps: (component: ConstComponent, rendererMapperProps: RendererMapperProps) => {
+    stepLoadingState: import("../../domain/types").LoadingState;
+    render: import("@wise/dynamic-flow-types/build/renderers").RenderFunction;
+    httpClient: import("../../types").HttpClient;
+    trackEvent: import("../../domain/features/events").AnalyticsEventDispatcher<string>;
+    type: "container";
+    uid: string;
+    childrenProps: import("@wise/dynamic-flow-types/build/renderers").RendererProps[];
+    children: (JSX.Element | null)[];
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "4.17.0",
+  "version": "4.18.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -46,22 +46,22 @@
     "@testing-library/jest-dom": "6.8.0",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
-    "@transferwise/components": "46.105.5",
+    "@transferwise/components": "46.106.0",
     "@transferwise/formatting": "^2.13.4",
     "@transferwise/icons": "3.22.4",
     "@transferwise/neptune-css": "14.24.5",
     "@types/jest": "30.0.0",
-    "@types/node": "22.17.2",
+    "@types/node": "22.18.0",
     "@types/react": "18.3.24",
     "@types/react-dom": "18.3.7",
     "@types/react-intl": "3.0.0",
-    "@wise/art": "2.24.4",
+    "@wise/art": "2.24.5",
     "@wise/components-theming": "^1.6.4",
-    "babel-jest": "30.0.5",
-    "esbuild": "0.25.8",
+    "babel-jest": "30.1.2",
+    "esbuild": "0.25.9",
     "eslint-plugin-storybook": "9.1.3",
-    "jest": "30.0.5",
-    "jest-environment-jsdom": "30.0.5",
+    "jest": "30.1.2",
+    "jest-environment-jsdom": "30.1.2",
     "jest-fetch-mock": "^3.0.3",
     "jest-watch-typeahead": "^3.0.1",
     "npm-run-all2": "8.0.4",
@@ -95,7 +95,7 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "3.14.0"
+    "@wise/dynamic-flow-types": "3.15.0"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",