@wise/dynamic-flow-client-internal 4.27.0-experimental-330f0c5 → 4.27.1

package/build/esm/dynamicFlow/renderers.js

@@ -1,1241 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-
-// ../renderers/src/AlertRenderer.tsx
-import { Alert } from "@transferwise/components";
-
-// ../renderers/src/utils/layout-utils.ts
-var getMargin = (size) => {
-  switch (size) {
-    case "xs":
-      return "m-b-0";
-    case "sm":
-      return "m-b-1";
-    case "md":
-      return "m-b-2";
-    case "lg":
-      return "m-b-3";
-    case "xl":
-      return "m-b-5";
-    default:
-      return "";
-  }
-};
-
-// ../renderers/src/AlertRenderer.tsx
-import { jsx } from "react/jsx-runtime";
-
-// ../renderers/src/BoxRenderer.tsx
-import classNames from "classnames";
-import { jsx as jsx2 } from "react/jsx-runtime";
-
-// ../renderers/src/ButtonRenderer/AddressValidationButtonRenderer.tsx
-import { Button, InlineAlert } from "@transferwise/components";
-import { useIntl } from "react-intl";
-
-// ../renderers/src/messages/loading-button.messages.ts
-import { defineMessages } from "react-intl";
-var loading_button_messages_default = defineMessages({
-  buttonLoadingMessage: {
-    id: "df.wise.ButtonLayout.buttonLoadingMessage",
-    defaultMessage: "This might take a few seconds",
-    description: "Message displayed below a button when it is in a loading state."
-  }
-});
-
-// ../renderers/src/ButtonRenderer/AddressValidationButtonRenderer.tsx
-import { useEffect, useState } from "react";
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-
-// ../renderers/src/ButtonRenderer/ButtonRenderer.tsx
-import { Button as Button2 } from "@transferwise/components";
-import { useEffect as useEffect2, useState as useState2 } from "react";
-
-// ../renderers/src/ButtonRenderer/mapButtonSize.tsx
-var mapButtonSize = (size) => {
-  if (!size) {
-    return void 0;
-  }
-  switch (size) {
-    case "xs":
-    case "sm":
-      return "sm";
-    case "lg":
-    case "xl":
-      return "lg";
-    case "md":
-    default:
-      return "md";
-  }
-};
-
-// ../renderers/src/ButtonRenderer/ButtonRenderer.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-
-// ../renderers/src/components/FieldInput.tsx
-import { Field } from "@transferwise/components";
-
-// ../renderers/src/components/Help.tsx
-import { Info, Markdown } from "@transferwise/components";
-import { useIntl as useIntl2 } from "react-intl";
-
-// ../renderers/src/messages/help.messages.ts
-import { defineMessages as defineMessages2 } from "react-intl";
-var help_messages_default = defineMessages2({
-  helpAria: {
-    id: "df.wise.Help.ariaLabel",
-    defaultMessage: "Click here for more info.",
-    description: "Aria label for help."
-  }
-});
-
-// ../renderers/src/components/Help.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-
-// ../renderers/src/components/LabelContentWithHelp.tsx
-import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
-
-// ../renderers/src/components/FieldInput.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-
-// ../renderers/src/CheckboxInputRenderer.tsx
-import { Checkbox, ListItem } from "@transferwise/components";
-
-// ../renderers/src/utils/UrnFlag.tsx
-import { Flag } from "@wise/art";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var countryUrnPrefix = "urn:wise:countries:";
-var currencyUrnPrefix = "urn:wise:currencies:";
-var isUrnFlag = (uri) => uri.startsWith(countryUrnPrefix) || uri.startsWith(currencyUrnPrefix);
-function UrnFlag({ size, urn }) {
-  return /* @__PURE__ */ jsx8(Flag, { code: getCode(urn), intrinsicSize: size });
-}
-var getCode = (urn) => {
-  return urn.replace(countryUrnPrefix, "").replace(currencyUrnPrefix, "").replace(":image", "").split("?")[0];
-};
-
-// ../renderers/src/components/icon/FlagIcon.tsx
-import { Flag as Flag2 } from "@wise/art";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var isFlagIcon = (name) => name.startsWith("flag-");
-function FlagIcon({ name }) {
-  if (!isFlagIcon(name)) {
-    return null;
-  }
-  const code = name.substring(5);
-  return /* @__PURE__ */ jsx9(Flag2, { code, intrinsicSize: 24 });
-}
-
-// ../renderers/src/components/icon/NamedIcon.tsx
-import * as icons from "@transferwise/icons";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var isNamedIcon = (name) => {
-  const iconName = toCapitalisedCamelCase(name);
-  return Object.keys(icons).includes(iconName);
-};
-function NamedIcon({ name }) {
-  if (!isNamedIcon(name)) {
-    return null;
-  }
-  const iconName = toCapitalisedCamelCase(name);
-  const Icon = icons[iconName];
-  return /* @__PURE__ */ jsx10(Icon, { size: 24 });
-}
-var toCapitalisedCamelCase = (value) => value.split("-").map(capitaliseFirstChar).join("");
-var capitaliseFirstChar = (value) => `${value[0].toUpperCase()}${value.slice(1)}`;
-
-// ../renderers/src/components/icon/DynamicIcon.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
-function DynamicIcon({ name }) {
-  if (isFlagIcon(name)) {
-    return /* @__PURE__ */ jsx11(FlagIcon, { name });
-  }
-  if (isNamedIcon(name)) {
-    return /* @__PURE__ */ jsx11(NamedIcon, { name });
-  }
-  return null;
-}
-function isValidIconName(name) {
-  return isNamedIcon(name) || isFlagIcon(name);
-}
-function isValidIconUrn(uri) {
-  if (!uri.startsWith("urn:wise:icons:")) {
-    return false;
-  }
-  const name = uri.replace("urn:wise:icons:", "").split("?")[0];
-  return isValidIconName(name);
-}
-var DynamicIcon_default = DynamicIcon;
-
-// ../renderers/src/components/Media/stringToURN.ts
-var stringToURN = (uri) => {
-  var _a, _b, _c;
-  const [nameWithRQComponents, _] = uri.split("#");
-  const [nameWithRComponent, qComponent] = nameWithRQComponents.split("?=");
-  const [name, rComponent] = (_a = nameWithRComponent == null ? void 0 : nameWithRComponent.split("?+")) != null ? _a : ["", ""];
-  const rComponents = rComponent ? (_b = decodeURIComponent(rComponent)) == null ? void 0 : _b.split("&").map((c) => c.split("=")).map(([a, b]) => [a, b]) : void 0;
-  const qComponents = qComponent ? (_c = decodeURIComponent(qComponent)) == null ? void 0 : _c.split("&").map((c) => c.split("=")).map(([a, b]) => [a, b]) : void 0;
-  return {
-    name,
-    rComponents,
-    qComponents
-  };
-};
-
-// ../renderers/src/components/Media/resolveMediaFromUri.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
-var resolveMediaFromUri = (uri, size) => {
-  var _a, _b;
-  const { name, qComponents = [] } = stringToURN(uri);
-  if (isValidIconUrn(name)) {
-    const icon = /* @__PURE__ */ jsx12(DynamicIcon_default, { name: name.replace("urn:wise:icons:", "") });
-    return {
-      icon,
-      backgroundColor: formatColor((_a = qComponents.find(([key]) => key === "background-color")) == null ? void 0 : _a[1])
-    };
-  }
-  if (isUrnFlag(name)) {
-    return {
-      asset: /* @__PURE__ */ jsx12(UrnFlag, { urn: name, size })
-    };
-  }
-  if (name.startsWith("data:text/plain,")) {
-    const text = decodeURI(name.replace("data:text/plain,", ""));
-    return {
-      asset: text,
-      backgroundColor: formatColor((_b = qComponents.find(([key]) => key === "background-color")) == null ? void 0 : _b[1])
-    };
-  }
-  if (!uri.startsWith("urn:")) {
-    return { asset: /* @__PURE__ */ jsx12("img", { src: uri, alt: "", width: `${size}px` }) };
-  }
-  return { asset: void 0 };
-};
-var formatColor = (color) => {
-  if (!color) {
-    return void 0;
-  }
-  if (color.startsWith("#")) {
-    return color;
-  }
-  return `var(--color-${color.replace(/^base-|brand-/, "")})`;
-};
-
-// ../renderers/src/components/Media/AvatarMedia.tsx
-import { AvatarLayout, AvatarView } from "@transferwise/components";
-import { jsx as jsx13 } from "react/jsx-runtime";
-var AvatarMedia = ({
-  accessibilityDescription,
-  content,
-  size
-}) => {
-  const getRenderableAvatar = (avatar) => {
-    if (avatar.type === "text") {
-      return { asset: avatar.text };
-    }
-    return __spreadProps(__spreadValues({}, resolveMediaFromUri(avatar.uri, size)), {
-      badge: avatar.badgeUri ? resolveMediaFromUri(avatar.badgeUri, 16) : void 0
-    });
-  };
-  const avatars = content.map(getRenderableAvatar);
-  if (avatars.length === 1) {
-    const { badge, backgroundColor, asset, icon } = avatars[0];
-    if (!asset && !icon) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx13(
-      AvatarView,
-      {
-        "aria-label": accessibilityDescription,
-        size,
-        badge: badge ? __spreadProps(__spreadValues({}, badge), {
-          type: "reference"
-        }) : void 0,
-        style: { backgroundColor },
-        children: icon != null ? icon : asset
-      }
-    );
-  }
-  const avatarsWithoutBadges = avatars.filter(({ asset }) => asset).slice(0, 2).map((_a) => {
-    var _b = _a, { badge } = _b, rest = __objRest(_b, ["badge"]);
-    return __spreadValues({}, rest);
-  });
-  return /* @__PURE__ */ jsx13(
-    AvatarLayout,
-    {
-      "aria-label": accessibilityDescription,
-      size,
-      orientation: "diagonal",
-      avatars: avatarsWithoutBadges
-    }
-  );
-};
-
-// ../renderers/src/utils/image-utils.tsx
-import { AvatarView as AvatarView2 } from "@transferwise/components";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var getBadgedMedia = (iconNode, imageNode, size) => {
-  if (iconNode && imageNode) {
-    if (imageNode && iconNode) {
-      return /* @__PURE__ */ jsx14(AvatarView2, { size, badge: { asset: iconNode, type: "reference" }, children: imageNode });
-    }
-  }
-  return null;
-};
-var getIconNode = (icon) => {
-  if (icon) {
-    if ("name" in icon) {
-      return /* @__PURE__ */ jsx14(DynamicIcon_default, { name: icon.name });
-    }
-    if (icon.text) {
-      return icon.text;
-    }
-  }
-  return null;
-};
-var getImageNode = (image, size) => {
-  if (image) {
-    const { accessibilityDescription, uri } = image;
-    if (!uri.startsWith("urn:")) {
-      return /* @__PURE__ */ jsx14("img", { src: uri, alt: accessibilityDescription, width: `${size}px` });
-    }
-    if (isUrnFlag(uri)) {
-      return /* @__PURE__ */ jsx14(UrnFlag, { urn: uri, accessibilityDescription, size });
-    }
-  }
-  return null;
-};
-
-// ../renderers/src/components/Media/LegacyMedia.tsx
-import { AvatarView as AvatarView3 } from "@transferwise/components";
-import { jsx as jsx15 } from "react/jsx-runtime";
-var LegacyMedia = ({ image, icon, preferAvatar, size }) => {
-  const imageNode = getImageNode(image, size);
-  const iconNode = getIconNode(icon);
-  const badge = getBadgedMedia(iconNode, imageNode, size);
-  if (badge) {
-    return badge;
-  }
-  if (imageNode) {
-    return preferAvatar ? /* @__PURE__ */ jsx15(AvatarView3, { children: imageNode }) : imageNode;
-  }
-  if (iconNode && icon) {
-    if ("text" in icon || size === 48) {
-      return /* @__PURE__ */ jsx15(AvatarView3, { size, children: iconNode });
-    }
-    return iconNode;
-  }
-  return null;
-};
-
-// ../renderers/src/components/Media/Media.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
-var Media = ({ media, preferAvatar = false, size }) => {
-  switch (media == null ? void 0 : media.type) {
-    case "avatar":
-      return /* @__PURE__ */ jsx16(AvatarMedia, __spreadProps(__spreadValues({}, media), { size }));
-    case "image": {
-      const { asset, icon } = resolveMediaFromUri(media.uri, size);
-      return icon != null ? icon : asset;
-    }
-    case "legacy": {
-      return /* @__PURE__ */ jsx16(LegacyMedia, __spreadProps(__spreadValues({}, media), { preferAvatar, size }));
-    }
-    default:
-      return null;
-  }
-};
-
-// ../renderers/src/components/Media/OptionMedia.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
-var mediaSize = 48;
-function OptionMedia(props) {
-  return /* @__PURE__ */ jsx17(Media, __spreadProps(__spreadValues({}, props), { size: mediaSize }));
-}
-
-// ../renderers/src/components/Media/getInlineMedia.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
-
-// ../renderers/src/NewListItem/getMedia.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
-var getMedia = (media, preferAvatar) => media ? /* @__PURE__ */ jsx19(OptionMedia, { media, preferAvatar }) : void 0;
-
-// ../renderers/src/CheckboxInputRenderer.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
-
-// ../renderers/src/ColumnsRenderer.tsx
-import classNames2 from "classnames";
-import { jsx as jsx21, jsxs as jsxs3 } from "react/jsx-runtime";
-
-// ../renderers/src/components/VariableDateInput.tsx
-import { DateInput, DateLookup } from "@transferwise/components";
-import { jsx as jsx22 } from "react/jsx-runtime";
-
-// ../renderers/src/DateInputRenderer.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
-
-// ../renderers/src/DecisionRenderer/DecisionRenderer.tsx
-import { NavigationOption, NavigationOptionsList } from "@transferwise/components";
-
-// ../renderers/src/DecisionRenderer/DecisionList.tsx
-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";
-
-// ../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"
-  },
-  currenciesWithAccountDetails: {
-    id: "df.wise.Decision.currenciesWithAccountDetails",
-    defaultMessage: "Currencies with account details",
-    description: "Label for the group of options that are tagged as currencies with account details"
-  },
-  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 jsx24, jsxs as jsxs4 } from "react/jsx-runtime";
-var OPTION_GROUPS = {
-  popular: "popular",
-  recent: "recent",
-  currencyWithAccountDetails: "currencies-with-account-details"
-};
-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);
-  const currencyWithAccountDetailsOptions = options.filter(
-    (option) => option.tag === OPTION_GROUPS.currencyWithAccountDetails
-  );
-  return /* @__PURE__ */ jsxs4(Fragment, { children: [
-    popularOptions.length > 0 ? /* @__PURE__ */ jsxs4(Section, { children: [
-      /* @__PURE__ */ jsx24(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) }),
-      renderDecisionList2(__spreadProps(__spreadValues({}, rest), { options: recentOptions }))
-    ] }) : null,
-    currencyWithAccountDetailsOptions.length > 0 ? /* @__PURE__ */ jsxs4(Section, { children: [
-      /* @__PURE__ */ jsx24(Header, { as: "h2", title: formatMessage(decision_messages_default.currenciesWithAccountDetails) }),
-      renderDecisionList2(__spreadProps(__spreadValues({}, rest), { options: currencyWithAccountDetailsOptions }))
-    ] }) : null,
-    /* @__PURE__ */ jsxs4(Section, { children: [
-      /* @__PURE__ */ jsx24(Header, { as: "h2", title: formatMessage(decision_messages_default.all) }),
-      renderDecisionList2(rest)
-    ] })
-  ] });
-};
-var isGroupedDecision = (options) => {
-  const possibleGroups = Object.values(OPTION_GROUPS);
-  return options.some(({ tag }) => tag && possibleGroups.includes(tag));
-};
-
-// ../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 jsx25, jsxs as jsxs5 } from "react/jsx-runtime";
-var DecisionWrapper = (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))
-  ] });
-};
-var UnfilteredDecisionList = (_a) => {
-  var _b = _a, { renderDecisionList: renderDecisionList2 } = _b, rest = __objRest(_b, ["renderDecisionList"]);
-  return isGroupedDecision(rest.options) ? /* @__PURE__ */ jsx25(GroupedList, __spreadProps(__spreadValues({}, rest), { renderDecisionList: renderDecisionList2 })) : renderDecisionList2(rest);
-};
-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(
-      SearchInput,
-      {
-        placeholder: formatMessage(decision_messages_default.filterPlaceholder),
-        value: query,
-        onChange: (e) => {
-          var _a;
-          return setQuery((_a = e.target.value) != null ? _a : "");
-        }
-      }
-    ),
-    isGrouped && query.length === 0 ? /* @__PURE__ */ jsx25(GroupedList, __spreadValues({}, props)) : /* @__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 ? renderDecisionList2({
-        control,
-        className: query.length === 0 ? "m-t-3" : "",
-        options: filteredOptions
-      }) : /* @__PURE__ */ jsx25("p", { children: formatMessage(decision_messages_default.noResults) })
-    ] })
-  ] });
-};
-
-// ../renderers/src/DecisionRenderer/DecisionRenderer.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
-
-// ../renderers/src/DividerRenderer.tsx
-import { Divider } from "@transferwise/components";
-import { jsx as jsx27 } from "react/jsx-runtime";
-
-// ../renderers/src/ExternalConfirmationRenderer.tsx
-import { Button as Button3, Markdown as Markdown2, Modal } from "@transferwise/components";
-
-// ../renderers/src/messages/external-confirmation.messages.ts
-import { defineMessages as defineMessages4 } from "react-intl";
-var external_confirmation_messages_default = defineMessages4({
-  title: {
-    id: "df.wise.ExternalConfirmation.title",
-    defaultMessage: "Please confirm",
-    description: "Heading for the confirmation screen."
-  },
-  description: {
-    id: "df.wise.ExternalConfirmation.description",
-    defaultMessage: "Please confirm you want to open **{origin}** in a new browser tab.",
-    description: "Description for the confirmation screen."
-  },
-  open: {
-    id: "df.wise.ExternalConfirmation.open",
-    defaultMessage: "Open in new tab",
-    description: "Button text confirming opening a new browser tab."
-  },
-  cancel: {
-    id: "df.wise.ExternalConfirmation.cancel",
-    defaultMessage: "Cancel",
-    description: "Button text rejecting opening a new browser tab."
-  }
-});
-
-// ../renderers/src/ExternalConfirmationRenderer.tsx
-import { useIntl as useIntl5 } from "react-intl";
-import { useEffect as useEffect3 } from "react";
-import { Fragment as Fragment3, jsx as jsx28, jsxs as jsxs6 } from "react/jsx-runtime";
-
-// ../renderers/src/FormRenderer.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
-
-// ../renderers/src/FormSectionRenderer.tsx
-import { Header as Header3 } from "@transferwise/components";
-import { jsx as jsx30, jsxs as jsxs7 } from "react/jsx-runtime";
-
-// ../renderers/src/HeadingRenderer.tsx
-import { Display, Title } from "@transferwise/components";
-import { jsx as jsx31 } from "react/jsx-runtime";
-
-// ../renderers/src/ImageRenderer/UrlImage.tsx
-import { Image } from "@transferwise/components";
-import { useEffect as useEffect4, useState as useState4 } from "react";
-import { jsx as jsx32 } from "react/jsx-runtime";
-
-// ../renderers/src/ImageRenderer/UrnFlagImage.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
-
-// ../renderers/src/ImageRenderer/UrnIllustration.tsx
-import {
-  Illustration,
-  isIllustrationSupport3D
-} from "@wise/art";
-import { useState as useState5 } from "react";
-
-// ../renderers/src/ImageRenderer/SafeIllustration3D.tsx
-import { Illustration3D } from "@wise/art";
-import { Component } from "react";
-import { jsx as jsx34 } from "react/jsx-runtime";
-
-// ../renderers/src/ImageRenderer/UrnIllustration.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
-
-// ../renderers/src/ImageRenderer/UrnImage.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
-
-// ../renderers/src/ImageRenderer/ImageRenderer.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
-
-// ../renderers/src/InstructionsRenderer.tsx
-import { Header as Header4, InstructionsList } from "@transferwise/components";
-import { jsx as jsx38, jsxs as jsxs8 } from "react/jsx-runtime";
-
-// ../renderers/src/IntegerInputRenderer.tsx
-import { Input, InputGroup } from "@transferwise/components";
-import { jsx as jsx39 } from "react/jsx-runtime";
-
-// ../renderers/src/ListRenderer.tsx
-import { Body, Header as Header5 } from "@transferwise/components";
-import classNames3 from "classnames";
-import { jsx as jsx40, jsxs as jsxs9 } from "react/jsx-runtime";
-
-// ../renderers/src/LoadingIndicatorRenderer.tsx
-import { Loader } from "@transferwise/components";
-import { jsx as jsx41 } from "react/jsx-runtime";
-
-// ../renderers/src/MarkdownRenderer.tsx
-import { Markdown as Markdown3 } from "@transferwise/components";
-import { jsx as jsx42 } from "react/jsx-runtime";
-
-// ../renderers/src/ModalLayoutRenderer.tsx
-import { Button as Button4, Modal as Modal2 } from "@transferwise/components";
-import { useState as useState6 } from "react";
-import { jsx as jsx43, jsxs as jsxs10 } from "react/jsx-runtime";
-
-// ../renderers/src/ModalRenderer.tsx
-import { Modal as Modal3 } from "@transferwise/components";
-import { jsx as jsx44 } from "react/jsx-runtime";
-
-// ../renderers/src/MultiSelectInputRenderer.tsx
-import { SelectInput, SelectInputOptionContent } from "@transferwise/components";
-import { useState as useState7 } from "react";
-import { useIntl as useIntl6 } from "react-intl";
-
-// ../renderers/src/messages/multi-select.messages.ts
-import { defineMessages as defineMessages5 } from "react-intl";
-var multi_select_messages_default = defineMessages5({
-  summary: {
-    id: "df.wise.MultiSelect.summary",
-    defaultMessage: "{first} and {count} more",
-    description: "A summary of the multiple items selected. Showing the title of the first selected item, and the number of other items that have been selected."
-  }
-});
-
-// ../renderers/src/MultiSelectInputRenderer.tsx
-import { jsx as jsx45 } from "react/jsx-runtime";
-
-// ../renderers/src/MultiUploadInputRenderer.tsx
-import { UploadInput } from "@transferwise/components";
-
-// ../renderers/src/components/UploadFieldInput.tsx
-import { InlineAlert as InlineAlert2 } from "@transferwise/components";
-import classNames4 from "classnames";
-import { jsx as jsx46, jsxs as jsxs11 } from "react/jsx-runtime";
-
-// ../renderers/src/MultiUploadInputRenderer.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
-
-// ../renderers/src/NumberInputRenderer.tsx
-import { Input as Input2, InputGroup as InputGroup2 } from "@transferwise/components";
-import { jsx as jsx48 } from "react/jsx-runtime";
-
-// ../renderers/src/ParagraphRenderer.tsx
-import { useIntl as useIntl7 } from "react-intl";
-
-// ../renderers/src/hooks/useSnackBarIfAvailable.ts
-import { SnackbarContext } from "@transferwise/components";
-import { useContext } from "react";
-
-// ../renderers/src/ParagraphRenderer.tsx
-import { Button as Button5, Input as Input3 } from "@transferwise/components";
-import classNames5 from "classnames";
-
-// ../renderers/src/messages/paragraph.messages.ts
-import { defineMessages as defineMessages6 } from "react-intl";
-var paragraph_messages_default = defineMessages6({
-  copy: {
-    id: "df.wise.DynamicParagraph.copy",
-    defaultMessage: "Copy",
-    description: "Copy to clipboard button label."
-  },
-  copied: {
-    id: "df.wise.DynamicParagraph.copied",
-    defaultMessage: "Copied to clipboard",
-    description: "Appears in a snackbar when the copy operation succeeds."
-  }
-});
-
-// ../renderers/src/ParagraphRenderer.tsx
-import { jsx as jsx49, jsxs as jsxs12 } from "react/jsx-runtime";
-
-// ../renderers/src/RepeatableRenderer.tsx
-import { Button as Button6, Header as Header6, InlineAlert as InlineAlert3, Modal as Modal4, NavigationOption as NavigationOption2 } from "@transferwise/components";
-import { Plus } from "@transferwise/icons";
-import classNames6 from "classnames";
-import { useState as useState8 } from "react";
-import { useIntl as useIntl8 } from "react-intl";
-
-// ../renderers/src/messages/repeatable.messages.ts
-import { defineMessages as defineMessages7 } from "react-intl";
-var repeatable_messages_default = defineMessages7({
-  addItemTitle: {
-    id: "df.wise.ArraySchema.addItemTitle",
-    defaultMessage: "Add Item",
-    description: "Label on the button used to open a form to add an item"
-  },
-  addItem: {
-    id: "df.wise.ArraySchema.addItem",
-    defaultMessage: "Save",
-    description: "Label on the add button used to submit a form that adds an item"
-  },
-  editItem: {
-    id: "df.wise.ArraySchema.editItem",
-    defaultMessage: "Save",
-    description: "Label on the edit button used to submit a form that edits an item"
-  },
-  removeItem: {
-    id: "df.wise.ArraySchema.removeItem",
-    defaultMessage: "Remove",
-    description: "Label on the remove button used to confirm deletion of an item"
-  }
-});
-
-// ../renderers/src/RepeatableRenderer.tsx
-import { Fragment as Fragment4, jsx as jsx50, jsxs as jsxs13 } from "react/jsx-runtime";
-
-// ../renderers/src/ReviewRenderer.tsx
-import { DefinitionList } from "@transferwise/components";
-
-// ../renderers/src/components/Header.tsx
-import { Header as DSHeader } from "@transferwise/components";
-import { jsx as jsx51 } from "react/jsx-runtime";
-var Header7 = ({ title, callToAction }) => (title || callToAction) && /* @__PURE__ */ jsx51(DSHeader, { title: title != null ? title : "", action: getHeaderAction(callToAction) });
-var getHeaderAction = (callToAction) => {
-  if (!callToAction) {
-    return void 0;
-  }
-  const { accessibilityDescription, href, title, onClick } = callToAction;
-  return href ? {
-    "aria-label": accessibilityDescription,
-    text: title,
-    href,
-    target: "_blank"
-  } : {
-    "aria-label": accessibilityDescription,
-    text: title,
-    onClick: (event) => {
-      event.preventDefault();
-      onClick();
-    }
-  };
-};
-
-// ../renderers/src/ReviewRenderer.tsx
-import { Fragment as Fragment5, jsx as jsx52, jsxs as jsxs14 } from "react/jsx-runtime";
-
-// ../renderers/src/SearchRenderer/BlockSearchRendererComponent.tsx
-import { Input as Input4, Markdown as Markdown4, NavigationOption as NavigationOption3, NavigationOptionsList as NavigationOptionsList2 } from "@transferwise/components";
-import { useState as useState9 } from "react";
-import { useIntl as useIntl10 } from "react-intl";
-
-// ../renderers/src/messages/search.messages.ts
-import { defineMessages as defineMessages8 } from "react-intl";
-var search_messages_default = defineMessages8({
-  loading: {
-    id: "df.wise.SearchLayout.loading",
-    defaultMessage: "Loading...",
-    description: "A message shown to the user while their search is being processed, before results appear."
-  }
-});
-
-// ../renderers/src/SearchRenderer/ErrorResult.tsx
-import { useIntl as useIntl9 } from "react-intl";
-
-// ../renderers/src/messages/generic-error.messages.ts
-import { defineMessages as defineMessages9 } from "react-intl";
-var generic_error_messages_default = defineMessages9({
-  genericErrorRetryHint: {
-    id: "df.wise.PersistAsyncSchema.genericError",
-    defaultMessage: "Something went wrong, please try again.",
-    description: "Generic error message for persist async schema"
-  },
-  genericError: {
-    id: "df.wise.ErrorBoundary.errorAlert",
-    defaultMessage: "Something went wrong.",
-    description: "Generic error message for when something has gone wrong."
-  },
-  retry: {
-    id: "df.wise.ErrorBoundary.retry",
-    defaultMessage: "Retry",
-    description: "Usually this follows the generic error and contains a link."
-  }
-});
-
-// ../renderers/src/SearchRenderer/ErrorResult.tsx
-import { Link } from "@transferwise/components";
-import { jsx as jsx53, jsxs as jsxs15 } from "react/jsx-runtime";
-
-// ../renderers/src/SearchRenderer/BlockSearchRendererComponent.tsx
-import { Fragment as Fragment6, jsx as jsx54, jsxs as jsxs16 } from "react/jsx-runtime";
-
-// ../renderers/src/SearchRenderer/InlineSearchRendererComponent.tsx
-import { Markdown as Markdown5, Typeahead } from "@transferwise/components";
-import { Search } from "@transferwise/icons";
-import { useState as useState10 } from "react";
-import { useIntl as useIntl11 } from "react-intl";
-import { jsx as jsx55 } from "react/jsx-runtime";
-
-// ../renderers/src/SearchRenderer/SearchRenderer.tsx
-import { jsx as jsx56 } from "react/jsx-runtime";
-
-// ../renderers/src/SectionRenderer.tsx
-import { Header as Header8 } from "@transferwise/components";
-import { jsx as jsx57, jsxs as jsxs17 } from "react/jsx-runtime";
-
-// ../renderers/src/SelectInputRenderer/RadioInputRendererComponent.tsx
-import { RadioGroup } from "@transferwise/components";
-import { Fragment as Fragment7, jsx as jsx58, jsxs as jsxs18 } from "react/jsx-runtime";
-
-// ../renderers/src/SelectInputRenderer/TabInputRendererComponent.tsx
-import { Tabs } from "@transferwise/components";
-import { useEffect as useEffect5 } from "react";
-import { Fragment as Fragment8, jsx as jsx59, jsxs as jsxs19 } from "react/jsx-runtime";
-
-// ../renderers/src/SelectInputRenderer/SelectInputRendererComponent.tsx
-import { SelectInput as SelectInput2, SelectInputOptionContent as SelectInputOptionContent2 } from "@transferwise/components";
-import { Fragment as Fragment9, jsx as jsx60, jsxs as jsxs20 } from "react/jsx-runtime";
-
-// ../renderers/src/SelectInputRenderer/SegmentedInputRendererComponent.tsx
-import { useEffect as useEffect6 } from "react";
-import { SegmentedControl } from "@transferwise/components";
-import { Fragment as Fragment10, jsx as jsx61, jsxs as jsxs21 } from "react/jsx-runtime";
-
-// ../renderers/src/SelectInputRenderer/SelectInputRenderer.tsx
-import { jsx as jsx62 } from "react/jsx-runtime";
-
-// ../renderers/src/StatusListRenderer.tsx
-import { Header as Header9, Summary } from "@transferwise/components";
-import { jsx as jsx63, jsxs as jsxs22 } from "react/jsx-runtime";
-
-// ../renderers/src/utils/useCustomTheme.ts
-import { useTheme } from "@wise/components-theming";
-import { useEffect as useEffect7, useMemo } from "react";
-
-// ../renderers/src/step/topbar/BackButton.tsx
-import { IconButton } from "@transferwise/components";
-import { ArrowLeft } from "@transferwise/icons";
-import { jsx as jsx64, jsxs as jsxs23 } from "react/jsx-runtime";
-
-// ../renderers/src/step/topbar/Toolbar.tsx
-import { Button as Button7, IconButton as IconButton2 } from "@transferwise/components";
-import { jsx as jsx65, jsxs as jsxs24 } from "react/jsx-runtime";
-
-// ../renderers/src/step/topbar/TopBar.tsx
-import { jsx as jsx66, jsxs as jsxs25 } from "react/jsx-runtime";
-
-// ../renderers/src/step/SplashCelebrationStepRenderer.tsx
-import { jsx as jsx67, jsxs as jsxs26 } from "react/jsx-runtime";
-
-// ../renderers/src/step/SplashStepRenderer.tsx
-import { jsx as jsx68, jsxs as jsxs27 } from "react/jsx-runtime";
-
-// ../renderers/src/step/StepRenderer.tsx
-import { Alert as Alert2, Title as Title2 } from "@transferwise/components";
-import { Fragment as Fragment11, jsx as jsx69, jsxs as jsxs28 } from "react/jsx-runtime";
-
-// ../renderers/src/TabsRenderer.tsx
-import { Chips, SegmentedControl as SegmentedControl2, Tabs as Tabs2 } from "@transferwise/components";
-import { useState as useState11 } from "react";
-import { jsx as jsx70, jsxs as jsxs29 } from "react/jsx-runtime";
-
-// ../renderers/src/TextInputRenderer.tsx
-import { InputGroup as InputGroup3 } from "@transferwise/components";
-
-// ../renderers/src/components/VariableTextInput.tsx
-import {
-  Input as Input5,
-  InputWithDisplayFormat,
-  PhoneNumberInput,
-  TextArea,
-  TextareaWithDisplayFormat
-} from "@transferwise/components";
-import { jsx as jsx71 } from "react/jsx-runtime";
-
-// ../renderers/src/TextInputRenderer.tsx
-import { jsx as jsx72 } from "react/jsx-runtime";
-
-// ../renderers/src/UploadInputRenderer.tsx
-import { Upload, UploadInput as UploadInput2 } from "@transferwise/components";
-import { jsx as jsx73 } from "react/jsx-runtime";
-
-// ../renderers/src/NewListItem/NewDecisionRenderer.tsx
-import { ListItem as ListItem4 } from "@transferwise/components";
-
-// ../renderers/src/NewListItem/getInlineAlert.tsx
-import { ListItem as ListItem2 } from "@transferwise/components";
-import { jsx as jsx74 } from "react/jsx-runtime";
-var getInlineAlert = (inlineAlert) => inlineAlert ? /* @__PURE__ */ jsx74(ListItem2.Prompt, { sentiment: inlineAlert == null ? void 0 : inlineAlert.context, children: inlineAlert.content }) : void 0;
-
-// ../renderers/src/NewListItem/getAdditionalInfo.tsx
-import { ListItem as ListItem3 } 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(
-      ListItem3.AdditionalInfo,
-      {
-        action: {
-          label: text,
-          href,
-          onClick,
-          target: "_blank"
-        }
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx75(ListItem3.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 DecisionRenderer = {
-  canRenderType: "decision",
-  render: (props) => /* @__PURE__ */ jsx76(DecisionWrapper, __spreadProps(__spreadValues({}, props), { renderDecisionList }))
-};
-var renderDecisionList = ({ 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(
-      ListItem4,
-      {
-        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(ListItem4.Navigation, { href, target: "_blank" }) : /* @__PURE__ */ jsx76(ListItem4.Navigation, { onClick })
-      },
-      JSON.stringify(option)
-    );
-  }) });
-};
-var NewDecisionRenderer_default = DecisionRenderer;
-
-// ../renderers/src/NewListItem/NewListRenderer.tsx
-import { ListItem as ListItem5 } from "@transferwise/components";
-import { jsx as jsx77, jsxs as jsxs30 } from "react/jsx-runtime";
-var ListRenderer = {
-  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(
-        ListItem5,
-        {
-          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 = ListRenderer;
-
-// ../renderers/src/NewListItem/NewReviewRenderer.tsx
-import { ListItem as ListItem6, 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 ReviewRenderer = {
-  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(
-        ListItem6,
-        {
-          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(ListItem6.Button, { href, partiallyInteractive: true, "aria-description": accessibilityDescription, children: title });
-  }
-  return /* @__PURE__ */ jsx78(
-    ListItem6.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(ListItem6.IconButton, { partiallyInteractive: true, children: /* @__PURE__ */ jsx78(QuestionMarkCircle, {}) }) });
-};
-var NewReviewRenderer_default = ReviewRenderer;
-
-// ../renderers/src/NewListItem/NewStatusListRenderer.tsx
-import { AvatarView as AvatarView4, Header as Header10, ListItem as ListItem7 } 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(
-        ListItem7,
-        {
-          title: itemTitle,
-          subtitle: description,
-          media: icon && "name" in icon ? /* @__PURE__ */ jsx79(AvatarView4, { badge: { status: mapStatus(status) }, children: /* @__PURE__ */ jsx79(DynamicIcon_default, { name: icon.name }) }) : void 0,
-          additionalInfo: callToAction ? /* @__PURE__ */ jsx79(
-            ListItem7.AdditionalInfo,
-            {
-              action: {
-                href: callToAction.href,
-                onClick: callToAction.href ? void 0 : callToAction.onClick,
-                label: callToAction.title,
-                target: "_blank"
-              }
-            }
-          ) : void 0
-        },
-        JSON.stringify(item)
-      );
-    })
-  ] })
-};
-var mapStatus = (status) => {
-  switch (status) {
-    case "done":
-      return "positive";
-    case "pending":
-      return "pending";
-    default:
-      return void 0;
-  }
-};
-var NewStatusListRenderer_default = NewStatusListRenderer;
-
-// ../renderers/src/ButtonRenderer/ButtonRendererV2.tsx
-import { Button as Button8 } from "@transferwise/components";
-
-// ../renderers/src/utils/isButtonPriority.ts
-var validPriorities = ["primary", "secondary", "secondary-neutral", "tertiary"];
-var isButtonPriority = (control) => validPriorities.includes(control);
-
-// ../renderers/src/ButtonRenderer/ButtonRendererV2.tsx
-import { useEffect as useEffect8, useState as useState12 } from "react";
-import { jsx as jsx80 } from "react/jsx-runtime";
-var ButtonRendererV2 = {
-  canRenderType: "button",
-  render: ButtonComponent
-};
-function ButtonComponent(props) {
-  const { control, context, disabled, margin, title, size, stepLoadingState, onClick } = props;
-  const [spinny, setSpinny] = useState12(false);
-  useEffect8(() => {
-    if (stepLoadingState === "idle") {
-      setSpinny(false);
-    }
-  }, [stepLoadingState]);
-  const loading = spinny && stepLoadingState !== "idle";
-  return /* @__PURE__ */ jsx80(
-    Button8,
-    {
-      v2: true,
-      block: true,
-      className: getMargin(margin),
-      disabled,
-      priority: getPriority(control),
-      loading,
-      size: mapButtonSize(size),
-      sentiment: getSentiment(context),
-      onClick: () => {
-        setSpinny(true);
-        onClick();
-      },
-      children: title
-    }
-  );
-}
-var getSentiment = (context) => context === "negative" ? "negative" : "default";
-var getPriority = (control) => control && isButtonPriority(control) ? control : "secondary";
-
-// ../renderers/src/ProgressRenderer.tsx
-import { ProgressBar } from "@transferwise/components";
-import { jsx as jsx81 } from "react/jsx-runtime";
-
-// ../renderers/src/getWiseRenderers.ts
-var getListItemRenderers = () => [
-  NewDecisionRenderer_default,
-  NewListRenderer_default,
-  NewReviewRenderer_default,
-  NewStatusListRenderer_default
-];
-var getButtonV2Renderers = () => [ButtonRendererV2];
-
-// src/dynamicFlow/renderers.ts
-var Header11 = Header7;
-var Media2 = Media;
-var getMargin2 = getMargin;
-var getListItemRenderers2 = getListItemRenderers;
-var getButtonV2Renderers2 = getButtonV2Renderers;
-export {
-  Header11 as Header,
-  Media2 as Media,
-  getButtonV2Renderers2 as getButtonV2Renderers,
-  getListItemRenderers2 as getListItemRenderers,
-  getMargin2 as getMargin
-};