@wise/dynamic-flow-client-internal 4.34.0 → 4.35.1

package/build/main.js

@@ -838,97 +838,31 @@ var DateInputRenderer_default = DateInputRenderer;
 // ../renderers/src/DecisionRenderer/DecisionRenderer.tsx
 var import_components13 = require("@transferwise/components");
 
-// ../renderers/src/DecisionRenderer/DecisionList.tsx
+// ../renderers/src/DecisionRenderer/DecisionWrapper.tsx
 var import_components12 = require("@transferwise/components");
+var import_react3 = require("react");
+var import_react_intl8 = require("react-intl");
 
-// ../renderers/src/DecisionRenderer/GroupedList.tsx
-var import_components11 = require("@transferwise/components");
-var import_react_intl6 = require("react-intl");
-
-// ../renderers/src/messages/decision.messages.ts
+// ../renderers/src/messages/filter.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",
+var filter_messages_default = (0, import_react_intl5.defineMessages)({
+  placeholder: {
+    id: "df.wise.filter.placeholder",
     defaultMessage: "Start typing to search",
     description: "Placeholder for the filter input"
   },
   results: {
-    id: "df.wise.Decision.results",
+    id: "df.wise.filter.results",
     defaultMessage: "Search results",
     description: "Label for the results section"
   },
   noResults: {
-    id: "df.wise.Decision.noResults",
+    id: "df.wise.filter.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: renderDecisionList3 } = _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) }),
-      renderDecisionList3(__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) }),
-      renderDecisionList3(__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) }),
-      renderDecisionList3(__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) }),
-      renderDecisionList3(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 = normalizeAndRemoveAccents(query);
@@ -970,7 +904,69 @@ function filterAndSortDecisionOptions(selectOptions, query) {
 }
 var normalizeAndRemoveAccents = (text) => text.trim().toLowerCase().normalize("NFKD").replace(new RegExp("\\p{Diacritic}", "gu"), "");
 
-// ../renderers/src/DecisionRenderer/DecisionList.tsx
+// ../renderers/src/DecisionRenderer/GroupedDecisionList.tsx
+var import_components11 = require("@transferwise/components");
+var import_react_intl7 = require("react-intl");
+
+// ../renderers/src/messages/group.messages.ts
+var import_react_intl6 = require("react-intl");
+var group_messages_default = (0, import_react_intl6.defineMessages)({
+  all: {
+    id: "df.wise.group.all",
+    defaultMessage: "All",
+    description: "Label for the group of options that encompasses all options"
+  },
+  popular: {
+    id: "df.wise.group.popular",
+    defaultMessage: "Popular",
+    description: "Label for the group of options that are tagged as popular"
+  },
+  recent: {
+    id: "df.wise.group.recent",
+    defaultMessage: "Recent",
+    description: "Label for the group of options that are tagged as recent"
+  },
+  "currencies-with-account-details": {
+    id: "df.wise.group.currencies-with-account-details",
+    defaultMessage: "Currencies with account details",
+    description: "Label for the group of options that are tagged as currencies with account details"
+  }
+});
+
+// ../renderers/src/utils/grouping-utils.ts
+var getGroupsFromTags = (knownTags, items) => {
+  return knownTags.map((tag) => {
+    return { tag, items: items.filter((item) => {
+      var _a;
+      return (_a = item.tags) == null ? void 0 : _a.includes(tag);
+    }) };
+  }).filter((group) => group.items.length > 0);
+};
+
+// ../renderers/src/DecisionRenderer/GroupedDecisionList.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var groupingTags = Object.keys(group_messages_default).filter((key) => key !== "all");
+var isGroupedDecision = (options) => {
+  return getGroupsFromTags(groupingTags, options).length > 0;
+};
+var GroupedDecisionList = (_a) => {
+  var _b = _a, { renderDecisionList: renderDecisionList3 } = _b, rest = __objRest(_b, ["renderDecisionList"]);
+  const { formatMessage } = (0, import_react_intl7.useIntl)();
+  const { options } = rest;
+  const itemsByTag = [...getGroupsFromTags(groupingTags, options), { tag: "all", items: options }];
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: itemsByTag.map(({ tag, items }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_components11.Section, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      import_components11.Header,
+      {
+        as: "h2",
+        title: tag in group_messages_default ? formatMessage(group_messages_default[tag]) : tag
+      }
+    ),
+    renderDecisionList3(__spreadProps(__spreadValues({}, rest), { options: items }))
+  ] }, tag)) });
+};
+
+// ../renderers/src/DecisionRenderer/DecisionWrapper.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: [
@@ -980,10 +976,10 @@ var DecisionWrapper = (props) => {
 };
 var UnfilteredDecisionList = (_a) => {
   var _b = _a, { renderDecisionList: renderDecisionList3 } = _b, rest = __objRest(_b, ["renderDecisionList"]);
-  return isGroupedDecision(rest.options) ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(GroupedList, __spreadProps(__spreadValues({}, rest), { renderDecisionList: renderDecisionList3 })) : renderDecisionList3(rest);
+  return isGroupedDecision(rest.options) ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(GroupedDecisionList, __spreadProps(__spreadValues({}, rest), { renderDecisionList: renderDecisionList3 })) : renderDecisionList3(rest);
 };
 var FilteredDecisionList = (props) => {
-  const { formatMessage } = (0, import_react_intl7.useIntl)();
+  const { formatMessage } = (0, import_react_intl8.useIntl)();
   const [query, setQuery] = (0, import_react3.useState)("");
   const { control, options, renderDecisionList: renderDecisionList3 } = props;
   const filteredOptions = filterAndSortDecisionOptions(options, query);
@@ -992,22 +988,22 @@ var FilteredDecisionList = (props) => {
     /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       import_components12.SearchInput,
       {
-        placeholder: formatMessage(decision_messages_default.filterPlaceholder),
+        placeholder: formatMessage(filter_messages_default.placeholder),
         value: query,
+        className: "m-b-2",
         onChange: (e) => {
           var _a;
           return setQuery((_a = e.target.value) != null ? _a : "");
-        },
-        className: "m-b-2"
+        }
       }
     ),
-    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" }),
+    isGrouped && query.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(GroupedDecisionList, __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(filter_messages_default.results), className: "m-t-4" }),
       filteredOptions.length > 0 ? renderDecisionList3({
         control,
         className: query.length === 0 ? "m-t-3" : "",
         options: filteredOptions
-      }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { children: formatMessage(decision_messages_default.noResults) })
+      }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { children: formatMessage(filter_messages_default.noResults) })
     ] })
   ] });
 };
@@ -1069,8 +1065,8 @@ var DividerRenderer_default = DividerRenderer;
 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)({
+var import_react_intl9 = require("react-intl");
+var external_confirmation_messages_default = (0, import_react_intl9.defineMessages)({
   title: {
     id: "df.wise.ExternalConfirmation.title",
     defaultMessage: "Please confirm",
@@ -1094,7 +1090,7 @@ var external_confirmation_messages_default = (0, import_react_intl8.defineMessag
 });
 
 // ../renderers/src/ExternalConfirmationRenderer.tsx
-var import_react_intl9 = require("react-intl");
+var import_react_intl10 = require("react-intl");
 var import_react4 = require("react");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var ExternalConfirmationRenderer = {
@@ -1108,7 +1104,7 @@ function ExternalConfirmationRendererComponent({
   onFailure,
   onCancel
 }) {
-  const { formatMessage } = (0, import_react_intl9.useIntl)();
+  const { formatMessage } = (0, import_react_intl10.useIntl)();
   (0, import_react4.useEffect)(() => {
     if (url) {
       const w = window.open(url, "_blank");
@@ -1603,7 +1599,14 @@ var import_components23 = require("@transferwise/components");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var MarkdownRenderer = {
   canRenderType: "markdown",
-  render: ({ content, align, margin }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: getTextAlignmentAndMargin({ align, margin }), children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_components23.Markdown, { className: "np-text-body-large", config: { link: { target: "_blank" } }, children: content }) })
+  render: ({ content, align, margin, size }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: getTextAlignmentAndMargin({ align, margin }), children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    import_components23.Markdown,
+    {
+      className: ["xs", "sm"].includes(size) ? "np-text-body-default" : "np-text-body-large",
+      config: { link: { target: "_blank" } },
+      children: content
+    }
+  ) })
 };
 var MarkdownRenderer_default = MarkdownRenderer;
 
@@ -1645,14 +1648,114 @@ var ModalRenderer = {
   }
 };
 
-// ../renderers/src/MultiSelectInputRenderer.tsx
+// ../renderers/src/MoneyInputRenderer.tsx
 var import_components26 = require("@transferwise/components");
 var import_react9 = require("react");
 var import_react_intl11 = require("react-intl");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var groupingTags2 = Object.keys(group_messages_default).filter((key) => key !== "all");
+var MoneyInputRenderer = {
+  canRenderType: "money-input",
+  render: MoneyInputRendererComponent
+};
+function MoneyInputRendererComponent(props) {
+  var _a;
+  const {
+    uid,
+    title,
+    description,
+    validationState,
+    help,
+    amountValue,
+    selectedCurrencyIndex,
+    placeholder,
+    currencies,
+    onAmountChange,
+    onCurrencyChange
+  } = props;
+  (0, import_react9.useEffect)(() => {
+    if (!isValidIndex(selectedCurrencyIndex, currencies.length)) {
+      onCurrencyChange(0);
+    }
+  }, [selectedCurrencyIndex, onCurrencyChange, currencies.length]);
+  const { formatMessage } = (0, import_react_intl11.useIntl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    FieldInput_default,
+    {
+      id: uid,
+      label: title,
+      description,
+      validation: validationState,
+      help,
+      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        import_components26.MoneyInput,
+        {
+          amount: parseFloatOrNull(amountValue),
+          searchPlaceholder: "",
+          size: "md",
+          currencies: mapCurrencies(currencies, formatMessage),
+          selectedCurrency: getCurrencyOptionItem(
+            currencies[selectedCurrencyIndex != null ? selectedCurrencyIndex : 0],
+            String(selectedCurrencyIndex != null ? selectedCurrencyIndex : 0)
+          ),
+          placeholder: (_a = parseFloatOrNull(placeholder)) != null ? _a : void 0,
+          onAmountChange: (newAmount) => {
+            onAmountChange(String(newAmount));
+          },
+          onCurrencyChange: (item) => {
+            const selectedIndex = Number.parseInt(item.value, 10);
+            onCurrencyChange(selectedIndex);
+          }
+        }
+      )
+    }
+  );
+}
+var parseFloatOrNull = (value) => {
+  const parsed = Number.parseFloat(value != null ? value : "");
+  return Number.isNaN(parsed) ? null : parsed;
+};
+var mapCurrencies = (options, formatMessage) => {
+  const groupsFromTags = getGroupsFromTags(groupingTags2, options);
+  if (groupsFromTags.length > 0) {
+    return [...groupsFromTags, { tag: "all", items: options }].flatMap(({ tag, items }) => {
+      return [
+        {
+          header: tag in group_messages_default ? formatMessage(group_messages_default[tag]) : tag
+        },
+        ...items.map((item) => getCurrencyOptionItem(item, String(options.indexOf(item))))
+      ];
+    });
+  }
+  return options.map((item, index) => getCurrencyOptionItem(item, String(index)));
+};
+var getCurrencyOptionItem = ({ currencyCode, title, description, keywords }, indexValue) => {
+  assertCurrencyCodeIsString(currencyCode);
+  return {
+    currency: currencyCode,
+    label: title != null ? title : "",
+    value: indexValue,
+    note: description,
+    searchable: (keywords != null ? keywords : []).join(", ")
+  };
+};
+var isValidIndex = (index, options) => index !== null && index >= 0 && index < options;
+function assertCurrencyCodeIsString(currencyCode) {
+  if (typeof currencyCode !== "string") {
+    throw new Error(
+      "This MoneyInputRenderer only supports string currency codes. This means the const values in the schema representing currencies must be strings."
+    );
+  }
+}
+
+// ../renderers/src/MultiSelectInputRenderer.tsx
+var import_components27 = require("@transferwise/components");
+var import_react10 = require("react");
+var import_react_intl13 = 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)({
+var import_react_intl12 = require("react-intl");
+var multi_select_messages_default = (0, import_react_intl12.defineMessages)({
   summary: {
     id: "df.wise.MultiSelect.summary",
     defaultMessage: "{first} and {count} more",
@@ -1661,14 +1764,14 @@ var multi_select_messages_default = (0, import_react_intl10.defineMessages)({
 });
 
 // ../renderers/src/MultiSelectInputRenderer.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var MultiSelectInputRenderer = {
   canRenderType: "input-multi-select",
-  render: (props) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(MultiSelectInputRendererComponent, __spreadValues({}, props))
+  render: (props) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(MultiSelectInputRendererComponent, __spreadValues({}, props))
 };
 function MultiSelectInputRendererComponent(props) {
-  const { formatMessage } = (0, import_react_intl11.useIntl)();
-  const [stagedIndices, setStagedIndices] = (0, import_react9.useState)();
+  const { formatMessage } = (0, import_react_intl13.useIntl)();
+  const [stagedIndices, setStagedIndices] = (0, import_react10.useState)();
   const {
     id,
     autoComplete,
@@ -1706,12 +1809,12 @@ function MultiSelectInputRendererComponent(props) {
     const contentProps = {
       title: option.title,
       description: option.description,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(OptionMedia, { media: option.media, preferAvatar: false })
+      icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(OptionMedia, { media: option.media, preferAvatar: false })
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_components26.SelectInputOptionContent, __spreadValues({}, contentProps));
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_components27.SelectInputOptionContent, __spreadValues({}, contentProps));
   };
   const extraProps = { autoComplete };
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     FieldInput_default,
     {
       id,
@@ -1719,8 +1822,8 @@ function MultiSelectInputRendererComponent(props) {
       help,
       description,
       validation: validationState,
-      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-        import_components26.SelectInput,
+      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        import_components27.SelectInput,
         __spreadValues({
           id,
           items: options.map((option, index) => {
@@ -1759,12 +1862,12 @@ function MultiSelectInputRendererComponent(props) {
 var MultiSelectInputRenderer_default = MultiSelectInputRenderer;
 
 // ../renderers/src/MultiUploadInputRenderer.tsx
-var import_components28 = require("@transferwise/components");
+var import_components29 = require("@transferwise/components");
 
 // ../renderers/src/components/UploadFieldInput.tsx
-var import_components27 = require("@transferwise/components");
+var import_components28 = require("@transferwise/components");
 var import_classnames4 = __toESM(require("classnames"));
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function UploadFieldInput({
   id,
   children,
@@ -1773,18 +1876,18 @@ function UploadFieldInput({
   help,
   validation
 }) {
-  const labelContent = label && help ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(LabelContentWithHelp, { text: label, help }) : label;
+  const labelContent = label && help ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(LabelContentWithHelp, { text: label, help }) : label;
   const descriptionId = description ? `${id}-description` : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     "div",
     {
       className: (0, import_classnames4.default)("form-group d-block", {
         "has-error": (validation == null ? void 0 : validation.status) === "invalid"
       }),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("label", { htmlFor: id, className: "control-label", children: labelContent }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("label", { htmlFor: id, className: "control-label", children: labelContent }),
         children,
-        (validation == null ? void 0 : validation.status) === "invalid" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_components27.InlineAlert, { type: "negative", id: descriptionId, children: validation.message })
+        (validation == null ? void 0 : validation.status) === "invalid" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_components28.InlineAlert, { type: "negative", id: descriptionId, children: validation.message })
       ]
     }
   );
@@ -1819,7 +1922,7 @@ var getSizeLimit = (maxSize) => {
 };
 
 // ../renderers/src/MultiUploadInputRenderer.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var MultiUploadInputRenderer = {
   canRenderType: "input-upload-multi",
   render: (props) => {
@@ -1844,7 +1947,7 @@ var MultiUploadInputRenderer = {
     };
     const onDeleteFile = async (fileId) => onRemoveFile(value.findIndex((file) => file.id === fileId));
     const descriptionId = description ? `${id}-description` : void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       UploadFieldInput_default,
       {
         id,
@@ -1852,8 +1955,8 @@ var MultiUploadInputRenderer = {
         description,
         validation: validationState,
         help,
-        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-          import_components28.UploadInput,
+        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          import_components29.UploadInput,
           {
             id,
             "aria-describedby": descriptionId,
@@ -1875,8 +1978,8 @@ var MultiUploadInputRenderer = {
 var MultiUploadInputRenderer_default = MultiUploadInputRenderer;
 
 // ../renderers/src/NumberInputRenderer.tsx
-var import_components29 = require("@transferwise/components");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_components30 = require("@transferwise/components");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var NumberInputRenderer = {
   canRenderType: "input-number",
   render: (props) => {
@@ -1890,7 +1993,7 @@ var NumberInputRenderer = {
       "maximum",
       "minimum"
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       FieldInput_default,
       {
         id,
@@ -1898,8 +2001,8 @@ var NumberInputRenderer = {
         description,
         validation: validationState,
         help,
-        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_components29.InputGroup, { addonStart: getInputGroupAddonStart(media), children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-          import_components29.Input,
+        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_components30.InputGroup, { addonStart: getInputGroupAddonStart(media), children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          import_components30.Input,
           __spreadValues({
             id,
             name: id,
@@ -1919,24 +2022,24 @@ var NumberInputRenderer = {
 var NumberInputRenderer_default = NumberInputRenderer;
 
 // ../renderers/src/ParagraphRenderer.tsx
-var import_react_intl13 = require("react-intl");
+var import_react_intl15 = require("react-intl");
 
 // ../renderers/src/hooks/useSnackBarIfAvailable.ts
-var import_components30 = require("@transferwise/components");
-var import_react10 = require("react");
+var import_components31 = require("@transferwise/components");
+var import_react11 = require("react");
 function useSnackBarIfAvailable() {
-  const context = (0, import_react10.useContext)(import_components30.SnackbarContext);
+  const context = (0, import_react11.useContext)(import_components31.SnackbarContext);
   return context ? context.createSnackbar : () => {
   };
 }
 
 // ../renderers/src/ParagraphRenderer.tsx
-var import_components31 = require("@transferwise/components");
+var import_components32 = 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)({
+var import_react_intl14 = require("react-intl");
+var paragraph_messages_default = (0, import_react_intl14.defineMessages)({
   copy: {
     id: "df.wise.DynamicParagraph.copy",
     defaultMessage: "Copy",
@@ -1950,33 +2053,36 @@ var paragraph_messages_default = (0, import_react_intl12.defineMessages)({
 });
 
 // ../renderers/src/ParagraphRenderer.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var ParagraphRenderer = {
   canRenderType: "paragraph",
-  render: (props) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Paragraph, __spreadValues({}, props))
+  render: (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Paragraph, __spreadValues({}, props))
 };
-function Paragraph({ align, control, margin, text }) {
+function Paragraph({ align, control, margin, size, text }) {
   const className = getTextAlignmentAndMargin({ align, margin });
-  return control === "copyable" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(CopyableParagraph, { className, align, text }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(StandardParagraph, { className, text });
-}
-function StandardParagraph({ text, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: `np-text-body-large ${className}`, children: text });
+  return control === "copyable" ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(CopyableParagraph, { className, align, text }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    "p",
+    {
+      className: `${["xs", "sm"].includes(size) ? "np-text-body-default" : "np-text-body-large"} ${className}`,
+      children: text
+    }
+  );
 }
 function CopyableParagraph({
   text,
   align,
   className
 }) {
-  const { formatMessage } = (0, import_react_intl13.useIntl)();
+  const { formatMessage } = (0, import_react_intl15.useIntl)();
   const createSnackbar = useSnackBarIfAvailable();
   const copy = () => {
     navigator.clipboard.writeText(text).then(() => createSnackbar({ text: formatMessage(paragraph_messages_default.copied) })).catch(() => {
     });
   };
   const inputAlignmentClasses = getTextAlignmentAndMargin({ align, margin: "sm" });
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_components31.Input,
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      import_components32.Input,
       {
         type: "text",
         value: text,
@@ -1984,21 +2090,21 @@ function CopyableParagraph({
         className: (0, import_classnames5.default)("text-ellipsis", inputAlignmentClasses)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_components31.Button, { v2: true, block: true, onClick: copy, children: formatMessage(paragraph_messages_default.copy) })
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_components32.Button, { v2: true, block: true, onClick: copy, children: formatMessage(paragraph_messages_default.copy) })
   ] });
 }
 var ParagraphRenderer_default = ParagraphRenderer;
 
 // ../renderers/src/RepeatableRenderer.tsx
-var import_components32 = require("@transferwise/components");
+var import_components33 = 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");
+var import_react12 = require("react");
+var import_react_intl17 = 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)({
+var import_react_intl16 = require("react-intl");
+var repeatable_messages_default = (0, import_react_intl16.defineMessages)({
   addItemTitle: {
     id: "df.wise.ArraySchema.addItemTitle",
     defaultMessage: "Add Item",
@@ -2022,10 +2128,10 @@ var repeatable_messages_default = (0, import_react_intl14.defineMessages)({
 });
 
 // ../renderers/src/RepeatableRenderer.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var RepeatableRenderer = {
   canRenderType: "repeatable",
-  render: (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Repeatable, __spreadValues({}, props))
+  render: (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Repeatable, __spreadValues({}, props))
 };
 function Repeatable(props) {
   const {
@@ -2041,8 +2147,8 @@ function Repeatable(props) {
     onSave,
     onRemove
   } = props;
-  const { formatMessage } = (0, import_react_intl15.useIntl)();
-  const [openModalType, setOpenModalType] = (0, import_react11.useState)(null);
+  const { formatMessage } = (0, import_react_intl17.useIntl)();
+  const [openModalType, setOpenModalType] = (0, import_react12.useState)(null);
   const onAddItem = () => {
     onAdd();
     setOpenModalType("add");
@@ -2064,41 +2170,41 @@ function Repeatable(props) {
   const onCancelEdit = () => {
     setOpenModalType(null);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_components32.Header, { title }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { children: description }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_components33.Header, { title }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { children: description }),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
       "div",
       {
         className: (0, import_classnames6.default)("form-group", {
           "has-error": (validationState == null ? void 0 : validationState.status) === "invalid"
         }),
         children: [
-          items == null ? void 0 : items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ItemSummaryOption, { item, onClick: () => onEditItem(index) }, item.id)),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-            import_components32.NavigationOption,
+          items == null ? void 0 : items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ItemSummaryOption, { item, onClick: () => onEditItem(index) }, item.id)),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            import_components33.NavigationOption,
             {
-              media: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons.Plus, {}),
+              media: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_icons.Plus, {}),
               title: addItemTitle || formatMessage(repeatable_messages_default.addItemTitle),
               showMediaAtAllSizes: true,
               onClick: () => onAddItem()
             }
           ),
-          (validationState == null ? void 0 : validationState.status) === "invalid" && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_components32.InlineAlert, { type: "negative", children: validationState.message })
+          (validationState == null ? void 0 : validationState.status) === "invalid" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_components33.InlineAlert, { type: "negative", children: validationState.message })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      import_components32.Modal,
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      import_components33.Modal,
       {
         open: openModalType !== null,
         title: (openModalType === "add" ? addItemTitle : editItemTitle) || formatMessage(repeatable_messages_default.addItemTitle),
-        body: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "m-b-2", children: editableItem }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_components32.Button, { priority: "primary", block: true, className: "m-b-2", onClick: () => onSaveItem(), children: formatMessage(repeatable_messages_default.addItem) }),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-              import_components32.Button,
+        body: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "m-b-2", children: editableItem }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_components33.Button, { priority: "primary", block: true, className: "m-b-2", onClick: () => onSaveItem(), children: formatMessage(repeatable_messages_default.addItem) }),
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+              import_components33.Button,
               {
                 v2: true,
                 priority: "secondary",
@@ -2119,10 +2225,10 @@ function ItemSummaryOption({
   item,
   onClick
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-    import_components32.NavigationOption,
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    import_components33.NavigationOption,
     {
-      media: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(OptionMedia, { media: item.media, preferAvatar: false }),
+      media: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(OptionMedia, { media: item.media, preferAvatar: false }),
       title: item.title,
       content: item.description,
       showMediaAtAllSizes: true,
@@ -2134,12 +2240,12 @@ function ItemSummaryOption({
 var RepeatableRenderer_default = RepeatableRenderer;
 
 // ../renderers/src/ReviewRenderer.tsx
-var import_components34 = require("@transferwise/components");
+var import_components35 = 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 import_components34 = require("@transferwise/components");
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var Header7 = ({ title, callToAction }) => (title || callToAction) && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_components34.Header, { title: title != null ? title : "", action: getHeaderAction(callToAction) });
 var getHeaderAction = (callToAction) => {
   if (!callToAction) {
     return void 0;
@@ -2161,15 +2267,15 @@ var getHeaderAction = (callToAction) => {
 };
 
 // ../renderers/src/ReviewRenderer.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var ReviewRenderer = {
   canRenderType: "review",
   render: ({ callToAction, control, fields, margin, title, trackEvent }) => {
     const orientation = mapControlToDefinitionListLayout(control);
-    return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: getMargin(margin), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Header7, { title, callToAction }),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: margin, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-        import_components34.DefinitionList,
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: getMargin(margin), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Header7, { title, callToAction }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: margin, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        import_components35.DefinitionList,
         {
           layout: orientation,
           definitions: fields.map(
@@ -2206,23 +2312,23 @@ var mapControlToDefinitionListLayout = (control) => {
 };
 var getFieldLabel = (label, help, onClick) => {
   if (help) {
-    return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
       label,
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Help_default, { help, onClick })
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Help_default, { help, onClick })
     ] });
   }
   return label;
 };
 
 // ../renderers/src/SearchRenderer/BlockSearchRendererComponent.tsx
-var import_components36 = require("@transferwise/components");
-var import_react12 = require("react");
-var import_react_intl19 = require("react-intl");
+var import_components37 = require("@transferwise/components");
+var import_react13 = require("react");
+var import_react_intl21 = 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)({
+var import_react_intl18 = require("react-intl");
+var search_messages_default = (0, import_react_intl18.defineMessages)({
   loading: {
     id: "df.wise.SearchLayout.loading",
     defaultMessage: "Loading...",
@@ -2231,11 +2337,11 @@ var search_messages_default = (0, import_react_intl16.defineMessages)({
 });
 
 // ../renderers/src/SearchRenderer/ErrorResult.tsx
-var import_react_intl18 = require("react-intl");
+var import_react_intl20 = 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)({
+var import_react_intl19 = require("react-intl");
+var generic_error_messages_default = (0, import_react_intl19.defineMessages)({
   genericErrorRetryHint: {
     id: "df.wise.PersistAsyncSchema.genericError",
     defaultMessage: "Something went wrong, please try again.",
@@ -2254,19 +2360,19 @@ var generic_error_messages_default = (0, import_react_intl17.defineMessages)({
 });
 
 // ../renderers/src/SearchRenderer/ErrorResult.tsx
-var import_components35 = require("@transferwise/components");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_components36 = require("@transferwise/components");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function ErrorResult({ state }) {
-  const intl = (0, import_react_intl18.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("p", { className: "m-t-2", children: [
+  const intl = (0, import_react_intl20.useIntl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("p", { className: "m-t-2", children: [
     intl.formatMessage(generic_error_messages_default.genericError),
     "\xA0",
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_components35.Link, { onClick: () => state.onRetry(), children: intl.formatMessage(generic_error_messages_default.retry) })
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_components36.Link, { onClick: () => state.onRetry(), children: intl.formatMessage(generic_error_messages_default.retry) })
   ] });
 }
 
 // ../renderers/src/SearchRenderer/BlockSearchRendererComponent.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function BlockSearchRendererComponent({
   id,
   isLoading,
@@ -2277,11 +2383,11 @@ function BlockSearchRendererComponent({
   trackEvent,
   onChange
 }) {
-  const [hasSearched, setHasSearched] = (0, import_react12.useState)(false);
-  const { formatMessage } = (0, import_react_intl19.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: getMargin(margin), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(FieldInput_default, { id, description: "", validation: void 0, help: "", label: title, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-      import_components36.Input,
+  const [hasSearched, setHasSearched] = (0, import_react13.useState)(false);
+  const { formatMessage } = (0, import_react_intl21.useIntl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: getMargin(margin), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(FieldInput_default, { id, description: "", validation: void 0, help: "", label: title, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      import_components37.Input,
       {
         id,
         name: id,
@@ -2297,7 +2403,7 @@ function BlockSearchRendererComponent({
         }
       }
     ) }),
-    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: formatMessage(search_messages_default.loading) }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SearchResultContent, { state, trackEvent })
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { children: formatMessage(search_messages_default.loading) }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SearchResultContent, { state, trackEvent })
   ] });
 }
 function SearchResultContent({
@@ -2306,31 +2412,31 @@ function SearchResultContent({
 }) {
   switch (state.type) {
     case "error":
-      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ErrorResult, { state });
+      return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ErrorResult, { state });
     case "results":
-      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SearchResults, { state, trackEvent });
+      return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SearchResults, { state, trackEvent });
     case "noResults":
-      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(EmptySearchResult, { state });
+      return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(EmptySearchResult, { state });
     case "pending":
     default:
       return null;
   }
 }
 function EmptySearchResult({ state }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_components36.Markdown, { className: "m-t-2", config: { link: { target: "_blank" } }, children: state.message });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_components37.Markdown, { className: "m-t-2", config: { link: { target: "_blank" } }, children: state.message });
 }
 function SearchResults({
   state,
   trackEvent
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_components36.NavigationOptionsList, { children: state.results.map((result) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_components37.NavigationOptionsList, { children: state.results.map((result) => {
     const { media } = result;
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-      import_components36.NavigationOption,
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      import_components37.NavigationOption,
       {
         title: result.title,
         content: result.description,
-        media: media ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(OptionMedia, { media, preferAvatar: false }) : void 0,
+        media: media ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(OptionMedia, { media, preferAvatar: false }) : void 0,
         showMediaCircle: false,
         showMediaAtAllSizes: true,
         onClick: () => {
@@ -2347,11 +2453,11 @@ function SearchResults({
 var BlockSearchRendererComponent_default = BlockSearchRendererComponent;
 
 // ../renderers/src/SearchRenderer/InlineSearchRendererComponent.tsx
-var import_components37 = require("@transferwise/components");
+var import_components38 = 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");
+var import_react14 = require("react");
+var import_react_intl22 = require("react-intl");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function InlineSearchRenderer({
   id,
   isLoading,
@@ -2361,20 +2467,20 @@ function InlineSearchRenderer({
   title,
   trackEvent
 }) {
-  const [hasSearched, setHasSearched] = (0, import_react13.useState)(false);
-  const intl = (0, import_react_intl20.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: getMargin(margin), children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(FieldInput_default, { id, description: "", validation: void 0, help: "", label: title, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-    import_components37.Typeahead,
+  const [hasSearched, setHasSearched] = (0, import_react14.useState)(false);
+  const intl = (0, import_react_intl22.useIntl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: getMargin(margin), children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(FieldInput_default, { id, description: "", validation: void 0, help: "", label: title, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    import_components38.Typeahead,
     {
       id: "typeahead-input-id",
       intl,
       name: "typeahead-input-name",
       size: "md",
       maxHeight: 100,
-      footer: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(TypeaheadFooter, { state, isLoading }),
+      footer: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(TypeaheadFooter, { state, isLoading }),
       multiple: false,
       clearable: false,
-      addon: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_icons2.Search, { size: 24 }),
+      addon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_icons2.Search, { size: 24 }),
       options: state.type === "results" ? state.results.map(mapResultToTypeaheadOption) : [],
       minQueryLength: 1,
       onChange: (values) => {
@@ -2409,30 +2515,30 @@ function mapResultToTypeaheadOption(result) {
   };
 }
 function TypeaheadFooter({ state, isLoading }) {
-  const { formatMessage } = (0, import_react_intl20.useIntl)();
+  const { formatMessage } = (0, import_react_intl22.useIntl)();
   if (state.type === "noResults") {
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_components37.Markdown, { className: "m-t-2 m-x-2", config: { link: { target: "_blank" } }, children: state.message });
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_components38.Markdown, { className: "m-t-2 m-x-2", config: { link: { target: "_blank" } }, children: state.message });
   }
   if (state.type === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "m-t-2 m-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ErrorResult, { state }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "m-t-2 m-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ErrorResult, { state }) });
   }
   if (state.type === "pending" || isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "m-t-2 m-x-2", children: formatMessage(search_messages_default.loading) });
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "m-t-2 m-x-2", children: formatMessage(search_messages_default.loading) });
   }
   return null;
 }
 var InlineSearchRendererComponent_default = InlineSearchRenderer;
 
 // ../renderers/src/SearchRenderer/SearchRenderer.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var SearchRenderer = {
   canRenderType: "search",
-  render: (props) => props.control === "inline" ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(InlineSearchRendererComponent_default, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(BlockSearchRendererComponent_default, __spreadValues({}, props))
+  render: (props) => props.control === "inline" ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(InlineSearchRendererComponent_default, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(BlockSearchRendererComponent_default, __spreadValues({}, props))
 };
 var SearchRenderer_default = SearchRenderer;
 
 // ../renderers/src/SectionRenderer.tsx
-var import_components38 = require("@transferwise/components");
+var import_components39 = require("@transferwise/components");
 
 // ../renderers/src/utils/getHeaderAction.tsx
 var getHeaderAction2 = (callToAction) => {
@@ -2456,12 +2562,12 @@ var getHeaderAction2 = (callToAction) => {
 };
 
 // ../renderers/src/SectionRenderer.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var SectionRenderer = {
   canRenderType: "section",
   render: ({ children, callToAction, margin, title }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("section", { className: getMargin(margin), children: [
-      (title || callToAction) && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_components38.Header, { title: title != null ? title : "", action: getHeaderAction2(callToAction) }),
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("section", { className: getMargin(margin), children: [
+      (title || callToAction) && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_components39.Header, { title: title != null ? title : "", action: getHeaderAction2(callToAction) }),
       children
     ] });
   }
@@ -2469,8 +2575,8 @@ var SectionRenderer = {
 var SectionRenderer_default = SectionRenderer;
 
 // ../renderers/src/SelectInputRenderer/RadioInputRendererComponent.tsx
-var import_components39 = require("@transferwise/components");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_components40 = require("@transferwise/components");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function RadioInputRendererComponent(props) {
   const {
     id,
@@ -2484,8 +2590,8 @@ function RadioInputRendererComponent(props) {
     validationState,
     onSelect
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       FieldInput_default,
       {
         id,
@@ -2493,8 +2599,8 @@ function RadioInputRendererComponent(props) {
         help,
         description,
         validation: validationState,
-        children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-          import_components39.RadioGroup,
+        children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+          import_components40.RadioGroup,
           {
             name: id,
             radios: options.map((option, index) => ({
@@ -2502,7 +2608,7 @@ function RadioInputRendererComponent(props) {
               value: index,
               secondary: option.description,
               disabled: option.disabled || disabled,
-              avatar: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(OptionMedia, { media: option.media, preferAvatar: false })
+              avatar: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(OptionMedia, { media: option.media, preferAvatar: false })
             })),
             selectedValue: selectedIndex != null ? selectedIndex : void 0,
             onChange: onSelect
@@ -2516,9 +2622,9 @@ function RadioInputRendererComponent(props) {
 }
 
 // ../renderers/src/SelectInputRenderer/TabInputRendererComponent.tsx
-var import_components40 = require("@transferwise/components");
-var import_react14 = require("react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_components41 = require("@transferwise/components");
+var import_react15 = require("react");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function TabInputRendererComponent(props) {
   const {
     id,
@@ -2532,13 +2638,13 @@ function TabInputRendererComponent(props) {
     validationState,
     onSelect
   } = props;
-  (0, import_react14.useEffect)(() => {
-    if (!isValidIndex(selectedIndex, options.length)) {
+  (0, import_react15.useEffect)(() => {
+    if (!isValidIndex2(selectedIndex, options.length)) {
       onSelect(0);
     }
   }, [selectedIndex, onSelect, options.length]);
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       FieldInput_default,
       {
         id,
@@ -2546,8 +2652,8 @@ function TabInputRendererComponent(props) {
         help,
         description,
         validation: validationState,
-        children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-          import_components40.Tabs,
+        children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+          import_components41.Tabs,
           {
             name: id,
             selected: selectedIndex != null ? selectedIndex : 0,
@@ -2555,7 +2661,7 @@ function TabInputRendererComponent(props) {
               title: option.title,
               // if we pass null, we get some props-types console errors
               // eslint-disable-next-line react/jsx-no-useless-fragment
-              content: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_jsx_runtime59.Fragment, {}),
+              content: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_jsx_runtime60.Fragment, {}),
               disabled: option.disabled || disabled
             })),
             onTabSelect: onSelect
@@ -2566,11 +2672,11 @@ function TabInputRendererComponent(props) {
     children
   ] });
 }
-var isValidIndex = (index, options) => index !== null && index >= 0 && index < options;
+var isValidIndex2 = (index, options) => index !== null && index >= 0 && index < options;
 
 // ../renderers/src/SelectInputRenderer/SelectInputRendererComponent.tsx
-var import_components41 = require("@transferwise/components");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_components42 = require("@transferwise/components");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function SelectInputRendererComponent(props) {
   const {
     id,
@@ -2610,13 +2716,13 @@ function SelectInputRendererComponent(props) {
     } : {
       title: option.title,
       description: option.description,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(OptionMedia, { media: option.media, preferAvatar: false })
+      icon: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(OptionMedia, { media: option.media, preferAvatar: false })
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_components41.SelectInputOptionContent, __spreadValues({}, contentProps));
+    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_components42.SelectInputOptionContent, __spreadValues({}, contentProps));
   };
   const extraProps = { autoComplete };
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       FieldInput_default,
       {
         id,
@@ -2624,8 +2730,8 @@ function SelectInputRendererComponent(props) {
         help,
         description,
         validation: validationState,
-        children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-          import_components41.SelectInput,
+        children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          import_components42.SelectInput,
           __spreadValues({
             name: id,
             placeholder,
@@ -2645,9 +2751,9 @@ function SelectInputRendererComponent(props) {
 }
 
 // ../renderers/src/SelectInputRenderer/SegmentedInputRendererComponent.tsx
-var import_react15 = require("react");
-var import_components42 = require("@transferwise/components");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_react16 = require("react");
+var import_components43 = require("@transferwise/components");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function SegmentedInputRendererComponent(props) {
   const {
     id,
@@ -2660,13 +2766,13 @@ function SegmentedInputRendererComponent(props) {
     validationState,
     onSelect
   } = props;
-  (0, import_react15.useEffect)(() => {
-    if (!isValidIndex2(selectedIndex, options.length)) {
+  (0, import_react16.useEffect)(() => {
+    if (!isValidIndex3(selectedIndex, options.length)) {
       onSelect(0);
     }
   }, [selectedIndex, onSelect, options.length]);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       FieldInput_default,
       {
         id,
@@ -2674,8 +2780,8 @@ function SegmentedInputRendererComponent(props) {
         help,
         description,
         validation: validationState,
-        children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-          import_components42.SegmentedControl,
+        children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+          import_components43.SegmentedControl,
           {
             name: `${id}-segmented-control`,
             value: String(selectedIndex),
@@ -2691,44 +2797,44 @@ function SegmentedInputRendererComponent(props) {
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { id: `${id}-children`, children })
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { id: `${id}-children`, children })
   ] });
 }
-var isValidIndex2 = (index, options) => index !== null && index >= 0 && index < options;
+var isValidIndex3 = (index, options) => index !== null && index >= 0 && index < options;
 
 // ../renderers/src/SelectInputRenderer/SelectInputRenderer.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var SelectInputRenderer = {
   canRenderType: "input-select",
   render: (props) => {
     switch (props.control) {
       case "radio":
-        return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(RadioInputRendererComponent, __spreadValues({}, props));
+        return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(RadioInputRendererComponent, __spreadValues({}, props));
       case "tab":
-        return props.options.length > 3 ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SelectInputRendererComponent, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(TabInputRendererComponent, __spreadValues({}, props));
+        return props.options.length > 3 ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SelectInputRendererComponent, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(TabInputRendererComponent, __spreadValues({}, props));
       case "segmented":
-        return props.options.length > 3 ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SelectInputRendererComponent, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SegmentedInputRendererComponent, __spreadValues({}, props));
+        return props.options.length > 3 ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SelectInputRendererComponent, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SegmentedInputRendererComponent, __spreadValues({}, props));
       case "select":
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SelectInputRendererComponent, __spreadValues({}, props));
+        return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SelectInputRendererComponent, __spreadValues({}, props));
     }
   }
 };
 var SelectInputRenderer_default = SelectInputRenderer;
 
 // ../renderers/src/StatusListRenderer.tsx
-var import_components43 = require("@transferwise/components");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_components44 = require("@transferwise/components");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var StatusListRenderer = {
   canRenderType: "status-list",
-  render: ({ margin, items, title }) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: getMargin(margin), children: [
-    title ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_components43.Header, { title, className: "m-b-2" }) : null,
-    items.map(({ callToAction, description, icon, status, title: itemTitle }) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-      import_components43.Summary,
+  render: ({ margin, items, title }) => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: getMargin(margin), children: [
+    title ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_components44.Header, { title, className: "m-b-2" }) : null,
+    items.map(({ callToAction, description, icon, status, title: itemTitle }) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+      import_components44.Summary,
       {
         title: itemTitle,
         description,
-        icon: icon && "name" in icon ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(DynamicIcon_default, { name: icon.name }) : null,
+        icon: icon && "name" in icon ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(DynamicIcon_default, { name: icon.name }) : null,
         status: mapStatus(status),
         action: getSummaryAction(callToAction)
       },
@@ -2765,12 +2871,12 @@ var mapStatus = (status) => {
 
 // ../renderers/src/utils/useCustomTheme.ts
 var import_components_theming = require("@wise/components-theming");
-var import_react16 = require("react");
+var import_react17 = require("react");
 var ThemeRequiredEventName = "Theme Required";
 var useCustomTheme = (theme, trackEvent) => {
   const previousThemeHookValue = (0, import_components_theming.useTheme)();
-  const previousTheme = (0, import_react16.useMemo)(() => previousThemeHookValue.theme, []);
-  (0, import_react16.useEffect)(() => {
+  const previousTheme = (0, import_react17.useMemo)(() => previousThemeHookValue.theme, []);
+  (0, import_react17.useEffect)(() => {
     trackEvent(ThemeRequiredEventName, { theme });
     return theme !== previousTheme ? () => {
       trackEvent(ThemeRequiredEventName, { theme: previousTheme });
@@ -2780,32 +2886,32 @@ var useCustomTheme = (theme, trackEvent) => {
 };
 
 // ../renderers/src/step/topbar/BackButton.tsx
-var import_components44 = require("@transferwise/components");
+var import_components45 = require("@transferwise/components");
 var import_icons3 = require("@transferwise/icons");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function BackButton({ title, onClick }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_components44.IconButton, { className: "df-back-button", priority: "tertiary", onClick, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "sr-only", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons3.ArrowLeft, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_components45.IconButton, { className: "df-back-button", priority: "tertiary", onClick, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "sr-only", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_icons3.ArrowLeft, {})
   ] });
 }
 
 // ../renderers/src/step/topbar/Toolbar.tsx
-var import_components45 = require("@transferwise/components");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_components46 = require("@transferwise/components");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var Toolbar = ({ items }) => {
-  return (items == null ? void 0 : items.length) > 0 ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "df-toolbar", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ToolbarButton, __spreadValues({}, item), `${item.type}-${index}-${item.title}`)) }) : null;
+  return (items == null ? void 0 : items.length) > 0 ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "df-toolbar", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ToolbarButton, __spreadValues({}, item), `${item.type}-${index}-${item.title}`)) }) : null;
 };
 function ToolbarButton(props) {
-  return prefersMedia(props.control) ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(MediaToolbarButton, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(TextToolbarButton, __spreadValues({}, props));
+  return prefersMedia(props.control) ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(MediaToolbarButton, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(TextToolbarButton, __spreadValues({}, props));
 }
 function MediaToolbarButton(props) {
   var _a;
   const { context, control, media, accessibilityDescription, disabled, onClick } = props;
   const priority = getIconButtonPriority(control);
   const type = getSentiment(context);
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
-    import_components45.IconButton,
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+    import_components46.IconButton,
     {
       className: "df-toolbar-button",
       disabled,
@@ -2814,7 +2920,7 @@ function MediaToolbarButton(props) {
       type,
       onClick,
       children: [
-        accessibilityDescription ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "sr-only", children: accessibilityDescription }) : null,
+        accessibilityDescription ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "sr-only", children: accessibilityDescription }) : null,
         media ? (_a = getAddonStart(media)) == null ? void 0 : _a.value : null
       ]
     }
@@ -2825,8 +2931,8 @@ function TextToolbarButton(props) {
   const addonStart = media ? getAddonStart(media) : void 0;
   const priority = getPriority2(control);
   const sentiment = getSentiment(context);
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-    import_components45.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    import_components46.Button,
     {
       v2: true,
       size: "sm",
@@ -2870,48 +2976,52 @@ var getIconButtonPriority = (control) => {
 };
 
 // ../renderers/src/step/topbar/TopBar.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 function TopBar({ back, toolbar }) {
-  return back || toolbar ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "d-flex m-b-2", children: [
-    back ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(BackButton, __spreadValues({}, back)) : null,
-    toolbar ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Toolbar, __spreadValues({}, toolbar)) : null
+  return back || toolbar ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "d-flex m-b-2", children: [
+    back ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(BackButton, __spreadValues({}, back)) : null,
+    toolbar ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Toolbar, __spreadValues({}, toolbar)) : null
   ] }) : null;
 }
 
 // ../renderers/src/step/SplashCelebrationStepRenderer.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var SplashCelebrationStepRenderer = {
   canRenderType: "step",
   canRender: ({ control }) => control === "splash-celebration",
   render: SplashCelebrationStepRendererComponent
 };
 function SplashCelebrationStepRendererComponent(props) {
-  const { back, toolbar, children, trackEvent } = props;
+  const { back, toolbar, children, footer, trackEvent } = props;
+  const hasFooter = footer && Array.isArray(footer) && footer.length > 0;
   useCustomTheme("forest-green", trackEvent);
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "splash-screen m-t-5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(TopBar, { back, toolbar }),
-    children
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "splash-screen m-t-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TopBar, { back, toolbar }),
+    children,
+    hasFooter ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "df-step-fixed__footer", children: footer }) : void 0
   ] });
 }
 
 // ../renderers/src/step/SplashStepRenderer.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var SplashStepRenderer = {
   canRenderType: "step",
   canRender: ({ control }) => control === "splash",
   render: SplashStepRendererComponent
 };
 function SplashStepRendererComponent(props) {
-  const { back, toolbar, children } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "splash-screen m-t-5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TopBar, { back, toolbar }),
-    children
+  const { back, toolbar, children, footer } = props;
+  const hasFooter = footer && Array.isArray(footer) && footer.length > 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "splash-screen m-t-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TopBar, { back, toolbar }),
+    children,
+    hasFooter ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "df-step-fixed__footer", children: footer }) : void 0
   ] });
 }
 
 // ../renderers/src/step/StepRenderer.tsx
-var import_components46 = require("@transferwise/components");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_components47 = require("@transferwise/components");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var StepRenderer = {
   canRenderType: "step",
   render: StepRendererComponent
@@ -2919,49 +3029,49 @@ var StepRenderer = {
 function StepRendererComponent(props) {
   const { back, description, error, title, children, toolbar, footer } = props;
   const hasFooter = footer && Array.isArray(footer) && footer.length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(TopBar, { back, toolbar }),
-    title || description ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "m-b-4", children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_components46.Title, { as: "h1", type: "title-section", className: "text-xs-center m-b-2", children: title }) : void 0,
-      description ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "text-xs-center np-text-body-large", children: description }) : void 0
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TopBar, { back, toolbar }),
+    title || description ? /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "m-b-4", children: [
+      title ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_components47.Title, { as: "h1", type: "title-section", className: "text-xs-center m-b-2", children: title }) : void 0,
+      description ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: "text-xs-center np-text-body-large", children: description }) : void 0
     ] }) : void 0,
-    error ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_components46.Alert, { type: "negative", className: "m-b-2", message: error }) : null,
+    error ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_components47.Alert, { type: "negative", className: "m-b-2", message: error }) : null,
     children,
-    hasFooter ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "df-step-fixed__footer", children: footer }) : void 0
+    hasFooter ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "df-step-fixed__footer", children: footer }) : void 0
   ] });
 }
 
 // ../renderers/src/TabsRenderer.tsx
-var import_components47 = require("@transferwise/components");
-var import_react17 = require("react");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_components48 = require("@transferwise/components");
+var import_react18 = require("react");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var TabsRenderer = {
   canRenderType: "tabs",
   render: (props) => {
     switch (props.control) {
       case "segmented":
         if (props.tabs.length > 3) {
-          return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TabsRendererComponent, __spreadValues({}, props));
+          return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(TabsRendererComponent, __spreadValues({}, props));
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(SegmentedTabsRendererComponent, __spreadValues({}, props));
+        return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(SegmentedTabsRendererComponent, __spreadValues({}, props));
       case "chips":
-        return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ChipsTabsRendererComponent, __spreadValues({}, props));
+        return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ChipsTabsRendererComponent, __spreadValues({}, props));
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TabsRendererComponent, __spreadValues({}, props));
+        return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(TabsRendererComponent, __spreadValues({}, props));
     }
   }
 };
 function TabsRendererComponent({ uid, margin, tabs }) {
-  const [selectedIndex, setSelectedIndex] = (0, import_react17.useState)(0);
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: getMargin(margin), children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
-    import_components47.Tabs,
+  const [selectedIndex, setSelectedIndex] = (0, import_react18.useState)(0);
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: getMargin(margin), children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    import_components48.Tabs,
     {
       name: uid,
       selected: selectedIndex != null ? selectedIndex : 0,
       tabs: tabs.map((option) => ({
         title: option.title,
         disabled: false,
-        content: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "m-t-2", children: [
+        content: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "m-t-2", children: [
           " ",
           option.children,
           " "
@@ -2973,10 +3083,10 @@ function TabsRendererComponent({ uid, margin, tabs }) {
 }
 function SegmentedTabsRendererComponent({ uid, margin, tabs }) {
   var _a;
-  const [selectedIndex, setSelectedIndex] = (0, import_react17.useState)(0);
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: getMargin(margin), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
-      import_components47.SegmentedControl,
+  const [selectedIndex, setSelectedIndex] = (0, import_react18.useState)(0);
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: getMargin(margin), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+      import_components48.SegmentedControl,
       {
         name: uid,
         value: String(selectedIndex),
@@ -2990,31 +3100,31 @@ function SegmentedTabsRendererComponent({ uid, margin, tabs }) {
         onChange: (value) => setSelectedIndex(Number(value))
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { id: `${uid}-children`, className: "m-t-2", children: (_a = tabs[selectedIndex]) == null ? void 0 : _a.children })
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { id: `${uid}-children`, className: "m-t-2", children: (_a = tabs[selectedIndex]) == null ? void 0 : _a.children })
   ] });
 }
 function ChipsTabsRendererComponent({ margin, tabs }) {
   var _a;
-  const [selectedIndex, setSelectedIndex] = (0, import_react17.useState)(0);
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: getMargin(margin), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "chips-container", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
-      import_components47.Chips,
+  const [selectedIndex, setSelectedIndex] = (0, import_react18.useState)(0);
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: getMargin(margin), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "chips-container", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+      import_components48.Chips,
       {
         chips: tabs.map((tab, index) => ({ label: tab.title, value: index })),
         selected: selectedIndex,
         onChange: ({ selectedValue }) => setSelectedIndex(Number(selectedValue))
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "m-t-2", children: (_a = tabs[selectedIndex]) == null ? void 0 : _a.children })
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "m-t-2", children: (_a = tabs[selectedIndex]) == null ? void 0 : _a.children })
   ] });
 }
 
 // ../renderers/src/TextInputRenderer.tsx
-var import_components49 = require("@transferwise/components");
+var import_components50 = require("@transferwise/components");
 
 // ../renderers/src/components/VariableTextInput.tsx
-var import_components48 = require("@transferwise/components");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_components49 = require("@transferwise/components");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var commonKeys = [
   "autoComplete",
   "autoCapitalize",
@@ -3033,12 +3143,12 @@ function VariableTextInput(inputProps) {
   const commonProps = __spreadProps(__spreadValues({}, pick(inputProps, ...commonKeys)), { name: id });
   switch (control) {
     case "email":
-      return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(TextInput, __spreadProps(__spreadValues({}, commonProps), { type: "email", onChange }));
+      return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(TextInput, __spreadProps(__spreadValues({}, commonProps), { type: "email", onChange }));
     case "password":
-      return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(TextInput, __spreadProps(__spreadValues({}, commonProps), { type: "password", onChange }));
+      return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(TextInput, __spreadProps(__spreadValues({}, commonProps), { type: "password", onChange }));
     case "numeric": {
       const numericProps = __spreadProps(__spreadValues({}, commonProps), { type: "number", onWheel });
-      return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
         TextInput,
         __spreadProps(__spreadValues({}, numericProps), {
           onChange: (newValue) => {
@@ -3049,21 +3159,21 @@ function VariableTextInput(inputProps) {
       );
     }
     case "phone-number":
-      return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_components48.PhoneNumberInput, __spreadProps(__spreadValues({ initialValue: value }, commonProps), { onChange }));
+      return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_components49.PhoneNumberInput, __spreadProps(__spreadValues({ initialValue: value }, commonProps), { onChange }));
     default: {
-      return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(TextInput, __spreadProps(__spreadValues({}, commonProps), { type: "text", onChange }));
+      return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(TextInput, __spreadProps(__spreadValues({}, commonProps), { type: "text", onChange }));
     }
   }
 }
 function TextInput(props) {
   const _a = props, { control, displayFormat, onChange } = _a, commonProps = __objRest(_a, ["control", "displayFormat", "onChange"]);
-  const InputWithPattern = control === "textarea" ? import_components48.TextareaWithDisplayFormat : import_components48.InputWithDisplayFormat;
-  const InputWithoutPattern = control === "textarea" ? import_components48.TextArea : import_components48.Input;
-  return displayFormat ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(InputWithPattern, __spreadProps(__spreadValues({ displayPattern: displayFormat }, commonProps), { onChange })) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(InputWithoutPattern, __spreadProps(__spreadValues({}, commonProps), { onChange: (e) => onChange(e.target.value) }));
+  const InputWithPattern = control === "textarea" ? import_components49.TextareaWithDisplayFormat : import_components49.InputWithDisplayFormat;
+  const InputWithoutPattern = control === "textarea" ? import_components49.TextArea : import_components49.Input;
+  return displayFormat ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(InputWithPattern, __spreadProps(__spreadValues({ displayPattern: displayFormat }, commonProps), { onChange })) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(InputWithoutPattern, __spreadProps(__spreadValues({}, commonProps), { onChange: (e) => onChange(e.target.value) }));
 }
 
 // ../renderers/src/TextInputRenderer.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var TextInputRenderer = {
   canRenderType: "input-text",
   render: (props) => {
@@ -3096,7 +3206,7 @@ var TextInputRenderer = {
         }
       }
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       FieldInput_default,
       {
         id,
@@ -3104,7 +3214,7 @@ var TextInputRenderer = {
         description,
         validation: validationState,
         help,
-        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_components49.InputGroup, { addonStart: getInputGroupAddonStart(media), children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(VariableTextInput, __spreadValues({}, inputProps)) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_components50.InputGroup, { addonStart: getInputGroupAddonStart(media), children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(VariableTextInput, __spreadValues({}, inputProps)) })
       }
     );
   }
@@ -3112,13 +3222,13 @@ var TextInputRenderer = {
 var TextInputRenderer_default = TextInputRenderer;
 
 // ../renderers/src/UploadInputRenderer.tsx
-var import_components50 = require("@transferwise/components");
+var import_components51 = require("@transferwise/components");
 
 // ../renderers/src/utils/getRandomId.ts
 var getRandomId = () => Math.random().toString(36).substring(2);
 
 // ../renderers/src/UploadInputRenderer.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var UploadInputRenderer = {
   canRenderType: "input-upload",
   render: (props) => {
@@ -3134,15 +3244,15 @@ var UploadInputRenderer = {
     };
     return (
       // We don't pass help here as there is no sensible place to display it
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
         UploadFieldInput_default,
         {
           id,
           label: void 0,
           description: void 0,
           validation: validationState,
-          children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
-            import_components50.UploadInput,
+          children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+            import_components51.UploadInput,
             {
               id,
               description,
@@ -3200,7 +3310,7 @@ var LargeUploadRenderer = {
     };
     const filetypes = acceptsToFileTypes(accepts);
     const usAccept = filetypes === "*" ? "*" : filetypes.join(",");
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       FieldInput_default,
       {
         id,
@@ -3208,8 +3318,8 @@ var LargeUploadRenderer = {
         description,
         validation: validationState,
         help,
-        children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
-          import_components50.Upload,
+        children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+          import_components51.Upload,
           __spreadProps(__spreadValues({}, uploadProps), {
             usAccept,
             usDisabled: disabled,
@@ -3224,24 +3334,24 @@ var LargeUploadRenderer = {
 };
 
 // ../renderers/src/NewListItem/NewDecisionRenderer.tsx
-var import_components53 = require("@transferwise/components");
+var import_components54 = 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 getInlineAlert = (inlineAlert) => inlineAlert ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_components52.ListItem.Prompt, { sentiment: inlineAlert == null ? void 0 : inlineAlert.context, children: inlineAlert.content }) : void 0;
+
+// ../renderers/src/NewListItem/getAdditionalInfo.tsx
+var import_components53 = require("@transferwise/components");
+var import_jsx_runtime76 = 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,
+    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+      import_components53.ListItem.AdditionalInfo,
       {
         action: {
           label: text,
@@ -3252,7 +3362,7 @@ var getAdditionalInfo = (additionalInfo) => {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_components52.ListItem.AdditionalInfo, { children: additionalInfo == null ? void 0 : additionalInfo.text });
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_components53.ListItem.AdditionalInfo, { children: additionalInfo == null ? void 0 : additionalInfo.text });
 };
 
 // ../renderers/src/NewListItem/shouldUseAvatar.ts
@@ -3262,13 +3372,13 @@ var shouldUseAvatar = (control, tags) => {
 };
 
 // ../renderers/src/NewListItem/NewDecisionRenderer.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var DecisionRenderer2 = {
   canRenderType: "decision",
-  render: (props) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(DecisionWrapper, __spreadProps(__spreadValues({}, props), { renderDecisionList: renderDecisionList2 }))
+  render: (props) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(DecisionWrapper, __spreadProps(__spreadValues({}, props), { renderDecisionList: renderDecisionList2 }))
 };
 var renderDecisionList2 = ({ options, control }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_jsx_runtime76.Fragment, { children: options.map((_a) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_jsx_runtime77.Fragment, { children: options.map((_a) => {
     var _b = _a, { disabled, onClick } = _b, rest = __objRest(_b, ["disabled", "onClick"]);
     const {
       description,
@@ -3280,8 +3390,8 @@ var renderDecisionList2 = ({ options, control }) => {
       supportingValues,
       tags
     } = rest;
-    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-      import_components53.ListItem,
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+      import_components54.ListItem,
       {
         title: itemTitle,
         subtitle: description,
@@ -3292,7 +3402,7 @@ var renderDecisionList2 = ({ options, control }) => {
         media: getMedia(media, shouldUseAvatar(control, tags)),
         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 })
+        control: href ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_components54.ListItem.Navigation, { href, target: "_blank" }) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_components54.ListItem.Navigation, { onClick })
       },
       JSON.stringify(rest)
     );
@@ -3301,11 +3411,11 @@ var renderDecisionList2 = ({ options, control }) => {
 var NewDecisionRenderer_default = DecisionRenderer2;
 
 // ../renderers/src/NewListItem/NewListRenderer.tsx
-var import_components55 = require("@transferwise/components");
+var import_components56 = require("@transferwise/components");
 
 // ../renderers/src/NewListItem/getCTAControl.tsx
-var import_components54 = require("@transferwise/components");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_components55 = require("@transferwise/components");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var getCTAControl = (callToAction, { ctaSecondary, fullyInteractive }) => {
   if (!callToAction) {
     return void 0;
@@ -3313,8 +3423,8 @@ var getCTAControl = (callToAction, { ctaSecondary, fullyInteractive }) => {
   const { accessibilityDescription, href, title, onClick } = callToAction;
   const priority = ctaSecondary ? "secondary" : "secondary-neutral";
   if (href) {
-    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
-      import_components54.ListItem.Button,
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+      import_components55.ListItem.Button,
       {
         href,
         partiallyInteractive: !fullyInteractive,
@@ -3324,8 +3434,8 @@ var getCTAControl = (callToAction, { ctaSecondary, fullyInteractive }) => {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
-    import_components54.ListItem.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+    import_components55.ListItem.Button,
     {
       "aria-description": accessibilityDescription,
       partiallyInteractive: !fullyInteractive,
@@ -3337,11 +3447,11 @@ var getCTAControl = (callToAction, { ctaSecondary, fullyInteractive }) => {
 };
 
 // ../renderers/src/NewListItem/NewListRenderer.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var ListRenderer2 = {
   canRenderType: "list",
-  render: ({ callToAction, control, margin, items, tags, title }) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: getMargin(margin), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Header7, { title, callToAction }),
+  render: ({ callToAction, control, margin, items, tags, title }) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: getMargin(margin), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Header7, { title, callToAction }),
     items.map((item) => {
       var _a, _b;
       const {
@@ -3358,8 +3468,8 @@ var ListRenderer2 = {
         ctaSecondary: (_a = itemTags == null ? void 0 : itemTags.includes("cta-secondary")) != null ? _a : false,
         fullyInteractive: (_b = (tags == null ? void 0 : tags.includes("fully-interactive")) && (additionalInfo == null ? void 0 : additionalInfo.onClick) == null) != null ? _b : false
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-        import_components55.ListItem,
+      return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+        import_components56.ListItem,
         {
           title: itemTitle,
           subtitle: description,
@@ -3378,9 +3488,9 @@ var ListRenderer2 = {
 var NewListRenderer_default = ListRenderer2;
 
 // ../renderers/src/NewListItem/NewReviewRenderer.tsx
-var import_components56 = require("@transferwise/components");
+var import_components57 = require("@transferwise/components");
 var import_icons4 = require("@transferwise/icons");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var IGNORED_CONTROLS = [
   "horizontal",
   "horizontal-end-aligned",
@@ -3390,8 +3500,8 @@ var IGNORED_CONTROLS = [
 var ReviewRenderer2 = {
   canRenderType: "review",
   canRender: ({ control }) => control ? !IGNORED_CONTROLS.includes(control) : true,
-  render: ({ callToAction, control, margin, fields, tags, title }) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: getMargin(margin), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Header7, { title, callToAction }),
+  render: ({ callToAction, control, margin, fields, tags, title }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: getMargin(margin), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Header7, { title, callToAction }),
     fields.map((field) => {
       var _a, _b, _c;
       const {
@@ -3408,8 +3518,8 @@ var ReviewRenderer2 = {
         ctaSecondary: (_a = itemTags == null ? void 0 : itemTags.includes("cta-secondary")) != null ? _a : false,
         fullyInteractive: (_b = (tags == null ? void 0 : tags.includes("fully-interactive")) && (additionalInfo == null ? void 0 : additionalInfo.onClick) == null) != null ? _b : false
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
-        import_components56.ListItem,
+      return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+        import_components57.ListItem,
         {
           title: value,
           subtitle: label,
@@ -3428,27 +3538,27 @@ var getHelpControl = (help) => {
   if (!help) {
     return void 0;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_components56.Popover, { content: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_components56.Markdown, { config: { link: { target: "_blank" } }, children: help }), children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_components56.ListItem.IconButton, { partiallyInteractive: true, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons4.QuestionMarkCircle, {}) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_components57.Popover, { content: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_components57.Markdown, { config: { link: { target: "_blank" } }, children: help }), children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_components57.ListItem.IconButton, { partiallyInteractive: true, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_icons4.QuestionMarkCircle, {}) }) });
 };
 var NewReviewRenderer_default = ReviewRenderer2;
 
 // ../renderers/src/NewListItem/NewStatusListRenderer.tsx
-var import_components57 = require("@transferwise/components");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_components58 = require("@transferwise/components");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var NewStatusListRenderer = {
   canRenderType: "status-list",
-  render: ({ margin, items, title }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: getMargin(margin), children: [
-    title ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_components57.Header, { title }) : null,
+  render: ({ margin, items, title }) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: getMargin(margin), children: [
+    title ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_components58.Header, { title }) : null,
     items.map((item) => {
       const { callToAction, description, icon, status, title: itemTitle } = item;
-      return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
-        import_components57.ListItem,
+      return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        import_components58.ListItem,
         {
           title: itemTitle,
           subtitle: description,
-          media: icon && "name" in icon ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_components57.AvatarView, { badge: { status: mapStatus2(status) }, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(DynamicIcon_default, { name: icon.name }) }) : void 0,
-          additionalInfo: callToAction ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
-            import_components57.ListItem.AdditionalInfo,
+          media: icon && "name" in icon ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_components58.AvatarView, { badge: { status: mapStatus2(status) }, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(DynamicIcon_default, { name: icon.name }) }) : void 0,
+          additionalInfo: callToAction ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+            import_components58.ListItem.AdditionalInfo,
             {
               action: {
                 href: callToAction.href,
@@ -3477,30 +3587,30 @@ var mapStatus2 = (status) => {
 var NewStatusListRenderer_default = NewStatusListRenderer;
 
 // ../renderers/src/ButtonRenderer/ButtonRendererV2.tsx
-var import_components58 = require("@transferwise/components");
+var import_components59 = 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_runtime81 = require("react/jsx-runtime");
+var import_react19 = require("react");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var ButtonRendererV2 = {
   canRenderType: "button",
   render: ButtonComponent2
 };
 function ButtonComponent2(props) {
   const { control, context, disabled, margin, title, size, stepLoadingState, onClick } = props;
-  const [spinny, setSpinny] = (0, import_react18.useState)(false);
-  (0, import_react18.useEffect)(() => {
+  const [spinny, setSpinny] = (0, import_react19.useState)(false);
+  (0, import_react19.useEffect)(() => {
     if (stepLoadingState === "idle") {
       setSpinny(false);
     }
   }, [stepLoadingState]);
   const loading = spinny && stepLoadingState !== "idle";
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
-    import_components58.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+    import_components59.Button,
     {
       v2: true,
       block: true,
@@ -3522,17 +3632,17 @@ var getSentiment2 = (context) => context === "negative" ? "negative" : "default"
 var getPriority3 = (control) => control && isButtonPriority(control) ? control : "secondary";
 
 // ../renderers/src/ProgressRenderer.tsx
-var import_components59 = require("@transferwise/components");
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_components60 = require("@transferwise/components");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var ProgressRenderer = {
   canRenderType: "progress",
   render: ({ uid, title, help, progress, progressText, margin, description }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
-      import_components59.ProgressBar,
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+      import_components60.ProgressBar,
       {
         id: uid,
         className: getMargin(margin),
-        title: title && help ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(LabelContentWithHelp, { text: title, help }) : title,
+        title: title && help ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(LabelContentWithHelp, { text: title, help }) : title,
         description,
         progress: {
           max: 1,
@@ -3575,6 +3685,7 @@ var getWiseRenderers = () => [
   MarkdownRenderer_default,
   ModalRenderer,
   ModalLayoutRenderer_default,
+  MoneyInputRenderer,
   MultiSelectInputRenderer_default,
   MultiUploadInputRenderer_default,
   NumberInputRenderer_default,
@@ -3625,13 +3736,6 @@ var cs_default = {
   "df.wise.ControlFeedback.type": "Nespr\xE1vn\xFD typ",
   "df.wise.CopyFeedback.copy": "Zkop\xEDrov\xE1no do schr\xE1nky",
   "df.wise.CopyFeedback.copyFailed": "Kop\xEDrov\xE1n\xED do schr\xE1nky se nezda\u0159ilo",
-  "df.wise.Decision.all": "V\u0161e",
-  "df.wise.Decision.currenciesWithAccountDetails": "M\u011Bny s detaily \xFA\u010Dtu",
-  "df.wise.Decision.filterPlaceholder": "Pro vyhled\xE1v\xE1n\xED za\u010Dn\u011Bte ps\xE1t",
-  "df.wise.Decision.noResults": "\u017D\xE1dn\xE9 v\xFDsledky",
-  "df.wise.Decision.popular": "Popul\xE1rn\xED",
-  "df.wise.Decision.recent": "Ned\xE1vn\xE9",
-  "df.wise.Decision.results": "V\xFDsledky hled\xE1n\xED",
   "df.wise.DynamicParagraph.copied": "Zkop\xEDrov\xE1no do schr\xE1nky",
   "df.wise.DynamicParagraph.copy": "Kop\xEDrovat",
   "df.wise.ErrorBoundary.errorAlert": "N\u011Bco se pokazilo.",
@@ -3646,7 +3750,14 @@ var cs_default = {
   "df.wise.MultipleFileUploadSchema.maxItemsError": "Nahrajte {maxItems} nebo m\xE9n\u011B soubor\u016F.",
   "df.wise.MultipleFileUploadSchema.minItemsError": "Nahrajte pros\xEDm alespo\u0148 n\xE1sleduj\xEDc\xED po\u010Det soubor\u016F: {minItems}.",
   "df.wise.PersistAsyncSchema.genericError": "N\u011Bco se pokazilo. Zkuste to pros\xEDm znovu.",
-  "df.wise.SearchLayout.loading": "Na\u010D\xEDt\xE1n\xED..."
+  "df.wise.SearchLayout.loading": "Na\u010D\xEDt\xE1n\xED...",
+  "df.wise.filter.noResults": "\u017D\xE1dn\xE9 v\xFDsledky",
+  "df.wise.filter.placeholder": "Pro vyhled\xE1v\xE1n\xED za\u010Dn\u011Bte ps\xE1t",
+  "df.wise.filter.results": "V\xFDsledky vyhled\xE1v\xE1n\xED",
+  "df.wise.group.all": "V\u0161e",
+  "df.wise.group.currencies-with-account-details": "M\u011Bny s detaily \xFA\u010Dtu",
+  "df.wise.group.popular": "Popul\xE1rn\xED",
+  "df.wise.group.recent": "Ned\xE1vn\xE9"
 };
 
 // src/i18n/de.json
@@ -3670,13 +3781,6 @@ var de_default = {
   "df.wise.ControlFeedback.type": "Falscher Typ",
   "df.wise.CopyFeedback.copy": "In Zwischenablage kopiert",
   "df.wise.CopyFeedback.copyFailed": "Kopieren in Zwischenablage fehlgeschlagen",
-  "df.wise.Decision.all": "Alle",
-  "df.wise.Decision.currenciesWithAccountDetails": "Guthaben mit Bankverbindung",
-  "df.wise.Decision.filterPlaceholder": "Gib etwas ein, um die Suche zu beginnen",
-  "df.wise.Decision.noResults": "Keine Ergebnisse",
-  "df.wise.Decision.popular": "Beliebt",
-  "df.wise.Decision.recent": "Neu",
-  "df.wise.Decision.results": "Suchergebnisse",
   "df.wise.DynamicParagraph.copied": "In Zwischenablage kopiert",
   "df.wise.DynamicParagraph.copy": "Kopieren",
   "df.wise.ErrorBoundary.errorAlert": "Da ist etwas schiefgegangen.",
@@ -3691,7 +3795,14 @@ var de_default = {
   "df.wise.MultipleFileUploadSchema.maxItemsError": "Bitte lade {maxItems} oder weniger Dateien hoch.",
   "df.wise.MultipleFileUploadSchema.minItemsError": "Bitte lade mindestens {minItems} Datei(en) hoch.",
   "df.wise.PersistAsyncSchema.genericError": "Da ist etwas schiefgegangen. Versuche es bitte nochmal.",
-  "df.wise.SearchLayout.loading": "L\xE4dt..."
+  "df.wise.SearchLayout.loading": "L\xE4dt...",
+  "df.wise.filter.noResults": "Keine Ergebnisse",
+  "df.wise.filter.placeholder": "Gib etwas ein, um die Suche zu beginnen",
+  "df.wise.filter.results": "Suchergebnisse",
+  "df.wise.group.all": "Alle",
+  "df.wise.group.currencies-with-account-details": "Guthaben mit Bankverbindung",
+  "df.wise.group.popular": "Beliebt",
+  "df.wise.group.recent": "Neu"
 };
 
 // src/i18n/en.json
@@ -3715,13 +3826,6 @@ var en_default = {
   "df.wise.ControlFeedback.type": "Incorrect type",
   "df.wise.CopyFeedback.copy": "Copied to clipboard",
   "df.wise.CopyFeedback.copyFailed": "Failed to copy to clipboard",
-  "df.wise.Decision.all": "All",
-  "df.wise.Decision.currenciesWithAccountDetails": "Currencies with account details",
-  "df.wise.Decision.filterPlaceholder": "Start typing to search",
-  "df.wise.Decision.noResults": "No results",
-  "df.wise.Decision.popular": "Popular",
-  "df.wise.Decision.recent": "Recent",
-  "df.wise.Decision.results": "Search results",
   "df.wise.DynamicParagraph.copied": "Copied to clipboard",
   "df.wise.DynamicParagraph.copy": "Copy",
   "df.wise.ErrorBoundary.errorAlert": "Something went wrong.",
@@ -3736,7 +3840,14 @@ var en_default = {
   "df.wise.MultipleFileUploadSchema.maxItemsError": "Please upload {maxItems} or fewer files.",
   "df.wise.MultipleFileUploadSchema.minItemsError": "Please upload at least {minItems} file(s).",
   "df.wise.PersistAsyncSchema.genericError": "Something went wrong, please try again.",
-  "df.wise.SearchLayout.loading": "Loading..."
+  "df.wise.SearchLayout.loading": "Loading...",
+  "df.wise.filter.noResults": "No results",
+  "df.wise.filter.placeholder": "Start typing to search",
+  "df.wise.filter.results": "Search results",
+  "df.wise.group.all": "All",
+  "df.wise.group.currencies-with-account-details": "Currencies with account details",
+  "df.wise.group.popular": "Popular",
+  "df.wise.group.recent": "Recent"
 };
 
 // src/i18n/es.json
@@ -3760,13 +3871,6 @@ var es_default = {
   "df.wise.ControlFeedback.type": "Tipo incorrecto",
   "df.wise.CopyFeedback.copy": "Copiado al portapapeles",
   "df.wise.CopyFeedback.copyFailed": "Error al copiar al portapapeles",
-  "df.wise.Decision.all": "Todas",
-  "df.wise.Decision.currenciesWithAccountDetails": "Divisas con datos de cuenta",
-  "df.wise.Decision.filterPlaceholder": "Empieza a escribir para buscar",
-  "df.wise.Decision.noResults": "No hay resultados",
-  "df.wise.Decision.popular": "Populares",
-  "df.wise.Decision.recent": "Recientes",
-  "df.wise.Decision.results": "Resultados de b\xFAsqueda",
   "df.wise.DynamicParagraph.copied": "Copiado al portapapeles",
   "df.wise.DynamicParagraph.copy": "Copiar",
   "df.wise.ErrorBoundary.errorAlert": "Ha habido un error.",
@@ -3781,7 +3885,14 @@ var es_default = {
   "df.wise.MultipleFileUploadSchema.maxItemsError": "Sube {maxItems} o menos archivos.",
   "df.wise.MultipleFileUploadSchema.minItemsError": "Sube al menos {minItems} archivo(s).",
   "df.wise.PersistAsyncSchema.genericError": "Ha habido un error. Int\xE9ntalo de nuevo.",
-  "df.wise.SearchLayout.loading": "Cargando..."
+  "df.wise.SearchLayout.loading": "Cargando...",
+  "df.wise.filter.noResults": "No hay resultados",
+  "df.wise.filter.placeholder": "Empieza a escribir para buscar",
+  "df.wise.filter.results": "Resultados de b\xFAsqueda",
+  "df.wise.group.all": "Todas",
+  "df.wise.group.currencies-with-account-details": "Divisas con datos de cuenta",
+  "df.wise.group.popular": "Populares",
+  "df.wise.group.recent": "Recientes"
 };
 
 // src/i18n/fr.json
@@ -3805,13 +3916,6 @@ var fr_default = {
   "df.wise.ControlFeedback.type": "Type incorrect",
   "df.wise.CopyFeedback.copy": "Copi\xE9 dans le presse-papier",
   "df.wise.CopyFeedback.copyFailed": "Impossible de copier dans le presse-papier",
-  "df.wise.Decision.all": "Toutes",
-  "df.wise.Decision.currenciesWithAccountDetails": "Devises avec num\xE9ros de compte",
-  "df.wise.Decision.filterPlaceholder": "Commencez \xE0 \xE9crire pour effectuer une recherche",
-  "df.wise.Decision.noResults": "Aucun r\xE9sultat",
-  "df.wise.Decision.popular": "Populaires",
-  "df.wise.Decision.recent": "R\xE9cents",
-  "df.wise.Decision.results": "R\xE9sultats de recherche",
   "df.wise.DynamicParagraph.copied": "Copi\xE9 dans le presse-papier",
   "df.wise.DynamicParagraph.copy": "Copier",
   "df.wise.ErrorBoundary.errorAlert": "Une erreur s'est produite.",
@@ -3826,7 +3930,14 @@ var fr_default = {
   "df.wise.MultipleFileUploadSchema.maxItemsError": "Veuillez t\xE9l\xE9charger {maxItems} fichiers ou moins.",
   "df.wise.MultipleFileUploadSchema.minItemsError": "Veuillez t\xE9l\xE9charger au moins {minItems} fichier(s).",
   "df.wise.PersistAsyncSchema.genericError": "Une erreur s'est produite, veuillez r\xE9essayer.",
-  "df.wise.SearchLayout.loading": "Chargement..."
+  "df.wise.SearchLayout.loading": "Chargement...",
+  "df.wise.filter.noResults": "Aucun r\xE9sultat",
+  "df.wise.filter.placeholder": "Commencez \xE0 \xE9crire pour effectuer une recherche",
+  "df.wise.filter.results": "R\xE9sultats de recherche",
+  "df.wise.group.all": "Toutes",
+  "df.wise.group.currencies-with-account-details": "Devises avec num\xE9ros de compte",
+  "df.wise.group.popular": "Populaires",
+  "df.wise.group.recent": "R\xE9cents"
 };
 
 // src/i18n/hu.json
@@ -3850,13 +3961,6 @@ var hu_default = {
   "df.wise.ControlFeedback.type": "Helytelen t\xEDpus",
   "df.wise.CopyFeedback.copy": "V\xE1g\xF3lapra m\xE1solva",
   "df.wise.CopyFeedback.copyFailed": "Nem siker\xFClt a v\xE1g\xF3lapra m\xE1solni",
-  "df.wise.Decision.all": "\xD6sszes",
-  "df.wise.Decision.currenciesWithAccountDetails": "P\xE9nznemek sz\xE1mlaadatokkal",
-  "df.wise.Decision.filterPlaceholder": "Kezdj el g\xE9pelni a keres\xE9shez",
-  "df.wise.Decision.noResults": "Nincs tal\xE1lat",
-  "df.wise.Decision.popular": "N\xE9pszer\u0171",
-  "df.wise.Decision.recent": "Legut\xF3bbi",
-  "df.wise.Decision.results": "Keres\xE9si eredm\xE9nyek",
   "df.wise.DynamicParagraph.copied": "V\xE1g\xF3lapra m\xE1solva",
   "df.wise.DynamicParagraph.copy": "M\xE1sol\xE1s",
   "df.wise.ErrorBoundary.errorAlert": "Valami hiba t\xF6rt\xE9nt.",
@@ -3871,7 +3975,14 @@ var hu_default = {
   "df.wise.MultipleFileUploadSchema.maxItemsError": "K\xE9r\xFCnk, hogy legfeljebb {maxItems} f\xE1jlt t\xF6lts fel.",
   "df.wise.MultipleFileUploadSchema.minItemsError": "K\xE9r\xFCnk, hogy legal\xE1bb {minItems} f\xE1jlt t\xF6lts fel.",
   "df.wise.PersistAsyncSchema.genericError": "Valami hiba t\xF6rt\xE9nt. K\xE9r\xFCnk, pr\xF3b\xE1ld \xFAjra.",
-  "df.wise.SearchLayout.loading": "Bet\xF6lt\xE9s..."
+  "df.wise.SearchLayout.loading": "Bet\xF6lt\xE9s...",
+  "df.wise.filter.noResults": "Nincs tal\xE1lat",
+  "df.wise.filter.placeholder": "Kezdj el g\xE9pelni a keres\xE9shez",
+  "df.wise.filter.results": "Keres\xE9si eredm\xE9nyek",
+  "df.wise.group.all": "\xD6sszes",
+  "df.wise.group.currencies-with-account-details": "P\xE9nznemek sz\xE1mlaadatokkal",
+  "df.wise.group.popular": "N\xE9pszer\u0171",
+  "df.wise.group.recent": "Legut\xF3bbi"
 };
 
 // src/i18n/id.json
@@ -3895,13 +4006,6 @@ var id_default = {
   "df.wise.ControlFeedback.type": "Tipe salah",
   "df.wise.CopyFeedback.copy": "Disalin ke clipboard",
   "df.wise.CopyFeedback.copyFailed": "Gagal menyalin ke clipboard",
-  "df.wise.Decision.all": "Semua",
-  "df.wise.Decision.currenciesWithAccountDetails": "Mata uang dengan detail rekening",
-  "df.wise.Decision.filterPlaceholder": "Mulai mengetik untuk mencari",
-  "df.wise.Decision.noResults": "Tidak ada hasil",
-  "df.wise.Decision.popular": "Populer",
-  "df.wise.Decision.recent": "Terbaru",
-  "df.wise.Decision.results": "Hasil pencarian",
   "df.wise.DynamicParagraph.copied": "Disalin ke clipboard",
   "df.wise.DynamicParagraph.copy": "Salin",
   "df.wise.ErrorBoundary.errorAlert": "Terjadi kesalahan.",
@@ -3916,7 +4020,14 @@ var id_default = {
   "df.wise.MultipleFileUploadSchema.maxItemsError": "Harap unggah {maxItems} file atau kurang.",
   "df.wise.MultipleFileUploadSchema.minItemsError": "Harap unggah sedikitnya {minItems} file.",
   "df.wise.PersistAsyncSchema.genericError": "Terjadi kesalahan, mohon coba lagi.",
-  "df.wise.SearchLayout.loading": "Memuat ..."
+  "df.wise.SearchLayout.loading": "Memuat ...",
+  "df.wise.filter.noResults": "Tidak ada hasil",
+  "df.wise.filter.placeholder": "Mulai mengetik untuk mencari",
+  "df.wise.filter.results": "Hasil pencarian",
+  "df.wise.group.all": "Semua",
+  "df.wise.group.currencies-with-account-details": "Mata uang dengan detail rekening",
+  "df.wise.group.popular": "Populer",
+  "df.wise.group.recent": "Terbaru"
 };
 
 // src/i18n/it.json
@@ -3940,13 +4051,6 @@ var it_default = {
   "df.wise.ControlFeedback.type": "Tipo errato",
   "df.wise.CopyFeedback.copy": "Copiato negli appunti",
   "df.wise.CopyFeedback.copyFailed": "Impossibile copiare negli appunti",
-  "df.wise.Decision.all": "Tutte",
-  "df.wise.Decision.currenciesWithAccountDetails": "Valute con estremi del conto",
-  "df.wise.Decision.filterPlaceholder": "Inizia a digitare per cercare",
-  "df.wise.Decision.noResults": "Nessun risultato",
-  "df.wise.Decision.popular": "Popolari",
-  "df.wise.Decision.recent": "Recenti",
-  "df.wise.Decision.results": "Risultati della ricerca",
   "df.wise.DynamicParagraph.copied": "Copiato negli appunti",
   "df.wise.DynamicParagraph.copy": "Copia",
   "df.wise.ErrorBoundary.errorAlert": "Qualcosa non ha funzionato.",
@@ -3961,7 +4065,14 @@ var it_default = {
   "df.wise.MultipleFileUploadSchema.maxItemsError": "Carica al massimo {maxItems} file.",
   "df.wise.MultipleFileUploadSchema.minItemsError": "Carica almeno {minItems} file.",
   "df.wise.PersistAsyncSchema.genericError": "Qualcosa \xE8 andato storto. Riprova.",
-  "df.wise.SearchLayout.loading": "Caricamento..."
+  "df.wise.SearchLayout.loading": "Caricamento...",
+  "df.wise.filter.noResults": "Nessun risultato",
+  "df.wise.filter.placeholder": "Inizia a digitare per cercare",
+  "df.wise.filter.results": "Risultati della ricerca",
+  "df.wise.group.all": "Tutti",
+  "df.wise.group.currencies-with-account-details": "Valute con estremi del conto",
+  "df.wise.group.popular": "Popolari",
+  "df.wise.group.recent": "Recenti"
 };
 
 // src/i18n/ja.json
@@ -3985,13 +4096,6 @@ var ja_default = {
   "df.wise.ControlFeedback.type": "\u4E0D\u6B63\u306A\u30BF\u30A4\u30D7",
   "df.wise.CopyFeedback.copy": "\u30AF\u30EA\u30C3\u30D7\u30DC\u30FC\u30C9\u3078\u30B3\u30D4\u30FC\u3057\u307E\u3057\u305F",
   "df.wise.CopyFeedback.copyFailed": "\u30AF\u30EA\u30C3\u30D7\u30DC\u30FC\u30C9\u306B\u30B3\u30D4\u30FC\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F",
-  "df.wise.Decision.all": "\u3059\u3079\u3066",
-  "df.wise.Decision.currenciesWithAccountDetails": "\u53E3\u5EA7\u60C5\u5831\u3092\u53D6\u5F97\u3067\u304D\u308B\u901A\u8CA8",
-  "df.wise.Decision.filterPlaceholder": "\u691C\u7D22\u8A9E\u53E5\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044",
-  "df.wise.Decision.noResults": "\u691C\u7D22\u7D50\u679C\u304C\u3042\u308A\u307E\u305B\u3093",
-  "df.wise.Decision.popular": "\u4EBA\u6C17",
-  "df.wise.Decision.recent": "\u6700\u8FD1",
-  "df.wise.Decision.results": "\u691C\u7D22\u7D50\u679C",
   "df.wise.DynamicParagraph.copied": "\u30AF\u30EA\u30C3\u30D7\u30DC\u30FC\u30C9\u3078\u30B3\u30D4\u30FC\u3057\u307E\u3057\u305F",
   "df.wise.DynamicParagraph.copy": "\u30B3\u30D4\u30FC\u3059\u308B",
   "df.wise.ErrorBoundary.errorAlert": "\u30A8\u30E9\u30FC\u304C\u767A\u751F\u3057\u307E\u3057\u305F\u3002",
@@ -4006,7 +4110,14 @@ var ja_default = {
   "df.wise.MultipleFileUploadSchema.maxItemsError": "{maxItems}\u500B\u4EE5\u4E0B\u306E\u30D5\u30A1\u30A4\u30EB\u3092\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
   "df.wise.MultipleFileUploadSchema.minItemsError": "{minItems}\u500B\u4EE5\u4E0A\u306E\u30D5\u30A1\u30A4\u30EB\u3092\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
   "df.wise.PersistAsyncSchema.genericError": "\u554F\u984C\u304C\u767A\u751F\u3057\u307E\u3057\u305F\u3002\u518D\u5EA6\u304A\u8A66\u3057\u304F\u3060\u3055\u3044\u3002",
-  "df.wise.SearchLayout.loading": "\u8AAD\u307F\u8FBC\u307F\u4E2D\u2026"
+  "df.wise.SearchLayout.loading": "\u8AAD\u307F\u8FBC\u307F\u4E2D\u2026",
+  "df.wise.filter.noResults": "\u691C\u7D22\u7D50\u679C\u304C\u3042\u308A\u307E\u305B\u3093",
+  "df.wise.filter.placeholder": "\u691C\u7D22\u8A9E\u53E5\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044",
+  "df.wise.filter.results": "\u691C\u7D22\u7D50\u679C",
+  "df.wise.group.all": "\u3059\u3079\u3066",
+  "df.wise.group.currencies-with-account-details": "\u53E3\u5EA7\u60C5\u5831\u3092\u53D6\u5F97\u3067\u304D\u308B\u901A\u8CA8",
+  "df.wise.group.popular": "\u4EBA\u6C17",
+  "df.wise.group.recent": "\u6700\u8FD1"
 };
 
 // src/i18n/nl.json
@@ -4030,13 +4141,6 @@ var nl_default = {
   "df.wise.ControlFeedback.type": "Onjuist type",
   "df.wise.CopyFeedback.copy": "Naar klembord gekopieerd",
   "df.wise.CopyFeedback.copyFailed": "Naar klembord kopi\xEBren mislukt",
-  "df.wise.Decision.all": "Alles",
-  "df.wise.Decision.currenciesWithAccountDetails": "Valuta met rekeninggegevens",
-  "df.wise.Decision.filterPlaceholder": "Begin met typen om te zoeken",
-  "df.wise.Decision.noResults": "Geen resultaten",
-  "df.wise.Decision.popular": "Populair",
-  "df.wise.Decision.recent": "Recent",
-  "df.wise.Decision.results": "Zoekresultaten",
   "df.wise.DynamicParagraph.copied": "Naar klembord gekopieerd",
   "df.wise.DynamicParagraph.copy": "Kopi\xEBren",
   "df.wise.ErrorBoundary.errorAlert": "Er is iets misgegaan.",
@@ -4051,7 +4155,14 @@ var nl_default = {
   "df.wise.MultipleFileUploadSchema.maxItemsError": "Upload {maxItems} of minder bestanden.",
   "df.wise.MultipleFileUploadSchema.minItemsError": "Upload minimaal {minItems} bestand(en).",
   "df.wise.PersistAsyncSchema.genericError": "Er is iets misgegaan, probeer het opnieuw.",
-  "df.wise.SearchLayout.loading": "Laden..."
+  "df.wise.SearchLayout.loading": "Laden...",
+  "df.wise.filter.noResults": "Geen resultaten",
+  "df.wise.filter.placeholder": "Begin met typen om te zoeken",
+  "df.wise.filter.results": "Zoekresultaten",
+  "df.wise.group.all": "Alles",
+  "df.wise.group.currencies-with-account-details": "Valuta's met rekeninggegevens",
+  "df.wise.group.popular": "Populair",
+  "df.wise.group.recent": "Recent"
 };
 
 // src/i18n/pl.json
@@ -4075,13 +4186,6 @@ var pl_default = {
   "df.wise.ControlFeedback.type": "Nieprawid\u0142owy typ",
   "df.wise.CopyFeedback.copy": "Skopiowano do schowka",
   "df.wise.CopyFeedback.copyFailed": "Nie uda\u0142o si\u0119 skopiowa\u0107 do schowka",
-  "df.wise.Decision.all": "Wszystkie",
-  "df.wise.Decision.currenciesWithAccountDetails": "Waluty z danymi bankowymi",
-  "df.wise.Decision.filterPlaceholder": "Zacznij pisa\u0107, \u017Ceby wyszuka\u0107",
-  "df.wise.Decision.noResults": "Brak wynik\xF3w",
-  "df.wise.Decision.popular": "Popularne",
-  "df.wise.Decision.recent": "Ostatnie",
-  "df.wise.Decision.results": "Wyniki wyszukiwania",
   "df.wise.DynamicParagraph.copied": "Skopiowano do schowka",
   "df.wise.DynamicParagraph.copy": "Kopiuj",
   "df.wise.ErrorBoundary.errorAlert": "Co\u015B posz\u0142o nie tak.",
@@ -4096,7 +4200,14 @@ var pl_default = {
   "df.wise.MultipleFileUploadSchema.maxItemsError": "Prze\u015Blij do {maxItems} plik\xF3w.",
   "df.wise.MultipleFileUploadSchema.minItemsError": "Prze\u015Blij co najmniej nast\u0119puj\u0105c\u0105 liczb\u0119 plik\xF3w: {minItems}.",
   "df.wise.PersistAsyncSchema.genericError": "Wyst\u0105pi\u0142 b\u0142\u0105d, prosimy spr\xF3bowa\u0107 ponownie.",
-  "df.wise.SearchLayout.loading": "\u0141adowanie..."
+  "df.wise.SearchLayout.loading": "\u0141adowanie...",
+  "df.wise.filter.noResults": "Brak wynik\xF3w",
+  "df.wise.filter.placeholder": "Zacznij pisa\u0107, \u017Ceby wyszuka\u0107",
+  "df.wise.filter.results": "Wyniki wyszukiwania",
+  "df.wise.group.all": "Wszystkie",
+  "df.wise.group.currencies-with-account-details": "Waluty z danymi bankowymi",
+  "df.wise.group.popular": "Popularne",
+  "df.wise.group.recent": "Ostatnie"
 };
 
 // src/i18n/pt.json
@@ -4120,13 +4231,6 @@ var pt_default = {
   "df.wise.ControlFeedback.type": "Tipo incorreto",
   "df.wise.CopyFeedback.copy": "Copiado",
   "df.wise.CopyFeedback.copyFailed": "Falha ao copiar para \xE1rea de transfer\xEAncia",
-  "df.wise.Decision.all": "Todos",
-  "df.wise.Decision.currenciesWithAccountDetails": "Moedas com dados de conta",
-  "df.wise.Decision.filterPlaceholder": "Comece a digitar para pesquisar",
-  "df.wise.Decision.noResults": "Nenhum resultado",
-  "df.wise.Decision.popular": "Populares",
-  "df.wise.Decision.recent": "Recente",
-  "df.wise.Decision.results": "Resultados da busca",
   "df.wise.DynamicParagraph.copied": "Copiado",
   "df.wise.DynamicParagraph.copy": "Copiar",
   "df.wise.ErrorBoundary.errorAlert": "Algo deu errado.",
@@ -4141,7 +4245,14 @@ var pt_default = {
   "df.wise.MultipleFileUploadSchema.maxItemsError": "Por favor, envie {maxItems} ou menos arquivos.",
   "df.wise.MultipleFileUploadSchema.minItemsError": "Por favor, envie pelo menos {minItems} arquivo(s).",
   "df.wise.PersistAsyncSchema.genericError": "Ocorreu um erro. Por favor, tente novamente.",
-  "df.wise.SearchLayout.loading": "Carregando..."
+  "df.wise.SearchLayout.loading": "Carregando...",
+  "df.wise.filter.noResults": "Nenhum resultado",
+  "df.wise.filter.placeholder": "Comece a digitar para pesquisar",
+  "df.wise.filter.results": "Resultados da busca",
+  "df.wise.group.all": "Todos",
+  "df.wise.group.currencies-with-account-details": "Moedas com dados de conta",
+  "df.wise.group.popular": "Populares",
+  "df.wise.group.recent": "Recente"
 };
 
 // src/i18n/ro.json
@@ -4165,13 +4276,6 @@ var ro_default = {
   "df.wise.ControlFeedback.type": "Tip incorect",
   "df.wise.CopyFeedback.copy": "Copiat \xEEn clipboard",
   "df.wise.CopyFeedback.copyFailed": "Copierea \xEEn clipboard a e\u0219uat",
-  "df.wise.Decision.all": "Toate",
-  "df.wise.Decision.currenciesWithAccountDetails": "Monede cu detalii de cont",
-  "df.wise.Decision.filterPlaceholder": "\xCEncepe s\u0103 tastezi pentru a c\u0103uta",
-  "df.wise.Decision.noResults": "Niciun rezultat",
-  "df.wise.Decision.popular": "Populare",
-  "df.wise.Decision.recent": "Recente",
-  "df.wise.Decision.results": "Rezultatele c\u0103ut\u0103rii",
   "df.wise.DynamicParagraph.copied": "Copiat \xEEn clipboard",
   "df.wise.DynamicParagraph.copy": "Copiaz\u0103",
   "df.wise.ErrorBoundary.errorAlert": "Ceva nu a mers bine.",
@@ -4186,7 +4290,14 @@ var ro_default = {
   "df.wise.MultipleFileUploadSchema.maxItemsError": "Te rug\u0103m s\u0103 \xEEncarci {maxItems} fi\u0219iere sau mai pu\u021Bine.",
   "df.wise.MultipleFileUploadSchema.minItemsError": "Te rug\u0103m s\u0103 \xEEncarci cel pu\u021Bin {minItems} fi\u0219ier(e).",
   "df.wise.PersistAsyncSchema.genericError": "Ceva nu a mers bine, te rug\u0103m s\u0103 \xEEncerci din nou.",
-  "df.wise.SearchLayout.loading": "Se \xEEncarc\u0103..."
+  "df.wise.SearchLayout.loading": "Se \xEEncarc\u0103...",
+  "df.wise.filter.noResults": "Niciun rezultat",
+  "df.wise.filter.placeholder": "\xCEncepe s\u0103 tastezi pentru a c\u0103uta",
+  "df.wise.filter.results": "Rezultatele c\u0103ut\u0103rii",
+  "df.wise.group.all": "Toate",
+  "df.wise.group.currencies-with-account-details": "Monede cu detalii de cont",
+  "df.wise.group.popular": "Populare",
+  "df.wise.group.recent": "Recente"
 };
 
 // src/i18n/ru.json
@@ -4210,13 +4321,6 @@ var ru_default = {
   "df.wise.ControlFeedback.type": "\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u0442\u0438\u043F",
   "df.wise.CopyFeedback.copy": "\u0421\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u043D\u043E \u0432 \u0431\u0443\u0444\u0435\u0440 \u043E\u0431\u043C\u0435\u043D\u0430",
   "df.wise.CopyFeedback.copyFailed": "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0441\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0432 \u0431\u0443\u0444\u0435\u0440 \u043E\u0431\u043C\u0435\u043D\u0430",
-  "df.wise.Decision.all": "\u0412\u0441\u0435",
-  "df.wise.Decision.currenciesWithAccountDetails": "\u0412\u0430\u043B\u044E\u0442\u044B \u0441 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u0430\u043C\u0438 \u0441\u0447\u0435\u0442\u0430",
-  "df.wise.Decision.filterPlaceholder": "\u041D\u0430\u0447\u043D\u0438\u0442\u0435 \u0432\u0432\u043E\u0434\u0438\u0442\u044C \u0437\u0430\u043F\u0440\u043E\u0441 \u0434\u043B\u044F \u043F\u043E\u0438\u0441\u043A\u0430",
-  "df.wise.Decision.noResults": "\u041D\u0435\u0442 \u0440\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442\u043E\u0432",
-  "df.wise.Decision.popular": "\u041F\u043E\u043F\u0443\u043B\u044F\u0440\u043D\u044B\u0435",
-  "df.wise.Decision.recent": "\u041D\u0435\u0434\u0430\u0432\u043D\u0438\u0435",
-  "df.wise.Decision.results": "\u0420\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442\u044B \u043F\u043E\u0438\u0441\u043A\u0430",
   "df.wise.DynamicParagraph.copied": "\u0421\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u043D\u043E \u0432 \u0431\u0443\u0444\u0435\u0440 \u043E\u0431\u043C\u0435\u043D\u0430",
   "df.wise.DynamicParagraph.copy": "\u041A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C",
   "df.wise.ErrorBoundary.errorAlert": "\u0427\u0442\u043E-\u0442\u043E \u043F\u043E\u0448\u043B\u043E \u043D\u0435 \u0442\u0430\u043A.",
@@ -4231,7 +4335,14 @@ var ru_default = {
   "df.wise.MultipleFileUploadSchema.maxItemsError": "\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435 \u043D\u0435 \u0431\u043E\u043B\u0435\u0435 {maxItems} \u0444\u0430\u0439\u043B\u043E\u0432.",
   "df.wise.MultipleFileUploadSchema.minItemsError": "\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435 \u043F\u043E \u043A\u0440\u0430\u0439\u043D\u0435\u0439 \u043C\u0435\u0440\u0435 {minItems} \u0444\u0430\u0439\u043B(-\u0430/\u043E\u0432).",
   "df.wise.PersistAsyncSchema.genericError": "\u0427\u0442\u043E-\u0442\u043E \u043F\u043E\u0448\u043B\u043E \u043D\u0435 \u0442\u0430\u043A, \u043F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u043F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0435 \u0440\u0430\u0437.",
-  "df.wise.SearchLayout.loading": "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430..."
+  "df.wise.SearchLayout.loading": "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430...",
+  "df.wise.filter.noResults": "\u041D\u0435\u0442 \u0440\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442\u043E\u0432",
+  "df.wise.filter.placeholder": "\u041D\u0430\u0447\u043D\u0438\u0442\u0435 \u0432\u0432\u043E\u0434\u0438\u0442\u044C \u0437\u0430\u043F\u0440\u043E\u0441 \u0434\u043B\u044F \u043F\u043E\u0438\u0441\u043A\u0430",
+  "df.wise.filter.results": "\u0420\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442\u044B \u043F\u043E\u0438\u0441\u043A\u0430",
+  "df.wise.group.all": "\u0412\u0441\u0435",
+  "df.wise.group.currencies-with-account-details": "\u0412\u0430\u043B\u044E\u0442\u044B \u0441 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u0430\u043C\u0438 \u0441\u0447\u0435\u0442\u0430",
+  "df.wise.group.popular": "\u041F\u043E\u043F\u0443\u043B\u044F\u0440\u043D\u044B\u0435",
+  "df.wise.group.recent": "\u041D\u0435\u0434\u0430\u0432\u043D\u0438\u0435"
 };
 
 // src/i18n/th.json
@@ -4255,13 +4366,6 @@ var th_default = {
   "df.wise.ControlFeedback.type": "\u0E1B\u0E23\u0E30\u0E40\u0E20\u0E17\u0E44\u0E21\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07",
   "df.wise.CopyFeedback.copy": "\u0E04\u0E31\u0E14\u0E25\u0E2D\u0E01\u0E44\u0E1B\u0E22\u0E31\u0E07\u0E04\u0E25\u0E34\u0E1B\u0E1A\u0E2D\u0E23\u0E4C\u0E14",
   "df.wise.CopyFeedback.copyFailed": "\u0E04\u0E31\u0E14\u0E25\u0E2D\u0E01\u0E44\u0E1B\u0E22\u0E31\u0E07\u0E04\u0E25\u0E34\u0E1B\u0E1A\u0E2D\u0E23\u0E4C\u0E14\u0E44\u0E21\u0E48\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08",
-  "df.wise.Decision.all": "\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14",
-  "df.wise.Decision.currenciesWithAccountDetails": "\u0E2A\u0E01\u0E38\u0E25\u0E40\u0E07\u0E34\u0E19\u0E15\u0E48\u0E32\u0E07\u0E46 \u0E1E\u0E23\u0E49\u0E2D\u0E21\u0E23\u0E32\u0E22\u0E25\u0E30\u0E40\u0E2D\u0E35\u0E22\u0E14\u0E1A\u0E31\u0E0D\u0E0A\u0E35",
-  "df.wise.Decision.filterPlaceholder": "\u0E40\u0E23\u0E34\u0E48\u0E21\u0E1E\u0E34\u0E21\u0E1E\u0E4C\u0E40\u0E1E\u0E37\u0E48\u0E2D\u0E04\u0E49\u0E19\u0E2B\u0E32\u0E40\u0E25\u0E22",
-  "df.wise.Decision.noResults": "\u0E44\u0E21\u0E48\u0E21\u0E35\u0E1C\u0E25\u0E25\u0E31\u0E1E\u0E18\u0E4C",
-  "df.wise.Decision.popular": "\u0E2A\u0E01\u0E38\u0E25\u0E22\u0E2D\u0E14\u0E19\u0E34\u0E22\u0E21",
-  "df.wise.Decision.recent": "\u0E25\u0E48\u0E32\u0E2A\u0E38\u0E14",
-  "df.wise.Decision.results": "\u0E1C\u0E25\u0E01\u0E32\u0E23\u0E04\u0E49\u0E19\u0E2B\u0E32",
   "df.wise.DynamicParagraph.copied": "\u0E04\u0E31\u0E14\u0E25\u0E2D\u0E01\u0E44\u0E1B\u0E22\u0E31\u0E07\u0E04\u0E25\u0E34\u0E1B\u0E1A\u0E2D\u0E23\u0E4C\u0E14",
   "df.wise.DynamicParagraph.copy": "\u0E04\u0E31\u0E14\u0E25\u0E2D\u0E01",
   "df.wise.ErrorBoundary.errorAlert": "\u0E40\u0E01\u0E34\u0E14\u0E02\u0E49\u0E2D\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14\u0E1A\u0E32\u0E07\u0E2D\u0E22\u0E48\u0E32\u0E07\u0E02\u0E36\u0E49\u0E19",
@@ -4276,7 +4380,14 @@ var th_default = {
   "df.wise.MultipleFileUploadSchema.maxItemsError": "\u0E42\u0E1B\u0E23\u0E14\u0E2D\u0E31\u0E1B\u0E42\u0E2B\u0E25\u0E14 {maxItems} \u0E44\u0E1F\u0E25\u0E4C\u0E2B\u0E23\u0E37\u0E2D\u0E19\u0E49\u0E2D\u0E22\u0E01\u0E27\u0E48\u0E32",
   "df.wise.MultipleFileUploadSchema.minItemsError": "\u0E42\u0E1B\u0E23\u0E14\u0E2D\u0E31\u0E1B\u0E42\u0E2B\u0E25\u0E14\u0E2D\u0E22\u0E48\u0E32\u0E07\u0E19\u0E49\u0E2D\u0E22 {minItems} \u0E44\u0E1F\u0E25\u0E4C",
   "df.wise.PersistAsyncSchema.genericError": "\u0E40\u0E01\u0E34\u0E14\u0E02\u0E49\u0E2D\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14\u0E1A\u0E32\u0E07\u0E2D\u0E22\u0E48\u0E32\u0E07 \u0E42\u0E1B\u0E23\u0E14\u0E25\u0E2D\u0E07\u0E2D\u0E35\u0E01\u0E04\u0E23\u0E31\u0E49\u0E07",
-  "df.wise.SearchLayout.loading": "\u0E01\u0E33\u0E25\u0E31\u0E07\u0E42\u0E2B\u0E25\u0E14..."
+  "df.wise.SearchLayout.loading": "\u0E01\u0E33\u0E25\u0E31\u0E07\u0E42\u0E2B\u0E25\u0E14...",
+  "df.wise.filter.noResults": "\u0E44\u0E21\u0E48\u0E21\u0E35\u0E1C\u0E25\u0E25\u0E31\u0E1E\u0E18\u0E4C",
+  "df.wise.filter.placeholder": "\u0E40\u0E23\u0E34\u0E48\u0E21\u0E1E\u0E34\u0E21\u0E1E\u0E4C\u0E40\u0E1E\u0E37\u0E48\u0E2D\u0E04\u0E49\u0E19\u0E2B\u0E32\u0E40\u0E25\u0E22",
+  "df.wise.filter.results": "\u0E1C\u0E25\u0E01\u0E32\u0E23\u0E04\u0E49\u0E19\u0E2B\u0E32",
+  "df.wise.group.all": "\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14",
+  "df.wise.group.currencies-with-account-details": "\u0E2A\u0E01\u0E38\u0E25\u0E40\u0E07\u0E34\u0E19\u0E15\u0E48\u0E32\u0E07\u0E46 \u0E1E\u0E23\u0E49\u0E2D\u0E21\u0E23\u0E32\u0E22\u0E25\u0E30\u0E40\u0E2D\u0E35\u0E22\u0E14\u0E1A\u0E31\u0E0D\u0E0A\u0E35",
+  "df.wise.group.popular": "\u0E2A\u0E01\u0E38\u0E25\u0E22\u0E2D\u0E14\u0E19\u0E34\u0E22\u0E21",
+  "df.wise.group.recent": "\u0E25\u0E48\u0E32\u0E2A\u0E38\u0E14"
 };
 
 // src/i18n/tr.json
@@ -4300,13 +4411,6 @@ var tr_default = {
   "df.wise.ControlFeedback.type": "Ge\xE7ersiz se\xE7im",
   "df.wise.CopyFeedback.copy": "Panoya kopyaland\u0131",
   "df.wise.CopyFeedback.copyFailed": "Panoya kopyalama ba\u015Far\u0131s\u0131z oldu",
-  "df.wise.Decision.all": "T\xFCm\xFC",
-  "df.wise.Decision.currenciesWithAccountDetails": "Hesap bilgileri olan bakiyeler",
-  "df.wise.Decision.filterPlaceholder": "Aramak i\xE7in yazmaya ba\u015Flay\u0131n",
-  "df.wise.Decision.noResults": "Sonu\xE7 yok",
-  "df.wise.Decision.popular": "Pop\xFCler",
-  "df.wise.Decision.recent": "Yak\u0131n zamanl\u0131",
-  "df.wise.Decision.results": "Arama sonu\xE7lar\u0131",
   "df.wise.DynamicParagraph.copied": "Panoya kopyaland\u0131",
   "df.wise.DynamicParagraph.copy": "Kopyala",
   "df.wise.ErrorBoundary.errorAlert": "Bir sorun olu\u015Ftu.",
@@ -4321,7 +4425,14 @@ var tr_default = {
   "df.wise.MultipleFileUploadSchema.maxItemsError": "L\xFCtfen {maxItems} veya daha az dosya y\xFCkleyin.",
   "df.wise.MultipleFileUploadSchema.minItemsError": "L\xFCtfen en az {minItems} dosya y\xFCkleyin.",
   "df.wise.PersistAsyncSchema.genericError": "Bir \u015Feyler ters gitti, l\xFCtfen tekrar deneyin.",
-  "df.wise.SearchLayout.loading": "Y\xFCkleniyor..."
+  "df.wise.SearchLayout.loading": "Y\xFCkleniyor...",
+  "df.wise.filter.noResults": "Sonu\xE7 yok",
+  "df.wise.filter.placeholder": "Aramak i\xE7in yazmaya ba\u015Flay\u0131n",
+  "df.wise.filter.results": "Arama sonu\xE7lar\u0131",
+  "df.wise.group.all": "T\xFCm\xFC",
+  "df.wise.group.currencies-with-account-details": "Hesap bilgileri olan bakiyeler",
+  "df.wise.group.popular": "Pop\xFCler",
+  "df.wise.group.recent": "Yak\u0131n zamanl\u0131"
 };
 
 // src/i18n/zh_CN.json
@@ -4345,13 +4456,6 @@ var zh_CN_default = {
   "df.wise.ControlFeedback.type": "\u7C7B\u578B\u9519\u8BEF",
   "df.wise.CopyFeedback.copy": "\u5DF2\u590D\u5236\u5230\u526A\u8D34\u677F",
   "df.wise.CopyFeedback.copyFailed": "\u590D\u5236\u5230\u526A\u8D34\u677F\u5931\u8D25",
-  "df.wise.Decision.all": "\u5168\u90E8",
-  "df.wise.Decision.currenciesWithAccountDetails": "\u5E26\u6709\u8D26\u6237\u8BE6\u7EC6\u4FE1\u606F\u7684\u8D27\u5E01",
-  "df.wise.Decision.filterPlaceholder": "\u5F00\u59CB\u8F93\u5165\u4EE5\u641C\u7D22",
-  "df.wise.Decision.noResults": "\u6682\u65E0\u7ED3\u679C",
-  "df.wise.Decision.popular": "\u70ED\u95E8",
-  "df.wise.Decision.recent": "\u6700\u8FD1",
-  "df.wise.Decision.results": "\u641C\u7D22\u7ED3\u679C",
   "df.wise.DynamicParagraph.copied": "\u5DF2\u590D\u5236\u5230\u526A\u8D34\u677F",
   "df.wise.DynamicParagraph.copy": "\u590D\u5236",
   "df.wise.ErrorBoundary.errorAlert": "\u51FA\u9519\u4E86\u3002",
@@ -4366,7 +4470,14 @@ var zh_CN_default = {
   "df.wise.MultipleFileUploadSchema.maxItemsError": "\u8BF7\u4E0A\u4F20\u4E0D\u8D85\u8FC7 {maxItems} \u4E2A\u6587\u4EF6\u3002",
   "df.wise.MultipleFileUploadSchema.minItemsError": "\u8BF7\u4E0A\u4F20\u81F3\u5C11 {minItems} \u4E2A\u6587\u4EF6\u3002",
   "df.wise.PersistAsyncSchema.genericError": "\u51FA\u9519\u4E86\uFF0C\u8BF7\u91CD\u8BD5\u3002",
-  "df.wise.SearchLayout.loading": "\u6B63\u5728\u52A0\u8F7D\u2026"
+  "df.wise.SearchLayout.loading": "\u6B63\u5728\u52A0\u8F7D\u2026",
+  "df.wise.filter.noResults": "\u6682\u65E0\u7ED3\u679C",
+  "df.wise.filter.placeholder": "\u5F00\u59CB\u8F93\u5165\u4EE5\u641C\u7D22",
+  "df.wise.filter.results": "\u641C\u7D22\u7ED3\u679C",
+  "df.wise.group.all": "\u5168\u90E8",
+  "df.wise.group.currencies-with-account-details": "\u5E26\u6709\u8D26\u6237\u8BE6\u7EC6\u4FE1\u606F\u7684\u8D27\u5E01",
+  "df.wise.group.popular": "\u70ED\u95E8",
+  "df.wise.group.recent": "\u6700\u8FD1"
 };
 
 // src/i18n/zh_HK.json
@@ -4390,13 +4501,6 @@ var zh_HK_default = {
   "df.wise.ControlFeedback.type": "\u932F\u8AA4\u7684\u985E\u578B",
   "df.wise.CopyFeedback.copy": "\u8907\u88FD\u5230\u526A\u8CBC\u677F",
   "df.wise.CopyFeedback.copyFailed": "\u7121\u6CD5\u8907\u88FD\u5230\u526A\u8CBC\u677F",
-  "df.wise.Decision.all": "\u5168\u90E8",
-  "df.wise.Decision.currenciesWithAccountDetails": "\u63D0\u4F9B\u8CEC\u6236\u8CC7\u6599\u7684\u8CA8\u5E63",
-  "df.wise.Decision.filterPlaceholder": "\u958B\u59CB\u8F38\u5165\u4EE5\u641C\u5C0B",
-  "df.wise.Decision.noResults": "\u6C92\u6709\u7D50\u679C",
-  "df.wise.Decision.popular": "\u71B1\u9580",
-  "df.wise.Decision.recent": "\u6700\u8FD1\u7684",
-  "df.wise.Decision.results": "\u641C\u5C0B\u7D50\u679C",
   "df.wise.DynamicParagraph.copied": "\u8907\u88FD\u5230\u526A\u8CBC\u677F",
   "df.wise.DynamicParagraph.copy": "\u8907\u88FD",
   "df.wise.ErrorBoundary.errorAlert": "\u51FA\u4E86\u4E9B\u554F\u984C\u3002",
@@ -4411,7 +4515,14 @@ var zh_HK_default = {
   "df.wise.MultipleFileUploadSchema.maxItemsError": "\u8ACB\u4E0D\u8981\u4E0A\u8F09\u8D85\u904E{maxItems}\u500B\u6A94\u6848\u3002",
   "df.wise.MultipleFileUploadSchema.minItemsError": "\u8ACB\u4E0A\u8F09\u81F3\u5C11{minItems}\u500B\u6A94\u6848\u3002",
   "df.wise.PersistAsyncSchema.genericError": "\u51FA\u73FE\u4E86\u554F\u984C\uFF0C\u8ACB\u518D\u8A66\u4E00\u6B21\u3002",
-  "df.wise.SearchLayout.loading": "\u8F09\u5165\u4E2D\u2026"
+  "df.wise.SearchLayout.loading": "\u8F09\u5165\u4E2D\u2026",
+  "df.wise.filter.noResults": "\u6C92\u6709\u7D50\u679C",
+  "df.wise.filter.placeholder": "\u958B\u59CB\u8F38\u5165\u4EE5\u641C\u5C0B",
+  "df.wise.filter.results": "\u641C\u5C0B\u7D50\u679C",
+  "df.wise.group.all": "\u5168\u90E8",
+  "df.wise.group.currencies-with-account-details": "\u63D0\u4F9B\u8CEC\u6236\u8CC7\u6599\u7684\u8CA8\u5E63",
+  "df.wise.group.popular": "\u71B1\u9580",
+  "df.wise.group.recent": "\u6700\u8FD1\u7684"
 };
 
 // src/i18n/index.ts
@@ -4446,14 +4557,14 @@ var translations = languages.reduce(
 var i18n_default = translations;
 
 // src/dynamicFlow/DynamicFlow.tsx
-var import_react19 = require("react");
-var import_react_intl22 = require("react-intl");
+var import_react20 = require("react");
+var import_react_intl24 = require("react-intl");
 var import_dynamic_flow_client2 = require("@wise/dynamic-flow-client");
 
 // src/dynamicFlow/telemetry/app-version.ts
 var appVersion = (
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  typeof process !== "undefined" ? "4.34.0" : "0.0.0"
+  typeof process !== "undefined" ? "4.35.1" : "0.0.0"
 );
 
 // src/dynamicFlow/telemetry/getLogEvent.ts
@@ -4493,8 +4604,8 @@ var getTrackEvent = (onEvent, onAnalytics, onThemeChange) => (name, properties)
 };
 
 // src/dynamicFlow/messages.ts
-var import_react_intl21 = require("react-intl");
-var messages_default = (0, import_react_intl21.defineMessages)({
+var import_react_intl23 = require("react-intl");
+var messages_default = (0, import_react_intl23.defineMessages)({
   copied: {
     id: "df.wise.CopyFeedback.copy",
     defaultMessage: "Copied to clipboard",
@@ -4508,12 +4619,12 @@ var messages_default = (0, import_react_intl21.defineMessages)({
 });
 
 // src/dynamicFlow/DynamicFlow.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var wiseRenderers = getWiseRenderers();
 function DynamicFlowLegacy(props) {
   const { customFetch = globalThis.fetch } = props;
   const coreProps = __spreadProps(__spreadValues({}, props), { httpClient: customFetch });
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_dynamic_flow_client2.DynamicFlow, __spreadValues({}, coreProps));
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_dynamic_flow_client2.DynamicFlow, __spreadValues({}, coreProps));
 }
 function DynamicFlowRevamp(props) {
   const {
@@ -4526,12 +4637,12 @@ function DynamicFlowRevamp(props) {
     onLink = openLinkInNewTab,
     onThemeChange
   } = props;
-  const { formatMessage } = (0, import_react_intl22.useIntl)();
+  const { formatMessage } = (0, import_react_intl24.useIntl)();
   const createSnackBar = useSnackBarIfAvailable();
   const httpClient = useWiseHttpClient(customFetch);
-  const mergedRenderers = (0, import_react19.useMemo)(() => [...renderers != null ? renderers : [], ...wiseRenderers], [renderers]);
-  const logEvent = (0, import_react19.useMemo)(() => getLogEvent(onLog), [onLog]);
-  const trackEvent = (0, import_react19.useMemo)(
+  const mergedRenderers = (0, import_react20.useMemo)(() => [...renderers != null ? renderers : [], ...wiseRenderers], [renderers]);
+  const logEvent = (0, import_react20.useMemo)(() => getLogEvent(onLog), [onLog]);
+  const trackEvent = (0, import_react20.useMemo)(
     () => getTrackEvent(onEvent, onAnalytics, onThemeChange),
     [onEvent, onAnalytics, onThemeChange]
   );
@@ -4550,9 +4661,9 @@ function DynamicFlowRevamp(props) {
     onLink,
     onCopy
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_dynamic_flow_client2.DynamicFlowCoreRevamp, __spreadValues({}, coreProps)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_dynamic_flow_client2.DynamicFlowCoreRevamp, __spreadValues({}, coreProps)) });
 }
-var DynamicForm = (0, import_react19.forwardRef)(function DynamicForm2(props, ref) {
+var DynamicForm = (0, import_react20.forwardRef)(function DynamicForm2(props, ref) {
   const {
     className = "",
     customFetch = globalThis.fetch,
@@ -4563,12 +4674,12 @@ var DynamicForm = (0, import_react19.forwardRef)(function DynamicForm2(props, re
     onLink = openLinkInNewTab,
     onThemeChange
   } = props;
-  const { formatMessage } = (0, import_react_intl22.useIntl)();
+  const { formatMessage } = (0, import_react_intl24.useIntl)();
   const createSnackBar = useSnackBarIfAvailable();
   const httpClient = useWiseHttpClient(customFetch);
-  const mergedRenderers = (0, import_react19.useMemo)(() => [...renderers != null ? renderers : [], ...wiseRenderers], [renderers]);
-  const logEvent = (0, import_react19.useMemo)(() => getLogEvent(onLog), [onLog]);
-  const trackEvent = (0, import_react19.useMemo)(
+  const mergedRenderers = (0, import_react20.useMemo)(() => [...renderers != null ? renderers : [], ...wiseRenderers], [renderers]);
+  const logEvent = (0, import_react20.useMemo)(() => getLogEvent(onLog), [onLog]);
+  const trackEvent = (0, import_react20.useMemo)(
     () => getTrackEvent(onEvent, onAnalytics, onThemeChange),
     [onEvent, onAnalytics, onThemeChange]
   );
@@ -4587,11 +4698,11 @@ var DynamicForm = (0, import_react19.forwardRef)(function DynamicForm2(props, re
     onLink,
     onCopy
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_dynamic_flow_client2.DynamicFormCore, __spreadProps(__spreadValues({}, coreProps), { ref })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_dynamic_flow_client2.DynamicFormCore, __spreadProps(__spreadValues({}, coreProps), { ref })) });
 });
 var useWiseHttpClient = (httpClient) => {
-  const { locale } = (0, import_react_intl22.useIntl)();
-  return (0, import_react19.useCallback)(
+  const { locale } = (0, import_react_intl24.useIntl)();
+  return (0, import_react20.useCallback)(
     async (input, init = {}) => {
       const headers = new Headers(init.headers);
       headers.set("accept-language", locale);