@wise/dynamic-flow-client-internal 4.24.1-experimental-e343995 → 4.25.0-experimental-1ff696a

package/build/main.js

@@ -62,7 +62,7 @@ __export(index_exports, {
   DynamicFlowLegacy: () => DynamicFlowLegacy,
   DynamicFlowRevamp: () => DynamicFlowRevamp,
   DynamicForm: () => DynamicForm,
-  Header: () => Header10,
+  Header: () => Header11,
   JsonSchemaForm: () => import_dynamic_flow_client4.JsonSchemaForm,
   findRendererPropsByType: () => import_dynamic_flow_client4.findRendererPropsByType,
   getMargin: () => getMargin2,
@@ -312,7 +312,6 @@ function Help({ help, onClick }) {
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     import_components4.Info,
     {
-      className: "m-l-1",
       content: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_components4.Markdown, { config: { link: { target: "_blank" } }, children: help }),
       presentation: "POPOVER",
       size: "sm",
@@ -530,86 +529,6 @@ var DateInputRenderer_default = DateInputRenderer;
 
 // ../renderers/src/DecisionRenderer/DecisionRenderer.tsx
 var import_components14 = require("@transferwise/components");
-var import_react_intl7 = require("react-intl");
-
-// ../renderers/src/messages/decision.messages.ts
-var import_react_intl5 = require("react-intl");
-var decision_messages_default = (0, import_react_intl5.defineMessages)({
-  all: {
-    id: "df.wise.Decision.all",
-    defaultMessage: "All",
-    description: "Label for the group of options that encompasses all options"
-  },
-  popular: {
-    id: "df.wise.Decision.popular",
-    defaultMessage: "Popular",
-    description: "Label for the group of options that are tagged as popular"
-  },
-  recent: {
-    id: "df.wise.Decision.recent",
-    defaultMessage: "Recent",
-    description: "Label for the group of options that are tagged as recent"
-  },
-  filterPlaceholder: {
-    id: "df.wise.Decision.filterPlaceholder",
-    defaultMessage: "Start typing to search",
-    description: "Placeholder for the filter input"
-  },
-  results: {
-    id: "df.wise.Decision.results",
-    defaultMessage: "Search results",
-    description: "Label for the results section"
-  },
-  noResults: {
-    id: "df.wise.Decision.noResults",
-    defaultMessage: "No results",
-    description: "Message for if there are no results"
-  }
-});
-
-// ../renderers/src/DecisionRenderer/DecisionRenderer.tsx
-var import_react3 = require("react");
-
-// ../renderers/src/DecisionRenderer/filter-and-sort-decision-options.ts
-function filterAndSortDecisionOptions(selectOptions, query) {
-  const upperQuery = query.toUpperCase().trim();
-  const filteredItems = selectOptions.filter((option) => {
-    var _a, _b, _c, _d;
-    const searchableWords = [
-      option.title,
-      option.description,
-      option.additionalText,
-      (_a = option.supportingValues) == null ? void 0 : _a.value,
-      (_b = option.supportingValues) == null ? void 0 : _b.subvalue,
-      ...(_c = option.keywords) != null ? _c : []
-    ];
-    return (_d = searchableWords.some((word) => word == null ? void 0 : word.toUpperCase().includes(upperQuery))) != null ? _d : false;
-  });
-  return [...filteredItems].sort((a, b) => {
-    const aTitleUpper = a.title.toUpperCase();
-    const bTitleUpper = b.title.toUpperCase();
-    const aTitleStarts = aTitleUpper.startsWith(upperQuery);
-    const bTitleStarts = bTitleUpper.startsWith(upperQuery);
-    if (aTitleStarts && !bTitleStarts) {
-      return -1;
-    }
-    if (!aTitleStarts && bTitleStarts) {
-      return 1;
-    }
-    const aWordStarts = aTitleUpper.split(" ").some((word) => word.startsWith(upperQuery));
-    const bWordStarts = bTitleUpper.split(" ").some((word) => word.startsWith(upperQuery));
-    if (aWordStarts && !bWordStarts) {
-      return -1;
-    }
-    if (!aWordStarts && bWordStarts) {
-      return 1;
-    }
-    return a.title.localeCompare(b.title);
-  });
-}
-
-// ../renderers/src/DecisionRenderer/DecisionList.tsx
-var import_components12 = require("@transferwise/components");
 
 // ../renderers/src/utils/UrnFlag.tsx
 var import_art = require("@wise/art");
@@ -874,64 +793,71 @@ var import_jsx_runtime22 = require("react/jsx-runtime");
 var getInlineMedia = (media) => media ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Media, { media, preferAvatar: false, size: 24 }) : null;
 
 // ../renderers/src/DecisionRenderer/DecisionList.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var DecisionList = ({
-  options,
-  control,
-  className
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_components12.NavigationOptionsList, { children: options.map((option) => {
-    const { description, disabled, media, title: itemTitle, tag, onClick } = option;
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-      import_components12.NavigationOption,
-      {
-        title: itemTitle,
-        content: description,
-        disabled,
-        media: media ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-          OptionMedia,
-          {
-            media,
-            preferAvatar: control === "with-avatar" || tag === "with-avatar"
-          }
-        ) : null,
-        showMediaCircle: false,
-        showMediaAtAllSizes: true,
-        onClick
-      },
-      JSON.stringify(option)
-    );
-  }) }) });
-};
-var DecisionList_default = DecisionList;
+var import_components13 = require("@transferwise/components");
 
 // ../renderers/src/DecisionRenderer/GroupedList.tsx
-var import_components13 = require("@transferwise/components");
+var import_components12 = require("@transferwise/components");
 var import_react_intl6 = require("react-intl");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+
+// ../renderers/src/messages/decision.messages.ts
+var import_react_intl5 = require("react-intl");
+var decision_messages_default = (0, import_react_intl5.defineMessages)({
+  all: {
+    id: "df.wise.Decision.all",
+    defaultMessage: "All",
+    description: "Label for the group of options that encompasses all options"
+  },
+  popular: {
+    id: "df.wise.Decision.popular",
+    defaultMessage: "Popular",
+    description: "Label for the group of options that are tagged as popular"
+  },
+  recent: {
+    id: "df.wise.Decision.recent",
+    defaultMessage: "Recent",
+    description: "Label for the group of options that are tagged as recent"
+  },
+  filterPlaceholder: {
+    id: "df.wise.Decision.filterPlaceholder",
+    defaultMessage: "Start typing to search",
+    description: "Placeholder for the filter input"
+  },
+  results: {
+    id: "df.wise.Decision.results",
+    defaultMessage: "Search results",
+    description: "Label for the results section"
+  },
+  noResults: {
+    id: "df.wise.Decision.noResults",
+    defaultMessage: "No results",
+    description: "Message for if there are no results"
+  }
+});
+
+// ../renderers/src/DecisionRenderer/GroupedList.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var OPTION_GROUPS = {
   popular: "popular",
   recent: "recent"
 };
-var GroupedList = ({
-  options,
-  control
-}) => {
+var GroupedList = (_a) => {
+  var _b = _a, { renderDecisionList: renderDecisionList2 } = _b, rest = __objRest(_b, ["renderDecisionList"]);
   const { formatMessage } = (0, import_react_intl6.useIntl)();
+  const { options } = rest;
   const popularOptions = options.filter((option) => option.tag === OPTION_GROUPS.popular);
   const recentOptions = options.filter((option) => option.tag === OPTION_GROUPS.recent);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
-    popularOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_components13.Section, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_components13.Header, { as: "h2", title: formatMessage(decision_messages_default.popular) }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DecisionList_default, { options: popularOptions, control })
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+    popularOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_components12.Section, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_components12.Header, { as: "h2", title: formatMessage(decision_messages_default.popular) }),
+      renderDecisionList2(__spreadProps(__spreadValues({}, rest), { options: popularOptions }))
     ] }) : null,
-    recentOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_components13.Section, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_components13.Header, { as: "h2", title: formatMessage(decision_messages_default.recent) }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DecisionList_default, { options: recentOptions, control })
+    recentOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_components12.Section, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_components12.Header, { as: "h2", title: formatMessage(decision_messages_default.recent) }),
+      renderDecisionList2(__spreadProps(__spreadValues({}, rest), { options: recentOptions }))
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_components13.Section, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_components13.Header, { as: "h2", title: formatMessage(decision_messages_default.all) }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DecisionList_default, { options, control })
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_components12.Section, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_components12.Header, { as: "h2", title: formatMessage(decision_messages_default.all) }),
+      renderDecisionList2(rest)
     ] })
   ] });
 };
@@ -940,26 +866,69 @@ var isGroupedDecision = (options) => {
   return options.some(({ tag }) => tag && possibleGroups.includes(tag));
 };
 
-// ../renderers/src/DecisionRenderer/DecisionRenderer.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var DecisionRenderer = {
-  canRenderType: "decision",
-  render: (props) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: getMargin(props.margin), children: [
-      props.title && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_components14.Header, { as: "h2", title: props.title }),
-      props.control === "filtered" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(FilteredDecisionList, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(UnfilteredDecisionList, __spreadValues({}, props))
-    ] });
-  }
+// ../renderers/src/DecisionRenderer/DecisionList.tsx
+var import_react_intl7 = require("react-intl");
+var import_react3 = require("react");
+
+// ../renderers/src/DecisionRenderer/filter-and-sort-decision-options.ts
+function filterAndSortDecisionOptions(selectOptions, query) {
+  const upperQuery = query.toUpperCase().trim();
+  const filteredItems = selectOptions.filter((option) => {
+    var _a, _b, _c, _d;
+    const searchableWords = [
+      option.title,
+      option.description,
+      option.additionalText,
+      (_a = option.supportingValues) == null ? void 0 : _a.value,
+      (_b = option.supportingValues) == null ? void 0 : _b.subvalue,
+      ...(_c = option.keywords) != null ? _c : []
+    ];
+    return (_d = searchableWords.some((word) => word == null ? void 0 : word.toUpperCase().includes(upperQuery))) != null ? _d : false;
+  });
+  return [...filteredItems].sort((a, b) => {
+    const aTitleUpper = a.title.toUpperCase();
+    const bTitleUpper = b.title.toUpperCase();
+    const aTitleStarts = aTitleUpper.startsWith(upperQuery);
+    const bTitleStarts = bTitleUpper.startsWith(upperQuery);
+    if (aTitleStarts && !bTitleStarts) {
+      return -1;
+    }
+    if (!aTitleStarts && bTitleStarts) {
+      return 1;
+    }
+    const aWordStarts = aTitleUpper.split(" ").some((word) => word.startsWith(upperQuery));
+    const bWordStarts = bTitleUpper.split(" ").some((word) => word.startsWith(upperQuery));
+    if (aWordStarts && !bWordStarts) {
+      return -1;
+    }
+    if (!aWordStarts && bWordStarts) {
+      return 1;
+    }
+    return a.title.localeCompare(b.title);
+  });
+}
+
+// ../renderers/src/DecisionRenderer/DecisionList.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var DecisionWrapper = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: getMargin(props.margin), children: [
+    props.title && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_components13.Header, { as: "h2", title: props.title }),
+    props.control === "filtered" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(FilteredDecisionList, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(UnfilteredDecisionList, __spreadValues({}, props))
+  ] });
+};
+var UnfilteredDecisionList = (_a) => {
+  var _b = _a, { renderDecisionList: renderDecisionList2 } = _b, rest = __objRest(_b, ["renderDecisionList"]);
+  return isGroupedDecision(rest.options) ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(GroupedList, __spreadProps(__spreadValues({}, rest), { renderDecisionList: renderDecisionList2 })) : renderDecisionList2(rest);
 };
-var UnfilteredDecisionList = ({ control, options }) => isGroupedDecision(options) ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(GroupedList, { options, control }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DecisionList_default, { options, control });
-var FilteredDecisionList = ({ options, control }) => {
+var FilteredDecisionList = (props) => {
   const { formatMessage } = (0, import_react_intl7.useIntl)();
   const [query, setQuery] = (0, import_react3.useState)("");
+  const { control, options, renderDecisionList: renderDecisionList2 } = props;
   const filteredOptions = filterAndSortDecisionOptions(options, query);
   const isGrouped = isGroupedDecision(options);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-      import_components14.SearchInput,
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      import_components13.SearchInput,
       {
         placeholder: formatMessage(decision_messages_default.filterPlaceholder),
         value: query,
@@ -969,19 +938,49 @@ var FilteredDecisionList = ({ options, control }) => {
         }
       }
     ),
-    isGrouped && query.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(GroupedList, { options, control }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-      query.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_components14.Header, { as: "h2", title: formatMessage(decision_messages_default.results), className: "m-t-4" }),
-      filteredOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-        DecisionList_default,
-        {
-          options: filteredOptions,
-          control,
-          className: query.length === 0 ? "m-t-3" : ""
-        }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { children: formatMessage(decision_messages_default.noResults) })
+    isGrouped && query.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(GroupedList, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+      query.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_components13.Header, { as: "h2", title: formatMessage(decision_messages_default.results), className: "m-t-4" }),
+      filteredOptions.length > 0 ? renderDecisionList2({
+        control,
+        className: query.length === 0 ? "m-t-3" : "",
+        options: filteredOptions
+      }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { children: formatMessage(decision_messages_default.noResults) })
     ] })
   ] });
 };
+
+// ../renderers/src/DecisionRenderer/DecisionRenderer.tsx
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var DecisionRenderer = {
+  canRenderType: "decision",
+  render: (props) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DecisionWrapper, __spreadProps(__spreadValues({}, props), { renderDecisionList }));
+  }
+};
+var renderDecisionList = ({ options, className, control }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_components14.NavigationOptionsList, { children: options.map((option) => {
+    const { description, disabled, media, title: itemTitle, tag, onClick } = option;
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      import_components14.NavigationOption,
+      {
+        title: itemTitle,
+        content: description,
+        disabled,
+        media: media ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          OptionMedia,
+          {
+            media,
+            preferAvatar: control === "with-avatar" || tag === "with-avatar"
+          }
+        ) : null,
+        showMediaCircle: false,
+        showMediaAtAllSizes: true,
+        onClick
+      },
+      JSON.stringify(option)
+    );
+  }) }) });
+};
 var DecisionRenderer_default = DecisionRenderer;
 
 // ../renderers/src/DividerRenderer.tsx
@@ -2102,11 +2101,10 @@ var ReviewRenderer = {
           definitions: fields.map(
             ({ label, value, help, analyticsId: fieldAnalyticsId }, index) => ({
               key: String(index),
-              title: label,
-              value: getFieldValue(
-                value,
+              value,
+              title: getFieldLabel(
+                label,
                 help,
-                orientation,
                 () => trackEvent("Help Pressed", { layoutItemId: fieldAnalyticsId })
               )
             })
@@ -2132,19 +2130,15 @@ var mapControlToDefinitionListLayout = (control) => {
       return "VERTICAL_ONE_COLUMN";
   }
 };
-var getFieldValue = (value, help, orientation, onClick) => {
+var getFieldLabel = (label, help, onClick) => {
   if (help) {
-    return orientation === "HORIZONTAL_RIGHT_ALIGNED" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Help_default, { help, onClick }),
-      " ",
-      value
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
-      value,
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+      label,
       " ",
       /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Help_default, { help, onClick })
     ] });
   }
-  return value;
+  return label;
 };
 
 // ../renderers/src/SearchRenderer/BlockSearchRendererComponent.tsx
@@ -3152,6 +3146,36 @@ var LargeUploadRenderer = {
   }
 };
 
+// ../renderers/src/NewListItem/NewDecisionRenderer.tsx
+var import_components53 = require("@transferwise/components");
+
+// ../renderers/src/NewListItem/getInlineAlert.tsx
+var import_components51 = require("@transferwise/components");
+var import_jsx_runtime73 = require("react/jsx-runtime");
+
+// ../renderers/src/NewListItem/getMedia.tsx
+var import_jsx_runtime74 = require("react/jsx-runtime");
+
+// ../renderers/src/NewListItem/getAdditionalInfo.tsx
+var import_components52 = require("@transferwise/components");
+var import_jsx_runtime75 = require("react/jsx-runtime");
+
+// ../renderers/src/NewListItem/NewDecisionRenderer.tsx
+var import_jsx_runtime76 = require("react/jsx-runtime");
+
+// ../renderers/src/NewListItem/NewListRenderer.tsx
+var import_components54 = require("@transferwise/components");
+var import_jsx_runtime77 = require("react/jsx-runtime");
+
+// ../renderers/src/NewListItem/NewReviewRenderer.tsx
+var import_components55 = require("@transferwise/components");
+var import_icons4 = require("@transferwise/icons");
+var import_jsx_runtime78 = require("react/jsx-runtime");
+
+// ../renderers/src/NewListItem/NewStatusListRenderer.tsx
+var import_components56 = require("@transferwise/components");
+var import_jsx_runtime79 = require("react/jsx-runtime");
+
 // ../renderers/src/getWiseRenderers.ts
 var getWiseRenderers = () => [
   AddressValidationButtonRenderer_default,
@@ -3195,12 +3219,12 @@ var getWiseRenderers = () => [
 ];
 
 // ../renderers/src/ButtonRenderer/ButtonRendererV2.tsx
-var import_components51 = require("@transferwise/components");
+var import_components57 = require("@transferwise/components");
 var import_react18 = require("react");
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 
 // src/dynamicFlow/renderers.ts
-var Header10 = Header7;
+var Header11 = Header7;
 var getMargin2 = getMargin;
 
 // src/i18n/index.ts
@@ -4092,12 +4116,12 @@ var messages_default = (0, import_react_intl21.defineMessages)({
 });
 
 // src/dynamicFlow/DynamicFlow.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var wiseRenderers = getWiseRenderers();
 function DynamicFlowLegacy(props) {
   const { customFetch = globalThis.fetch } = props;
   const coreProps = __spreadProps(__spreadValues({}, props), { httpClient: customFetch });
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_dynamic_flow_client2.DynamicFlow, __spreadValues({}, coreProps));
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_dynamic_flow_client2.DynamicFlow, __spreadValues({}, coreProps));
 }
 function DynamicFlowRevamp(props) {
   const {
@@ -4134,7 +4158,7 @@ function DynamicFlowRevamp(props) {
     onLink,
     onCopy
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_dynamic_flow_client2.DynamicFlowCoreRevamp, __spreadValues({}, coreProps)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_dynamic_flow_client2.DynamicFlowCoreRevamp, __spreadValues({}, coreProps)) });
 }
 var DynamicForm = (0, import_react19.forwardRef)(function DynamicForm2(props, ref) {
   const {
@@ -4171,7 +4195,7 @@ var DynamicForm = (0, import_react19.forwardRef)(function DynamicForm2(props, re
     onLink,
     onCopy
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_dynamic_flow_client2.DynamicFormCore, __spreadProps(__spreadValues({}, coreProps), { ref })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_dynamic_flow_client2.DynamicFormCore, __spreadProps(__spreadValues({}, coreProps), { ref })) });
 });
 var useWiseHttpClient = (httpClient) => {
   const { locale } = (0, import_react_intl22.useIntl)();

package/build/main.mjs

@@ -272,7 +272,6 @@ function Help({ help, onClick }) {
   return /* @__PURE__ */ jsx5(
     Info,
     {
-      className: "m-l-1",
       content: /* @__PURE__ */ jsx5(Markdown, { config: { link: { target: "_blank" } }, children: help }),
       presentation: "POPOVER",
       size: "sm",
@@ -489,86 +488,6 @@ var DateInputRenderer = {
 var DateInputRenderer_default = DateInputRenderer;
 
 // ../renderers/src/DecisionRenderer/DecisionRenderer.tsx
-import { Header as Header2, SearchInput } from "@transferwise/components";
-import { useIntl as useIntl4 } from "react-intl";
-
-// ../renderers/src/messages/decision.messages.ts
-import { defineMessages as defineMessages3 } from "react-intl";
-var decision_messages_default = defineMessages3({
-  all: {
-    id: "df.wise.Decision.all",
-    defaultMessage: "All",
-    description: "Label for the group of options that encompasses all options"
-  },
-  popular: {
-    id: "df.wise.Decision.popular",
-    defaultMessage: "Popular",
-    description: "Label for the group of options that are tagged as popular"
-  },
-  recent: {
-    id: "df.wise.Decision.recent",
-    defaultMessage: "Recent",
-    description: "Label for the group of options that are tagged as recent"
-  },
-  filterPlaceholder: {
-    id: "df.wise.Decision.filterPlaceholder",
-    defaultMessage: "Start typing to search",
-    description: "Placeholder for the filter input"
-  },
-  results: {
-    id: "df.wise.Decision.results",
-    defaultMessage: "Search results",
-    description: "Label for the results section"
-  },
-  noResults: {
-    id: "df.wise.Decision.noResults",
-    defaultMessage: "No results",
-    description: "Message for if there are no results"
-  }
-});
-
-// ../renderers/src/DecisionRenderer/DecisionRenderer.tsx
-import { useState as useState3 } from "react";
-
-// ../renderers/src/DecisionRenderer/filter-and-sort-decision-options.ts
-function filterAndSortDecisionOptions(selectOptions, query) {
-  const upperQuery = query.toUpperCase().trim();
-  const filteredItems = selectOptions.filter((option) => {
-    var _a, _b, _c, _d;
-    const searchableWords = [
-      option.title,
-      option.description,
-      option.additionalText,
-      (_a = option.supportingValues) == null ? void 0 : _a.value,
-      (_b = option.supportingValues) == null ? void 0 : _b.subvalue,
-      ...(_c = option.keywords) != null ? _c : []
-    ];
-    return (_d = searchableWords.some((word) => word == null ? void 0 : word.toUpperCase().includes(upperQuery))) != null ? _d : false;
-  });
-  return [...filteredItems].sort((a, b) => {
-    const aTitleUpper = a.title.toUpperCase();
-    const bTitleUpper = b.title.toUpperCase();
-    const aTitleStarts = aTitleUpper.startsWith(upperQuery);
-    const bTitleStarts = bTitleUpper.startsWith(upperQuery);
-    if (aTitleStarts && !bTitleStarts) {
-      return -1;
-    }
-    if (!aTitleStarts && bTitleStarts) {
-      return 1;
-    }
-    const aWordStarts = aTitleUpper.split(" ").some((word) => word.startsWith(upperQuery));
-    const bWordStarts = bTitleUpper.split(" ").some((word) => word.startsWith(upperQuery));
-    if (aWordStarts && !bWordStarts) {
-      return -1;
-    }
-    if (!aWordStarts && bWordStarts) {
-      return 1;
-    }
-    return a.title.localeCompare(b.title);
-  });
-}
-
-// ../renderers/src/DecisionRenderer/DecisionList.tsx
 import { NavigationOption, NavigationOptionsList } from "@transferwise/components";
 
 // ../renderers/src/utils/UrnFlag.tsx
@@ -834,64 +753,71 @@ import { jsx as jsx22 } from "react/jsx-runtime";
 var getInlineMedia = (media) => media ? /* @__PURE__ */ jsx22(Media, { media, preferAvatar: false, size: 24 }) : null;
 
 // ../renderers/src/DecisionRenderer/DecisionList.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
-var DecisionList = ({
-  options,
-  control,
-  className
-}) => {
-  return /* @__PURE__ */ jsx23("div", { className, children: /* @__PURE__ */ jsx23(NavigationOptionsList, { children: options.map((option) => {
-    const { description, disabled, media, title: itemTitle, tag, onClick } = option;
-    return /* @__PURE__ */ jsx23(
-      NavigationOption,
-      {
-        title: itemTitle,
-        content: description,
-        disabled,
-        media: media ? /* @__PURE__ */ jsx23(
-          OptionMedia,
-          {
-            media,
-            preferAvatar: control === "with-avatar" || tag === "with-avatar"
-          }
-        ) : null,
-        showMediaCircle: false,
-        showMediaAtAllSizes: true,
-        onClick
-      },
-      JSON.stringify(option)
-    );
-  }) }) });
-};
-var DecisionList_default = DecisionList;
+import { Header as Header2, SearchInput } from "@transferwise/components";
 
 // ../renderers/src/DecisionRenderer/GroupedList.tsx
 import { Header, Section } from "@transferwise/components";
 import { useIntl as useIntl3 } from "react-intl";
-import { Fragment, jsx as jsx24, jsxs as jsxs4 } from "react/jsx-runtime";
+
+// ../renderers/src/messages/decision.messages.ts
+import { defineMessages as defineMessages3 } from "react-intl";
+var decision_messages_default = defineMessages3({
+  all: {
+    id: "df.wise.Decision.all",
+    defaultMessage: "All",
+    description: "Label for the group of options that encompasses all options"
+  },
+  popular: {
+    id: "df.wise.Decision.popular",
+    defaultMessage: "Popular",
+    description: "Label for the group of options that are tagged as popular"
+  },
+  recent: {
+    id: "df.wise.Decision.recent",
+    defaultMessage: "Recent",
+    description: "Label for the group of options that are tagged as recent"
+  },
+  filterPlaceholder: {
+    id: "df.wise.Decision.filterPlaceholder",
+    defaultMessage: "Start typing to search",
+    description: "Placeholder for the filter input"
+  },
+  results: {
+    id: "df.wise.Decision.results",
+    defaultMessage: "Search results",
+    description: "Label for the results section"
+  },
+  noResults: {
+    id: "df.wise.Decision.noResults",
+    defaultMessage: "No results",
+    description: "Message for if there are no results"
+  }
+});
+
+// ../renderers/src/DecisionRenderer/GroupedList.tsx
+import { Fragment, jsx as jsx23, jsxs as jsxs4 } from "react/jsx-runtime";
 var OPTION_GROUPS = {
   popular: "popular",
   recent: "recent"
 };
-var GroupedList = ({
-  options,
-  control
-}) => {
+var GroupedList = (_a) => {
+  var _b = _a, { renderDecisionList: renderDecisionList2 } = _b, rest = __objRest(_b, ["renderDecisionList"]);
   const { formatMessage } = useIntl3();
+  const { options } = rest;
   const popularOptions = options.filter((option) => option.tag === OPTION_GROUPS.popular);
   const recentOptions = options.filter((option) => option.tag === OPTION_GROUPS.recent);
   return /* @__PURE__ */ jsxs4(Fragment, { children: [
     popularOptions.length > 0 ? /* @__PURE__ */ jsxs4(Section, { children: [
-      /* @__PURE__ */ jsx24(Header, { as: "h2", title: formatMessage(decision_messages_default.popular) }),
-      /* @__PURE__ */ jsx24(DecisionList_default, { options: popularOptions, control })
+      /* @__PURE__ */ jsx23(Header, { as: "h2", title: formatMessage(decision_messages_default.popular) }),
+      renderDecisionList2(__spreadProps(__spreadValues({}, rest), { options: popularOptions }))
     ] }) : null,
     recentOptions.length > 0 ? /* @__PURE__ */ jsxs4(Section, { children: [
-      /* @__PURE__ */ jsx24(Header, { as: "h2", title: formatMessage(decision_messages_default.recent) }),
-      /* @__PURE__ */ jsx24(DecisionList_default, { options: recentOptions, control })
+      /* @__PURE__ */ jsx23(Header, { as: "h2", title: formatMessage(decision_messages_default.recent) }),
+      renderDecisionList2(__spreadProps(__spreadValues({}, rest), { options: recentOptions }))
     ] }) : null,
     /* @__PURE__ */ jsxs4(Section, { children: [
-      /* @__PURE__ */ jsx24(Header, { as: "h2", title: formatMessage(decision_messages_default.all) }),
-      /* @__PURE__ */ jsx24(DecisionList_default, { options, control })
+      /* @__PURE__ */ jsx23(Header, { as: "h2", title: formatMessage(decision_messages_default.all) }),
+      renderDecisionList2(rest)
     ] })
   ] });
 };
@@ -900,25 +826,68 @@ var isGroupedDecision = (options) => {
   return options.some(({ tag }) => tag && possibleGroups.includes(tag));
 };
 
-// ../renderers/src/DecisionRenderer/DecisionRenderer.tsx
-import { Fragment as Fragment2, jsx as jsx25, jsxs as jsxs5 } from "react/jsx-runtime";
-var DecisionRenderer = {
-  canRenderType: "decision",
-  render: (props) => {
-    return /* @__PURE__ */ jsxs5("div", { className: getMargin(props.margin), children: [
-      props.title && /* @__PURE__ */ jsx25(Header2, { as: "h2", title: props.title }),
-      props.control === "filtered" ? /* @__PURE__ */ jsx25(FilteredDecisionList, __spreadValues({}, props)) : /* @__PURE__ */ jsx25(UnfilteredDecisionList, __spreadValues({}, props))
-    ] });
-  }
+// ../renderers/src/DecisionRenderer/DecisionList.tsx
+import { useIntl as useIntl4 } from "react-intl";
+import { useState as useState3 } from "react";
+
+// ../renderers/src/DecisionRenderer/filter-and-sort-decision-options.ts
+function filterAndSortDecisionOptions(selectOptions, query) {
+  const upperQuery = query.toUpperCase().trim();
+  const filteredItems = selectOptions.filter((option) => {
+    var _a, _b, _c, _d;
+    const searchableWords = [
+      option.title,
+      option.description,
+      option.additionalText,
+      (_a = option.supportingValues) == null ? void 0 : _a.value,
+      (_b = option.supportingValues) == null ? void 0 : _b.subvalue,
+      ...(_c = option.keywords) != null ? _c : []
+    ];
+    return (_d = searchableWords.some((word) => word == null ? void 0 : word.toUpperCase().includes(upperQuery))) != null ? _d : false;
+  });
+  return [...filteredItems].sort((a, b) => {
+    const aTitleUpper = a.title.toUpperCase();
+    const bTitleUpper = b.title.toUpperCase();
+    const aTitleStarts = aTitleUpper.startsWith(upperQuery);
+    const bTitleStarts = bTitleUpper.startsWith(upperQuery);
+    if (aTitleStarts && !bTitleStarts) {
+      return -1;
+    }
+    if (!aTitleStarts && bTitleStarts) {
+      return 1;
+    }
+    const aWordStarts = aTitleUpper.split(" ").some((word) => word.startsWith(upperQuery));
+    const bWordStarts = bTitleUpper.split(" ").some((word) => word.startsWith(upperQuery));
+    if (aWordStarts && !bWordStarts) {
+      return -1;
+    }
+    if (!aWordStarts && bWordStarts) {
+      return 1;
+    }
+    return a.title.localeCompare(b.title);
+  });
+}
+
+// ../renderers/src/DecisionRenderer/DecisionList.tsx
+import { Fragment as Fragment2, jsx as jsx24, jsxs as jsxs5 } from "react/jsx-runtime";
+var DecisionWrapper = (props) => {
+  return /* @__PURE__ */ jsxs5("div", { className: getMargin(props.margin), children: [
+    props.title && /* @__PURE__ */ jsx24(Header2, { as: "h2", title: props.title }),
+    props.control === "filtered" ? /* @__PURE__ */ jsx24(FilteredDecisionList, __spreadValues({}, props)) : /* @__PURE__ */ jsx24(UnfilteredDecisionList, __spreadValues({}, props))
+  ] });
+};
+var UnfilteredDecisionList = (_a) => {
+  var _b = _a, { renderDecisionList: renderDecisionList2 } = _b, rest = __objRest(_b, ["renderDecisionList"]);
+  return isGroupedDecision(rest.options) ? /* @__PURE__ */ jsx24(GroupedList, __spreadProps(__spreadValues({}, rest), { renderDecisionList: renderDecisionList2 })) : renderDecisionList2(rest);
 };
-var UnfilteredDecisionList = ({ control, options }) => isGroupedDecision(options) ? /* @__PURE__ */ jsx25(GroupedList, { options, control }) : /* @__PURE__ */ jsx25(DecisionList_default, { options, control });
-var FilteredDecisionList = ({ options, control }) => {
+var FilteredDecisionList = (props) => {
   const { formatMessage } = useIntl4();
   const [query, setQuery] = useState3("");
+  const { control, options, renderDecisionList: renderDecisionList2 } = props;
   const filteredOptions = filterAndSortDecisionOptions(options, query);
   const isGrouped = isGroupedDecision(options);
   return /* @__PURE__ */ jsxs5(Fragment2, { children: [
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx24(
       SearchInput,
       {
         placeholder: formatMessage(decision_messages_default.filterPlaceholder),
@@ -929,19 +898,49 @@ var FilteredDecisionList = ({ options, control }) => {
         }
       }
     ),
-    isGrouped && query.length === 0 ? /* @__PURE__ */ jsx25(GroupedList, { options, control }) : /* @__PURE__ */ jsxs5(Fragment2, { children: [
-      query.length > 0 && /* @__PURE__ */ jsx25(Header2, { as: "h2", title: formatMessage(decision_messages_default.results), className: "m-t-4" }),
-      filteredOptions.length > 0 ? /* @__PURE__ */ jsx25(
-        DecisionList_default,
-        {
-          options: filteredOptions,
-          control,
-          className: query.length === 0 ? "m-t-3" : ""
-        }
-      ) : /* @__PURE__ */ jsx25("p", { children: formatMessage(decision_messages_default.noResults) })
+    isGrouped && query.length === 0 ? /* @__PURE__ */ jsx24(GroupedList, __spreadValues({}, props)) : /* @__PURE__ */ jsxs5(Fragment2, { children: [
+      query.length > 0 && /* @__PURE__ */ jsx24(Header2, { as: "h2", title: formatMessage(decision_messages_default.results), className: "m-t-4" }),
+      filteredOptions.length > 0 ? renderDecisionList2({
+        control,
+        className: query.length === 0 ? "m-t-3" : "",
+        options: filteredOptions
+      }) : /* @__PURE__ */ jsx24("p", { children: formatMessage(decision_messages_default.noResults) })
     ] })
   ] });
 };
+
+// ../renderers/src/DecisionRenderer/DecisionRenderer.tsx
+import { jsx as jsx25 } from "react/jsx-runtime";
+var DecisionRenderer = {
+  canRenderType: "decision",
+  render: (props) => {
+    return /* @__PURE__ */ jsx25(DecisionWrapper, __spreadProps(__spreadValues({}, props), { renderDecisionList }));
+  }
+};
+var renderDecisionList = ({ options, className, control }) => {
+  return /* @__PURE__ */ jsx25("div", { className, children: /* @__PURE__ */ jsx25(NavigationOptionsList, { children: options.map((option) => {
+    const { description, disabled, media, title: itemTitle, tag, onClick } = option;
+    return /* @__PURE__ */ jsx25(
+      NavigationOption,
+      {
+        title: itemTitle,
+        content: description,
+        disabled,
+        media: media ? /* @__PURE__ */ jsx25(
+          OptionMedia,
+          {
+            media,
+            preferAvatar: control === "with-avatar" || tag === "with-avatar"
+          }
+        ) : null,
+        showMediaCircle: false,
+        showMediaAtAllSizes: true,
+        onClick
+      },
+      JSON.stringify(option)
+    );
+  }) }) });
+};
 var DecisionRenderer_default = DecisionRenderer;
 
 // ../renderers/src/DividerRenderer.tsx
@@ -2065,11 +2064,10 @@ var ReviewRenderer = {
           definitions: fields.map(
             ({ label, value, help, analyticsId: fieldAnalyticsId }, index) => ({
               key: String(index),
-              title: label,
-              value: getFieldValue(
-                value,
+              value,
+              title: getFieldLabel(
+                label,
                 help,
-                orientation,
                 () => trackEvent("Help Pressed", { layoutItemId: fieldAnalyticsId })
               )
             })
@@ -2095,19 +2093,15 @@ var mapControlToDefinitionListLayout = (control) => {
       return "VERTICAL_ONE_COLUMN";
   }
 };
-var getFieldValue = (value, help, orientation, onClick) => {
+var getFieldLabel = (label, help, onClick) => {
   if (help) {
-    return orientation === "HORIZONTAL_RIGHT_ALIGNED" ? /* @__PURE__ */ jsxs14(Fragment5, { children: [
-      /* @__PURE__ */ jsx51(Help_default, { help, onClick }),
-      " ",
-      value
-    ] }) : /* @__PURE__ */ jsxs14(Fragment5, { children: [
-      value,
+    return /* @__PURE__ */ jsxs14(Fragment5, { children: [
+      label,
       " ",
       /* @__PURE__ */ jsx51(Help_default, { help, onClick })
     ] });
   }
-  return value;
+  return label;
 };
 
 // ../renderers/src/SearchRenderer/BlockSearchRendererComponent.tsx
@@ -3121,6 +3115,36 @@ var LargeUploadRenderer = {
   }
 };
 
+// ../renderers/src/NewListItem/NewDecisionRenderer.tsx
+import { ListItem as ListItem3 } from "@transferwise/components";
+
+// ../renderers/src/NewListItem/getInlineAlert.tsx
+import { ListItem } from "@transferwise/components";
+import { jsx as jsx73 } from "react/jsx-runtime";
+
+// ../renderers/src/NewListItem/getMedia.tsx
+import { jsx as jsx74 } from "react/jsx-runtime";
+
+// ../renderers/src/NewListItem/getAdditionalInfo.tsx
+import { ListItem as ListItem2 } from "@transferwise/components";
+import { jsx as jsx75 } from "react/jsx-runtime";
+
+// ../renderers/src/NewListItem/NewDecisionRenderer.tsx
+import { Fragment as Fragment12, jsx as jsx76 } from "react/jsx-runtime";
+
+// ../renderers/src/NewListItem/NewListRenderer.tsx
+import { ListItem as ListItem4 } from "@transferwise/components";
+import { jsx as jsx77, jsxs as jsxs30 } from "react/jsx-runtime";
+
+// ../renderers/src/NewListItem/NewReviewRenderer.tsx
+import { ListItem as ListItem5, Popover } from "@transferwise/components";
+import { QuestionMarkCircle } from "@transferwise/icons";
+import { jsx as jsx78, jsxs as jsxs31 } from "react/jsx-runtime";
+
+// ../renderers/src/NewListItem/NewStatusListRenderer.tsx
+import { AvatarView as AvatarView5, Header as Header10, ListItem as ListItem6 } from "@transferwise/components";
+import { jsx as jsx79, jsxs as jsxs32 } from "react/jsx-runtime";
+
 // ../renderers/src/getWiseRenderers.ts
 var getWiseRenderers = () => [
   AddressValidationButtonRenderer_default,
@@ -3166,10 +3190,10 @@ var getWiseRenderers = () => [
 // ../renderers/src/ButtonRenderer/ButtonRendererV2.tsx
 import { Button as Button8 } from "@transferwise/components";
 import { useEffect as useEffect8, useState as useState12 } from "react";
-import { jsx as jsx73 } from "react/jsx-runtime";
+import { jsx as jsx80 } from "react/jsx-runtime";
 
 // src/dynamicFlow/renderers.ts
-var Header10 = Header7;
+var Header11 = Header7;
 var getMargin2 = getMargin;
 
 // src/i18n/index.ts
@@ -4065,12 +4089,12 @@ var messages_default = defineMessages10({
 });
 
 // src/dynamicFlow/DynamicFlow.tsx
-import { jsx as jsx74 } from "react/jsx-runtime";
+import { jsx as jsx81 } from "react/jsx-runtime";
 var wiseRenderers = getWiseRenderers();
 function DynamicFlowLegacy(props) {
   const { customFetch = globalThis.fetch } = props;
   const coreProps = __spreadProps(__spreadValues({}, props), { httpClient: customFetch });
-  return /* @__PURE__ */ jsx74(DynamicFlowCoreLegacy, __spreadValues({}, coreProps));
+  return /* @__PURE__ */ jsx81(DynamicFlowCoreLegacy, __spreadValues({}, coreProps));
 }
 function DynamicFlowRevamp(props) {
   const {
@@ -4107,7 +4131,7 @@ function DynamicFlowRevamp(props) {
     onLink,
     onCopy
   });
-  return /* @__PURE__ */ jsx74("div", { className, children: /* @__PURE__ */ jsx74(DynamicFlowCoreRevamp, __spreadValues({}, coreProps)) });
+  return /* @__PURE__ */ jsx81("div", { className, children: /* @__PURE__ */ jsx81(DynamicFlowCoreRevamp, __spreadValues({}, coreProps)) });
 }
 var DynamicForm = forwardRef(function DynamicForm2(props, ref) {
   const {
@@ -4144,7 +4168,7 @@ var DynamicForm = forwardRef(function DynamicForm2(props, ref) {
     onLink,
     onCopy
   });
-  return /* @__PURE__ */ jsx74("div", { className, children: /* @__PURE__ */ jsx74(DynamicFormCore, __spreadProps(__spreadValues({}, coreProps), { ref })) });
+  return /* @__PURE__ */ jsx81("div", { className, children: /* @__PURE__ */ jsx81(DynamicFormCore, __spreadProps(__spreadValues({}, coreProps), { ref })) });
 });
 var useWiseHttpClient = (httpClient) => {
   const { locale } = useIntl12();
@@ -4175,7 +4199,7 @@ export {
   DynamicFlowLegacy,
   DynamicFlowRevamp,
   DynamicForm,
-  Header10 as Header,
+  Header11 as Header,
   JsonSchemaForm,
   findRendererPropsByType,
   getMargin2 as getMargin,

package/build/types/dynamicFlow/renderers.d.ts

@@ -3,3 +3,4 @@ export declare const Header: ({ title, callToAction }: {
     callToAction?: import("@wise/dynamic-flow-types/build/renderers").CallToAction;
 }) => "" | import("react/jsx-runtime").JSX.Element | undefined;
 export declare const getMargin: (size: import("@wise/dynamic-flow-types/build/next").Margin) => "m-b-0" | "m-b-1" | "m-b-2" | "m-b-3" | "m-b-5" | "";
+export declare const listItemRenderers: import("@wise/dynamic-flow-client").Renderers;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client-internal",
-  "version": "4.24.1-experimental-e343995",
+  "version": "4.25.0-experimental-1ff696a",
   "description": "Dynamic Flow web client for Wise",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -75,7 +75,7 @@
     "tsx": "4.20.4",
     "typescript": "5.9.2",
     "@wise/dynamic-flow-fixtures": "0.0.1",
-    "@wise/dynamic-flow-types": "3.11.1",
+    "@wise/dynamic-flow-types": "3.12.0-experimental-1ff696a",
     "@wise/dynamic-flow-renderers": "0.0.0"
   },
   "peerDependencies": {
@@ -91,8 +91,8 @@
   },
   "dependencies": {
     "classnames": "2.5.1",
-    "@wise/dynamic-flow-types": "3.11.1",
-    "@wise/dynamic-flow-client": "4.14.2-experimental-e343995"
+    "@wise/dynamic-flow-types": "3.12.0-experimental-1ff696a",
+    "@wise/dynamic-flow-client": "4.15.0-experimental-1ff696a"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3005",