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

package/build/cjs/dynamicFlow/renderers.js

@@ -1,1262 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-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;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/dynamicFlow/renderers.ts
-var renderers_exports = {};
-__export(renderers_exports, {
-  Header: () => Header11,
-  Media: () => Media2,
-  getButtonV2Renderers: () => getButtonV2Renderers2,
-  getListItemRenderers: () => getListItemRenderers2,
-  getMargin: () => getMargin2
-});
-module.exports = __toCommonJS(renderers_exports);
-
-// ../renderers/src/AlertRenderer.tsx
-var import_components = require("@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
-var import_jsx_runtime = require("react/jsx-runtime");
-
-// ../renderers/src/BoxRenderer.tsx
-var import_classnames = __toESM(require("classnames"));
-var import_jsx_runtime2 = require("react/jsx-runtime");
-
-// ../renderers/src/ButtonRenderer/AddressValidationButtonRenderer.tsx
-var import_components2 = require("@transferwise/components");
-var import_react_intl2 = require("react-intl");
-
-// ../renderers/src/messages/loading-button.messages.ts
-var import_react_intl = require("react-intl");
-var loading_button_messages_default = (0, import_react_intl.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
-var import_react = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-
-// ../renderers/src/ButtonRenderer/ButtonRenderer.tsx
-var import_components3 = require("@transferwise/components");
-var import_react2 = require("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
-var import_jsx_runtime4 = require("react/jsx-runtime");
-
-// ../renderers/src/components/FieldInput.tsx
-var import_components5 = require("@transferwise/components");
-
-// ../renderers/src/components/Help.tsx
-var import_components4 = require("@transferwise/components");
-var import_react_intl4 = require("react-intl");
-
-// ../renderers/src/messages/help.messages.ts
-var import_react_intl3 = require("react-intl");
-var help_messages_default = (0, import_react_intl3.defineMessages)({
-  helpAria: {
-    id: "df.wise.Help.ariaLabel",
-    defaultMessage: "Click here for more info.",
-    description: "Aria label for help."
-  }
-});
-
-// ../renderers/src/components/Help.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-
-// ../renderers/src/components/LabelContentWithHelp.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-
-// ../renderers/src/components/FieldInput.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-
-// ../renderers/src/CheckboxInputRenderer.tsx
-var import_components9 = require("@transferwise/components");
-
-// ../renderers/src/utils/UrnFlag.tsx
-var import_art = require("@wise/art");
-var import_jsx_runtime8 = require("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__ */ (0, import_jsx_runtime8.jsx)(import_art.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
-var import_art2 = require("@wise/art");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var isFlagIcon = (name) => name.startsWith("flag-");
-function FlagIcon({ name }) {
-  if (!isFlagIcon(name)) {
-    return null;
-  }
-  const code = name.substring(5);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_art2.Flag, { code, intrinsicSize: 24 });
-}
-
-// ../renderers/src/components/icon/NamedIcon.tsx
-var icons = __toESM(require("@transferwise/icons"));
-var import_jsx_runtime10 = require("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__ */ (0, import_jsx_runtime10.jsx)(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
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function DynamicIcon({ name }) {
-  if (isFlagIcon(name)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(FlagIcon, { name });
-  }
-  if (isNamedIcon(name)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(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
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var resolveMediaFromUri = (uri, size) => {
-  var _a, _b;
-  const { name, qComponents = [] } = stringToURN(uri);
-  if (isValidIconUrn(name)) {
-    const icon = /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(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__ */ (0, import_jsx_runtime12.jsx)(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__ */ (0, import_jsx_runtime12.jsx)("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
-var import_components6 = require("@transferwise/components");
-var import_jsx_runtime13 = require("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__ */ (0, import_jsx_runtime13.jsx)(
-      import_components6.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__ */ (0, import_jsx_runtime13.jsx)(
-    import_components6.AvatarLayout,
-    {
-      "aria-label": accessibilityDescription,
-      size,
-      orientation: "diagonal",
-      avatars: avatarsWithoutBadges
-    }
-  );
-};
-
-// ../renderers/src/utils/image-utils.tsx
-var import_components7 = require("@transferwise/components");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var getBadgedMedia = (iconNode, imageNode, size) => {
-  if (iconNode && imageNode) {
-    if (imageNode && iconNode) {
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_components7.AvatarView, { size, badge: { asset: iconNode, type: "reference" }, children: imageNode });
-    }
-  }
-  return null;
-};
-var getIconNode = (icon) => {
-  if (icon) {
-    if ("name" in icon) {
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(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__ */ (0, import_jsx_runtime14.jsx)("img", { src: uri, alt: accessibilityDescription, width: `${size}px` });
-    }
-    if (isUrnFlag(uri)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(UrnFlag, { urn: uri, accessibilityDescription, size });
-    }
-  }
-  return null;
-};
-
-// ../renderers/src/components/Media/LegacyMedia.tsx
-var import_components8 = require("@transferwise/components");
-var import_jsx_runtime15 = require("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__ */ (0, import_jsx_runtime15.jsx)(import_components8.AvatarView, { children: imageNode }) : imageNode;
-  }
-  if (iconNode && icon) {
-    if ("text" in icon || size === 48) {
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_components8.AvatarView, { size, children: iconNode });
-    }
-    return iconNode;
-  }
-  return null;
-};
-
-// ../renderers/src/components/Media/Media.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var Media = ({ media, preferAvatar = false, size }) => {
-  switch (media == null ? void 0 : media.type) {
-    case "avatar":
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AvatarMedia, __spreadProps(__spreadValues({}, media), { size }));
-    case "image": {
-      const { asset, icon } = resolveMediaFromUri(media.uri, size);
-      return icon != null ? icon : asset;
-    }
-    case "legacy": {
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(LegacyMedia, __spreadProps(__spreadValues({}, media), { preferAvatar, size }));
-    }
-    default:
-      return null;
-  }
-};
-
-// ../renderers/src/components/Media/OptionMedia.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var mediaSize = 48;
-function OptionMedia(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Media, __spreadProps(__spreadValues({}, props), { size: mediaSize }));
-}
-
-// ../renderers/src/components/Media/getInlineMedia.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
-
-// ../renderers/src/NewListItem/getMedia.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var getMedia = (media, preferAvatar) => media ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(OptionMedia, { media, preferAvatar }) : void 0;
-
-// ../renderers/src/CheckboxInputRenderer.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
-
-// ../renderers/src/ColumnsRenderer.tsx
-var import_classnames2 = __toESM(require("classnames"));
-var import_jsx_runtime21 = require("react/jsx-runtime");
-
-// ../renderers/src/components/VariableDateInput.tsx
-var import_components10 = require("@transferwise/components");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-
-// ../renderers/src/DateInputRenderer.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-
-// ../renderers/src/DecisionRenderer/DecisionRenderer.tsx
-var import_components13 = require("@transferwise/components");
-
-// ../renderers/src/DecisionRenderer/DecisionList.tsx
-var import_components12 = require("@transferwise/components");
-
-// ../renderers/src/DecisionRenderer/GroupedList.tsx
-var import_components11 = require("@transferwise/components");
-var import_react_intl6 = 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"
-  },
-  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
-var import_jsx_runtime24 = require("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 } = (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);
-  const currencyWithAccountDetailsOptions = options.filter(
-    (option) => option.tag === OPTION_GROUPS.currencyWithAccountDetails
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
-    popularOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_components11.Section, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_components11.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_components11.Section, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_components11.Header, { as: "h2", title: formatMessage(decision_messages_default.recent) }),
-      renderDecisionList2(__spreadProps(__spreadValues({}, rest), { options: recentOptions }))
-    ] }) : null,
-    currencyWithAccountDetailsOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_components11.Section, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_components11.Header, { as: "h2", title: formatMessage(decision_messages_default.currenciesWithAccountDetails) }),
-      renderDecisionList2(__spreadProps(__spreadValues({}, rest), { options: currencyWithAccountDetailsOptions }))
-    ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_components11.Section, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_components11.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
-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_runtime25 = require("react/jsx-runtime");
-var DecisionWrapper = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: getMargin(props.margin), children: [
-    props.title && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_components12.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))
-  ] });
-};
-var UnfilteredDecisionList = (_a) => {
-  var _b = _a, { renderDecisionList: renderDecisionList2 } = _b, rest = __objRest(_b, ["renderDecisionList"]);
-  return isGroupedDecision(rest.options) ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(GroupedList, __spreadProps(__spreadValues({}, rest), { renderDecisionList: renderDecisionList2 })) : renderDecisionList2(rest);
-};
-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_components12.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__ */ (0, import_jsx_runtime25.jsx)(GroupedList, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-      query.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_components12.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_runtime25.jsx)("p", { children: formatMessage(decision_messages_default.noResults) })
-    ] })
-  ] });
-};
-
-// ../renderers/src/DecisionRenderer/DecisionRenderer.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
-
-// ../renderers/src/DividerRenderer.tsx
-var import_components14 = require("@transferwise/components");
-var import_jsx_runtime27 = require("react/jsx-runtime");
-
-// ../renderers/src/ExternalConfirmationRenderer.tsx
-var import_components15 = require("@transferwise/components");
-
-// ../renderers/src/messages/external-confirmation.messages.ts
-var import_react_intl8 = require("react-intl");
-var external_confirmation_messages_default = (0, import_react_intl8.defineMessages)({
-  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
-var import_react_intl9 = require("react-intl");
-var import_react4 = require("react");
-var import_jsx_runtime28 = require("react/jsx-runtime");
-
-// ../renderers/src/FormRenderer.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
-
-// ../renderers/src/FormSectionRenderer.tsx
-var import_components16 = require("@transferwise/components");
-var import_jsx_runtime30 = require("react/jsx-runtime");
-
-// ../renderers/src/HeadingRenderer.tsx
-var import_components17 = require("@transferwise/components");
-var import_jsx_runtime31 = require("react/jsx-runtime");
-
-// ../renderers/src/ImageRenderer/UrlImage.tsx
-var import_components18 = require("@transferwise/components");
-var import_react5 = require("react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
-
-// ../renderers/src/ImageRenderer/UrnFlagImage.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
-
-// ../renderers/src/ImageRenderer/UrnIllustration.tsx
-var import_art4 = require("@wise/art");
-var import_react7 = require("react");
-
-// ../renderers/src/ImageRenderer/SafeIllustration3D.tsx
-var import_art3 = require("@wise/art");
-var import_react6 = require("react");
-var import_jsx_runtime34 = require("react/jsx-runtime");
-
-// ../renderers/src/ImageRenderer/UrnIllustration.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
-
-// ../renderers/src/ImageRenderer/UrnImage.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
-
-// ../renderers/src/ImageRenderer/ImageRenderer.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
-
-// ../renderers/src/InstructionsRenderer.tsx
-var import_components19 = require("@transferwise/components");
-var import_jsx_runtime38 = require("react/jsx-runtime");
-
-// ../renderers/src/IntegerInputRenderer.tsx
-var import_components20 = require("@transferwise/components");
-var import_jsx_runtime39 = require("react/jsx-runtime");
-
-// ../renderers/src/ListRenderer.tsx
-var import_components21 = require("@transferwise/components");
-var import_classnames3 = __toESM(require("classnames"));
-var import_jsx_runtime40 = require("react/jsx-runtime");
-
-// ../renderers/src/LoadingIndicatorRenderer.tsx
-var import_components22 = require("@transferwise/components");
-var import_jsx_runtime41 = require("react/jsx-runtime");
-
-// ../renderers/src/MarkdownRenderer.tsx
-var import_components23 = require("@transferwise/components");
-var import_jsx_runtime42 = require("react/jsx-runtime");
-
-// ../renderers/src/ModalLayoutRenderer.tsx
-var import_components24 = require("@transferwise/components");
-var import_react8 = require("react");
-var import_jsx_runtime43 = require("react/jsx-runtime");
-
-// ../renderers/src/ModalRenderer.tsx
-var import_components25 = require("@transferwise/components");
-var import_jsx_runtime44 = require("react/jsx-runtime");
-
-// ../renderers/src/MultiSelectInputRenderer.tsx
-var import_components26 = require("@transferwise/components");
-var import_react9 = require("react");
-var import_react_intl11 = require("react-intl");
-
-// ../renderers/src/messages/multi-select.messages.ts
-var import_react_intl10 = require("react-intl");
-var multi_select_messages_default = (0, import_react_intl10.defineMessages)({
-  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
-var import_jsx_runtime45 = require("react/jsx-runtime");
-
-// ../renderers/src/MultiUploadInputRenderer.tsx
-var import_components28 = require("@transferwise/components");
-
-// ../renderers/src/components/UploadFieldInput.tsx
-var import_components27 = require("@transferwise/components");
-var import_classnames4 = __toESM(require("classnames"));
-var import_jsx_runtime46 = require("react/jsx-runtime");
-
-// ../renderers/src/MultiUploadInputRenderer.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
-
-// ../renderers/src/NumberInputRenderer.tsx
-var import_components29 = require("@transferwise/components");
-var import_jsx_runtime48 = require("react/jsx-runtime");
-
-// ../renderers/src/ParagraphRenderer.tsx
-var import_react_intl13 = require("react-intl");
-
-// ../renderers/src/hooks/useSnackBarIfAvailable.ts
-var import_components30 = require("@transferwise/components");
-var import_react10 = require("react");
-
-// ../renderers/src/ParagraphRenderer.tsx
-var import_components31 = require("@transferwise/components");
-var import_classnames5 = __toESM(require("classnames"));
-
-// ../renderers/src/messages/paragraph.messages.ts
-var import_react_intl12 = require("react-intl");
-var paragraph_messages_default = (0, import_react_intl12.defineMessages)({
-  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
-var import_jsx_runtime49 = require("react/jsx-runtime");
-
-// ../renderers/src/RepeatableRenderer.tsx
-var import_components32 = require("@transferwise/components");
-var import_icons = require("@transferwise/icons");
-var import_classnames6 = __toESM(require("classnames"));
-var import_react11 = require("react");
-var import_react_intl15 = require("react-intl");
-
-// ../renderers/src/messages/repeatable.messages.ts
-var import_react_intl14 = require("react-intl");
-var repeatable_messages_default = (0, import_react_intl14.defineMessages)({
-  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
-var import_jsx_runtime50 = require("react/jsx-runtime");
-
-// ../renderers/src/ReviewRenderer.tsx
-var import_components34 = require("@transferwise/components");
-
-// ../renderers/src/components/Header.tsx
-var import_components33 = require("@transferwise/components");
-var import_jsx_runtime51 = require("react/jsx-runtime");
-var Header7 = ({ title, callToAction }) => (title || callToAction) && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_components33.Header, { 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
-var import_jsx_runtime52 = require("react/jsx-runtime");
-
-// ../renderers/src/SearchRenderer/BlockSearchRendererComponent.tsx
-var import_components36 = require("@transferwise/components");
-var import_react12 = require("react");
-var import_react_intl19 = require("react-intl");
-
-// ../renderers/src/messages/search.messages.ts
-var import_react_intl16 = require("react-intl");
-var search_messages_default = (0, import_react_intl16.defineMessages)({
-  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
-var import_react_intl18 = require("react-intl");
-
-// ../renderers/src/messages/generic-error.messages.ts
-var import_react_intl17 = require("react-intl");
-var generic_error_messages_default = (0, import_react_intl17.defineMessages)({
-  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
-var import_components35 = require("@transferwise/components");
-var import_jsx_runtime53 = require("react/jsx-runtime");
-
-// ../renderers/src/SearchRenderer/BlockSearchRendererComponent.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
-
-// ../renderers/src/SearchRenderer/InlineSearchRendererComponent.tsx
-var import_components37 = require("@transferwise/components");
-var import_icons2 = require("@transferwise/icons");
-var import_react13 = require("react");
-var import_react_intl20 = require("react-intl");
-var import_jsx_runtime55 = require("react/jsx-runtime");
-
-// ../renderers/src/SearchRenderer/SearchRenderer.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
-
-// ../renderers/src/SectionRenderer.tsx
-var import_components38 = require("@transferwise/components");
-var import_jsx_runtime57 = require("react/jsx-runtime");
-
-// ../renderers/src/SelectInputRenderer/RadioInputRendererComponent.tsx
-var import_components39 = require("@transferwise/components");
-var import_jsx_runtime58 = require("react/jsx-runtime");
-
-// ../renderers/src/SelectInputRenderer/TabInputRendererComponent.tsx
-var import_components40 = require("@transferwise/components");
-var import_react14 = require("react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
-
-// ../renderers/src/SelectInputRenderer/SelectInputRendererComponent.tsx
-var import_components41 = require("@transferwise/components");
-var import_jsx_runtime60 = require("react/jsx-runtime");
-
-// ../renderers/src/SelectInputRenderer/SegmentedInputRendererComponent.tsx
-var import_react15 = require("react");
-var import_components42 = require("@transferwise/components");
-var import_jsx_runtime61 = require("react/jsx-runtime");
-
-// ../renderers/src/SelectInputRenderer/SelectInputRenderer.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
-
-// ../renderers/src/StatusListRenderer.tsx
-var import_components43 = require("@transferwise/components");
-var import_jsx_runtime63 = require("react/jsx-runtime");
-
-// ../renderers/src/utils/useCustomTheme.ts
-var import_components_theming = require("@wise/components-theming");
-var import_react16 = require("react");
-
-// ../renderers/src/step/topbar/BackButton.tsx
-var import_components44 = require("@transferwise/components");
-var import_icons3 = require("@transferwise/icons");
-var import_jsx_runtime64 = require("react/jsx-runtime");
-
-// ../renderers/src/step/topbar/Toolbar.tsx
-var import_components45 = require("@transferwise/components");
-var import_jsx_runtime65 = require("react/jsx-runtime");
-
-// ../renderers/src/step/topbar/TopBar.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
-
-// ../renderers/src/step/SplashCelebrationStepRenderer.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
-
-// ../renderers/src/step/SplashStepRenderer.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
-
-// ../renderers/src/step/StepRenderer.tsx
-var import_components46 = require("@transferwise/components");
-var import_jsx_runtime69 = require("react/jsx-runtime");
-
-// ../renderers/src/TabsRenderer.tsx
-var import_components47 = require("@transferwise/components");
-var import_react17 = require("react");
-var import_jsx_runtime70 = require("react/jsx-runtime");
-
-// ../renderers/src/TextInputRenderer.tsx
-var import_components49 = require("@transferwise/components");
-
-// ../renderers/src/components/VariableTextInput.tsx
-var import_components48 = require("@transferwise/components");
-var import_jsx_runtime71 = require("react/jsx-runtime");
-
-// ../renderers/src/TextInputRenderer.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
-
-// ../renderers/src/UploadInputRenderer.tsx
-var import_components50 = require("@transferwise/components");
-var import_jsx_runtime73 = require("react/jsx-runtime");
-
-// ../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_runtime74 = require("react/jsx-runtime");
-var getInlineAlert = (inlineAlert) => inlineAlert ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_components51.ListItem.Prompt, { sentiment: inlineAlert == null ? void 0 : inlineAlert.context, children: inlineAlert.content }) : void 0;
-
-// ../renderers/src/NewListItem/getAdditionalInfo.tsx
-var import_components52 = require("@transferwise/components");
-var import_jsx_runtime75 = require("react/jsx-runtime");
-var getAdditionalInfo = (additionalInfo) => {
-  if (!additionalInfo) {
-    return void 0;
-  }
-  const { href, text, onClick } = additionalInfo;
-  if (href || onClick) {
-    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
-      import_components52.ListItem.AdditionalInfo,
-      {
-        action: {
-          label: text,
-          href,
-          onClick,
-          target: "_blank"
-        }
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_components52.ListItem.AdditionalInfo, { children: additionalInfo == null ? void 0 : additionalInfo.text });
-};
-
-// ../renderers/src/NewListItem/NewDecisionRenderer.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
-var DecisionRenderer = {
-  canRenderType: "decision",
-  render: (props) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(DecisionWrapper, __spreadProps(__spreadValues({}, props), { renderDecisionList }))
-};
-var renderDecisionList = ({ options, control }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_jsx_runtime76.Fragment, { children: options.map((option) => {
-    const {
-      description,
-      disabled,
-      media,
-      title: itemTitle,
-      tag,
-      href,
-      additionalText,
-      inlineAlert,
-      supportingValues,
-      onClick
-    } = option;
-    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-      import_components53.ListItem,
-      {
-        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__ */ (0, import_jsx_runtime76.jsx)(import_components53.ListItem.Navigation, { href, target: "_blank" }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_components53.ListItem.Navigation, { onClick })
-      },
-      JSON.stringify(option)
-    );
-  }) });
-};
-var NewDecisionRenderer_default = DecisionRenderer;
-
-// ../renderers/src/NewListItem/NewListRenderer.tsx
-var import_components54 = require("@transferwise/components");
-var import_jsx_runtime77 = require("react/jsx-runtime");
-var ListRenderer = {
-  canRenderType: "list",
-  render: ({ callToAction, control, margin, items, title }) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: getMargin(margin), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Header7, { title, callToAction }),
-    items.map((item) => {
-      const {
-        title: itemTitle,
-        description,
-        supportingValues,
-        media,
-        tag,
-        additionalInfo,
-        inlineAlert
-      } = item;
-      return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
-        import_components54.ListItem,
-        {
-          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
-var import_components55 = require("@transferwise/components");
-var import_icons4 = require("@transferwise/icons");
-var import_jsx_runtime78 = require("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__ */ (0, import_jsx_runtime78.jsxs)("div", { className: getMargin(margin), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Header7, { title, callToAction }),
-    fields.map((field) => {
-      var _a;
-      const {
-        label,
-        value,
-        media,
-        tag,
-        additionalInfo,
-        inlineAlert,
-        help,
-        callToAction: itemCallToAction
-      } = field;
-      return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-        import_components55.ListItem,
-        {
-          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__ */ (0, import_jsx_runtime78.jsx)(import_components55.ListItem.Button, { href, partiallyInteractive: true, "aria-description": accessibilityDescription, children: title });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-    import_components55.ListItem.Button,
-    {
-      "aria-description": accessibilityDescription,
-      partiallyInteractive: true,
-      onClick,
-      children: title
-    }
-  );
-};
-var getHelpControl = (help) => {
-  if (!help) {
-    return void 0;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_components55.Popover, { content: help, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_components55.ListItem.IconButton, { partiallyInteractive: true, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_icons4.QuestionMarkCircle, {}) }) });
-};
-var NewReviewRenderer_default = ReviewRenderer;
-
-// ../renderers/src/NewListItem/NewStatusListRenderer.tsx
-var import_components56 = require("@transferwise/components");
-var import_jsx_runtime79 = require("react/jsx-runtime");
-var NewStatusListRenderer = {
-  canRenderType: "status-list",
-  render: ({ margin, items, title }) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: getMargin(margin), children: [
-    title ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_components56.Header, { title, className: "m-b-2" }) : null,
-    items.map((item) => {
-      const { callToAction, description, icon, status, title: itemTitle } = item;
-      return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
-        import_components56.ListItem,
-        {
-          title: itemTitle,
-          subtitle: description,
-          media: icon && "name" in icon ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_components56.AvatarView, { badge: { status: mapStatus(status) }, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(DynamicIcon_default, { name: icon.name }) }) : void 0,
-          additionalInfo: callToAction ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
-            import_components56.ListItem.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
-var import_components57 = require("@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
-var import_react18 = require("react");
-var import_jsx_runtime80 = require("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] = (0, import_react18.useState)(false);
-  (0, import_react18.useEffect)(() => {
-    if (stepLoadingState === "idle") {
-      setSpinny(false);
-    }
-  }, [stepLoadingState]);
-  const loading = spinny && stepLoadingState !== "idle";
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
-    import_components57.Button,
-    {
-      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
-var import_components58 = require("@transferwise/components");
-var import_jsx_runtime81 = require("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;