@wise/dynamic-flow-client-internal 4.33.4 → 4.35.0

package/build/main.mjs

@@ -795,97 +795,31 @@ var DateInputRenderer_default = DateInputRenderer;
 // ../renderers/src/DecisionRenderer/DecisionRenderer.tsx
 import { NavigationOption, NavigationOptionsList } from "@transferwise/components";
 
-// ../renderers/src/DecisionRenderer/DecisionList.tsx
+// ../renderers/src/DecisionRenderer/DecisionWrapper.tsx
 import { Header as Header2, SearchInput } from "@transferwise/components";
+import { useState as useState3 } from "react";
+import { useIntl as useIntl4 } from "react-intl";
 
-// ../renderers/src/DecisionRenderer/GroupedList.tsx
-import { Header, Section } from "@transferwise/components";
-import { useIntl as useIntl3 } from "react-intl";
-
-// ../renderers/src/messages/decision.messages.ts
+// ../renderers/src/messages/filter.messages.ts
 import { defineMessages as defineMessages3 } from "react-intl";
-var decision_messages_default = defineMessages3({
-  all: {
-    id: "df.wise.Decision.all",
-    defaultMessage: "All",
-    description: "Label for the group of options that encompasses all options"
-  },
-  popular: {
-    id: "df.wise.Decision.popular",
-    defaultMessage: "Popular",
-    description: "Label for the group of options that are tagged as popular"
-  },
-  recent: {
-    id: "df.wise.Decision.recent",
-    defaultMessage: "Recent",
-    description: "Label for the group of options that are tagged as recent"
-  },
-  currenciesWithAccountDetails: {
-    id: "df.wise.Decision.currenciesWithAccountDetails",
-    defaultMessage: "Currencies with account details",
-    description: "Label for the group of options that are tagged as currencies with account details"
-  },
-  filterPlaceholder: {
-    id: "df.wise.Decision.filterPlaceholder",
+var filter_messages_default = defineMessages3({
+  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
-import { Fragment, jsx as jsx24, jsxs as jsxs4 } from "react/jsx-runtime";
-var OPTION_GROUPS = {
-  popular: "popular",
-  recent: "recent",
-  currencyWithAccountDetails: "currencies-with-account-details"
-};
-var GroupedList = (_a) => {
-  var _b = _a, { renderDecisionList: renderDecisionList3 } = _b, rest = __objRest(_b, ["renderDecisionList"]);
-  const { formatMessage } = useIntl3();
-  const { options } = rest;
-  const popularOptions = options.filter((option) => option.tag === OPTION_GROUPS.popular);
-  const recentOptions = options.filter((option) => option.tag === OPTION_GROUPS.recent);
-  const currencyWithAccountDetailsOptions = options.filter(
-    (option) => option.tag === OPTION_GROUPS.currencyWithAccountDetails
-  );
-  return /* @__PURE__ */ jsxs4(Fragment, { children: [
-    popularOptions.length > 0 ? /* @__PURE__ */ jsxs4(Section, { children: [
-      /* @__PURE__ */ jsx24(Header, { as: "h2", title: formatMessage(decision_messages_default.popular) }),
-      renderDecisionList3(__spreadProps(__spreadValues({}, rest), { options: popularOptions }))
-    ] }) : null,
-    recentOptions.length > 0 ? /* @__PURE__ */ jsxs4(Section, { children: [
-      /* @__PURE__ */ jsx24(Header, { as: "h2", title: formatMessage(decision_messages_default.recent) }),
-      renderDecisionList3(__spreadProps(__spreadValues({}, rest), { options: recentOptions }))
-    ] }) : null,
-    currencyWithAccountDetailsOptions.length > 0 ? /* @__PURE__ */ jsxs4(Section, { children: [
-      /* @__PURE__ */ jsx24(Header, { as: "h2", title: formatMessage(decision_messages_default.currenciesWithAccountDetails) }),
-      renderDecisionList3(__spreadProps(__spreadValues({}, rest), { options: currencyWithAccountDetailsOptions }))
-    ] }) : null,
-    /* @__PURE__ */ jsxs4(Section, { children: [
-      /* @__PURE__ */ jsx24(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
-import { useIntl as useIntl4 } from "react-intl";
-import { useState as useState3 } from "react";
-
 // ../renderers/src/DecisionRenderer/filter-and-sort-decision-options.ts
 function filterAndSortDecisionOptions(selectOptions, query) {
   const upperQuery = normalizeAndRemoveAccents(query);
@@ -927,7 +861,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
+import { Header, Section } from "@transferwise/components";
+import { useIntl as useIntl3 } from "react-intl";
+
+// ../renderers/src/messages/group.messages.ts
+import { defineMessages as defineMessages4 } from "react-intl";
+var group_messages_default = defineMessages4({
+  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
+import { Fragment, jsx as jsx24, jsxs as jsxs4 } from "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 } = useIntl3();
+  const { options } = rest;
+  const itemsByTag = [...getGroupsFromTags(groupingTags, options), { tag: "all", items: options }];
+  return /* @__PURE__ */ jsx24(Fragment, { children: itemsByTag.map(({ tag, items }) => /* @__PURE__ */ jsxs4(Section, { children: [
+    /* @__PURE__ */ jsx24(
+      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
 import { Fragment as Fragment2, jsx as jsx25, jsxs as jsxs5 } from "react/jsx-runtime";
 var DecisionWrapper = (props) => {
   return /* @__PURE__ */ jsxs5("div", { className: getMargin(props.margin), children: [
@@ -937,7 +933,7 @@ var DecisionWrapper = (props) => {
 };
 var UnfilteredDecisionList = (_a) => {
   var _b = _a, { renderDecisionList: renderDecisionList3 } = _b, rest = __objRest(_b, ["renderDecisionList"]);
-  return isGroupedDecision(rest.options) ? /* @__PURE__ */ jsx25(GroupedList, __spreadProps(__spreadValues({}, rest), { renderDecisionList: renderDecisionList3 })) : renderDecisionList3(rest);
+  return isGroupedDecision(rest.options) ? /* @__PURE__ */ jsx25(GroupedDecisionList, __spreadProps(__spreadValues({}, rest), { renderDecisionList: renderDecisionList3 })) : renderDecisionList3(rest);
 };
 var FilteredDecisionList = (props) => {
   const { formatMessage } = useIntl4();
@@ -949,22 +945,22 @@ var FilteredDecisionList = (props) => {
     /* @__PURE__ */ jsx25(
       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__ */ jsx25(GroupedList, __spreadValues({}, props)) : /* @__PURE__ */ jsxs5(Fragment2, { children: [
-      query.length > 0 && /* @__PURE__ */ jsx25(Header2, { as: "h2", title: formatMessage(decision_messages_default.results), className: "m-t-4" }),
+    isGrouped && query.length === 0 ? /* @__PURE__ */ jsx25(GroupedDecisionList, __spreadValues({}, props)) : /* @__PURE__ */ jsxs5(Fragment2, { children: [
+      query.length > 0 && /* @__PURE__ */ jsx25(Header2, { 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__ */ jsx25("p", { children: formatMessage(decision_messages_default.noResults) })
+      }) : /* @__PURE__ */ jsx25("p", { children: formatMessage(filter_messages_default.noResults) })
     ] })
   ] });
 };
@@ -1026,8 +1022,8 @@ var DividerRenderer_default = DividerRenderer;
 import { Button as Button3, Markdown as Markdown2, Modal } from "@transferwise/components";
 
 // ../renderers/src/messages/external-confirmation.messages.ts
-import { defineMessages as defineMessages4 } from "react-intl";
-var external_confirmation_messages_default = defineMessages4({
+import { defineMessages as defineMessages5 } from "react-intl";
+var external_confirmation_messages_default = defineMessages5({
   title: {
     id: "df.wise.ExternalConfirmation.title",
     defaultMessage: "Please confirm",
@@ -1563,7 +1559,14 @@ import { Markdown as Markdown3 } from "@transferwise/components";
 import { jsx as jsx42 } from "react/jsx-runtime";
 var MarkdownRenderer = {
   canRenderType: "markdown",
-  render: ({ content, align, margin }) => /* @__PURE__ */ jsx42("div", { className: getTextAlignmentAndMargin({ align, margin }), children: /* @__PURE__ */ jsx42(Markdown3, { className: "np-text-body-large", config: { link: { target: "_blank" } }, children: content }) })
+  render: ({ content, align, margin, size }) => /* @__PURE__ */ jsx42("div", { className: getTextAlignmentAndMargin({ align, margin }), children: /* @__PURE__ */ jsx42(
+    Markdown3,
+    {
+      className: size === "sm" ? "np-text-body-default" : "np-text-body-large",
+      config: { link: { target: "_blank" } },
+      children: content
+    }
+  ) })
 };
 var MarkdownRenderer_default = MarkdownRenderer;
 
@@ -1605,14 +1608,114 @@ var ModalRenderer = {
   }
 };
 
+// ../renderers/src/MoneyInputRenderer.tsx
+import { MoneyInput } from "@transferwise/components";
+import { useEffect as useEffect5 } from "react";
+import { useIntl as useIntl6 } from "react-intl";
+import { jsx as jsx45 } from "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;
+  useEffect5(() => {
+    if (!isValidIndex(selectedCurrencyIndex, currencies.length)) {
+      onCurrencyChange(0);
+    }
+  }, [selectedCurrencyIndex, onCurrencyChange, currencies.length]);
+  const { formatMessage } = useIntl6();
+  return /* @__PURE__ */ jsx45(
+    FieldInput_default,
+    {
+      id: uid,
+      label: title,
+      description,
+      validation: validationState,
+      help,
+      children: /* @__PURE__ */ jsx45(
+        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
 import { SelectInput, SelectInputOptionContent } from "@transferwise/components";
 import { useState as useState7 } from "react";
-import { useIntl as useIntl6 } from "react-intl";
+import { useIntl as useIntl7 } from "react-intl";
 
 // ../renderers/src/messages/multi-select.messages.ts
-import { defineMessages as defineMessages5 } from "react-intl";
-var multi_select_messages_default = defineMessages5({
+import { defineMessages as defineMessages6 } from "react-intl";
+var multi_select_messages_default = defineMessages6({
   summary: {
     id: "df.wise.MultiSelect.summary",
     defaultMessage: "{first} and {count} more",
@@ -1621,13 +1724,13 @@ var multi_select_messages_default = defineMessages5({
 });
 
 // ../renderers/src/MultiSelectInputRenderer.tsx
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 var MultiSelectInputRenderer = {
   canRenderType: "input-multi-select",
-  render: (props) => /* @__PURE__ */ jsx45(MultiSelectInputRendererComponent, __spreadValues({}, props))
+  render: (props) => /* @__PURE__ */ jsx46(MultiSelectInputRendererComponent, __spreadValues({}, props))
 };
 function MultiSelectInputRendererComponent(props) {
-  const { formatMessage } = useIntl6();
+  const { formatMessage } = useIntl7();
   const [stagedIndices, setStagedIndices] = useState7();
   const {
     id,
@@ -1666,12 +1769,12 @@ function MultiSelectInputRendererComponent(props) {
     const contentProps = {
       title: option.title,
       description: option.description,
-      icon: /* @__PURE__ */ jsx45(OptionMedia, { media: option.media, preferAvatar: false })
+      icon: /* @__PURE__ */ jsx46(OptionMedia, { media: option.media, preferAvatar: false })
     };
-    return /* @__PURE__ */ jsx45(SelectInputOptionContent, __spreadValues({}, contentProps));
+    return /* @__PURE__ */ jsx46(SelectInputOptionContent, __spreadValues({}, contentProps));
   };
   const extraProps = { autoComplete };
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     FieldInput_default,
     {
       id,
@@ -1679,7 +1782,7 @@ function MultiSelectInputRendererComponent(props) {
       help,
       description,
       validation: validationState,
-      children: /* @__PURE__ */ jsx45(
+      children: /* @__PURE__ */ jsx46(
         SelectInput,
         __spreadValues({
           id,
@@ -1724,7 +1827,7 @@ import { UploadInput } from "@transferwise/components";
 // ../renderers/src/components/UploadFieldInput.tsx
 import { InlineAlert as InlineAlert2 } from "@transferwise/components";
 import classNames4 from "classnames";
-import { jsx as jsx46, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs11 } from "react/jsx-runtime";
 function UploadFieldInput({
   id,
   children,
@@ -1733,7 +1836,7 @@ function UploadFieldInput({
   help,
   validation
 }) {
-  const labelContent = label && help ? /* @__PURE__ */ jsx46(LabelContentWithHelp, { text: label, help }) : label;
+  const labelContent = label && help ? /* @__PURE__ */ jsx47(LabelContentWithHelp, { text: label, help }) : label;
   const descriptionId = description ? `${id}-description` : void 0;
   return /* @__PURE__ */ jsxs11(
     "div",
@@ -1742,9 +1845,9 @@ function UploadFieldInput({
         "has-error": (validation == null ? void 0 : validation.status) === "invalid"
       }),
       children: [
-        /* @__PURE__ */ jsx46("label", { htmlFor: id, className: "control-label", children: labelContent }),
+        /* @__PURE__ */ jsx47("label", { htmlFor: id, className: "control-label", children: labelContent }),
         children,
-        (validation == null ? void 0 : validation.status) === "invalid" && /* @__PURE__ */ jsx46(InlineAlert2, { type: "negative", id: descriptionId, children: validation.message })
+        (validation == null ? void 0 : validation.status) === "invalid" && /* @__PURE__ */ jsx47(InlineAlert2, { type: "negative", id: descriptionId, children: validation.message })
       ]
     }
   );
@@ -1779,7 +1882,7 @@ var getSizeLimit = (maxSize) => {
 };
 
 // ../renderers/src/MultiUploadInputRenderer.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 var MultiUploadInputRenderer = {
   canRenderType: "input-upload-multi",
   render: (props) => {
@@ -1804,7 +1907,7 @@ var MultiUploadInputRenderer = {
     };
     const onDeleteFile = async (fileId) => onRemoveFile(value.findIndex((file) => file.id === fileId));
     const descriptionId = description ? `${id}-description` : void 0;
-    return /* @__PURE__ */ jsx47(
+    return /* @__PURE__ */ jsx48(
       UploadFieldInput_default,
       {
         id,
@@ -1812,7 +1915,7 @@ var MultiUploadInputRenderer = {
         description,
         validation: validationState,
         help,
-        children: /* @__PURE__ */ jsx47(
+        children: /* @__PURE__ */ jsx48(
           UploadInput,
           {
             id,
@@ -1836,7 +1939,7 @@ var MultiUploadInputRenderer_default = MultiUploadInputRenderer;
 
 // ../renderers/src/NumberInputRenderer.tsx
 import { Input as Input2, InputGroup as InputGroup2 } from "@transferwise/components";
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 var NumberInputRenderer = {
   canRenderType: "input-number",
   render: (props) => {
@@ -1850,7 +1953,7 @@ var NumberInputRenderer = {
       "maximum",
       "minimum"
     );
-    return /* @__PURE__ */ jsx48(
+    return /* @__PURE__ */ jsx49(
       FieldInput_default,
       {
         id,
@@ -1858,7 +1961,7 @@ var NumberInputRenderer = {
         description,
         validation: validationState,
         help,
-        children: /* @__PURE__ */ jsx48(InputGroup2, { addonStart: getInputGroupAddonStart(media), children: /* @__PURE__ */ jsx48(
+        children: /* @__PURE__ */ jsx49(InputGroup2, { addonStart: getInputGroupAddonStart(media), children: /* @__PURE__ */ jsx49(
           Input2,
           __spreadValues({
             id,
@@ -1879,7 +1982,7 @@ var NumberInputRenderer = {
 var NumberInputRenderer_default = NumberInputRenderer;
 
 // ../renderers/src/ParagraphRenderer.tsx
-import { useIntl as useIntl7 } from "react-intl";
+import { useIntl as useIntl8 } from "react-intl";
 
 // ../renderers/src/hooks/useSnackBarIfAvailable.ts
 import { SnackbarContext } from "@transferwise/components";
@@ -1895,8 +1998,8 @@ import { Button as Button5, Input as Input3 } from "@transferwise/components";
 import classNames5 from "classnames";
 
 // ../renderers/src/messages/paragraph.messages.ts
-import { defineMessages as defineMessages6 } from "react-intl";
-var paragraph_messages_default = defineMessages6({
+import { defineMessages as defineMessages7 } from "react-intl";
+var paragraph_messages_default = defineMessages7({
   copy: {
     id: "df.wise.DynamicParagraph.copy",
     defaultMessage: "Copy",
@@ -1910,24 +2013,21 @@ var paragraph_messages_default = defineMessages6({
 });
 
 // ../renderers/src/ParagraphRenderer.tsx
-import { jsx as jsx49, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs12 } from "react/jsx-runtime";
 var ParagraphRenderer = {
   canRenderType: "paragraph",
-  render: (props) => /* @__PURE__ */ jsx49(Paragraph, __spreadValues({}, props))
+  render: (props) => /* @__PURE__ */ jsx50(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__ */ jsx49(CopyableParagraph, { className, align, text }) : /* @__PURE__ */ jsx49(StandardParagraph, { className, text });
-}
-function StandardParagraph({ text, className }) {
-  return /* @__PURE__ */ jsx49("p", { className: `np-text-body-large ${className}`, children: text });
+  return control === "copyable" ? /* @__PURE__ */ jsx50(CopyableParagraph, { className, align, text }) : /* @__PURE__ */ jsx50("p", { className: `${size === "sm" ? "np-text-body-default" : "np-text-body-large"} ${className}`, children: text });
 }
 function CopyableParagraph({
   text,
   align,
   className
 }) {
-  const { formatMessage } = useIntl7();
+  const { formatMessage } = useIntl8();
   const createSnackbar = useSnackBarIfAvailable();
   const copy = () => {
     navigator.clipboard.writeText(text).then(() => createSnackbar({ text: formatMessage(paragraph_messages_default.copied) })).catch(() => {
@@ -1935,7 +2035,7 @@ function CopyableParagraph({
   };
   const inputAlignmentClasses = getTextAlignmentAndMargin({ align, margin: "sm" });
   return /* @__PURE__ */ jsxs12("div", { className, children: [
-    /* @__PURE__ */ jsx49(
+    /* @__PURE__ */ jsx50(
       Input3,
       {
         type: "text",
@@ -1944,7 +2044,7 @@ function CopyableParagraph({
         className: classNames5("text-ellipsis", inputAlignmentClasses)
       }
     ),
-    /* @__PURE__ */ jsx49(Button5, { v2: true, block: true, onClick: copy, children: formatMessage(paragraph_messages_default.copy) })
+    /* @__PURE__ */ jsx50(Button5, { v2: true, block: true, onClick: copy, children: formatMessage(paragraph_messages_default.copy) })
   ] });
 }
 var ParagraphRenderer_default = ParagraphRenderer;
@@ -1954,11 +2054,11 @@ import { Button as Button6, Header as Header6, InlineAlert as InlineAlert3, Moda
 import { Plus } from "@transferwise/icons";
 import classNames6 from "classnames";
 import { useState as useState8 } from "react";
-import { useIntl as useIntl8 } from "react-intl";
+import { useIntl as useIntl9 } from "react-intl";
 
 // ../renderers/src/messages/repeatable.messages.ts
-import { defineMessages as defineMessages7 } from "react-intl";
-var repeatable_messages_default = defineMessages7({
+import { defineMessages as defineMessages8 } from "react-intl";
+var repeatable_messages_default = defineMessages8({
   addItemTitle: {
     id: "df.wise.ArraySchema.addItemTitle",
     defaultMessage: "Add Item",
@@ -1982,10 +2082,10 @@ var repeatable_messages_default = defineMessages7({
 });
 
 // ../renderers/src/RepeatableRenderer.tsx
-import { Fragment as Fragment4, jsx as jsx50, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx51, jsxs as jsxs13 } from "react/jsx-runtime";
 var RepeatableRenderer = {
   canRenderType: "repeatable",
-  render: (props) => /* @__PURE__ */ jsx50(Repeatable, __spreadValues({}, props))
+  render: (props) => /* @__PURE__ */ jsx51(Repeatable, __spreadValues({}, props))
 };
 function Repeatable(props) {
   const {
@@ -2001,7 +2101,7 @@ function Repeatable(props) {
     onSave,
     onRemove
   } = props;
-  const { formatMessage } = useIntl8();
+  const { formatMessage } = useIntl9();
   const [openModalType, setOpenModalType] = useState8(null);
   const onAddItem = () => {
     onAdd();
@@ -2025,8 +2125,8 @@ function Repeatable(props) {
     setOpenModalType(null);
   };
   return /* @__PURE__ */ jsxs13(Fragment4, { children: [
-    title && /* @__PURE__ */ jsx50(Header6, { title }),
-    description && /* @__PURE__ */ jsx50("p", { children: description }),
+    title && /* @__PURE__ */ jsx51(Header6, { title }),
+    description && /* @__PURE__ */ jsx51("p", { children: description }),
     /* @__PURE__ */ jsxs13(
       "div",
       {
@@ -2034,30 +2134,30 @@ function Repeatable(props) {
           "has-error": (validationState == null ? void 0 : validationState.status) === "invalid"
         }),
         children: [
-          items == null ? void 0 : items.map((item, index) => /* @__PURE__ */ jsx50(ItemSummaryOption, { item, onClick: () => onEditItem(index) }, item.id)),
-          /* @__PURE__ */ jsx50(
+          items == null ? void 0 : items.map((item, index) => /* @__PURE__ */ jsx51(ItemSummaryOption, { item, onClick: () => onEditItem(index) }, item.id)),
+          /* @__PURE__ */ jsx51(
             NavigationOption2,
             {
-              media: /* @__PURE__ */ jsx50(Plus, {}),
+              media: /* @__PURE__ */ jsx51(Plus, {}),
               title: addItemTitle || formatMessage(repeatable_messages_default.addItemTitle),
               showMediaAtAllSizes: true,
               onClick: () => onAddItem()
             }
           ),
-          (validationState == null ? void 0 : validationState.status) === "invalid" && /* @__PURE__ */ jsx50(InlineAlert3, { type: "negative", children: validationState.message })
+          (validationState == null ? void 0 : validationState.status) === "invalid" && /* @__PURE__ */ jsx51(InlineAlert3, { type: "negative", children: validationState.message })
         ]
       }
     ),
-    /* @__PURE__ */ jsx50(
+    /* @__PURE__ */ jsx51(
       Modal4,
       {
         open: openModalType !== null,
         title: (openModalType === "add" ? addItemTitle : editItemTitle) || formatMessage(repeatable_messages_default.addItemTitle),
         body: /* @__PURE__ */ jsxs13(Fragment4, { children: [
-          /* @__PURE__ */ jsx50("div", { className: "m-b-2", children: editableItem }),
+          /* @__PURE__ */ jsx51("div", { className: "m-b-2", children: editableItem }),
           /* @__PURE__ */ jsxs13("div", { children: [
-            /* @__PURE__ */ jsx50(Button6, { priority: "primary", block: true, className: "m-b-2", onClick: () => onSaveItem(), children: formatMessage(repeatable_messages_default.addItem) }),
-            /* @__PURE__ */ jsx50(
+            /* @__PURE__ */ jsx51(Button6, { priority: "primary", block: true, className: "m-b-2", onClick: () => onSaveItem(), children: formatMessage(repeatable_messages_default.addItem) }),
+            /* @__PURE__ */ jsx51(
               Button6,
               {
                 v2: true,
@@ -2079,10 +2179,10 @@ function ItemSummaryOption({
   item,
   onClick
 }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     NavigationOption2,
     {
-      media: /* @__PURE__ */ jsx50(OptionMedia, { media: item.media, preferAvatar: false }),
+      media: /* @__PURE__ */ jsx51(OptionMedia, { media: item.media, preferAvatar: false }),
       title: item.title,
       content: item.description,
       showMediaAtAllSizes: true,
@@ -2098,8 +2198,8 @@ import { DefinitionList } from "@transferwise/components";
 
 // ../renderers/src/components/Header.tsx
 import { Header as DSHeader } from "@transferwise/components";
-import { jsx as jsx51 } from "react/jsx-runtime";
-var Header7 = ({ title, callToAction }) => (title || callToAction) && /* @__PURE__ */ jsx51(DSHeader, { title: title != null ? title : "", action: getHeaderAction(callToAction) });
+import { jsx as jsx52 } from "react/jsx-runtime";
+var Header7 = ({ title, callToAction }) => (title || callToAction) && /* @__PURE__ */ jsx52(DSHeader, { title: title != null ? title : "", action: getHeaderAction(callToAction) });
 var getHeaderAction = (callToAction) => {
   if (!callToAction) {
     return void 0;
@@ -2121,14 +2221,14 @@ var getHeaderAction = (callToAction) => {
 };
 
 // ../renderers/src/ReviewRenderer.tsx
-import { Fragment as Fragment5, jsx as jsx52, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx53, jsxs as jsxs14 } from "react/jsx-runtime";
 var ReviewRenderer = {
   canRenderType: "review",
   render: ({ callToAction, control, fields, margin, title, trackEvent }) => {
     const orientation = mapControlToDefinitionListLayout(control);
     return /* @__PURE__ */ jsxs14("div", { className: getMargin(margin), children: [
-      /* @__PURE__ */ jsx52(Header7, { title, callToAction }),
-      /* @__PURE__ */ jsx52("div", { className: margin, children: /* @__PURE__ */ jsx52(
+      /* @__PURE__ */ jsx53(Header7, { title, callToAction }),
+      /* @__PURE__ */ jsx53("div", { className: margin, children: /* @__PURE__ */ jsx53(
         DefinitionList,
         {
           layout: orientation,
@@ -2169,7 +2269,7 @@ var getFieldLabel = (label, help, onClick) => {
     return /* @__PURE__ */ jsxs14(Fragment5, { children: [
       label,
       " ",
-      /* @__PURE__ */ jsx52(Help_default, { help, onClick })
+      /* @__PURE__ */ jsx53(Help_default, { help, onClick })
     ] });
   }
   return label;
@@ -2178,11 +2278,11 @@ var getFieldLabel = (label, help, onClick) => {
 // ../renderers/src/SearchRenderer/BlockSearchRendererComponent.tsx
 import { Input as Input4, Markdown as Markdown4, NavigationOption as NavigationOption3, NavigationOptionsList as NavigationOptionsList2 } from "@transferwise/components";
 import { useState as useState9 } from "react";
-import { useIntl as useIntl10 } from "react-intl";
+import { useIntl as useIntl11 } from "react-intl";
 
 // ../renderers/src/messages/search.messages.ts
-import { defineMessages as defineMessages8 } from "react-intl";
-var search_messages_default = defineMessages8({
+import { defineMessages as defineMessages9 } from "react-intl";
+var search_messages_default = defineMessages9({
   loading: {
     id: "df.wise.SearchLayout.loading",
     defaultMessage: "Loading...",
@@ -2191,11 +2291,11 @@ var search_messages_default = defineMessages8({
 });
 
 // ../renderers/src/SearchRenderer/ErrorResult.tsx
-import { useIntl as useIntl9 } from "react-intl";
+import { useIntl as useIntl10 } from "react-intl";
 
 // ../renderers/src/messages/generic-error.messages.ts
-import { defineMessages as defineMessages9 } from "react-intl";
-var generic_error_messages_default = defineMessages9({
+import { defineMessages as defineMessages10 } from "react-intl";
+var generic_error_messages_default = defineMessages10({
   genericErrorRetryHint: {
     id: "df.wise.PersistAsyncSchema.genericError",
     defaultMessage: "Something went wrong, please try again.",
@@ -2215,18 +2315,18 @@ var generic_error_messages_default = defineMessages9({
 
 // ../renderers/src/SearchRenderer/ErrorResult.tsx
 import { Link } from "@transferwise/components";
-import { jsx as jsx53, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs15 } from "react/jsx-runtime";
 function ErrorResult({ state }) {
-  const intl = useIntl9();
+  const intl = useIntl10();
   return /* @__PURE__ */ jsxs15("p", { className: "m-t-2", children: [
     intl.formatMessage(generic_error_messages_default.genericError),
     "\xA0",
-    /* @__PURE__ */ jsx53(Link, { onClick: () => state.onRetry(), children: intl.formatMessage(generic_error_messages_default.retry) })
+    /* @__PURE__ */ jsx54(Link, { onClick: () => state.onRetry(), children: intl.formatMessage(generic_error_messages_default.retry) })
   ] });
 }
 
 // ../renderers/src/SearchRenderer/BlockSearchRendererComponent.tsx
-import { jsx as jsx54, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs16 } from "react/jsx-runtime";
 function BlockSearchRendererComponent({
   id,
   isLoading,
@@ -2238,9 +2338,9 @@ function BlockSearchRendererComponent({
   onChange
 }) {
   const [hasSearched, setHasSearched] = useState9(false);
-  const { formatMessage } = useIntl10();
+  const { formatMessage } = useIntl11();
   return /* @__PURE__ */ jsxs16("div", { className: getMargin(margin), children: [
-    /* @__PURE__ */ jsx54(FieldInput_default, { id, description: "", validation: void 0, help: "", label: title, children: /* @__PURE__ */ jsx54(
+    /* @__PURE__ */ jsx55(FieldInput_default, { id, description: "", validation: void 0, help: "", label: title, children: /* @__PURE__ */ jsx55(
       Input4,
       {
         id,
@@ -2257,7 +2357,7 @@ function BlockSearchRendererComponent({
         }
       }
     ) }),
-    isLoading ? /* @__PURE__ */ jsx54("span", { children: formatMessage(search_messages_default.loading) }) : /* @__PURE__ */ jsx54(SearchResultContent, { state, trackEvent })
+    isLoading ? /* @__PURE__ */ jsx55("span", { children: formatMessage(search_messages_default.loading) }) : /* @__PURE__ */ jsx55(SearchResultContent, { state, trackEvent })
   ] });
 }
 function SearchResultContent({
@@ -2266,31 +2366,31 @@ function SearchResultContent({
 }) {
   switch (state.type) {
     case "error":
-      return /* @__PURE__ */ jsx54(ErrorResult, { state });
+      return /* @__PURE__ */ jsx55(ErrorResult, { state });
     case "results":
-      return /* @__PURE__ */ jsx54(SearchResults, { state, trackEvent });
+      return /* @__PURE__ */ jsx55(SearchResults, { state, trackEvent });
     case "noResults":
-      return /* @__PURE__ */ jsx54(EmptySearchResult, { state });
+      return /* @__PURE__ */ jsx55(EmptySearchResult, { state });
     case "pending":
     default:
       return null;
   }
 }
 function EmptySearchResult({ state }) {
-  return /* @__PURE__ */ jsx54(Markdown4, { className: "m-t-2", config: { link: { target: "_blank" } }, children: state.message });
+  return /* @__PURE__ */ jsx55(Markdown4, { className: "m-t-2", config: { link: { target: "_blank" } }, children: state.message });
 }
 function SearchResults({
   state,
   trackEvent
 }) {
-  return /* @__PURE__ */ jsx54(NavigationOptionsList2, { children: state.results.map((result) => {
+  return /* @__PURE__ */ jsx55(NavigationOptionsList2, { children: state.results.map((result) => {
     const { media } = result;
-    return /* @__PURE__ */ jsx54(
+    return /* @__PURE__ */ jsx55(
       NavigationOption3,
       {
         title: result.title,
         content: result.description,
-        media: media ? /* @__PURE__ */ jsx54(OptionMedia, { media, preferAvatar: false }) : void 0,
+        media: media ? /* @__PURE__ */ jsx55(OptionMedia, { media, preferAvatar: false }) : void 0,
         showMediaCircle: false,
         showMediaAtAllSizes: true,
         onClick: () => {
@@ -2310,8 +2410,8 @@ var BlockSearchRendererComponent_default = BlockSearchRendererComponent;
 import { Markdown as Markdown5, Typeahead } from "@transferwise/components";
 import { Search } from "@transferwise/icons";
 import { useState as useState10 } from "react";
-import { useIntl as useIntl11 } from "react-intl";
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { useIntl as useIntl12 } from "react-intl";
+import { jsx as jsx56 } from "react/jsx-runtime";
 function InlineSearchRenderer({
   id,
   isLoading,
@@ -2322,8 +2422,8 @@ function InlineSearchRenderer({
   trackEvent
 }) {
   const [hasSearched, setHasSearched] = useState10(false);
-  const intl = useIntl11();
-  return /* @__PURE__ */ jsx55("div", { className: getMargin(margin), children: /* @__PURE__ */ jsx55(FieldInput_default, { id, description: "", validation: void 0, help: "", label: title, children: /* @__PURE__ */ jsx55(
+  const intl = useIntl12();
+  return /* @__PURE__ */ jsx56("div", { className: getMargin(margin), children: /* @__PURE__ */ jsx56(FieldInput_default, { id, description: "", validation: void 0, help: "", label: title, children: /* @__PURE__ */ jsx56(
     Typeahead,
     {
       id: "typeahead-input-id",
@@ -2331,10 +2431,10 @@ function InlineSearchRenderer({
       name: "typeahead-input-name",
       size: "md",
       maxHeight: 100,
-      footer: /* @__PURE__ */ jsx55(TypeaheadFooter, { state, isLoading }),
+      footer: /* @__PURE__ */ jsx56(TypeaheadFooter, { state, isLoading }),
       multiple: false,
       clearable: false,
-      addon: /* @__PURE__ */ jsx55(Search, { size: 24 }),
+      addon: /* @__PURE__ */ jsx56(Search, { size: 24 }),
       options: state.type === "results" ? state.results.map(mapResultToTypeaheadOption) : [],
       minQueryLength: 1,
       onChange: (values) => {
@@ -2369,25 +2469,25 @@ function mapResultToTypeaheadOption(result) {
   };
 }
 function TypeaheadFooter({ state, isLoading }) {
-  const { formatMessage } = useIntl11();
+  const { formatMessage } = useIntl12();
   if (state.type === "noResults") {
-    return /* @__PURE__ */ jsx55(Markdown5, { className: "m-t-2 m-x-2", config: { link: { target: "_blank" } }, children: state.message });
+    return /* @__PURE__ */ jsx56(Markdown5, { className: "m-t-2 m-x-2", config: { link: { target: "_blank" } }, children: state.message });
   }
   if (state.type === "error") {
-    return /* @__PURE__ */ jsx55("div", { className: "m-t-2 m-x-2", children: /* @__PURE__ */ jsx55(ErrorResult, { state }) });
+    return /* @__PURE__ */ jsx56("div", { className: "m-t-2 m-x-2", children: /* @__PURE__ */ jsx56(ErrorResult, { state }) });
   }
   if (state.type === "pending" || isLoading) {
-    return /* @__PURE__ */ jsx55("p", { className: "m-t-2 m-x-2", children: formatMessage(search_messages_default.loading) });
+    return /* @__PURE__ */ jsx56("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
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 var SearchRenderer = {
   canRenderType: "search",
-  render: (props) => props.control === "inline" ? /* @__PURE__ */ jsx56(InlineSearchRendererComponent_default, __spreadValues({}, props)) : /* @__PURE__ */ jsx56(BlockSearchRendererComponent_default, __spreadValues({}, props))
+  render: (props) => props.control === "inline" ? /* @__PURE__ */ jsx57(InlineSearchRendererComponent_default, __spreadValues({}, props)) : /* @__PURE__ */ jsx57(BlockSearchRendererComponent_default, __spreadValues({}, props))
 };
 var SearchRenderer_default = SearchRenderer;
 
@@ -2416,12 +2516,12 @@ var getHeaderAction2 = (callToAction) => {
 };
 
 // ../renderers/src/SectionRenderer.tsx
-import { jsx as jsx57, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs17 } from "react/jsx-runtime";
 var SectionRenderer = {
   canRenderType: "section",
   render: ({ children, callToAction, margin, title }) => {
     return /* @__PURE__ */ jsxs17("section", { className: getMargin(margin), children: [
-      (title || callToAction) && /* @__PURE__ */ jsx57(Header8, { title: title != null ? title : "", action: getHeaderAction2(callToAction) }),
+      (title || callToAction) && /* @__PURE__ */ jsx58(Header8, { title: title != null ? title : "", action: getHeaderAction2(callToAction) }),
       children
     ] });
   }
@@ -2430,7 +2530,7 @@ var SectionRenderer_default = SectionRenderer;
 
 // ../renderers/src/SelectInputRenderer/RadioInputRendererComponent.tsx
 import { RadioGroup } from "@transferwise/components";
-import { Fragment as Fragment6, jsx as jsx58, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx59, jsxs as jsxs18 } from "react/jsx-runtime";
 function RadioInputRendererComponent(props) {
   const {
     id,
@@ -2445,7 +2545,7 @@ function RadioInputRendererComponent(props) {
     onSelect
   } = props;
   return /* @__PURE__ */ jsxs18(Fragment6, { children: [
-    /* @__PURE__ */ jsx58(
+    /* @__PURE__ */ jsx59(
       FieldInput_default,
       {
         id,
@@ -2453,7 +2553,7 @@ function RadioInputRendererComponent(props) {
         help,
         description,
         validation: validationState,
-        children: /* @__PURE__ */ jsx58("span", { children: /* @__PURE__ */ jsx58(
+        children: /* @__PURE__ */ jsx59("span", { children: /* @__PURE__ */ jsx59(
           RadioGroup,
           {
             name: id,
@@ -2462,7 +2562,7 @@ function RadioInputRendererComponent(props) {
               value: index,
               secondary: option.description,
               disabled: option.disabled || disabled,
-              avatar: /* @__PURE__ */ jsx58(OptionMedia, { media: option.media, preferAvatar: false })
+              avatar: /* @__PURE__ */ jsx59(OptionMedia, { media: option.media, preferAvatar: false })
             })),
             selectedValue: selectedIndex != null ? selectedIndex : void 0,
             onChange: onSelect
@@ -2477,8 +2577,8 @@ function RadioInputRendererComponent(props) {
 
 // ../renderers/src/SelectInputRenderer/TabInputRendererComponent.tsx
 import { Tabs } from "@transferwise/components";
-import { useEffect as useEffect5 } from "react";
-import { Fragment as Fragment7, jsx as jsx59, jsxs as jsxs19 } from "react/jsx-runtime";
+import { useEffect as useEffect6 } from "react";
+import { Fragment as Fragment7, jsx as jsx60, jsxs as jsxs19 } from "react/jsx-runtime";
 function TabInputRendererComponent(props) {
   const {
     id,
@@ -2492,13 +2592,13 @@ function TabInputRendererComponent(props) {
     validationState,
     onSelect
   } = props;
-  useEffect5(() => {
-    if (!isValidIndex(selectedIndex, options.length)) {
+  useEffect6(() => {
+    if (!isValidIndex2(selectedIndex, options.length)) {
       onSelect(0);
     }
   }, [selectedIndex, onSelect, options.length]);
   return /* @__PURE__ */ jsxs19(Fragment7, { children: [
-    /* @__PURE__ */ jsx59(
+    /* @__PURE__ */ jsx60(
       FieldInput_default,
       {
         id,
@@ -2506,7 +2606,7 @@ function TabInputRendererComponent(props) {
         help,
         description,
         validation: validationState,
-        children: /* @__PURE__ */ jsx59(
+        children: /* @__PURE__ */ jsx60(
           Tabs,
           {
             name: id,
@@ -2515,7 +2615,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__ */ jsx59(Fragment7, {}),
+              content: /* @__PURE__ */ jsx60(Fragment7, {}),
               disabled: option.disabled || disabled
             })),
             onTabSelect: onSelect
@@ -2526,11 +2626,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
 import { SelectInput as SelectInput2, SelectInputOptionContent as SelectInputOptionContent2 } from "@transferwise/components";
-import { Fragment as Fragment8, jsx as jsx60, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx61, jsxs as jsxs20 } from "react/jsx-runtime";
 function SelectInputRendererComponent(props) {
   const {
     id,
@@ -2570,13 +2670,13 @@ function SelectInputRendererComponent(props) {
     } : {
       title: option.title,
       description: option.description,
-      icon: /* @__PURE__ */ jsx60(OptionMedia, { media: option.media, preferAvatar: false })
+      icon: /* @__PURE__ */ jsx61(OptionMedia, { media: option.media, preferAvatar: false })
     };
-    return /* @__PURE__ */ jsx60(SelectInputOptionContent2, __spreadValues({}, contentProps));
+    return /* @__PURE__ */ jsx61(SelectInputOptionContent2, __spreadValues({}, contentProps));
   };
   const extraProps = { autoComplete };
   return /* @__PURE__ */ jsxs20(Fragment8, { children: [
-    /* @__PURE__ */ jsx60(
+    /* @__PURE__ */ jsx61(
       FieldInput_default,
       {
         id,
@@ -2584,7 +2684,7 @@ function SelectInputRendererComponent(props) {
         help,
         description,
         validation: validationState,
-        children: /* @__PURE__ */ jsx60(
+        children: /* @__PURE__ */ jsx61(
           SelectInput2,
           __spreadValues({
             name: id,
@@ -2605,9 +2705,9 @@ function SelectInputRendererComponent(props) {
 }
 
 // ../renderers/src/SelectInputRenderer/SegmentedInputRendererComponent.tsx
-import { useEffect as useEffect6 } from "react";
+import { useEffect as useEffect7 } from "react";
 import { SegmentedControl } from "@transferwise/components";
-import { Fragment as Fragment9, jsx as jsx61, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx62, jsxs as jsxs21 } from "react/jsx-runtime";
 function SegmentedInputRendererComponent(props) {
   const {
     id,
@@ -2620,13 +2720,13 @@ function SegmentedInputRendererComponent(props) {
     validationState,
     onSelect
   } = props;
-  useEffect6(() => {
-    if (!isValidIndex2(selectedIndex, options.length)) {
+  useEffect7(() => {
+    if (!isValidIndex3(selectedIndex, options.length)) {
       onSelect(0);
     }
   }, [selectedIndex, onSelect, options.length]);
   return /* @__PURE__ */ jsxs21(Fragment9, { children: [
-    /* @__PURE__ */ jsx61(
+    /* @__PURE__ */ jsx62(
       FieldInput_default,
       {
         id,
@@ -2634,7 +2734,7 @@ function SegmentedInputRendererComponent(props) {
         help,
         description,
         validation: validationState,
-        children: /* @__PURE__ */ jsx61(
+        children: /* @__PURE__ */ jsx62(
           SegmentedControl,
           {
             name: `${id}-segmented-control`,
@@ -2651,26 +2751,26 @@ function SegmentedInputRendererComponent(props) {
         )
       }
     ),
-    /* @__PURE__ */ jsx61("div", { id: `${id}-children`, children })
+    /* @__PURE__ */ jsx62("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
-import { jsx as jsx62 } from "react/jsx-runtime";
+import { jsx as jsx63 } from "react/jsx-runtime";
 var SelectInputRenderer = {
   canRenderType: "input-select",
   render: (props) => {
     switch (props.control) {
       case "radio":
-        return /* @__PURE__ */ jsx62(RadioInputRendererComponent, __spreadValues({}, props));
+        return /* @__PURE__ */ jsx63(RadioInputRendererComponent, __spreadValues({}, props));
       case "tab":
-        return props.options.length > 3 ? /* @__PURE__ */ jsx62(SelectInputRendererComponent, __spreadValues({}, props)) : /* @__PURE__ */ jsx62(TabInputRendererComponent, __spreadValues({}, props));
+        return props.options.length > 3 ? /* @__PURE__ */ jsx63(SelectInputRendererComponent, __spreadValues({}, props)) : /* @__PURE__ */ jsx63(TabInputRendererComponent, __spreadValues({}, props));
       case "segmented":
-        return props.options.length > 3 ? /* @__PURE__ */ jsx62(SelectInputRendererComponent, __spreadValues({}, props)) : /* @__PURE__ */ jsx62(SegmentedInputRendererComponent, __spreadValues({}, props));
+        return props.options.length > 3 ? /* @__PURE__ */ jsx63(SelectInputRendererComponent, __spreadValues({}, props)) : /* @__PURE__ */ jsx63(SegmentedInputRendererComponent, __spreadValues({}, props));
       case "select":
       default:
-        return /* @__PURE__ */ jsx62(SelectInputRendererComponent, __spreadValues({}, props));
+        return /* @__PURE__ */ jsx63(SelectInputRendererComponent, __spreadValues({}, props));
     }
   }
 };
@@ -2678,17 +2778,17 @@ var SelectInputRenderer_default = SelectInputRenderer;
 
 // ../renderers/src/StatusListRenderer.tsx
 import { Header as Header9, Summary } from "@transferwise/components";
-import { jsx as jsx63, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs22 } from "react/jsx-runtime";
 var StatusListRenderer = {
   canRenderType: "status-list",
   render: ({ margin, items, title }) => /* @__PURE__ */ jsxs22("div", { className: getMargin(margin), children: [
-    title ? /* @__PURE__ */ jsx63(Header9, { title, className: "m-b-2" }) : null,
-    items.map(({ callToAction, description, icon, status, title: itemTitle }) => /* @__PURE__ */ jsx63(
+    title ? /* @__PURE__ */ jsx64(Header9, { title, className: "m-b-2" }) : null,
+    items.map(({ callToAction, description, icon, status, title: itemTitle }) => /* @__PURE__ */ jsx64(
       Summary,
       {
         title: itemTitle,
         description,
-        icon: icon && "name" in icon ? /* @__PURE__ */ jsx63(DynamicIcon_default, { name: icon.name }) : null,
+        icon: icon && "name" in icon ? /* @__PURE__ */ jsx64(DynamicIcon_default, { name: icon.name }) : null,
         status: mapStatus(status),
         action: getSummaryAction(callToAction)
       },
@@ -2725,12 +2825,12 @@ var mapStatus = (status) => {
 
 // ../renderers/src/utils/useCustomTheme.ts
 import { useTheme } from "@wise/components-theming";
-import { useEffect as useEffect7, useMemo } from "react";
+import { useEffect as useEffect8, useMemo } from "react";
 var ThemeRequiredEventName = "Theme Required";
 var useCustomTheme = (theme, trackEvent) => {
   const previousThemeHookValue = useTheme();
   const previousTheme = useMemo(() => previousThemeHookValue.theme, []);
-  useEffect7(() => {
+  useEffect8(() => {
     trackEvent(ThemeRequiredEventName, { theme });
     return theme !== previousTheme ? () => {
       trackEvent(ThemeRequiredEventName, { theme: previousTheme });
@@ -2742,22 +2842,22 @@ var useCustomTheme = (theme, trackEvent) => {
 // ../renderers/src/step/topbar/BackButton.tsx
 import { IconButton } from "@transferwise/components";
 import { ArrowLeft } from "@transferwise/icons";
-import { jsx as jsx64, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs23 } from "react/jsx-runtime";
 function BackButton({ title, onClick }) {
   return /* @__PURE__ */ jsxs23(IconButton, { className: "df-back-button", priority: "tertiary", onClick, children: [
-    /* @__PURE__ */ jsx64("span", { className: "sr-only", children: title }),
-    /* @__PURE__ */ jsx64(ArrowLeft, {})
+    /* @__PURE__ */ jsx65("span", { className: "sr-only", children: title }),
+    /* @__PURE__ */ jsx65(ArrowLeft, {})
   ] });
 }
 
 // ../renderers/src/step/topbar/Toolbar.tsx
 import { Button as Button7, IconButton as IconButton2 } from "@transferwise/components";
-import { jsx as jsx65, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs24 } from "react/jsx-runtime";
 var Toolbar = ({ items }) => {
-  return (items == null ? void 0 : items.length) > 0 ? /* @__PURE__ */ jsx65("div", { className: "df-toolbar", children: items.map((item, index) => /* @__PURE__ */ jsx65(ToolbarButton, __spreadValues({}, item), `${item.type}-${index}-${item.title}`)) }) : null;
+  return (items == null ? void 0 : items.length) > 0 ? /* @__PURE__ */ jsx66("div", { className: "df-toolbar", children: items.map((item, index) => /* @__PURE__ */ jsx66(ToolbarButton, __spreadValues({}, item), `${item.type}-${index}-${item.title}`)) }) : null;
 };
 function ToolbarButton(props) {
-  return prefersMedia(props.control) ? /* @__PURE__ */ jsx65(MediaToolbarButton, __spreadValues({}, props)) : /* @__PURE__ */ jsx65(TextToolbarButton, __spreadValues({}, props));
+  return prefersMedia(props.control) ? /* @__PURE__ */ jsx66(MediaToolbarButton, __spreadValues({}, props)) : /* @__PURE__ */ jsx66(TextToolbarButton, __spreadValues({}, props));
 }
 function MediaToolbarButton(props) {
   var _a;
@@ -2774,7 +2874,7 @@ function MediaToolbarButton(props) {
       type,
       onClick,
       children: [
-        accessibilityDescription ? /* @__PURE__ */ jsx65("span", { className: "sr-only", children: accessibilityDescription }) : null,
+        accessibilityDescription ? /* @__PURE__ */ jsx66("span", { className: "sr-only", children: accessibilityDescription }) : null,
         media ? (_a = getAddonStart(media)) == null ? void 0 : _a.value : null
       ]
     }
@@ -2785,7 +2885,7 @@ function TextToolbarButton(props) {
   const addonStart = media ? getAddonStart(media) : void 0;
   const priority = getPriority2(control);
   const sentiment = getSentiment(context);
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx66(
     Button7,
     {
       v2: true,
@@ -2830,48 +2930,52 @@ var getIconButtonPriority = (control) => {
 };
 
 // ../renderers/src/step/topbar/TopBar.tsx
-import { jsx as jsx66, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs25 } from "react/jsx-runtime";
 function TopBar({ back, toolbar }) {
   return back || toolbar ? /* @__PURE__ */ jsxs25("div", { className: "d-flex m-b-2", children: [
-    back ? /* @__PURE__ */ jsx66(BackButton, __spreadValues({}, back)) : null,
-    toolbar ? /* @__PURE__ */ jsx66(Toolbar, __spreadValues({}, toolbar)) : null
+    back ? /* @__PURE__ */ jsx67(BackButton, __spreadValues({}, back)) : null,
+    toolbar ? /* @__PURE__ */ jsx67(Toolbar, __spreadValues({}, toolbar)) : null
   ] }) : null;
 }
 
 // ../renderers/src/step/SplashCelebrationStepRenderer.tsx
-import { jsx as jsx67, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs26 } from "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__ */ jsxs26("div", { className: "splash-screen m-t-5", children: [
-    /* @__PURE__ */ jsx67(TopBar, { back, toolbar }),
-    children
+    /* @__PURE__ */ jsx68(TopBar, { back, toolbar }),
+    children,
+    hasFooter ? /* @__PURE__ */ jsx68("div", { className: "df-step-fixed__footer", children: footer }) : void 0
   ] });
 }
 
 // ../renderers/src/step/SplashStepRenderer.tsx
-import { jsx as jsx68, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs27 } from "react/jsx-runtime";
 var SplashStepRenderer = {
   canRenderType: "step",
   canRender: ({ control }) => control === "splash",
   render: SplashStepRendererComponent
 };
 function SplashStepRendererComponent(props) {
-  const { back, toolbar, children } = props;
+  const { back, toolbar, children, footer } = props;
+  const hasFooter = footer && Array.isArray(footer) && footer.length > 0;
   return /* @__PURE__ */ jsxs27("div", { className: "splash-screen m-t-5", children: [
-    /* @__PURE__ */ jsx68(TopBar, { back, toolbar }),
-    children
+    /* @__PURE__ */ jsx69(TopBar, { back, toolbar }),
+    children,
+    hasFooter ? /* @__PURE__ */ jsx69("div", { className: "df-step-fixed__footer", children: footer }) : void 0
   ] });
 }
 
 // ../renderers/src/step/StepRenderer.tsx
 import { Alert as Alert2, Title as Title2 } from "@transferwise/components";
-import { jsx as jsx69, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs28 } from "react/jsx-runtime";
 var StepRenderer = {
   canRenderType: "step",
   render: StepRendererComponent
@@ -2880,40 +2984,40 @@ function StepRendererComponent(props) {
   const { back, description, error, title, children, toolbar, footer } = props;
   const hasFooter = footer && Array.isArray(footer) && footer.length > 0;
   return /* @__PURE__ */ jsxs28("div", { children: [
-    /* @__PURE__ */ jsx69(TopBar, { back, toolbar }),
+    /* @__PURE__ */ jsx70(TopBar, { back, toolbar }),
     title || description ? /* @__PURE__ */ jsxs28("div", { className: "m-b-4", children: [
-      title ? /* @__PURE__ */ jsx69(Title2, { as: "h1", type: "title-section", className: "text-xs-center m-b-2", children: title }) : void 0,
-      description ? /* @__PURE__ */ jsx69("p", { className: "text-xs-center np-text-body-large", children: description }) : void 0
+      title ? /* @__PURE__ */ jsx70(Title2, { as: "h1", type: "title-section", className: "text-xs-center m-b-2", children: title }) : void 0,
+      description ? /* @__PURE__ */ jsx70("p", { className: "text-xs-center np-text-body-large", children: description }) : void 0
     ] }) : void 0,
-    error ? /* @__PURE__ */ jsx69(Alert2, { type: "negative", className: "m-b-2", message: error }) : null,
+    error ? /* @__PURE__ */ jsx70(Alert2, { type: "negative", className: "m-b-2", message: error }) : null,
     children,
-    hasFooter ? /* @__PURE__ */ jsx69("div", { className: "df-step-fixed__footer", children: footer }) : void 0
+    hasFooter ? /* @__PURE__ */ jsx70("div", { className: "df-step-fixed__footer", children: footer }) : void 0
   ] });
 }
 
 // ../renderers/src/TabsRenderer.tsx
 import { Chips, SegmentedControl as SegmentedControl2, Tabs as Tabs2 } from "@transferwise/components";
 import { useState as useState11 } from "react";
-import { jsx as jsx70, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs29 } from "react/jsx-runtime";
 var TabsRenderer = {
   canRenderType: "tabs",
   render: (props) => {
     switch (props.control) {
       case "segmented":
         if (props.tabs.length > 3) {
-          return /* @__PURE__ */ jsx70(TabsRendererComponent, __spreadValues({}, props));
+          return /* @__PURE__ */ jsx71(TabsRendererComponent, __spreadValues({}, props));
         }
-        return /* @__PURE__ */ jsx70(SegmentedTabsRendererComponent, __spreadValues({}, props));
+        return /* @__PURE__ */ jsx71(SegmentedTabsRendererComponent, __spreadValues({}, props));
       case "chips":
-        return /* @__PURE__ */ jsx70(ChipsTabsRendererComponent, __spreadValues({}, props));
+        return /* @__PURE__ */ jsx71(ChipsTabsRendererComponent, __spreadValues({}, props));
       default:
-        return /* @__PURE__ */ jsx70(TabsRendererComponent, __spreadValues({}, props));
+        return /* @__PURE__ */ jsx71(TabsRendererComponent, __spreadValues({}, props));
     }
   }
 };
 function TabsRendererComponent({ uid, margin, tabs }) {
   const [selectedIndex, setSelectedIndex] = useState11(0);
-  return /* @__PURE__ */ jsx70("div", { className: getMargin(margin), children: /* @__PURE__ */ jsx70(
+  return /* @__PURE__ */ jsx71("div", { className: getMargin(margin), children: /* @__PURE__ */ jsx71(
     Tabs2,
     {
       name: uid,
@@ -2935,7 +3039,7 @@ function SegmentedTabsRendererComponent({ uid, margin, tabs }) {
   var _a;
   const [selectedIndex, setSelectedIndex] = useState11(0);
   return /* @__PURE__ */ jsxs29("div", { className: getMargin(margin), children: [
-    /* @__PURE__ */ jsx70(
+    /* @__PURE__ */ jsx71(
       SegmentedControl2,
       {
         name: uid,
@@ -2950,14 +3054,14 @@ function SegmentedTabsRendererComponent({ uid, margin, tabs }) {
         onChange: (value) => setSelectedIndex(Number(value))
       }
     ),
-    /* @__PURE__ */ jsx70("div", { id: `${uid}-children`, className: "m-t-2", children: (_a = tabs[selectedIndex]) == null ? void 0 : _a.children })
+    /* @__PURE__ */ jsx71("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] = useState11(0);
   return /* @__PURE__ */ jsxs29("div", { className: getMargin(margin), children: [
-    /* @__PURE__ */ jsx70("div", { className: "chips-container", children: /* @__PURE__ */ jsx70(
+    /* @__PURE__ */ jsx71("div", { className: "chips-container", children: /* @__PURE__ */ jsx71(
       Chips,
       {
         chips: tabs.map((tab, index) => ({ label: tab.title, value: index })),
@@ -2965,7 +3069,7 @@ function ChipsTabsRendererComponent({ margin, tabs }) {
         onChange: ({ selectedValue }) => setSelectedIndex(Number(selectedValue))
       }
     ) }),
-    /* @__PURE__ */ jsx70("div", { className: "m-t-2", children: (_a = tabs[selectedIndex]) == null ? void 0 : _a.children })
+    /* @__PURE__ */ jsx71("div", { className: "m-t-2", children: (_a = tabs[selectedIndex]) == null ? void 0 : _a.children })
   ] });
 }
 
@@ -2980,7 +3084,7 @@ import {
   TextArea,
   TextareaWithDisplayFormat
 } from "@transferwise/components";
-import { jsx as jsx71 } from "react/jsx-runtime";
+import { jsx as jsx72 } from "react/jsx-runtime";
 var commonKeys = [
   "autoComplete",
   "autoCapitalize",
@@ -2999,12 +3103,12 @@ function VariableTextInput(inputProps) {
   const commonProps = __spreadProps(__spreadValues({}, pick(inputProps, ...commonKeys)), { name: id });
   switch (control) {
     case "email":
-      return /* @__PURE__ */ jsx71(TextInput, __spreadProps(__spreadValues({}, commonProps), { type: "email", onChange }));
+      return /* @__PURE__ */ jsx72(TextInput, __spreadProps(__spreadValues({}, commonProps), { type: "email", onChange }));
     case "password":
-      return /* @__PURE__ */ jsx71(TextInput, __spreadProps(__spreadValues({}, commonProps), { type: "password", onChange }));
+      return /* @__PURE__ */ jsx72(TextInput, __spreadProps(__spreadValues({}, commonProps), { type: "password", onChange }));
     case "numeric": {
       const numericProps = __spreadProps(__spreadValues({}, commonProps), { type: "number", onWheel });
-      return /* @__PURE__ */ jsx71(
+      return /* @__PURE__ */ jsx72(
         TextInput,
         __spreadProps(__spreadValues({}, numericProps), {
           onChange: (newValue) => {
@@ -3015,9 +3119,9 @@ function VariableTextInput(inputProps) {
       );
     }
     case "phone-number":
-      return /* @__PURE__ */ jsx71(PhoneNumberInput, __spreadProps(__spreadValues({ initialValue: value }, commonProps), { onChange }));
+      return /* @__PURE__ */ jsx72(PhoneNumberInput, __spreadProps(__spreadValues({ initialValue: value }, commonProps), { onChange }));
     default: {
-      return /* @__PURE__ */ jsx71(TextInput, __spreadProps(__spreadValues({}, commonProps), { type: "text", onChange }));
+      return /* @__PURE__ */ jsx72(TextInput, __spreadProps(__spreadValues({}, commonProps), { type: "text", onChange }));
     }
   }
 }
@@ -3025,11 +3129,11 @@ function TextInput(props) {
   const _a = props, { control, displayFormat, onChange } = _a, commonProps = __objRest(_a, ["control", "displayFormat", "onChange"]);
   const InputWithPattern = control === "textarea" ? TextareaWithDisplayFormat : InputWithDisplayFormat;
   const InputWithoutPattern = control === "textarea" ? TextArea : Input5;
-  return displayFormat ? /* @__PURE__ */ jsx71(InputWithPattern, __spreadProps(__spreadValues({ displayPattern: displayFormat }, commonProps), { onChange })) : /* @__PURE__ */ jsx71(InputWithoutPattern, __spreadProps(__spreadValues({}, commonProps), { onChange: (e) => onChange(e.target.value) }));
+  return displayFormat ? /* @__PURE__ */ jsx72(InputWithPattern, __spreadProps(__spreadValues({ displayPattern: displayFormat }, commonProps), { onChange })) : /* @__PURE__ */ jsx72(InputWithoutPattern, __spreadProps(__spreadValues({}, commonProps), { onChange: (e) => onChange(e.target.value) }));
 }
 
 // ../renderers/src/TextInputRenderer.tsx
-import { jsx as jsx72 } from "react/jsx-runtime";
+import { jsx as jsx73 } from "react/jsx-runtime";
 var TextInputRenderer = {
   canRenderType: "input-text",
   render: (props) => {
@@ -3062,7 +3166,7 @@ var TextInputRenderer = {
         }
       }
     });
-    return /* @__PURE__ */ jsx72(
+    return /* @__PURE__ */ jsx73(
       FieldInput_default,
       {
         id,
@@ -3070,7 +3174,7 @@ var TextInputRenderer = {
         description,
         validation: validationState,
         help,
-        children: /* @__PURE__ */ jsx72(InputGroup3, { addonStart: getInputGroupAddonStart(media), children: /* @__PURE__ */ jsx72(VariableTextInput, __spreadValues({}, inputProps)) })
+        children: /* @__PURE__ */ jsx73(InputGroup3, { addonStart: getInputGroupAddonStart(media), children: /* @__PURE__ */ jsx73(VariableTextInput, __spreadValues({}, inputProps)) })
       }
     );
   }
@@ -3084,7 +3188,7 @@ import { Upload, UploadInput as UploadInput2 } from "@transferwise/components";
 var getRandomId = () => Math.random().toString(36).substring(2);
 
 // ../renderers/src/UploadInputRenderer.tsx
-import { jsx as jsx73 } from "react/jsx-runtime";
+import { jsx as jsx74 } from "react/jsx-runtime";
 var UploadInputRenderer = {
   canRenderType: "input-upload",
   render: (props) => {
@@ -3100,14 +3204,14 @@ var UploadInputRenderer = {
     };
     return (
       // We don't pass help here as there is no sensible place to display it
-      /* @__PURE__ */ jsx73(
+      /* @__PURE__ */ jsx74(
         UploadFieldInput_default,
         {
           id,
           label: void 0,
           description: void 0,
           validation: validationState,
-          children: /* @__PURE__ */ jsx73(
+          children: /* @__PURE__ */ jsx74(
             UploadInput2,
             {
               id,
@@ -3166,7 +3270,7 @@ var LargeUploadRenderer = {
     };
     const filetypes = acceptsToFileTypes(accepts);
     const usAccept = filetypes === "*" ? "*" : filetypes.join(",");
-    return /* @__PURE__ */ jsx73(
+    return /* @__PURE__ */ jsx74(
       FieldInput_default,
       {
         id,
@@ -3174,7 +3278,7 @@ var LargeUploadRenderer = {
         description,
         validation: validationState,
         help,
-        children: /* @__PURE__ */ jsx73(
+        children: /* @__PURE__ */ jsx74(
           Upload,
           __spreadProps(__spreadValues({}, uploadProps), {
             usAccept,
@@ -3194,19 +3298,19 @@ import { ListItem as ListItem4 } from "@transferwise/components";
 
 // ../renderers/src/NewListItem/getInlineAlert.tsx
 import { ListItem as ListItem2 } from "@transferwise/components";
-import { jsx as jsx74 } from "react/jsx-runtime";
-var getInlineAlert = (inlineAlert) => inlineAlert ? /* @__PURE__ */ jsx74(ListItem2.Prompt, { sentiment: inlineAlert == null ? void 0 : inlineAlert.context, children: inlineAlert.content }) : void 0;
+import { jsx as jsx75 } from "react/jsx-runtime";
+var getInlineAlert = (inlineAlert) => inlineAlert ? /* @__PURE__ */ jsx75(ListItem2.Prompt, { sentiment: inlineAlert == null ? void 0 : inlineAlert.context, children: inlineAlert.content }) : void 0;
 
 // ../renderers/src/NewListItem/getAdditionalInfo.tsx
 import { ListItem as ListItem3 } from "@transferwise/components";
-import { jsx as jsx75 } from "react/jsx-runtime";
+import { jsx as jsx76 } from "react/jsx-runtime";
 var getAdditionalInfo = (additionalInfo) => {
   if (!additionalInfo) {
     return void 0;
   }
   const { href, text, onClick } = additionalInfo;
   if (href || onClick) {
-    return /* @__PURE__ */ jsx75(
+    return /* @__PURE__ */ jsx76(
       ListItem3.AdditionalInfo,
       {
         action: {
@@ -3218,7 +3322,7 @@ var getAdditionalInfo = (additionalInfo) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx75(ListItem3.AdditionalInfo, { children: additionalInfo == null ? void 0 : additionalInfo.text });
+  return /* @__PURE__ */ jsx76(ListItem3.AdditionalInfo, { children: additionalInfo == null ? void 0 : additionalInfo.text });
 };
 
 // ../renderers/src/NewListItem/shouldUseAvatar.ts
@@ -3228,13 +3332,13 @@ var shouldUseAvatar = (control, tags) => {
 };
 
 // ../renderers/src/NewListItem/NewDecisionRenderer.tsx
-import { Fragment as Fragment10, jsx as jsx76 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx77 } from "react/jsx-runtime";
 var DecisionRenderer2 = {
   canRenderType: "decision",
-  render: (props) => /* @__PURE__ */ jsx76(DecisionWrapper, __spreadProps(__spreadValues({}, props), { renderDecisionList: renderDecisionList2 }))
+  render: (props) => /* @__PURE__ */ jsx77(DecisionWrapper, __spreadProps(__spreadValues({}, props), { renderDecisionList: renderDecisionList2 }))
 };
 var renderDecisionList2 = ({ options, control }) => {
-  return /* @__PURE__ */ jsx76(Fragment10, { children: options.map((_a) => {
+  return /* @__PURE__ */ jsx77(Fragment10, { children: options.map((_a) => {
     var _b = _a, { disabled, onClick } = _b, rest = __objRest(_b, ["disabled", "onClick"]);
     const {
       description,
@@ -3246,7 +3350,7 @@ var renderDecisionList2 = ({ options, control }) => {
       supportingValues,
       tags
     } = rest;
-    return /* @__PURE__ */ jsx76(
+    return /* @__PURE__ */ jsx77(
       ListItem4,
       {
         title: itemTitle,
@@ -3258,7 +3362,7 @@ var renderDecisionList2 = ({ options, control }) => {
         media: getMedia(media, shouldUseAvatar(control, tags)),
         prompt: getInlineAlert(inlineAlert),
         additionalInfo: additionalText ? getAdditionalInfo({ text: additionalText }) : void 0,
-        control: href ? /* @__PURE__ */ jsx76(ListItem4.Navigation, { href, target: "_blank" }) : /* @__PURE__ */ jsx76(ListItem4.Navigation, { onClick })
+        control: href ? /* @__PURE__ */ jsx77(ListItem4.Navigation, { href, target: "_blank" }) : /* @__PURE__ */ jsx77(ListItem4.Navigation, { onClick })
       },
       JSON.stringify(rest)
     );
@@ -3271,30 +3375,30 @@ import { ListItem as ListItem6 } from "@transferwise/components";
 
 // ../renderers/src/NewListItem/getCTAControl.tsx
 import { ListItem as ListItem5 } from "@transferwise/components";
-import { jsx as jsx77 } from "react/jsx-runtime";
-var getCTAControl = (callToAction, tags) => {
+import { jsx as jsx78 } from "react/jsx-runtime";
+var getCTAControl = (callToAction, { ctaSecondary, fullyInteractive }) => {
   if (!callToAction) {
     return void 0;
   }
   const { accessibilityDescription, href, title, onClick } = callToAction;
-  const priority = (tags == null ? void 0 : tags.includes("cta-secondary")) ? "secondary" : "secondary-neutral";
+  const priority = ctaSecondary ? "secondary" : "secondary-neutral";
   if (href) {
-    return /* @__PURE__ */ jsx77(
+    return /* @__PURE__ */ jsx78(
       ListItem5.Button,
       {
         href,
-        partiallyInteractive: true,
+        partiallyInteractive: !fullyInteractive,
         priority,
         "aria-description": accessibilityDescription,
         children: title
       }
     );
   }
-  return /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsx78(
     ListItem5.Button,
     {
       "aria-description": accessibilityDescription,
-      partiallyInteractive: true,
+      partiallyInteractive: !fullyInteractive,
       priority,
       onClick,
       children: title
@@ -3303,12 +3407,13 @@ var getCTAControl = (callToAction, tags) => {
 };
 
 // ../renderers/src/NewListItem/NewListRenderer.tsx
-import { jsx as jsx78, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs30 } from "react/jsx-runtime";
 var ListRenderer2 = {
   canRenderType: "list",
-  render: ({ callToAction, control, margin, items, title }) => /* @__PURE__ */ jsxs30("div", { className: getMargin(margin), children: [
-    /* @__PURE__ */ jsx78(Header7, { title, callToAction }),
+  render: ({ callToAction, control, margin, items, tags, title }) => /* @__PURE__ */ jsxs30("div", { className: getMargin(margin), children: [
+    /* @__PURE__ */ jsx79(Header7, { title, callToAction }),
     items.map((item) => {
+      var _a, _b;
       const {
         title: itemTitle,
         description,
@@ -3317,19 +3422,23 @@ var ListRenderer2 = {
         additionalInfo,
         inlineAlert,
         callToAction: itemCallToAction,
-        tags
+        tags: itemTags
       } = item;
-      return /* @__PURE__ */ jsx78(
+      const controlOptions = {
+        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__ */ jsx79(
         ListItem6,
         {
           title: itemTitle,
           subtitle: description,
           valueTitle: supportingValues == null ? void 0 : supportingValues.value,
           valueSubtitle: supportingValues == null ? void 0 : supportingValues.subvalue,
-          media: getMedia(media, shouldUseAvatar(control, tags)),
+          media: getMedia(media, shouldUseAvatar(control, itemTags)),
           prompt: getInlineAlert(inlineAlert),
           additionalInfo: getAdditionalInfo(additionalInfo),
-          control: getCTAControl(itemCallToAction, tags)
+          control: getCTAControl(itemCallToAction, controlOptions)
         },
         itemTitle
       );
@@ -3341,7 +3450,7 @@ var NewListRenderer_default = ListRenderer2;
 // ../renderers/src/NewListItem/NewReviewRenderer.tsx
 import { ListItem as ListItem7, Markdown as Markdown6, Popover } from "@transferwise/components";
 import { QuestionMarkCircle } from "@transferwise/icons";
-import { jsx as jsx79, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs31 } from "react/jsx-runtime";
 var IGNORED_CONTROLS = [
   "horizontal",
   "horizontal-end-aligned",
@@ -3351,10 +3460,10 @@ var IGNORED_CONTROLS = [
 var ReviewRenderer2 = {
   canRenderType: "review",
   canRender: ({ control }) => control ? !IGNORED_CONTROLS.includes(control) : true,
-  render: ({ callToAction, control, margin, fields, title }) => /* @__PURE__ */ jsxs31("div", { className: getMargin(margin), children: [
-    /* @__PURE__ */ jsx79(Header7, { title, callToAction }),
+  render: ({ callToAction, control, margin, fields, tags, title }) => /* @__PURE__ */ jsxs31("div", { className: getMargin(margin), children: [
+    /* @__PURE__ */ jsx80(Header7, { title, callToAction }),
     fields.map((field) => {
-      var _a;
+      var _a, _b, _c;
       const {
         label,
         value,
@@ -3363,16 +3472,20 @@ var ReviewRenderer2 = {
         inlineAlert,
         help,
         callToAction: itemCallToAction,
-        tags
+        tags: itemTags
       } = field;
-      return /* @__PURE__ */ jsx79(
+      const controlOptions = {
+        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__ */ jsx80(
         ListItem7,
         {
           title: value,
           subtitle: label,
           inverted: true,
-          media: getMedia(media, shouldUseAvatar(control, tags)),
-          control: (_a = getCTAControl(itemCallToAction, tags)) != null ? _a : getHelpControl(help),
+          media: getMedia(media, shouldUseAvatar(control, itemTags)),
+          control: (_c = getCTAControl(itemCallToAction, controlOptions)) != null ? _c : getHelpControl(help),
           prompt: getInlineAlert(inlineAlert),
           additionalInfo: getAdditionalInfo(additionalInfo)
         },
@@ -3385,26 +3498,26 @@ var getHelpControl = (help) => {
   if (!help) {
     return void 0;
   }
-  return /* @__PURE__ */ jsx79(Popover, { content: /* @__PURE__ */ jsx79(Markdown6, { config: { link: { target: "_blank" } }, children: help }), children: /* @__PURE__ */ jsx79(ListItem7.IconButton, { partiallyInteractive: true, children: /* @__PURE__ */ jsx79(QuestionMarkCircle, {}) }) });
+  return /* @__PURE__ */ jsx80(Popover, { content: /* @__PURE__ */ jsx80(Markdown6, { config: { link: { target: "_blank" } }, children: help }), children: /* @__PURE__ */ jsx80(ListItem7.IconButton, { partiallyInteractive: true, children: /* @__PURE__ */ jsx80(QuestionMarkCircle, {}) }) });
 };
 var NewReviewRenderer_default = ReviewRenderer2;
 
 // ../renderers/src/NewListItem/NewStatusListRenderer.tsx
 import { AvatarView as AvatarView4, Header as Header10, ListItem as ListItem8 } from "@transferwise/components";
-import { jsx as jsx80, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs32 } from "react/jsx-runtime";
 var NewStatusListRenderer = {
   canRenderType: "status-list",
   render: ({ margin, items, title }) => /* @__PURE__ */ jsxs32("div", { className: getMargin(margin), children: [
-    title ? /* @__PURE__ */ jsx80(Header10, { title }) : null,
+    title ? /* @__PURE__ */ jsx81(Header10, { title }) : null,
     items.map((item) => {
       const { callToAction, description, icon, status, title: itemTitle } = item;
-      return /* @__PURE__ */ jsx80(
+      return /* @__PURE__ */ jsx81(
         ListItem8,
         {
           title: itemTitle,
           subtitle: description,
-          media: icon && "name" in icon ? /* @__PURE__ */ jsx80(AvatarView4, { badge: { status: mapStatus2(status) }, children: /* @__PURE__ */ jsx80(DynamicIcon_default, { name: icon.name }) }) : void 0,
-          additionalInfo: callToAction ? /* @__PURE__ */ jsx80(
+          media: icon && "name" in icon ? /* @__PURE__ */ jsx81(AvatarView4, { badge: { status: mapStatus2(status) }, children: /* @__PURE__ */ jsx81(DynamicIcon_default, { name: icon.name }) }) : void 0,
+          additionalInfo: callToAction ? /* @__PURE__ */ jsx81(
             ListItem8.AdditionalInfo,
             {
               action: {
@@ -3441,8 +3554,8 @@ var validPriorities = ["primary", "secondary", "secondary-neutral", "tertiary"];
 var isButtonPriority = (control) => validPriorities.includes(control);
 
 // ../renderers/src/ButtonRenderer/ButtonRendererV2.tsx
-import { useEffect as useEffect8, useState as useState12 } from "react";
-import { jsx as jsx81 } from "react/jsx-runtime";
+import { useEffect as useEffect9, useState as useState12 } from "react";
+import { jsx as jsx82 } from "react/jsx-runtime";
 var ButtonRendererV2 = {
   canRenderType: "button",
   render: ButtonComponent2
@@ -3450,13 +3563,13 @@ var ButtonRendererV2 = {
 function ButtonComponent2(props) {
   const { control, context, disabled, margin, title, size, stepLoadingState, onClick } = props;
   const [spinny, setSpinny] = useState12(false);
-  useEffect8(() => {
+  useEffect9(() => {
     if (stepLoadingState === "idle") {
       setSpinny(false);
     }
   }, [stepLoadingState]);
   const loading = spinny && stepLoadingState !== "idle";
-  return /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsx82(
     Button8,
     {
       v2: true,
@@ -3480,16 +3593,16 @@ var getPriority3 = (control) => control && isButtonPriority(control) ? control :
 
 // ../renderers/src/ProgressRenderer.tsx
 import { ProgressBar } from "@transferwise/components";
-import { jsx as jsx82 } from "react/jsx-runtime";
+import { jsx as jsx83 } from "react/jsx-runtime";
 var ProgressRenderer = {
   canRenderType: "progress",
   render: ({ uid, title, help, progress, progressText, margin, description }) => {
-    return /* @__PURE__ */ jsx82(
+    return /* @__PURE__ */ jsx83(
       ProgressBar,
       {
         id: uid,
         className: getMargin(margin),
-        title: title && help ? /* @__PURE__ */ jsx82(LabelContentWithHelp, { text: title, help }) : title,
+        title: title && help ? /* @__PURE__ */ jsx83(LabelContentWithHelp, { text: title, help }) : title,
         description,
         progress: {
           max: 1,
@@ -3532,6 +3645,7 @@ var getWiseRenderers = () => [
   MarkdownRenderer_default,
   ModalRenderer,
   ModalLayoutRenderer_default,
+  MoneyInputRenderer,
   MultiSelectInputRenderer_default,
   MultiUploadInputRenderer_default,
   NumberInputRenderer_default,
@@ -3582,13 +3696,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.",
@@ -3603,7 +3710,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
@@ -3627,13 +3741,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.",
@@ -3648,7 +3755,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
@@ -3672,13 +3786,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.",
@@ -3693,7 +3800,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
@@ -3717,13 +3831,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.",
@@ -3738,7 +3845,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
@@ -3762,13 +3876,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.",
@@ -3783,7 +3890,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
@@ -3807,13 +3921,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.",
@@ -3828,7 +3935,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
@@ -3852,13 +3966,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.",
@@ -3873,7 +3980,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
@@ -3897,13 +4011,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.",
@@ -3918,7 +4025,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": "Tutte",
+  "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
@@ -3942,13 +4056,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",
@@ -3963,7 +4070,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
@@ -3987,13 +4101,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.",
@@ -4008,7 +4115,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
@@ -4032,13 +4146,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.",
@@ -4053,7 +4160,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
@@ -4077,13 +4191,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.",
@@ -4098,7 +4205,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
@@ -4122,13 +4236,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.",
@@ -4143,7 +4250,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
@@ -4167,13 +4281,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.",
@@ -4188,7 +4295,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
@@ -4212,13 +4326,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",
@@ -4233,7 +4340,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
@@ -4257,13 +4371,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.",
@@ -4278,7 +4385,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
@@ -4302,13 +4416,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",
@@ -4323,7 +4430,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
@@ -4347,13 +4461,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",
@@ -4368,7 +4475,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
@@ -4404,7 +4518,7 @@ var i18n_default = translations;
 
 // src/dynamicFlow/DynamicFlow.tsx
 import { forwardRef, useCallback, useMemo as useMemo2 } from "react";
-import { useIntl as useIntl12 } from "react-intl";
+import { useIntl as useIntl13 } from "react-intl";
 import {
   DynamicFlow as DynamicFlowCoreLegacy,
   DynamicFlowCoreRevamp,
@@ -4414,7 +4528,7 @@ import {
 // src/dynamicFlow/telemetry/app-version.ts
 var appVersion = (
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  typeof process !== "undefined" ? "4.33.4" : "0.0.0"
+  typeof process !== "undefined" ? "4.35.0" : "0.0.0"
 );
 
 // src/dynamicFlow/telemetry/getLogEvent.ts
@@ -4454,8 +4568,8 @@ var getTrackEvent = (onEvent, onAnalytics, onThemeChange) => (name, properties)
 };
 
 // src/dynamicFlow/messages.ts
-import { defineMessages as defineMessages10 } from "react-intl";
-var messages_default = defineMessages10({
+import { defineMessages as defineMessages11 } from "react-intl";
+var messages_default = defineMessages11({
   copied: {
     id: "df.wise.CopyFeedback.copy",
     defaultMessage: "Copied to clipboard",
@@ -4469,12 +4583,12 @@ var messages_default = defineMessages10({
 });
 
 // src/dynamicFlow/DynamicFlow.tsx
-import { jsx as jsx83 } from "react/jsx-runtime";
+import { jsx as jsx84 } from "react/jsx-runtime";
 var wiseRenderers = getWiseRenderers();
 function DynamicFlowLegacy(props) {
   const { customFetch = globalThis.fetch } = props;
   const coreProps = __spreadProps(__spreadValues({}, props), { httpClient: customFetch });
-  return /* @__PURE__ */ jsx83(DynamicFlowCoreLegacy, __spreadValues({}, coreProps));
+  return /* @__PURE__ */ jsx84(DynamicFlowCoreLegacy, __spreadValues({}, coreProps));
 }
 function DynamicFlowRevamp(props) {
   const {
@@ -4487,7 +4601,7 @@ function DynamicFlowRevamp(props) {
     onLink = openLinkInNewTab,
     onThemeChange
   } = props;
-  const { formatMessage } = useIntl12();
+  const { formatMessage } = useIntl13();
   const createSnackBar = useSnackBarIfAvailable();
   const httpClient = useWiseHttpClient(customFetch);
   const mergedRenderers = useMemo2(() => [...renderers != null ? renderers : [], ...wiseRenderers], [renderers]);
@@ -4511,7 +4625,7 @@ function DynamicFlowRevamp(props) {
     onLink,
     onCopy
   });
-  return /* @__PURE__ */ jsx83("div", { className, children: /* @__PURE__ */ jsx83(DynamicFlowCoreRevamp, __spreadValues({}, coreProps)) });
+  return /* @__PURE__ */ jsx84("div", { className, children: /* @__PURE__ */ jsx84(DynamicFlowCoreRevamp, __spreadValues({}, coreProps)) });
 }
 var DynamicForm = forwardRef(function DynamicForm2(props, ref) {
   const {
@@ -4524,7 +4638,7 @@ var DynamicForm = forwardRef(function DynamicForm2(props, ref) {
     onLink = openLinkInNewTab,
     onThemeChange
   } = props;
-  const { formatMessage } = useIntl12();
+  const { formatMessage } = useIntl13();
   const createSnackBar = useSnackBarIfAvailable();
   const httpClient = useWiseHttpClient(customFetch);
   const mergedRenderers = useMemo2(() => [...renderers != null ? renderers : [], ...wiseRenderers], [renderers]);
@@ -4548,10 +4662,10 @@ var DynamicForm = forwardRef(function DynamicForm2(props, ref) {
     onLink,
     onCopy
   });
-  return /* @__PURE__ */ jsx83("div", { className, children: /* @__PURE__ */ jsx83(DynamicFormCore, __spreadProps(__spreadValues({}, coreProps), { ref })) });
+  return /* @__PURE__ */ jsx84("div", { className, children: /* @__PURE__ */ jsx84(DynamicFormCore, __spreadProps(__spreadValues({}, coreProps), { ref })) });
 });
 var useWiseHttpClient = (httpClient) => {
-  const { locale } = useIntl12();
+  const { locale } = useIntl13();
   return useCallback(
     async (input, init = {}) => {
       const headers = new Headers(init.headers);