@wise/dynamic-flow-client 4.17.1 → 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,22 +2021,6 @@ 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)) {
@@ -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}`,

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,22 +1978,6 @@ 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)) {
@@ -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}`,

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.1",
+  "version": "4.18.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -78,8 +78,8 @@
     "stylelint-value-no-unknown-custom-properties": "6.0.1",
     "tsx": "4.20.5",
     "typescript": "5.9.2",
-    "@wise/dynamic-flow-renderers": "0.0.0",
-    "@wise/dynamic-flow-fixtures": "0.0.1"
+    "@wise/dynamic-flow-fixtures": "0.0.1",
+    "@wise/dynamic-flow-renderers": "0.0.0"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.104.0",
@@ -95,7 +95,7 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "3.14.1"
+    "@wise/dynamic-flow-types": "3.15.0"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",