@wise/dynamic-flow-client-internal 4.24.1-experimental-5566f24 → 4.25.0-experimental-5356389

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: renderDecisionList3 } = _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) }),
+      renderDecisionList3(__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) }),
+      renderDecisionList3(__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) }),
+      renderDecisionList3(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: renderDecisionList3 } = _b, rest = __objRest(_b, ["renderDecisionList"]);
+  return isGroupedDecision(rest.options) ? /* @__PURE__ */ jsx24(GroupedList, __spreadProps(__spreadValues({}, rest), { renderDecisionList: renderDecisionList3 })) : renderDecisionList3(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: renderDecisionList3 } = 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 ? renderDecisionList3({
+        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,7 +3115,237 @@ 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";
+var getInlineAlert = (inlineAlert) => inlineAlert ? /* @__PURE__ */ jsx73(ListItem.Prompt, { sentiment: inlineAlert == null ? void 0 : inlineAlert.context, children: inlineAlert.content }) : void 0;
+
+// ../renderers/src/NewListItem/getMedia.tsx
+import { jsx as jsx74 } from "react/jsx-runtime";
+var getMedia = (media, preferAvatar) => media ? /* @__PURE__ */ jsx74(OptionMedia, { media, preferAvatar }) : void 0;
+
+// ../renderers/src/NewListItem/getAdditionalInfo.tsx
+import { ListItem as ListItem2 } from "@transferwise/components";
+import { jsx as jsx75 } from "react/jsx-runtime";
+var getAdditionalInfo = (additionalInfo) => {
+  if (!additionalInfo) {
+    return void 0;
+  }
+  const { href, text, onClick } = additionalInfo;
+  if (href || onClick) {
+    return /* @__PURE__ */ jsx75(
+      ListItem2.AdditionalInfo,
+      {
+        action: {
+          label: text,
+          href,
+          onClick,
+          target: "_blank"
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx75(ListItem2.AdditionalInfo, { children: additionalInfo == null ? void 0 : additionalInfo.text });
+};
+
+// ../renderers/src/NewListItem/NewDecisionRenderer.tsx
+import { Fragment as Fragment12, jsx as jsx76 } from "react/jsx-runtime";
+var DecisionRenderer2 = {
+  canRenderType: "decision",
+  render: (props) => /* @__PURE__ */ jsx76(DecisionWrapper, __spreadProps(__spreadValues({}, props), { renderDecisionList: renderDecisionList2 }))
+};
+var renderDecisionList2 = ({ options, control }) => {
+  return /* @__PURE__ */ jsx76(Fragment12, { children: options.map((option) => {
+    const {
+      description,
+      disabled,
+      media,
+      title: itemTitle,
+      tag,
+      href,
+      additionalText,
+      inlineAlert,
+      supportingValues,
+      onClick
+    } = option;
+    return /* @__PURE__ */ jsx76(
+      ListItem3,
+      {
+        title: itemTitle,
+        subtitle: description,
+        spotlight: control === "spotlight" ? tag === "spotlight-active" ? "active" : "inactive" : void 0,
+        disabled,
+        valueTitle: supportingValues == null ? void 0 : supportingValues.value,
+        valueSubtitle: supportingValues == null ? void 0 : supportingValues.subvalue,
+        media: getMedia(media, control === "with-avatar" || tag === "with-avatar"),
+        prompt: getInlineAlert(inlineAlert),
+        additionalInfo: additionalText ? getAdditionalInfo({ text: additionalText }) : void 0,
+        control: href ? /* @__PURE__ */ jsx76(ListItem3.Navigation, { href, target: "_blank" }) : /* @__PURE__ */ jsx76(ListItem3.Navigation, { onClick })
+      },
+      JSON.stringify(option)
+    );
+  }) });
+};
+var NewDecisionRenderer_default = DecisionRenderer2;
+
+// ../renderers/src/NewListItem/NewListRenderer.tsx
+import { ListItem as ListItem4 } from "@transferwise/components";
+import { jsx as jsx77, jsxs as jsxs30 } from "react/jsx-runtime";
+var ListRenderer2 = {
+  canRenderType: "list",
+  render: ({ callToAction, control, margin, items, title }) => /* @__PURE__ */ jsxs30("div", { className: getMargin(margin), children: [
+    /* @__PURE__ */ jsx77(Header7, { title, callToAction }),
+    items.map((item) => {
+      const {
+        title: itemTitle,
+        description,
+        supportingValues,
+        media,
+        tag,
+        additionalInfo,
+        inlineAlert
+      } = item;
+      return /* @__PURE__ */ jsx77(
+        ListItem4,
+        {
+          title: itemTitle,
+          subtitle: description,
+          valueTitle: supportingValues == null ? void 0 : supportingValues.value,
+          valueSubtitle: supportingValues == null ? void 0 : supportingValues.subvalue,
+          media: getMedia(media, control === "with-avatar" || tag === "with-avatar"),
+          prompt: getInlineAlert(inlineAlert),
+          additionalInfo: getAdditionalInfo(additionalInfo)
+        },
+        itemTitle
+      );
+    })
+  ] })
+};
+var NewListRenderer_default = ListRenderer2;
+
+// ../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";
+var IGNORED_CONTROLS = [
+  "horizontal",
+  "horizontal-end-aligned",
+  "horizontal-start-aligned",
+  "vertical-two-column"
+];
+var ReviewRenderer2 = {
+  canRenderType: "review",
+  canRender: ({ control }) => control ? !IGNORED_CONTROLS.includes(control) : true,
+  render: ({ callToAction, control, margin, fields, title }) => /* @__PURE__ */ jsxs31("div", { className: getMargin(margin), children: [
+    /* @__PURE__ */ jsx78(Header7, { title, callToAction }),
+    fields.map((field) => {
+      var _a;
+      const {
+        label,
+        value,
+        media,
+        tag,
+        additionalInfo,
+        inlineAlert,
+        help,
+        callToAction: itemCallToAction
+      } = field;
+      return /* @__PURE__ */ jsx78(
+        ListItem5,
+        {
+          title: value,
+          subtitle: label,
+          inverted: true,
+          media: getMedia(media, control === "with-avatar" || tag === "with-avatar"),
+          control: (_a = getCTAControl(itemCallToAction)) != null ? _a : getHelpControl(help),
+          prompt: getInlineAlert(inlineAlert),
+          additionalInfo: getAdditionalInfo(additionalInfo)
+        },
+        JSON.stringify(field)
+      );
+    })
+  ] })
+};
+var getCTAControl = (callToAction) => {
+  if (!callToAction) {
+    return void 0;
+  }
+  const { accessibilityDescription, href, title, onClick } = callToAction;
+  if (href) {
+    return /* @__PURE__ */ jsx78(ListItem5.Button, { href, partiallyInteractive: true, "aria-description": accessibilityDescription, children: title });
+  }
+  return /* @__PURE__ */ jsx78(
+    ListItem5.Button,
+    {
+      "aria-description": accessibilityDescription,
+      partiallyInteractive: true,
+      onClick,
+      children: title
+    }
+  );
+};
+var getHelpControl = (help) => {
+  if (!help) {
+    return void 0;
+  }
+  return /* @__PURE__ */ jsx78(Popover, { content: help, children: /* @__PURE__ */ jsx78(ListItem5.IconButton, { partiallyInteractive: true, children: /* @__PURE__ */ jsx78(QuestionMarkCircle, {}) }) });
+};
+var NewReviewRenderer_default = ReviewRenderer2;
+
+// ../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";
+var NewStatusListRenderer = {
+  canRenderType: "status-list",
+  render: ({ margin, items, title }) => /* @__PURE__ */ jsxs32("div", { className: getMargin(margin), children: [
+    title ? /* @__PURE__ */ jsx79(Header10, { title, className: "m-b-2" }) : null,
+    items.map((item) => {
+      const { callToAction, description, icon, status, title: itemTitle } = item;
+      return /* @__PURE__ */ jsx79(
+        ListItem6,
+        {
+          title: itemTitle,
+          subtitle: description,
+          media: icon && "name" in icon ? /* @__PURE__ */ jsx79(AvatarView5, { badge: { status: mapStatus2(status) }, children: /* @__PURE__ */ jsx79(DynamicIcon_default, { name: icon.name }) }) : void 0,
+          additionalInfo: callToAction ? /* @__PURE__ */ jsx79(
+            ListItem6.AdditionalInfo,
+            {
+              action: {
+                href: callToAction.href,
+                onClick: callToAction.href ? void 0 : callToAction.onClick,
+                label: callToAction.title,
+                target: "_blank"
+              }
+            }
+          ) : void 0
+        },
+        JSON.stringify(item)
+      );
+    })
+  ] })
+};
+var mapStatus2 = (status) => {
+  switch (status) {
+    case "done":
+      return "positive";
+    case "pending":
+      return "pending";
+    default:
+      return void 0;
+  }
+};
+var NewStatusListRenderer_default = NewStatusListRenderer;
+
 // ../renderers/src/getWiseRenderers.ts
+var listItemRenderers = [
+  NewDecisionRenderer_default,
+  NewListRenderer_default,
+  NewReviewRenderer_default,
+  NewStatusListRenderer_default
+];
 var getWiseRenderers = () => [
   AddressValidationButtonRenderer_default,
   AlertRenderer_default,
@@ -3166,7 +3390,12 @@ 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 Header11 = Header7;
+var getMargin2 = getMargin;
+var getListItemRenderers = () => listItemRenderers;
 
 // src/i18n/index.ts
 import { translations as coreTranslations } from "@wise/dynamic-flow-client";
@@ -4061,12 +4290,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 {
@@ -4103,7 +4332,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 {
@@ -4140,7 +4369,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();
@@ -4171,10 +4400,11 @@ export {
   DynamicFlowLegacy,
   DynamicFlowRevamp,
   DynamicForm,
-  Header7 as Header,
+  Header11 as Header,
   JsonSchemaForm,
   findRendererPropsByType,
-  getMargin,
+  getListItemRenderers,
+  getMargin2 as getMargin,
   isValidSchema,
   makeHttpClient as makeCustomFetch,
   i18n_default as translations