@wise/dynamic-flow-client 3.21.2 → 3.22.1

package/build/main.mjs

@@ -500,7 +500,8 @@ var de_default = {
   "dynamicFlows.MultipleFileUploadSchema.minItemsError": "Bitte lade mindestens {minItems} Datei(en) hoch.",
   "dynamicFlows.PersistAsyncSchema.genericError": "Da ist etwas schiefgegangen. Versuche es bitte nochmal.",
   "dynamicFlows.ReadOnlySchema.no": "Nein",
-  "dynamicFlows.ReadOnlySchema.yes": "Ja"
+  "dynamicFlows.ReadOnlySchema.yes": "Ja",
+  "dynamicFlows.SearchLayout.loading": "L\xE4dt..."
 };
 
 // src/i18n/en.json
@@ -550,7 +551,8 @@ var en_default = {
   "dynamicFlows.MultipleFileUploadSchema.minItemsError": "Please upload at least {minItems} file(s).",
   "dynamicFlows.PersistAsyncSchema.genericError": "Something went wrong, please try again.",
   "dynamicFlows.ReadOnlySchema.no": "No",
-  "dynamicFlows.ReadOnlySchema.yes": "Yes"
+  "dynamicFlows.ReadOnlySchema.yes": "Yes",
+  "dynamicFlows.SearchLayout.loading": "Loading..."
 };
 
 // src/i18n/es.json
@@ -600,7 +602,8 @@ var es_default = {
   "dynamicFlows.MultipleFileUploadSchema.minItemsError": "Sube al menos {minItems} archivo(s).",
   "dynamicFlows.PersistAsyncSchema.genericError": "Ha habido un error. Int\xE9ntalo de nuevo.",
   "dynamicFlows.ReadOnlySchema.no": "No",
-  "dynamicFlows.ReadOnlySchema.yes": "S\xED"
+  "dynamicFlows.ReadOnlySchema.yes": "S\xED",
+  "dynamicFlows.SearchLayout.loading": "Cargando..."
 };
 
 // src/i18n/fr.json
@@ -650,7 +653,8 @@ var fr_default = {
   "dynamicFlows.MultipleFileUploadSchema.minItemsError": "Veuillez t\xE9l\xE9charger au moins {minItems} fichier(s).",
   "dynamicFlows.PersistAsyncSchema.genericError": "Une erreur s'est produite, veuillez r\xE9essayer.",
   "dynamicFlows.ReadOnlySchema.no": "Non",
-  "dynamicFlows.ReadOnlySchema.yes": "Oui"
+  "dynamicFlows.ReadOnlySchema.yes": "Oui",
+  "dynamicFlows.SearchLayout.loading": "Chargement..."
 };
 
 // src/i18n/hu.json
@@ -700,7 +704,8 @@ var hu_default = {
   "dynamicFlows.MultipleFileUploadSchema.minItemsError": "K\xE9r\xFCnk, hogy legal\xE1bb {minItems} f\xE1jlt t\xF6lts fel.",
   "dynamicFlows.PersistAsyncSchema.genericError": "Valami hiba t\xF6rt\xE9nt. K\xE9r\xFCnk, pr\xF3b\xE1ld \xFAjra.",
   "dynamicFlows.ReadOnlySchema.no": "Nem",
-  "dynamicFlows.ReadOnlySchema.yes": "Igen"
+  "dynamicFlows.ReadOnlySchema.yes": "Igen",
+  "dynamicFlows.SearchLayout.loading": "Bet\xF6lt\xE9s..."
 };
 
 // src/i18n/id.json
@@ -750,7 +755,8 @@ var id_default = {
   "dynamicFlows.MultipleFileUploadSchema.minItemsError": "Harap unggah sedikitnya {minItems} file.",
   "dynamicFlows.PersistAsyncSchema.genericError": "Terjadi kesalahan, mohon coba lagi.",
   "dynamicFlows.ReadOnlySchema.no": "Tidak",
-  "dynamicFlows.ReadOnlySchema.yes": "Ya"
+  "dynamicFlows.ReadOnlySchema.yes": "Ya",
+  "dynamicFlows.SearchLayout.loading": "Memuat..."
 };
 
 // src/i18n/it.json
@@ -800,7 +806,8 @@ var it_default = {
   "dynamicFlows.MultipleFileUploadSchema.minItemsError": "Carica almeno {minItems} file.",
   "dynamicFlows.PersistAsyncSchema.genericError": "Qualcosa \xE8 andato storto. Riprova.",
   "dynamicFlows.ReadOnlySchema.no": "No",
-  "dynamicFlows.ReadOnlySchema.yes": "S\xEC"
+  "dynamicFlows.ReadOnlySchema.yes": "S\xEC",
+  "dynamicFlows.SearchLayout.loading": "Caricamento..."
 };
 
 // src/i18n/ja.json
@@ -850,7 +857,8 @@ var ja_default = {
   "dynamicFlows.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",
   "dynamicFlows.PersistAsyncSchema.genericError": "\u554F\u984C\u304C\u767A\u751F\u3057\u307E\u3057\u305F\u3002\u518D\u5EA6\u304A\u8A66\u3057\u304F\u3060\u3055\u3044\u3002",
   "dynamicFlows.ReadOnlySchema.no": "\u3044\u3044\u3048",
-  "dynamicFlows.ReadOnlySchema.yes": "\u306F\u3044"
+  "dynamicFlows.ReadOnlySchema.yes": "\u306F\u3044",
+  "dynamicFlows.SearchLayout.loading": "\u8AAD\u307F\u8FBC\u307F\u4E2D\u2026"
 };
 
 // src/i18n/pl.json
@@ -900,7 +908,8 @@ var pl_default = {
   "dynamicFlows.MultipleFileUploadSchema.minItemsError": "Prze\u015Blij co najmniej nast\u0119puj\u0105c\u0105 liczb\u0119 plik\xF3w: {minItems}.",
   "dynamicFlows.PersistAsyncSchema.genericError": "Wyst\u0105pi\u0142 b\u0142\u0105d, prosimy spr\xF3bowa\u0107 ponownie.",
   "dynamicFlows.ReadOnlySchema.no": "Nie",
-  "dynamicFlows.ReadOnlySchema.yes": "Tak"
+  "dynamicFlows.ReadOnlySchema.yes": "Tak",
+  "dynamicFlows.SearchLayout.loading": "Trwa \u0142adowanie..."
 };
 
 // src/i18n/pt.json
@@ -950,7 +959,8 @@ var pt_default = {
   "dynamicFlows.MultipleFileUploadSchema.minItemsError": "Por favor, envie pelo menos {minItems} arquivo(s).",
   "dynamicFlows.PersistAsyncSchema.genericError": "Ocorreu um erro. Por favor, tente novamente.",
   "dynamicFlows.ReadOnlySchema.no": "N\xE3o",
-  "dynamicFlows.ReadOnlySchema.yes": "Sim"
+  "dynamicFlows.ReadOnlySchema.yes": "Sim",
+  "dynamicFlows.SearchLayout.loading": "Carregando..."
 };
 
 // src/i18n/ro.json
@@ -1000,7 +1010,8 @@ var ro_default = {
   "dynamicFlows.MultipleFileUploadSchema.minItemsError": "Te rug\u0103m s\u0103 \xEEncarci cel pu\u021Bin {minItems} fi\u0219ier(e).",
   "dynamicFlows.PersistAsyncSchema.genericError": "Ceva nu a mers bine, te rug\u0103m s\u0103 \xEEncerci din nou.",
   "dynamicFlows.ReadOnlySchema.no": "Nu",
-  "dynamicFlows.ReadOnlySchema.yes": "Da"
+  "dynamicFlows.ReadOnlySchema.yes": "Da",
+  "dynamicFlows.SearchLayout.loading": "Se \xEEncarc\u0103..."
 };
 
 // src/i18n/ru.json
@@ -1050,7 +1061,8 @@ var ru_default = {
   "dynamicFlows.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).",
   "dynamicFlows.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.",
   "dynamicFlows.ReadOnlySchema.no": "\u041D\u0435\u0442",
-  "dynamicFlows.ReadOnlySchema.yes": "\u0414\u0430"
+  "dynamicFlows.ReadOnlySchema.yes": "\u0414\u0430",
+  "dynamicFlows.SearchLayout.loading": "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430..."
 };
 
 // src/i18n/th.json
@@ -1100,7 +1112,8 @@ var th_default = {
   "dynamicFlows.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",
   "dynamicFlows.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",
   "dynamicFlows.ReadOnlySchema.no": "\u0E44\u0E21\u0E48\u0E43\u0E0A\u0E48",
-  "dynamicFlows.ReadOnlySchema.yes": "\u0E43\u0E0A\u0E48"
+  "dynamicFlows.ReadOnlySchema.yes": "\u0E43\u0E0A\u0E48",
+  "dynamicFlows.SearchLayout.loading": "\u0E01\u0E33\u0E25\u0E31\u0E07\u0E42\u0E2B\u0E25\u0E14..."
 };
 
 // src/i18n/tr.json
@@ -1150,7 +1163,8 @@ var tr_default = {
   "dynamicFlows.MultipleFileUploadSchema.minItemsError": "L\xFCtfen en az {minItems} dosya y\xFCkleyin.",
   "dynamicFlows.PersistAsyncSchema.genericError": "Bir \u015Feyler ters gitti, l\xFCtfen tekrar deneyin.",
   "dynamicFlows.ReadOnlySchema.no": "Hay\u0131r",
-  "dynamicFlows.ReadOnlySchema.yes": "Evet"
+  "dynamicFlows.ReadOnlySchema.yes": "Evet",
+  "dynamicFlows.SearchLayout.loading": "Y\xFCkleniyor..."
 };
 
 // src/i18n/zh_CN.json
@@ -1200,7 +1214,8 @@ var zh_CN_default = {
   "dynamicFlows.MultipleFileUploadSchema.minItemsError": "\u8BF7\u4E0A\u4F20\u81F3\u5C11 {minItems} \u4E2A\u6587\u4EF6\u3002",
   "dynamicFlows.PersistAsyncSchema.genericError": "\u51FA\u9519\u4E86\uFF0C\u8BF7\u91CD\u8BD5\u3002",
   "dynamicFlows.ReadOnlySchema.no": "\u5426",
-  "dynamicFlows.ReadOnlySchema.yes": "\u662F"
+  "dynamicFlows.ReadOnlySchema.yes": "\u662F",
+  "dynamicFlows.SearchLayout.loading": "\u6B63\u5728\u52A0\u8F7D\u2026"
 };
 
 // src/i18n/zh_HK.json
@@ -1250,7 +1265,8 @@ var zh_HK_default = {
   "dynamicFlows.MultipleFileUploadSchema.minItemsError": "\u8ACB\u4E0A\u8F09\u81F3\u5C11{minItems}\u500B\u6A94\u6848\u3002",
   "dynamicFlows.PersistAsyncSchema.genericError": "\u51FA\u73FE\u4E86\u554F\u984C\uFF0C\u8ACB\u518D\u8A66\u4E00\u6B21\u3002",
   "dynamicFlows.ReadOnlySchema.no": "\u5426",
-  "dynamicFlows.ReadOnlySchema.yes": "\u662F"
+  "dynamicFlows.ReadOnlySchema.yes": "\u662F",
+  "dynamicFlows.SearchLayout.loading": "\u8F09\u5165\u4E2D\u2026"
 };
 
 // src/i18n/index.ts
@@ -1448,9 +1464,20 @@ var allOfComponentToProps = ({ control, description, help, title }, children) =>
   title
 });
 
+// src/revamp/renderers/mappers/utils/mapErrorsToValidationState.ts
+var mapErrorsToValidationState = (errors) => {
+  if (errors) {
+    if (errors.length > 0) {
+      return { status: "invalid", message: errors[0] };
+    }
+    return { status: "valid" };
+  }
+  return void 0;
+};
+
 // src/revamp/renderers/mappers/utils/inputComponentToProps.ts
 var inputComponentToProps = (component, type) => {
-  var _a, _b;
+  var _a;
   const {
     autoComplete,
     control,
@@ -1462,29 +1489,40 @@ var inputComponentToProps = (component, type) => {
     placeholder,
     required,
     title,
+    validationAsyncState,
     onBlur,
     onFocus
   } = component;
-  const validationState = componentHasValidationState(component) ? component.validationState : void 0;
-  const { messages } = validationState != null ? validationState : {};
+  const { messages } = validationAsyncState != null ? validationAsyncState : {};
   return {
     type,
     autoComplete,
     control,
-    description: (_a = messages == null ? void 0 : messages.success) != null ? _a : description,
+    description,
     disabled,
-    error: (_b = messages == null ? void 0 : messages.error) != null ? _b : errors[0],
+    error: (_a = messages == null ? void 0 : messages.error) != null ? _a : errors == null ? void 0 : errors[0],
     help,
     id,
     label: title,
     placeholder,
     required,
+    validationState: getValidationState(errors, validationAsyncState),
     value: component.getLocalValue(),
     onBlur: onBlur.bind(component),
     onFocus: onFocus.bind(component)
   };
 };
-var componentHasValidationState = (component) => Boolean("validationState" in component && component.validationState);
+var getValidationState = (errors, validationAsyncState) => {
+  if (validationAsyncState) {
+    if (validationAsyncState == null ? void 0 : validationAsyncState.messages.error) {
+      return { status: "invalid", message: validationAsyncState == null ? void 0 : validationAsyncState.messages.error };
+    }
+    if (validationAsyncState == null ? void 0 : validationAsyncState.messages.success) {
+      return { status: "valid", message: validationAsyncState == null ? void 0 : validationAsyncState.messages.success };
+    }
+  }
+  return mapErrorsToValidationState(errors);
+};
 
 // src/revamp/renderers/mappers/booleanInputComponentToProps.ts
 var booleanInputComponentToProps = (component) => {
@@ -1642,15 +1680,14 @@ var modalComponentToProps = ({ content, control, margin, trigger }, components)
 
 // src/revamp/renderers/mappers/multiUploadInputComponentToProps.ts
 var multiUploadInputComponentToProps = (component) => {
-  const { accepts, fileMap, maxSize, minItems, maxItems, uploadLabel } = component;
-  const findIdByValue = (file) => Object.keys(fileMap).find((id) => fileMap[id] === file);
-  const fileList = Object.values(fileMap).map((file) => {
-    var _a;
-    return {
-      id: (_a = findIdByValue(file)) != null ? _a : "",
-      file
-    };
-  });
+  const { accepts, errorsMap, fileMap, maxSize, minItems, maxItems, uploadLabel } = component;
+  const fileList = Object.entries(fileMap).map(
+    ([id, file]) => ({
+      id,
+      file,
+      validationState: mapErrorsToValidationState(errorsMap[id])
+    })
+  );
   return __spreadProps(__spreadValues({}, inputComponentToProps(component, "input-upload-multi")), {
     accepts,
     maxSize,
@@ -1732,11 +1769,12 @@ var repeatableComponentToProps = (component, children, editableItemChildren) =>
     description,
     editableItem: editableItemChildren,
     editItemTitle,
+    error: errors == null ? void 0 : errors[0],
     items: itemProps,
     maxItems,
     minItems,
     title,
-    error: errors[0],
+    validationState: mapErrorsToValidationState(errors),
     onAdd: onAdd.bind(component),
     onEdit: onEdit.bind(component),
     onSave: onSave.bind(component),
@@ -7368,18 +7406,18 @@ var getDebouncedPerformRefresh = (performRefresh) => performRefresh ? debounce(p
 // src/revamp/domain/features/validationAsync/getComponentValidationAsync.ts
 var getComponentValidationAsync = (update, performValidationAsync) => (
   /**
-   * Will update the validationState when a new request is made, and will update
+   * Will update the validationAsyncState when a new request is made, and will update
    * the description or set errors when the request completes.
    */
-  async (validationState, currentValue) => {
-    const { abortController, lastSubmitted } = validationState;
+  async (validationAsyncState, currentValue) => {
+    const { abortController, lastSubmitted } = validationAsyncState;
     if (lastSubmitted === currentValue) {
       return;
     }
     const newAbortController = abortAndResetController(abortController);
     if (isNullish(currentValue)) {
       update((draft) => {
-        draft.validationState = {
+        draft.validationAsyncState = {
           abortController: newAbortController,
           lastSubmitted: currentValue,
           messages: {}
@@ -7391,7 +7429,7 @@ var getComponentValidationAsync = (update, performValidationAsync) => (
     const newSubmission = performValidationAsync({ value: currentValue, signal }).then((message) => {
       update((draft) => {
         if (message) {
-          draft.validationState.messages.success = message;
+          draft.validationAsyncState.messages.success = message;
         }
       });
       return message;
@@ -7400,11 +7438,11 @@ var getComponentValidationAsync = (update, performValidationAsync) => (
         return null;
       }
       update((draft) => {
-        draft.validationState.messages.error = error.message;
+        draft.validationAsyncState.messages.error = error.message;
       });
     });
     update((draft) => {
-      draft.validationState = {
+      draft.validationAsyncState = {
         abortController: newAbortController,
         lastSubmitted: currentValue,
         messages: {}
@@ -7459,7 +7497,7 @@ var createNumberInputComponent = (numberInputProps, updateComponent) => {
     onChange(updatedValue) {
       update((draft) => {
         draft.errors = [];
-        draft.validationState.messages = {};
+        draft.validationAsyncState.messages = {};
         draft.value = updatedValue;
       });
       performDebouncedRefresh == null ? void 0 : performDebouncedRefresh();
@@ -7508,7 +7546,7 @@ var createNumberInputComponent = (numberInputProps, updateComponent) => {
     return __spreadProps(__spreadValues({}, numberComponent), {
       onBlur() {
         if (this.validate()) {
-          validateAsync(this.validationState, this.getLocalValue()).catch(() => {
+          validateAsync(this.validationAsyncState, this.getLocalValue()).catch(() => {
           });
         }
       }
@@ -7820,7 +7858,7 @@ var mapCommonSchemaProps = (schemaMapperProps) => {
     control,
     description,
     disabled: schemaHasDisabled(schema) ? schema.disabled : false,
-    errors: isString(validationErrors) ? [validationErrors] : [],
+    errors: isString(validationErrors) ? [validationErrors] : void 0,
     hidden: Boolean(hidden),
     keywords,
     required: Boolean(required),
@@ -7879,8 +7917,8 @@ var getValidationMessage = (json) => {
   return isString(message) ? message : null;
 };
 
-// src/revamp/domain/features/validationAsync/getInitialValidationState.ts
-var getInitialValidationState = () => ({
+// src/revamp/domain/features/validationAsync/getInitialValidationAsyncState.ts
+var getInitialValidationAsyncState = () => ({
   abortController: new AbortController(),
   lastSubmitted: null,
   messages: {}
@@ -7889,8 +7927,8 @@ var getInitialValidationState = () => ({
 // src/revamp/domain/mappers/schema/utils/getValidationAsyncInitialState.ts
 var getValidationAsyncInitialState = (schemaMapperProps, mapperProps) => {
   const performValidationAsync = getValidationAsyncFn(schemaMapperProps, mapperProps);
-  const validationState = getInitialValidationState();
-  return { performValidationAsync, validationState };
+  const validationAsyncState = getInitialValidationAsyncState();
+  return { performValidationAsync, validationAsyncState };
 };
 var getValidationAsyncFn = (schemaMapperProps, mapperProps) => {
   const { schema } = schemaMapperProps;
@@ -7919,7 +7957,7 @@ var numberSchemaToComponent = (schemaMapperProps, mapperProps) => {
     schemaMapperProps,
     mapperProps
   );
-  const { performValidationAsync, validationState } = getValidationAsyncInitialState(
+  const { performValidationAsync, validationAsyncState } = getValidationAsyncInitialState(
     schemaMapperProps,
     mapperProps
   );
@@ -7938,7 +7976,7 @@ var numberSchemaToComponent = (schemaMapperProps, mapperProps) => {
       maximum,
       minimum,
       persistedState,
-      validationState,
+      validationAsyncState,
       performPersistAsync,
       performRefresh: getPerformRefresh(schema, onRefresh),
       performValidationAsync,
@@ -8200,7 +8238,7 @@ var createIntegerInputComponent = (integerInputProps, updateComponent) => {
     onChange(updatedValue) {
       update((draft) => {
         draft.errors = [];
-        draft.validationState.messages = {};
+        draft.validationAsyncState.messages = {};
         draft.value = updatedValue;
       });
       performDebouncedRefresh == null ? void 0 : performDebouncedRefresh();
@@ -8249,7 +8287,7 @@ var createIntegerInputComponent = (integerInputProps, updateComponent) => {
     return __spreadProps(__spreadValues({}, integerComponent), {
       onBlur() {
         if (this.validate()) {
-          validateAsync(this.validationState, this.getLocalValue()).catch(() => {
+          validateAsync(this.validationAsyncState, this.getLocalValue()).catch(() => {
           });
         }
       }
@@ -8268,7 +8306,7 @@ var integerSchemaToComponent = (schemaMapperProps, mapperProps) => {
     schemaMapperProps,
     mapperProps
   );
-  const { performValidationAsync, validationState } = getValidationAsyncInitialState(
+  const { performValidationAsync, validationAsyncState } = getValidationAsyncInitialState(
     schemaMapperProps,
     mapperProps
   );
@@ -8288,7 +8326,7 @@ var integerSchemaToComponent = (schemaMapperProps, mapperProps) => {
       minimum,
       persistedState,
       value,
-      validationState,
+      validationAsyncState,
       performPersistAsync,
       performRefresh: getPerformRefresh(schema, onRefresh),
       performValidationAsync,
@@ -8491,7 +8529,7 @@ var createDateInputComponent = (textInputProps, updateComponent) => {
     onChange(updatedValue) {
       update((draft) => {
         draft.errors = [];
-        draft.validationState.messages = {};
+        draft.validationAsyncState.messages = {};
         draft.value = updatedValue;
       });
       performRefresh == null ? void 0 : performRefresh();
@@ -8542,7 +8580,7 @@ var createDateInputComponent = (textInputProps, updateComponent) => {
     return __spreadProps(__spreadValues({}, dateInputComponent), {
       onBlur() {
         if (this.validate()) {
-          validateAsync(this.validationState, this.getLocalValue()).catch(() => {
+          validateAsync(this.validationAsyncState, this.getLocalValue()).catch(() => {
           });
         }
       }
@@ -8566,7 +8604,7 @@ var stringSchemaToDateInputComponent = (schemaMapperProps, mapperProps) => {
     schemaMapperProps,
     mapperProps
   );
-  const { performValidationAsync, validationState } = getValidationAsyncInitialState(
+  const { performValidationAsync, validationAsyncState } = getValidationAsyncInitialState(
     schemaMapperProps,
     mapperProps
   );
@@ -8585,7 +8623,7 @@ var stringSchemaToDateInputComponent = (schemaMapperProps, mapperProps) => {
       maximumDate,
       value,
       persistedState,
-      validationState,
+      validationAsyncState,
       performPersistAsync,
       performRefresh: getPerformRefresh(schema, onRefresh),
       performValidationAsync,
@@ -8797,7 +8835,7 @@ var createTextInputComponent = (textInputProps, updateComponent) => {
     onChange(updatedValue) {
       update((draft) => {
         draft.errors = [];
-        draft.validationState.messages = {};
+        draft.validationAsyncState.messages = {};
         draft.value = updatedValue;
       });
       performDebouncedRefresh == null ? void 0 : performDebouncedRefresh();
@@ -8846,7 +8884,7 @@ var createTextInputComponent = (textInputProps, updateComponent) => {
     return __spreadProps(__spreadValues({}, inputComponent), {
       onBlur() {
         if (this.validate()) {
-          validateAsync(this.validationState, this.getLocalValue()).catch(() => {
+          validateAsync(this.validationAsyncState, this.getLocalValue()).catch(() => {
           });
         }
       }
@@ -8875,7 +8913,7 @@ var stringSchemaToTextInputComponent = (schemaMapperProps, mapperProps) => {
     schemaMapperProps,
     mapperProps
   );
-  const { performValidationAsync, validationState } = getValidationAsyncInitialState(
+  const { performValidationAsync, validationAsyncState } = getValidationAsyncInitialState(
     schemaMapperProps,
     mapperProps
   );
@@ -8897,7 +8935,7 @@ var stringSchemaToTextInputComponent = (schemaMapperProps, mapperProps) => {
       minLength,
       value,
       persistedState,
-      validationState,
+      validationAsyncState,
       performPersistAsync,
       performRefresh: getPerformRefresh(schema, onRefresh),
       performValidationAsync,
@@ -8949,7 +8987,7 @@ var createContainerComponent = (containerProps) => __spreadProps(__spreadValues(
   }
 });
 
-// src/revamp/domain/components/repeatableComponent/RepeatableComponent.ts
+// src/revamp/domain/components/RepeatableComponent.ts
 var createRepeatableComponent = (repeatableProps, updateComponent) => {
   const _a = repeatableProps, {
     uid,
@@ -9094,7 +9132,8 @@ var arraySchemaToRepeatableComponent = (schemaMapperProps, mapperProps) => {
       schema: items,
       localValue: editableValue,
       model: localValueToJsonElement(editableValue),
-      validationErrors: void 0
+      validationErrors: void 0,
+      required: true
     },
     mapperProps
   );
@@ -9137,9 +9176,28 @@ var getRandomInt = () => Math.floor(Math.random() * 1e8);
 
 // src/revamp/domain/components/MultiUploadInputComponent.ts
 var createMultiUploadInputComponent = (uploadInputProps, updateComponent) => {
-  const _a = uploadInputProps, { uid, id, checks, format, performPersistAsync, onValueChange, summariser } = _a, rest = __objRest(_a, ["uid", "id", "checks", "format", "performPersistAsync", "onValueChange", "summariser"]);
+  const _a = uploadInputProps, {
+    uid,
+    id,
+    checks,
+    fileChecks,
+    format,
+    performPersistAsync,
+    onValueChange,
+    summariser
+  } = _a, rest = __objRest(_a, [
+    "uid",
+    "id",
+    "checks",
+    "fileChecks",
+    "format",
+    "performPersistAsync",
+    "onValueChange",
+    "summariser"
+  ]);
   const update = getInputUpdateFunction(uid, updateComponent);
   const getValidationErrors = getLocalValueValidator(checks);
+  const getFileValidationErrors = getLocalValueValidator(fileChecks);
   const getAndSetValidationErrors = (currentValue) => {
     const messages = getValidationErrors(currentValue);
     update((draft) => {
@@ -9152,6 +9210,7 @@ var createMultiUploadInputComponent = (uploadInputProps, updateComponent) => {
     uid,
     id,
     format: "base64",
+    errorsMap: {},
     fileMap: {},
     onBlur() {
       getAndSetValidationErrors(this.getLocalValue());
@@ -9166,13 +9225,17 @@ var createMultiUploadInputComponent = (uploadInputProps, updateComponent) => {
         update((draft) => {
           draft.value.splice(fileIndex, 1);
           const _a2 = draft.fileMap, { [fileId]: _ } = _a2, files = __objRest(_a2, [__restKey(fileId)]);
+          const _b = draft.errorsMap, { [fileId]: removedErrors } = _b, fileErrors = __objRest(_b, [__restKey(fileId)]);
           draft.fileMap = files;
+          draft.errorsMap = fileErrors;
         });
       }
     },
     async onUpload(file, fileId) {
+      const fileErrors = getFileValidationErrors(file);
       update((draft) => {
         draft.fileMap[fileId] = file;
+        draft.errorsMap[fileId] = fileErrors;
         draft.value = [...this.value, file];
         draft.errors = [];
       });
@@ -9193,7 +9256,7 @@ var createMultiUploadInputComponent = (uploadInputProps, updateComponent) => {
     },
     validate() {
       const messages = getAndSetValidationErrors(this.getLocalValue());
-      return messages.length === 0;
+      return messages.length === 0 && Object.values(this.errorsMap).every((errors) => errors.length === 0);
     }
   }, rest);
   if (!performPersistAsync) {
@@ -9252,6 +9315,7 @@ var arraySchemaToMultiUploadComponent = (schemaMapperProps, mapperProps) => {
       accepts,
       autoComplete: "off",
       checks: schema.hidden ? [] : checks,
+      fileChecks: [],
       format,
       maxSize,
       minItems,
@@ -9376,7 +9440,7 @@ var createMultiSelectComponent = (multiSelectProps, updateComponent) => {
       onSelect(indices) {
         inputComponent.onSelect.call(this, indices);
         if (this.validate()) {
-          validateAsync(this.validationState, this.getLocalValue()).catch(() => {
+          validateAsync(this.validationAsyncState, this.getLocalValue()).catch(() => {
           });
         }
       }
@@ -9427,7 +9491,7 @@ var arraySchemaToMultiSelectComponent = (schemaMapperProps, mapperProps) => {
   const { maxItems, minItems, title, validationMessages } = schema;
   const { getErrorMessageFunctions, onRefresh, onValueChange, updateComponent } = mapperProps;
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
-  const { performValidationAsync, validationState } = getValidationAsyncInitialState(
+  const { performValidationAsync, validationAsyncState } = getValidationAsyncInitialState(
     schemaMapperProps,
     mapperProps
   );
@@ -9446,7 +9510,7 @@ var arraySchemaToMultiSelectComponent = (schemaMapperProps, mapperProps) => {
       options,
       required,
       title,
-      validationState,
+      validationAsyncState,
       performValidationAsync,
       performRefresh: getPerformRefresh(schema, onRefresh),
       onValueChange
@@ -9622,7 +9686,7 @@ var createBooleanInputComponent = (booleanInputProps, updateComponent) => {
     return __spreadProps(__spreadValues({}, booleanComponent), {
       onChange(updatedValue) {
         booleanComponent.onChange.call(this, updatedValue);
-        validateAsync(this.validationState, this.getLocalValue()).catch(() => {
+        validateAsync(this.validationAsyncState, this.getLocalValue()).catch(() => {
         });
       }
     });
@@ -9640,7 +9704,7 @@ var booleanSchemaToComponent = (schemaMapperProps, mapperProps) => {
     schemaMapperProps,
     mapperProps
   );
-  const { performValidationAsync, validationState } = getValidationAsyncInitialState(
+  const { performValidationAsync, validationAsyncState } = getValidationAsyncInitialState(
     schemaMapperProps,
     mapperProps
   );
@@ -9651,7 +9715,7 @@ var booleanSchemaToComponent = (schemaMapperProps, mapperProps) => {
     __spreadProps(__spreadValues({}, mapCommonSchemaProps(schemaMapperProps)), {
       value: value != null ? value : false,
       persistedState,
-      validationState,
+      validationAsyncState,
       performPersistAsync,
       performRefresh,
       performValidationAsync,
@@ -10186,13 +10250,44 @@ var createStatusListComponent = (statusListProps) => __spreadProps(__spreadValue
 });
 
 // src/revamp/domain/mappers/layout/statusListLayoutToComponent.ts
-var statusListLayoutToComponent = (uid, { control, items, margin = "md", title }) => createStatusListComponent({
+var statusListLayoutToComponent = (uid, { control, items, margin = "md", title }, { onAction, onLink }) => createStatusListComponent({
   uid,
   control,
-  items,
+  items: items.map((item) => {
+    var _a, _b, _c;
+    return __spreadProps(__spreadValues({}, item), {
+      href: (_c = (_b = (_a = item == null ? void 0 : item.callToAction) == null ? void 0 : _a.behavior) == null ? void 0 : _b.link) == null ? void 0 : _c.url,
+      callToAction: item.callToAction ? getItemCallToAction(item.callToAction, onAction, onLink) : void 0
+    });
+  }),
   margin,
   title
 });
+var getItemCallToAction = (callToAction, onAction, onLink) => {
+  const { accessibilityDescription, behavior, title } = callToAction;
+  if (behavior.link) {
+    const { url } = behavior.link;
+    return {
+      accessibilityDescription,
+      href: url,
+      title,
+      onClick: () => {
+        void onLink(url);
+      }
+    };
+  }
+  if (behavior.action) {
+    const { action } = behavior;
+    return {
+      accessibilityDescription,
+      title,
+      onClick: () => {
+        void onAction(action);
+      }
+    };
+  }
+  return void 0;
+};
 
 // src/revamp/domain/mappers/layout/listLayoutToComponent.ts
 var listLayoutToComponent = (uid, { control, items, margin = "md", title }) => createStatusListComponent({
@@ -10259,7 +10354,7 @@ var mapLayoutToComponent = (uid, layout, mapperProps) => {
     case "search":
       return searchLayoutToComponent(uid, layout, mapperProps);
     case "status-list":
-      return statusListLayoutToComponent(uid, layout);
+      return statusListLayoutToComponent(uid, layout, mapperProps);
     default:
       throw new Error(`Invalid layout type in ${JSON.stringify(layout)}`);
   }
@@ -11141,10 +11236,29 @@ function LabelContentWithHelp({ text, help }) {
 
 // ../renderers/src/components/FieldInput.tsx
 import { jsx as jsx10 } from "react/jsx-runtime";
-function FieldInput({ id, children, label, error, description, help }) {
+function FieldInput({ id, children, label, validation, description, help }) {
   const labelContent = label && help ? /* @__PURE__ */ jsx10(LabelContentWithHelp, { text: label, help }) : label;
-  return /* @__PURE__ */ jsx10(Field, { id, label: labelContent, hint: description, error, children });
+  return /* @__PURE__ */ jsx10(
+    Field,
+    {
+      id,
+      label: labelContent,
+      description,
+      message: validation == null ? void 0 : validation.message,
+      sentiment: mapStatusToSentiment(validation),
+      children
+    }
+  );
 }
+var mapStatusToSentiment = (validation) => {
+  if (validation) {
+    if (validation.status === "valid") {
+      return "positive";
+    }
+    return "negative";
+  }
+  return void 0;
+};
 var FieldInput_default = FieldInput;
 
 // ../renderers/src/BooleanInputRenderer.tsx
@@ -11153,9 +11267,27 @@ import { jsx as jsx11 } from "react/jsx-runtime";
 var BooleanInputRenderer = {
   canRenderType: "input-boolean",
   render: (props) => {
-    const _a = props, { id, control, label = "", description, help, error, type, value } = _a, rest = __objRest(_a, ["id", "control", "label", "description", "help", "error", "type", "value"]);
+    const _a = props, {
+      id,
+      control,
+      label = "",
+      description,
+      help,
+      type,
+      validationState,
+      value
+    } = _a, rest = __objRest(_a, [
+      "id",
+      "control",
+      "label",
+      "description",
+      "help",
+      "type",
+      "validationState",
+      "value"
+    ]);
     const checkboxProps = __spreadProps(__spreadValues({}, rest), { label, secondary: description, checked: value });
-    return /* @__PURE__ */ jsx11(FieldInput_default, { id, label: "", description: "", error, help, children: /* @__PURE__ */ jsx11(Checkbox, __spreadValues({ id }, checkboxProps)) });
+    return /* @__PURE__ */ jsx11(FieldInput_default, { id, label: "", description: "", validation: validationState, help, children: /* @__PURE__ */ jsx11(Checkbox, __spreadValues({ id }, checkboxProps)) });
   }
 };
 var BooleanInputRenderer_default = BooleanInputRenderer;
@@ -11380,23 +11512,33 @@ var DateInputRenderer = {
       control,
       label,
       description,
-      error,
       type,
       help,
+      validationState,
       value: initialValue
     } = _a, rest = __objRest(_a, [
       "id",
       "control",
       "label",
       "description",
-      "error",
       "type",
       "help",
+      "validationState",
       "value"
     ]);
     const value = initialValue != null ? initialValue : "";
     const inputProps = __spreadProps(__spreadValues({}, rest), { value, id });
-    return /* @__PURE__ */ jsx16(FieldInput_default, { id, label, description, error, help, children: /* @__PURE__ */ jsx16(VariableDateInput_default, { control, inputProps }) });
+    return /* @__PURE__ */ jsx16(
+      FieldInput_default,
+      {
+        id,
+        label,
+        description,
+        validation: validationState,
+        help,
+        children: /* @__PURE__ */ jsx16(VariableDateInput_default, { control, inputProps })
+      }
+    );
   }
 };
 var DateInputRenderer_default = DateInputRenderer;
@@ -11684,23 +11826,33 @@ import { jsx as jsx29 } from "react/jsx-runtime";
 var IntegerInputRenderer = {
   canRenderType: "input-integer",
   render: (props) => {
-    const _a = props, { id, label, error, description, help, type, value, onChange } = _a, rest = __objRest(_a, ["id", "label", "error", "description", "help", "type", "value", "onChange"]);
-    return /* @__PURE__ */ jsx29(FieldInput_default, { id, label, description, error, help, children: /* @__PURE__ */ jsx29(
-      Input,
-      __spreadValues({
+    const _a = props, { id, label, description, help, type, validationState, value, onChange } = _a, rest = __objRest(_a, ["id", "label", "description", "help", "type", "validationState", "value", "onChange"]);
+    return /* @__PURE__ */ jsx29(
+      FieldInput_default,
+      {
         id,
-        name: id,
-        type: "number",
-        step: "1",
-        pattern: "\\d+",
-        value: value != null ? value : "",
-        onChange: ({ target: { value: newValue } }) => {
-          const parsedValue = Number.parseInt(newValue, 10);
-          onChange(Number.isNaN(parsedValue) ? null : parsedValue);
-        },
-        onWheel
-      }, rest)
-    ) });
+        label,
+        description,
+        validation: validationState,
+        help,
+        children: /* @__PURE__ */ jsx29(
+          Input,
+          __spreadValues({
+            id,
+            name: id,
+            type: "number",
+            step: "1",
+            pattern: "\\d+",
+            value: value != null ? value : "",
+            onChange: ({ target: { value: newValue } }) => {
+              const parsedValue = Number.parseInt(newValue, 10);
+              onChange(Number.isNaN(parsedValue) ? null : parsedValue);
+            },
+            onWheel
+          }, rest)
+        )
+      }
+    );
   }
 };
 var IntegerInputRenderer_default = IntegerInputRenderer;
@@ -11806,10 +11958,10 @@ function MultiSelectInputRendererComponent(props) {
     disabled,
     label,
     help,
-    error,
     options,
     placeholder,
     selectedIndices,
+    validationState,
     onSelect
   } = props;
   const mergedIndices = stagedIndices != null ? stagedIndices : selectedIndices;
@@ -11840,39 +11992,49 @@ function MultiSelectInputRendererComponent(props) {
     };
     return /* @__PURE__ */ jsx34(SelectInputOptionContent, __spreadValues({}, contentProps));
   };
-  return /* @__PURE__ */ jsx34(FieldInput_default, { id, label, help, description, error, children: /* @__PURE__ */ jsx34(
-    SelectInput,
+  return /* @__PURE__ */ jsx34(
+    FieldInput_default,
     {
       id,
-      items: options.map((option, index) => {
-        var _a, _b, _c;
-        return {
-          type: "option",
-          value: index,
-          filterMatchers: [
-            ...(_a = option.keywords) != null ? _a : [],
-            (_b = option.title) != null ? _b : "",
-            (_c = option.description) != null ? _c : ""
-          ],
-          disabled: option.disabled
-        };
-      }),
-      disabled,
-      placeholder,
-      value: mergedIndices,
-      renderValue,
-      multiple: true,
-      onChange: (values) => {
-        setStagedIndices(values);
-      },
-      onClose: () => {
-        if (stagedIndices) {
-          onSelect(stagedIndices);
-          setStagedIndices(void 0);
+      label,
+      help,
+      description,
+      validation: validationState,
+      children: /* @__PURE__ */ jsx34(
+        SelectInput,
+        {
+          id,
+          items: options.map((option, index) => {
+            var _a, _b, _c;
+            return {
+              type: "option",
+              value: index,
+              filterMatchers: [
+                ...(_a = option.keywords) != null ? _a : [],
+                (_b = option.title) != null ? _b : "",
+                (_c = option.description) != null ? _c : ""
+              ],
+              disabled: option.disabled
+            };
+          }),
+          disabled,
+          placeholder,
+          value: mergedIndices,
+          renderValue,
+          multiple: true,
+          onChange: (values) => {
+            setStagedIndices(values);
+          },
+          onClose: () => {
+            if (stagedIndices) {
+              onSelect(stagedIndices);
+              setStagedIndices(void 0);
+            }
+          }
         }
-      }
+      )
     }
-  ) });
+  );
 }
 var MultiSelectInputRenderer_default = MultiSelectInputRenderer;
 
@@ -11888,8 +12050,8 @@ function UploadFieldInput({
   children,
   label,
   description,
-  error,
-  help
+  help,
+  validation
 }) {
   const labelContent = label && help ? /* @__PURE__ */ jsx35(LabelContentWithHelp, { text: label, help }) : label;
   const descriptionId = description ? `${id}-description` : void 0;
@@ -11897,12 +12059,12 @@ function UploadFieldInput({
     "div",
     {
       className: (0, import_classnames3.default)("form-group d-block", {
-        "has-error": !!error
+        "has-error": (validation == null ? void 0 : validation.status) === "invalid"
       }),
       children: [
         /* @__PURE__ */ jsx35("label", { htmlFor: id, className: "control-label", children: labelContent }),
         children,
-        error && /* @__PURE__ */ jsx35(InlineAlert, { type: "negative", id: descriptionId, children: error })
+        (validation == null ? void 0 : validation.status) === "invalid" && /* @__PURE__ */ jsx35(InlineAlert, { type: "negative", id: descriptionId, children: validation.message })
       ]
     }
   );
@@ -11945,10 +12107,10 @@ var MultiUploadInputRenderer = {
       label,
       description,
       disabled,
-      error,
       maxSize,
       maxItems,
       uploadLabel,
+      validationState,
       onUpload,
       onDelete
     } = props;
@@ -11961,22 +12123,32 @@ var MultiUploadInputRenderer = {
     };
     const onDeleteFile = async (fileId) => onDelete(String(fileId));
     const descriptionId = description ? `${id}-description` : void 0;
-    return /* @__PURE__ */ jsx36(UploadFieldInput_default, { id, label, description, error, help, children: /* @__PURE__ */ jsx36(
-      UploadInput,
+    return /* @__PURE__ */ jsx36(
+      UploadFieldInput_default,
       {
         id,
-        "aria-describedby": descriptionId,
+        label,
         description,
-        disabled,
-        fileTypes: getAcceptsString(accepts),
-        maxFiles: maxItems,
-        multiple: true,
-        sizeLimit: maxSize ? toKilobytes(maxSize) : void 0,
-        uploadButtonTitle: uploadLabel,
-        onDeleteFile,
-        onUploadFile
+        validation: validationState,
+        help,
+        children: /* @__PURE__ */ jsx36(
+          UploadInput,
+          {
+            id,
+            "aria-describedby": descriptionId,
+            description,
+            disabled,
+            fileTypes: getAcceptsString(accepts),
+            maxFiles: maxItems,
+            multiple: true,
+            sizeLimit: maxSize ? toKilobytes(maxSize) : void 0,
+            uploadButtonTitle: uploadLabel,
+            onDeleteFile,
+            onUploadFile
+          }
+        )
       }
-    ) });
+    );
   }
 };
 var MultiUploadInputRenderer_default = MultiUploadInputRenderer;
@@ -11987,21 +12159,31 @@ import { jsx as jsx37 } from "react/jsx-runtime";
 var NumberInputRenderer = {
   canRenderType: "input-number",
   render: (props) => {
-    const _a = props, { id, label, error, description, help, type, value, onChange } = _a, rest = __objRest(_a, ["id", "label", "error", "description", "help", "type", "value", "onChange"]);
-    return /* @__PURE__ */ jsx37(FieldInput_default, { id, label, description, error, help, children: /* @__PURE__ */ jsx37(
-      Input2,
-      __spreadValues({
+    const _a = props, { id, label, description, help, type, validationState, value, onChange } = _a, rest = __objRest(_a, ["id", "label", "description", "help", "type", "validationState", "value", "onChange"]);
+    return /* @__PURE__ */ jsx37(
+      FieldInput_default,
+      {
         id,
-        name: id,
-        type: "number",
-        value: value != null ? value : "",
-        onChange: ({ target: { value: newValue } }) => {
-          const parsedValue = Number.parseFloat(newValue);
-          onChange(Number.isNaN(parsedValue) ? null : parsedValue);
-        },
-        onWheel
-      }, rest)
-    ) });
+        label,
+        description,
+        validation: validationState,
+        help,
+        children: /* @__PURE__ */ jsx37(
+          Input2,
+          __spreadValues({
+            id,
+            name: id,
+            type: "number",
+            value: value != null ? value : "",
+            onChange: ({ target: { value: newValue } }) => {
+              const parsedValue = Number.parseFloat(newValue);
+              onChange(Number.isNaN(parsedValue) ? null : parsedValue);
+            },
+            onWheel
+          }, rest)
+        )
+      }
+    );
   }
 };
 var NumberInputRenderer_default = NumberInputRenderer;
@@ -12121,9 +12303,9 @@ function Repeatable(props) {
     description,
     editableItem,
     editItemTitle,
-    error,
     items,
     title,
+    validationState,
     onEdit,
     onAdd,
     onSave,
@@ -12159,7 +12341,7 @@ function Repeatable(props) {
       "div",
       {
         className: (0, import_classnames5.default)("form-group", {
-          "has-error": error
+          "has-error": (validationState == null ? void 0 : validationState.status) === "invalid"
         }),
         children: [
           items == null ? void 0 : items.map((item, index) => /* @__PURE__ */ jsx39(ItemSummaryOption, { item, onClick: () => onEditItem(index) }, item.id)),
@@ -12172,7 +12354,7 @@ function Repeatable(props) {
               onClick: () => onAddItem()
             }
           ),
-          error && /* @__PURE__ */ jsx39(InlineAlert2, { type: "negative", children: error })
+          (validationState == null ? void 0 : validationState.status) === "invalid" && /* @__PURE__ */ jsx39(InlineAlert2, { type: "negative", children: validationState.message })
         ]
       }
     ),
@@ -12237,28 +12419,45 @@ var generic_error_messages_default2 = defineMessages9({
 });
 
 // ../renderers/src/SearchRenderer/ErrorResult.tsx
+import { Button as Button5 } from "@transferwise/components";
 import { jsx as jsx40, jsxs as jsxs12 } from "react/jsx-runtime";
 function ErrorResult({ state }) {
   const intl = useIntl7();
+  const buttonVisualProps = {
+    priority: "tertiary",
+    size: "sm",
+    style: { marginTop: "-2px", padding: "0", width: "auto", display: "inline" }
+  };
   return /* @__PURE__ */ jsxs12("p", { className: "m-t-2", children: [
     intl.formatMessage(generic_error_messages_default2.genericError),
     "\xA0",
     /* @__PURE__ */ jsx40(
-      "a",
-      {
-        href: "/",
-        onClick: (e) => {
-          e.preventDefault();
+      Button5,
+      __spreadProps(__spreadValues({}, buttonVisualProps), {
+        onClick: () => {
           state.onRetry();
         },
         children: intl.formatMessage(generic_error_messages_default2.retry)
-      }
+      })
     )
   ] });
 }
 
 // ../renderers/src/SearchRenderer/BlockSearchRendererComponent.tsx
 import { useState as useState7 } from "react";
+
+// ../renderers/src/messages/search.messages.ts
+import { defineMessages as defineMessages10 } from "react-intl";
+var search_messages_default = defineMessages10({
+  loading: {
+    id: "df.wise.SearchLayout.loading",
+    defaultMessage: "Loading...",
+    description: "A message shown to the user while their search is being processed, before results appear."
+  }
+});
+
+// ../renderers/src/SearchRenderer/BlockSearchRendererComponent.tsx
+import { useIntl as useIntl8 } from "react-intl";
 import { Fragment as Fragment5, jsx as jsx41, jsxs as jsxs13 } from "react/jsx-runtime";
 function BlockSearchRendererComponent({
   id,
@@ -12271,8 +12470,9 @@ function BlockSearchRendererComponent({
 }) {
   const [hasSearched, setHasSearched] = useState7(false);
   const trackEvent = useTrackEvent();
+  const { formatMessage } = useIntl8();
   return /* @__PURE__ */ jsxs13("div", { className: getMargin(margin), children: [
-    /* @__PURE__ */ jsx41(FieldInput_default, { id, description: "", error: "", help: "", label: title, children: /* @__PURE__ */ jsx41(
+    /* @__PURE__ */ jsx41(FieldInput_default, { id, description: "", validation: void 0, help: "", label: title, children: /* @__PURE__ */ jsx41(
       Input4,
       {
         id,
@@ -12289,7 +12489,7 @@ function BlockSearchRendererComponent({
         }
       }
     ) }),
-    isLoading ? /* @__PURE__ */ jsx41(Fragment5, { children: "Loading..." }) : /* @__PURE__ */ jsx41(SearchResultContent, { state, onChange })
+    isLoading ? /* @__PURE__ */ jsx41(Fragment5, { children: formatMessage(search_messages_default.loading) }) : /* @__PURE__ */ jsx41(SearchResultContent, { state, onChange })
   ] });
 }
 function SearchResultContent({
@@ -12342,7 +12542,7 @@ var BlockSearchRendererComponent_default = BlockSearchRendererComponent;
 import { Markdown as Markdown4, Typeahead } from "@transferwise/components";
 import { Search } from "@transferwise/icons";
 import { useState as useState8 } from "react";
-import { useIntl as useIntl8 } from "react-intl";
+import { useIntl as useIntl9 } from "react-intl";
 import { jsx as jsx42 } from "react/jsx-runtime";
 function InlineSearchRenderer({
   id,
@@ -12354,8 +12554,8 @@ function InlineSearchRenderer({
 }) {
   const [hasSearched, setHasSearched] = useState8(false);
   const trackEvent = useTrackEvent();
-  const intl = useIntl8();
-  return /* @__PURE__ */ jsx42("div", { className: getMargin(margin), children: /* @__PURE__ */ jsx42(FieldInput_default, { id, description: "", error: "", help: "", label: title, children: /* @__PURE__ */ jsx42(
+  const intl = useIntl9();
+  return /* @__PURE__ */ jsx42("div", { className: getMargin(margin), children: /* @__PURE__ */ jsx42(FieldInput_default, { id, description: "", validation: void 0, help: "", label: title, children: /* @__PURE__ */ jsx42(
     Typeahead,
     {
       id: "typeahead-input-id",
@@ -12401,6 +12601,7 @@ function mapResultToTypeaheadOption(result) {
   };
 }
 function TypeaheadFooter({ state, isLoading }) {
+  const { formatMessage } = useIntl9();
   if (state.type === "noResults") {
     return /* @__PURE__ */ jsx42(Markdown4, { className: "m-t-2 m-x-2", config: { link: { target: "_blank" } }, children: state.message });
   }
@@ -12408,7 +12609,7 @@ function TypeaheadFooter({ state, isLoading }) {
     return /* @__PURE__ */ jsx42("div", { className: "m-t-2 m-x-2", children: /* @__PURE__ */ jsx42(ErrorResult, { state }) });
   }
   if (state.type === "pending" || isLoading) {
-    return /* @__PURE__ */ jsx42("p", { className: "m-t-2 m-x-2", children: "Loading..." });
+    return /* @__PURE__ */ jsx42("p", { className: "m-t-2 m-x-2", children: formatMessage(search_messages_default.loading) });
   }
   return null;
 }
@@ -12431,30 +12632,40 @@ function RadioInputRendererComponent(props) {
     children,
     description,
     disabled,
-    error,
     help,
     label,
     options,
     selectedIndex,
+    validationState,
     onSelect
   } = props;
   return /* @__PURE__ */ jsxs14(Fragment6, { children: [
-    /* @__PURE__ */ jsx44(FieldInput_default, { id, label, help, description, error, children: /* @__PURE__ */ jsx44("span", { children: /* @__PURE__ */ jsx44(
-      RadioGroup,
+    /* @__PURE__ */ jsx44(
+      FieldInput_default,
       {
-        name: id,
-        radios: options.map((option, index) => ({
-          label: option.title,
-          value: index,
-          secondary: option.description,
-          disabled: option.disabled || disabled,
-          avatar: /* @__PURE__ */ jsx44(OptionMedia, { icon: option.icon, image: option.image })
-        })),
-        selectedValue: selectedIndex != null ? selectedIndex : void 0,
-        onChange: onSelect
-      },
-      `${id}-${selectedIndex}`
-    ) }) }),
+        id,
+        label,
+        help,
+        description,
+        validation: validationState,
+        children: /* @__PURE__ */ jsx44("span", { children: /* @__PURE__ */ jsx44(
+          RadioGroup,
+          {
+            name: id,
+            radios: options.map((option, index) => ({
+              label: option.title,
+              value: index,
+              secondary: option.description,
+              disabled: option.disabled || disabled,
+              avatar: /* @__PURE__ */ jsx44(OptionMedia, { icon: option.icon, image: option.image })
+            })),
+            selectedValue: selectedIndex != null ? selectedIndex : void 0,
+            onChange: onSelect
+          },
+          `${id}-${selectedIndex}`
+        ) })
+      }
+    ),
     children
   ] });
 }
@@ -12469,11 +12680,11 @@ function TabInputRendererComponent(props) {
     children,
     description,
     disabled,
-    error,
     help,
     label,
     options,
     selectedIndex,
+    validationState,
     onSelect
   } = props;
   useEffect4(() => {
@@ -12482,21 +12693,31 @@ function TabInputRendererComponent(props) {
     }
   }, [selectedIndex, onSelect, options.length]);
   return /* @__PURE__ */ jsxs15(Fragment7, { children: [
-    /* @__PURE__ */ jsx45(FieldInput_default, { id, label, help, description, error, children: /* @__PURE__ */ jsx45(
-      Tabs,
+    /* @__PURE__ */ jsx45(
+      FieldInput_default,
       {
-        name: id,
-        selected: selectedIndex != null ? selectedIndex : 0,
-        tabs: options.map((option) => ({
-          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__ */ jsx45(Fragment7, {}),
-          disabled: option.disabled || disabled
-        })),
-        onTabSelect: onSelect
+        id,
+        label,
+        help,
+        description,
+        validation: validationState,
+        children: /* @__PURE__ */ jsx45(
+          Tabs,
+          {
+            name: id,
+            selected: selectedIndex != null ? selectedIndex : 0,
+            tabs: options.map((option) => ({
+              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__ */ jsx45(Fragment7, {}),
+              disabled: option.disabled || disabled
+            })),
+            onTabSelect: onSelect
+          }
+        )
       }
-    ) }),
+    ),
     children
   ] });
 }
@@ -12529,13 +12750,13 @@ function SelectInputRendererComponent(props) {
     children,
     description,
     disabled,
-    error,
     help,
     label,
     options,
     placeholder,
     required,
     selectedIndex,
+    validationState,
     onSelect
   } = props;
   const items = options.map(
@@ -12566,20 +12787,30 @@ function SelectInputRendererComponent(props) {
     return /* @__PURE__ */ jsx47(SelectInputOptionContent2, __spreadValues({}, contentProps));
   };
   return /* @__PURE__ */ jsxs16(Fragment8, { children: [
-    /* @__PURE__ */ jsx47(FieldInput_default, { id, label, help, description, error, children: /* @__PURE__ */ jsx47(
-      SelectInput2,
+    /* @__PURE__ */ jsx47(
+      FieldInput_default,
       {
-        name: id,
-        placeholder,
-        items,
-        disabled,
-        value: selectedIndex,
-        renderValue,
-        filterable: items.length >= 8,
-        onChange: onSelect,
-        onClear: required ? void 0 : () => onSelect(null)
+        id,
+        label,
+        help,
+        description,
+        validation: validationState,
+        children: /* @__PURE__ */ jsx47(
+          SelectInput2,
+          {
+            name: id,
+            placeholder,
+            items,
+            disabled,
+            value: selectedIndex,
+            renderValue,
+            filterable: items.length >= 8,
+            onChange: onSelect,
+            onClear: required ? void 0 : () => onSelect(null)
+          }
+        )
       }
-    ) }),
+    ),
     children
   ] });
 }
@@ -12589,28 +12820,48 @@ import { useEffect as useEffect5 } from "react";
 import { SegmentedControl } from "@transferwise/components";
 import { Fragment as Fragment9, jsx as jsx48, jsxs as jsxs17 } from "react/jsx-runtime";
 function SegmentedInputRendererComponent(props) {
-  const { id, children, description, error, help, label, options, selectedIndex, onSelect } = props;
+  const {
+    id,
+    children,
+    description,
+    help,
+    label,
+    options,
+    selectedIndex,
+    validationState,
+    onSelect
+  } = props;
   useEffect5(() => {
     if (!isValidIndex2(selectedIndex, options.length)) {
       onSelect(0);
     }
   }, [selectedIndex, onSelect, options.length]);
   return /* @__PURE__ */ jsxs17(Fragment9, { children: [
-    /* @__PURE__ */ jsx48(FieldInput_default, { id, label, help, description, error, children: /* @__PURE__ */ jsx48(
-      SegmentedControl,
+    /* @__PURE__ */ jsx48(
+      FieldInput_default,
       {
-        name: `${id}-segmented-control`,
-        value: String(selectedIndex),
-        mode: "view",
-        segments: options.map((option, index) => ({
-          id: String(index),
-          value: String(index),
-          label: option.title,
-          controls: `${id}-children`
-        })),
-        onChange: (value) => onSelect(Number(value))
+        id,
+        label,
+        help,
+        description,
+        validation: validationState,
+        children: /* @__PURE__ */ jsx48(
+          SegmentedControl,
+          {
+            name: `${id}-segmented-control`,
+            value: String(selectedIndex),
+            mode: "view",
+            segments: options.map((option, index) => ({
+              id: String(index),
+              value: String(index),
+              label: option.title,
+              controls: `${id}-children`
+            })),
+            onChange: (value) => onSelect(Number(value))
+          }
+        )
       }
-    ) }),
+    ),
     /* @__PURE__ */ jsx48("div", { id: `${id}-children`, children })
   ] });
 }
@@ -12643,15 +12894,22 @@ var StatusListRenderer = {
   canRenderType: "status-list",
   render: ({ margin, items, title }) => /* @__PURE__ */ jsxs18("div", { className: getMargin(margin), children: [
     title ? /* @__PURE__ */ jsx50(Header5, { title }) : null,
-    items.map(({ description, icon, status, title: itemTitle }) => /* @__PURE__ */ jsx50(
+    items.map(({ callToAction, description, icon, status, title: itemTitle }) => /* @__PURE__ */ jsx50(
       Summary,
       {
         title: itemTitle,
         description,
         icon: icon && "name" in icon ? /* @__PURE__ */ jsx50(DynamicIcon_default, { name: icon.name }) : null,
-        status: mapStatus(status)
+        status: mapStatus(status),
+        action: callToAction ? {
+          "aria-label": callToAction.accessibilityDescription,
+          href: callToAction.href,
+          text: callToAction.title,
+          target: callToAction.href ? "_blank" : void 0,
+          onClick: callToAction.href ? void 0 : callToAction.onClick
+        } : void 0
       },
-      `${title}/${description || ""}`
+      `${itemTitle}/${description || ""}`
     ))
   ] })
 };
@@ -12753,6 +13011,7 @@ var TextInputRenderer = {
       maxLength,
       minLength,
       type,
+      validationState,
       value: initialValue
     } = _a, rest = __objRest(_a, [
       "id",
@@ -12764,11 +13023,22 @@ var TextInputRenderer = {
       "maxLength",
       "minLength",
       "type",
+      "validationState",
       "value"
     ]);
     const value = initialValue != null ? initialValue : "";
     const inputProps = __spreadProps(__spreadValues({}, rest), { value, id });
-    return /* @__PURE__ */ jsx52(FieldInput_default, { id, label, description, error, help, children: /* @__PURE__ */ jsx52(VariableTextInput_default, { control, inputProps }) });
+    return /* @__PURE__ */ jsx52(
+      FieldInput_default,
+      {
+        id,
+        label,
+        description,
+        validation: validationState,
+        help,
+        children: /* @__PURE__ */ jsx52(VariableTextInput_default, { control, inputProps })
+      }
+    );
   }
 };
 var TextInputRenderer_default = TextInputRenderer;
@@ -12779,7 +13049,7 @@ import { jsx as jsx53 } from "react/jsx-runtime";
 var UploadInputRenderer = {
   canRenderType: "input-upload",
   render: (props) => {
-    const { id, accepts, error, label, description, disabled, maxSize, onUpload } = props;
+    const { id, accepts, label, description, disabled, maxSize, validationState, onUpload } = props;
     const onUploadFile = async (formData) => {
       const file = formData.get("file");
       return onUpload(file).then(() => ({
@@ -12791,19 +13061,28 @@ var UploadInputRenderer = {
     };
     return (
       // We don't pass help here as there is no sensible place to display it
-      /* @__PURE__ */ jsx53(UploadFieldInput_default, { id, label: void 0, description: void 0, error, children: /* @__PURE__ */ jsx53(
-        UploadInput2,
+      /* @__PURE__ */ jsx53(
+        UploadFieldInput_default,
         {
           id,
-          description,
-          disabled,
-          fileTypes: getAcceptsString(accepts),
-          sizeLimit: maxSize ? toKilobytes(maxSize) : void 0,
-          uploadButtonTitle: label,
-          onDeleteFile,
-          onUploadFile
+          label: void 0,
+          description: void 0,
+          validation: validationState,
+          children: /* @__PURE__ */ jsx53(
+            UploadInput2,
+            {
+              id,
+              description,
+              disabled,
+              fileTypes: getAcceptsString(accepts),
+              sizeLimit: maxSize ? toKilobytes(maxSize) : void 0,
+              uploadButtonTitle: label,
+              onDeleteFile,
+              onUploadFile
+            }
+          )
         }
-      ) })
+      )
     );
   }
 };
@@ -12818,10 +13097,10 @@ var LargeUploadRenderer = {
       label,
       description,
       disabled,
-      error,
       help,
       maxSize,
       type,
+      validationState,
       onUpload
     } = _a, rest = __objRest(_a, [
       "id",
@@ -12830,10 +13109,10 @@ var LargeUploadRenderer = {
       "label",
       "description",
       "disabled",
-      "error",
       "help",
       "maxSize",
       "type",
+      "validationState",
       "onUpload"
     ]);
     const uploadProps = __spreadProps(__spreadValues({}, rest), { id, name: id });
@@ -12846,16 +13125,26 @@ var LargeUploadRenderer = {
         throw e;
       }
     };
-    return /* @__PURE__ */ jsx53(FieldInput_default, { id, label, description, error, help, children: /* @__PURE__ */ jsx53(
-      Upload,
-      __spreadProps(__spreadValues({}, uploadProps), {
-        usAccept: getAcceptsString(accepts),
-        usDisabled: disabled,
-        onSuccess: onUploadFile,
-        onFailure: async () => onUpload(null),
-        onCancel: async () => onUpload(null)
-      })
-    ) });
+    return /* @__PURE__ */ jsx53(
+      FieldInput_default,
+      {
+        id,
+        label,
+        description,
+        validation: validationState,
+        help,
+        children: /* @__PURE__ */ jsx53(
+          Upload,
+          __spreadProps(__spreadValues({}, uploadProps), {
+            usAccept: getAcceptsString(accepts),
+            usDisabled: disabled,
+            onSuccess: onUploadFile,
+            onFailure: async () => onUpload(null),
+            onCancel: async () => onUpload(null)
+          })
+        )
+      }
+    );
   }
 };
 
@@ -12924,11 +13213,11 @@ var getFieldValue = (value, help, orientation) => {
 import { useMemo as useMemo3 } from "react";
 
 // ../renderers/src/step/ExternalConfirmationDialog.tsx
-import { useIntl as useIntl9 } from "react-intl";
+import { useIntl as useIntl10 } from "react-intl";
 
 // ../renderers/src/messages/external-confirmation.messages.ts
-import { defineMessages as defineMessages10 } from "react-intl";
-var external_confirmation_messages_default = defineMessages10({
+import { defineMessages as defineMessages11 } from "react-intl";
+var external_confirmation_messages_default = defineMessages11({
   title: {
     id: "df.wise.ExternalConfirmation.title",
     defaultMessage: "Please confirm",
@@ -12952,19 +13241,19 @@ var external_confirmation_messages_default = defineMessages10({
 });
 
 // ../renderers/src/step/ExternalConfirmationDialog.tsx
-import { Button as Button5, Markdown as Markdown5 } from "@transferwise/components";
+import { Button as Button6, Markdown as Markdown5 } from "@transferwise/components";
 import { jsx as jsx55, jsxs as jsxs20 } from "react/jsx-runtime";
 function ExternalConfirmationDialog({
   external,
   onClose
 }) {
-  const { formatMessage } = useIntl9();
+  const { formatMessage } = useIntl10();
   return /* @__PURE__ */ jsx55("div", { className: "df-box-renderer-fixed-width", children: /* @__PURE__ */ jsxs20("div", { className: "df-box-renderer-width-lg", children: [
     /* @__PURE__ */ jsx55("h2", { className: "text-xs-center m-b-5", children: formatMessage(external_confirmation_messages_default.title) }),
     /* @__PURE__ */ jsx55(Markdown5, { config: { link: { target: "_blank" } }, className: "text-xs-center m-b-5", children: formatMessage(external_confirmation_messages_default.description, { origin: getOrigin(external.url) }) }),
     /* @__PURE__ */ jsx55("div", { className: "df-box-renderer-fixed-width", children: /* @__PURE__ */ jsxs20("div", { className: "df-box-renderer-width-lg", children: [
       /* @__PURE__ */ jsx55(
-        Button5,
+        Button6,
         {
           block: true,
           className: "m-b-2",
@@ -12977,7 +13266,7 @@ function ExternalConfirmationDialog({
           children: formatMessage(external_confirmation_messages_default.open)
         }
       ),
-      /* @__PURE__ */ jsx55(Button5, { block: true, className: "m-b-2", priority: "tertiary", size: "md", onClick: onClose, children: formatMessage(external_confirmation_messages_default.cancel) })
+      /* @__PURE__ */ jsx55(Button6, { block: true, className: "m-b-2", priority: "tertiary", size: "md", onClick: onClose, children: formatMessage(external_confirmation_messages_default.cancel) })
     ] }) })
   ] }) });
 }
@@ -13011,15 +13300,13 @@ import { ArrowLeft } from "@transferwise/icons";
 import { jsx as jsx56, jsxs as jsxs21 } from "react/jsx-runtime";
 function BackButton({ title, onClick }) {
   return /* @__PURE__ */ jsx56("div", { className: "m-b-2", children: /* @__PURE__ */ jsxs21(
-    "a",
+    "button",
     {
-      href: "/",
+      type: "button",
       className: "df-back-btn",
+      title,
       "aria-label": title,
-      onClick: (event) => {
-        event.preventDefault();
-        onClick();
-      },
+      onClick,
       children: [
         /* @__PURE__ */ jsx56("span", { className: "sr-only", children: title }),
         /* @__PURE__ */ jsx56(Avatar4, { type: "icon", children: /* @__PURE__ */ jsx56(ArrowLeft, { size: "24" }) })
@@ -13523,7 +13810,7 @@ function isReference(block) {
 
 // src/legacy/dynamicFlow/DynamicFlow.tsx
 import { useCallback as useCallback11, useEffect as useEffect26, useMemo as useMemo23, useState as useState34 } from "react";
-import { useIntl as useIntl30 } from "react-intl";
+import { useIntl as useIntl31 } from "react-intl";
 
 // src/legacy/common/contexts/dynamicFlowContexts/DynamicFlowContexts.tsx
 import { createContext as createContext4, useContext as useContext5, useMemo as useMemo8 } from "react";
@@ -14445,11 +14732,11 @@ function useExternalStepPolling(polling, onAction) {
 
 // src/legacy/common/hooks/usePersistAsync/usePersistAsync.ts
 import { useState as useState28 } from "react";
-import { useIntl as useIntl24 } from "react-intl";
+import { useIntl as useIntl25 } from "react-intl";
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBasicSchema/PersistAsyncBasicSchema.tsx
 import { useEffect as useEffect18, useState as useState27 } from "react";
-import { useIntl as useIntl23 } from "react-intl";
+import { useIntl as useIntl24 } from "react-intl";
 
 // src/legacy/common/constants/DateMode.ts
 var DateMode = {
@@ -14704,7 +14991,7 @@ var getBoxWidthClasses = (component) => {
 var DynamicBox_default = DynamicBox;
 
 // src/legacy/layout/button/DynamicButton.tsx
-import { Button as Button6 } from "@transferwise/components";
+import { Button as Button7 } from "@transferwise/components";
 
 // src/legacy/layout/button/utils.ts
 var priorities = {
@@ -14776,7 +15063,7 @@ function DynamicButtonWithoutBehavior(props) {
     }
   };
   return /* @__PURE__ */ jsx72(
-    Button6,
+    Button7,
     {
       size: getButtonSize(component.size),
       type: priority === "tertiary" ? void 0 : type,
@@ -14808,7 +15095,7 @@ function DynamicButtonWithBehavior(props) {
     }
   };
   return /* @__PURE__ */ jsx72(
-    Button6,
+    Button7,
     {
       size: getButtonSize(component.size),
       type: priority === "tertiary" ? void 0 : type,
@@ -14910,13 +15197,13 @@ var DynamicDivider = ({ component }) => {
 var DynamicDivider_default = DynamicDivider;
 
 // src/legacy/layout/external/DynamicExternal.tsx
-import { Button as Button7, Loader as Loader2, Size as Size2 } from "@transferwise/components";
+import { Button as Button8, Loader as Loader2, Size as Size2 } from "@transferwise/components";
 import { useCallback as useCallback6, useEffect as useEffect8 } from "react";
-import { useIntl as useIntl10 } from "react-intl";
+import { useIntl as useIntl11 } from "react-intl";
 
 // src/legacy/layout/external/DynamicExternal.messages.ts
-import { defineMessages as defineMessages11 } from "react-intl";
-var DynamicExternal_messages_default = defineMessages11({
+import { defineMessages as defineMessages12 } from "react-intl";
+var DynamicExternal_messages_default = defineMessages12({
   retryTitle: {
     id: "dynamicFlows.DynamicExternal.retryTitle",
     defaultMessage: "Reopen window",
@@ -14928,7 +15215,7 @@ var DynamicExternal_messages_default = defineMessages11({
 import { Fragment as Fragment11, jsx as jsx76, jsxs as jsxs25 } from "react/jsx-runtime";
 var DynamicExternal = ({ component, onAction }) => {
   const { requestUrl, responseHandlers, polling, retryTitle } = component;
-  const intl = useIntl10();
+  const intl = useIntl11();
   const openExternalUrl = useCallback6(
     () => window.open(requestUrl, "df-external-window"),
     [requestUrl]
@@ -14943,7 +15230,7 @@ var DynamicExternal = ({ component, onAction }) => {
   return /* @__PURE__ */ jsxs25(Fragment11, { children: [
     /* @__PURE__ */ jsx76(Loader2, { size: Size2.LARGE, classNames: { "tw-loader": "tw-loader m-x-auto" } }),
     /* @__PURE__ */ jsx76("br", {}),
-    /* @__PURE__ */ jsx76(Button7, { priority: "tertiary", block: true, onClick: openExternalUrl, children: retryTitle || intl.formatMessage(DynamicExternal_messages_default.retryTitle) })
+    /* @__PURE__ */ jsx76(Button8, { priority: "tertiary", block: true, onClick: openExternalUrl, children: retryTitle || intl.formatMessage(DynamicExternal_messages_default.retryTitle) })
   ] });
 };
 var DynamicExternal_default = DynamicExternal;
@@ -14964,7 +15251,7 @@ var getSchemaColumnClasses = (width) => ({
   "col-sm-4": width === "sm"
 });
 function AllOfSchema(props) {
-  const { disabled = false } = props;
+  const { disabled = false, hideTitle = false } = props;
   const onChangeModelIndex = (index, onChangeProps) => {
     const modelSchema = props.schema.allOf[index];
     models[index] = getValidObjectModelParts(onChangeProps.model, modelSchema) || {};
@@ -14973,7 +15260,7 @@ function AllOfSchema(props) {
   };
   const [models, setModels] = useState12(splitModel(props.model, props.schema.allOf));
   return /* @__PURE__ */ jsxs26(Fragment12, { children: [
-    props.schema.title && /* @__PURE__ */ jsx77(Header8, { title: props.schema.title }),
+    props.schema.title && !hideTitle && /* @__PURE__ */ jsx77(Header8, { title: props.schema.title }),
     props.schema.description && /* @__PURE__ */ jsx77("p", { children: props.schema.description }),
     /* @__PURE__ */ jsx77("div", { className: "row", children: props.schema.allOf.map((schema, index) => (
       // eslint-disable-next-line react/no-array-index-key
@@ -15008,7 +15295,7 @@ import { useMemo as useMemo12, useState as useState13 } from "react";
 // src/legacy/jsonSchemaForm/controlFeedback/ControlFeedback.tsx
 import { InlineAlert as InlineAlert3 } from "@transferwise/components";
 import { formatDate as formatDate3 } from "@transferwise/formatting";
-import { useIntl as useIntl11 } from "react-intl";
+import { useIntl as useIntl12 } from "react-intl";
 import { jsx as jsx78, jsxs as jsxs27 } from "react/jsx-runtime";
 function ControlFeedback(props) {
   const { errors = "", validations = [], validationMessages = {} } = props;
@@ -15028,7 +15315,7 @@ function ControlFeedback(props) {
   ] });
 }
 function useDefaultValidationMessages(schema) {
-  const { formatMessage, locale } = useIntl11();
+  const { formatMessage, locale } = useIntl12();
   const formattedMessages = {
     type: formatMessage(validation_messages_default.type),
     minimum: formatMessage(validation_messages_default.minimum, {
@@ -15115,11 +15402,11 @@ function constructUploadError(response) {
 }
 
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/utils/useFormattedDefaultErrorMessages.tsx
-import { useIntl as useIntl12 } from "react-intl";
+import { useIntl as useIntl13 } from "react-intl";
 
 // src/legacy/common/messages.ts
-import { defineMessages as defineMessages12 } from "react-intl";
-var messages_default = defineMessages12({
+import { defineMessages as defineMessages13 } from "react-intl";
+var messages_default = defineMessages13({
   required: {
     id: "dynamicFlows.DefaultErrorMessages.required",
     defaultMessage: "Please fill out this field.",
@@ -15132,7 +15419,7 @@ function useFormattedDefaultErrorMessages({
   maxItems,
   minItems
 }) {
-  const { formatMessage } = useIntl12();
+  const { formatMessage } = useIntl13();
   const { maxFileSizeError, maxItemsError, minItemsError } = multi_file_upload_messages_default;
   return {
     maxFileSizeErrorMessage: formatMessage(maxFileSizeError),
@@ -15243,7 +15530,7 @@ function getValidationMessages(schema, required, defaultErrorMessages) {
 var import_classnames8 = __toESM(require_classnames());
 import { SelectInput as SelectInput3, SelectInputOptionContent as SelectInputOptionContent3 } from "@transferwise/components";
 import { useEffect as useEffect9, useMemo as useMemo13, useState as useState14 } from "react";
-import { useIntl as useIntl13 } from "react-intl";
+import { useIntl as useIntl14 } from "react-intl";
 
 // src/legacy/jsonSchemaForm/schemaFormControl/utils/mapping-utils.tsx
 import { Avatar as Avatar6, AvatarType as AvatarType5 } from "@transferwise/components";
@@ -15337,8 +15624,8 @@ var getDisabled = (disabled) => {
 };
 
 // src/common/messages/multi-select.messages.ts
-import { defineMessages as defineMessages13 } from "react-intl";
-var multi_select_messages_default2 = defineMessages13({
+import { defineMessages as defineMessages14 } from "react-intl";
+var multi_select_messages_default2 = defineMessages14({
   summary: {
     id: "dynamicFlows.MultiSelect.summary",
     defaultMessage: "{first} and {count} more",
@@ -15356,7 +15643,7 @@ function MultiSelectSchema({
   errors,
   onChange
 }) {
-  const { formatMessage, locale } = useIntl13();
+  const { formatMessage, locale } = useIntl14();
   const { disabled, items, validationMessages, placeholder } = schema;
   const options = items.oneOf.map((item) => mapConstSchemaToOption(item, "select"));
   const id = useMemo13(() => schema.$id || generateRandomId(), [schema.$id]);
@@ -15460,7 +15747,7 @@ var getInitialModelIndices2 = (model, options) => {
 import { Header as Header9, Modal as Modal3, NavigationOption as NavigationOption6 } from "@transferwise/components";
 import { Plus as Plus2 } from "@transferwise/icons";
 import { useMemo as useMemo14, useState as useState16 } from "react";
-import { useIntl as useIntl15 } from "react-intl";
+import { useIntl as useIntl16 } from "react-intl";
 
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/ItemSummary.tsx
 import { NavigationOption as NavigationOption5 } from "@transferwise/components";
@@ -15479,8 +15766,8 @@ function ItemSummaryOption2({ item, onClick }) {
 }
 
 // src/common/messages/repeatable.messages.ts
-import { defineMessages as defineMessages14 } from "react-intl";
-var repeatable_messages_default2 = defineMessages14({
+import { defineMessages as defineMessages15 } from "react-intl";
+var repeatable_messages_default2 = defineMessages15({
   addItemTitle: {
     id: "dynamicFlows.ArraySchema.addItemTitle",
     defaultMessage: "Add Item",
@@ -15505,7 +15792,7 @@ var repeatable_messages_default2 = defineMessages14({
 
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/RepeatableSchemaStep.tsx
 import { useState as useState15 } from "react";
-import { useIntl as useIntl14 } from "react-intl";
+import { useIntl as useIntl15 } from "react-intl";
 import { jsx as jsx83 } from "react/jsx-runtime";
 function RepeatableSchemaStep({
   type,
@@ -15516,7 +15803,7 @@ function RepeatableSchemaStep({
   onModelChange,
   onAction
 }) {
-  const { formatMessage } = useIntl14();
+  const { formatMessage } = useIntl15();
   const [filename, setFilename] = useState15(void 0);
   const step = {
     layout: [
@@ -15823,7 +16110,7 @@ function RepeatableSchema({
     setEditableItem({ item: null, model: null });
     setOpenModalType(null);
   };
-  const { formatMessage } = useIntl15();
+  const { formatMessage } = useIntl16();
   const validations = getValidationFailures(model, schema, required);
   const base64ValidationMessages = useFormattedDefaultErrorMessages({
     minItems: schema.minItems,
@@ -16029,11 +16316,11 @@ import { useEffect as useEffect12, useMemo as useMemo15, useState as useState18
 
 // src/legacy/jsonSchemaForm/help/Help.tsx
 import { Markdown as Markdown6, Info as Info2 } from "@transferwise/components";
-import { useIntl as useIntl16 } from "react-intl";
+import { useIntl as useIntl17 } from "react-intl";
 
 // src/common/messages/help.messages.ts
-import { defineMessages as defineMessages15 } from "react-intl";
-var help_messages_default2 = defineMessages15({
+import { defineMessages as defineMessages16 } from "react-intl";
+var help_messages_default2 = defineMessages16({
   helpAria: {
     id: "dynamicFlows.Help.ariaLabel",
     defaultMessage: "Click here for more info.",
@@ -16044,7 +16331,7 @@ var help_messages_default2 = defineMessages15({
 // src/legacy/jsonSchemaForm/help/Help.tsx
 import { jsx as jsx88 } from "react/jsx-runtime";
 function Help2(props) {
-  const intl = useIntl16();
+  const intl = useIntl17();
   return /* @__PURE__ */ jsx88(
     Info2,
     {
@@ -16060,7 +16347,7 @@ var Help_default2 = Help2;
 
 // src/legacy/jsonSchemaForm/schemaFormControl/SchemaFormControl.tsx
 import { useEffect as useEffect11 } from "react";
-import { useIntl as useIntl17 } from "react-intl";
+import { useIntl as useIntl18 } from "react-intl";
 
 // src/legacy/formControl/FormControl.tsx
 import {
@@ -16778,7 +17065,7 @@ function SchemaFormControl(props) {
     labelledBy
   } = props;
   const log = useLogger();
-  const intl = useIntl17();
+  const intl = useIntl18();
   const getSanitisedValue = (value2) => isNativeInput(schema.type) && (isNull3(value2) || isUndefined3(value2)) ? "" : value2;
   const onModelChange = (value2, type, metadata) => {
     onChange(getValidBasicModelOrNull(value2, schema), type, metadata);
@@ -17015,7 +17302,7 @@ var OneOfSchema_default = OneOfSchema;
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/PersistAsyncBlobSchema.tsx
 var import_classnames12 = __toESM(require_classnames());
 import { useEffect as useEffect13, useState as useState19 } from "react";
-import { useIntl as useIntl18 } from "react-intl";
+import { useIntl as useIntl19 } from "react-intl";
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/UploadInputAdapter.tsx
 import { Status as Status2, UploadInput as UploadInput4 } from "@transferwise/components";
@@ -17082,7 +17369,7 @@ function PersistAsyncBlobSchema(props) {
   const [persistAsyncValidations, setPersistAsyncValidations] = useState19(null);
   const [validations, setValidations] = useState19([]);
   const [changed, setChanged] = useState19(false);
-  const intl = useIntl18();
+  const intl = useIntl19();
   const httpClient = useHttpClient();
   const onEvent = useEventDispatcher();
   useEffect13(() => {
@@ -17321,11 +17608,11 @@ var PromotedOneOfSchema_default = PromotedOneOfSchema;
 
 // src/legacy/jsonSchemaForm/readOnlySchema/ReadOnlySchema.tsx
 import { DefinitionList as DefinitionList2, Layout } from "@transferwise/components";
-import { useIntl as useIntl19 } from "react-intl";
+import { useIntl as useIntl20 } from "react-intl";
 
 // src/legacy/jsonSchemaForm/readOnlySchema/ReadOnlySchema.messages.ts
-import { defineMessages as defineMessages16 } from "react-intl";
-var ReadOnlySchema_messages_default = defineMessages16({
+import { defineMessages as defineMessages17 } from "react-intl";
+var ReadOnlySchema_messages_default = defineMessages17({
   yes: {
     id: "dynamicFlows.ReadOnlySchema.yes",
     defaultMessage: "Yes",
@@ -17342,7 +17629,7 @@ var ReadOnlySchema_messages_default = defineMessages16({
 import { Fragment as Fragment18, jsx as jsx99, jsxs as jsxs36 } from "react/jsx-runtime";
 function ReadOnlySchema({ schema, model }) {
   const { title = "" } = schema;
-  const { formatMessage } = useIntl19();
+  const { formatMessage } = useIntl20();
   const value = getValueForSchema({ schema, model, formatMessage });
   return /* @__PURE__ */ jsx99(DefinitionList2, { layout: Layout.VERTICAL_ONE_COLUMN, definitions: [{ title, value, key: "" }] });
 }
@@ -17795,19 +18082,47 @@ var DynamicLayout_default = DynamicLayout;
 // src/legacy/layout/list/DynamicStatusList.tsx
 import { Header as Header13, Summary as Summary2 } from "@transferwise/components";
 import { jsx as jsx108, jsxs as jsxs38 } from "react/jsx-runtime";
-var DynamicStatusList = ({ component }) => {
+var DynamicStatusList = ({ component, onAction }) => {
   return /* @__PURE__ */ jsxs38("div", { className: getMargin2(component.margin || "md"), children: [
     component.title ? /* @__PURE__ */ jsx108(Header13, { title: component.title }) : null,
-    component.items.map(mapListItemToSummary)
+    component.items.map((item) => mapListItemToSummary(item, onAction))
   ] });
 };
-var mapListItemToSummary = ({ title, description, icon, status }) => {
-  const props = __spreadValues(__spreadValues({
+var mapListItemToSummary = (props, onAction) => {
+  const { title, description, icon, status } = props;
+  const summaryProps = __spreadValues(__spreadValues({
     key: `${title}/${description || ""}`,
     title,
-    description
+    description,
+    action: "callToAction" in props ? callToActionToSummaryAction(props == null ? void 0 : props.callToAction, onAction) : void 0
   }, (icon == null ? void 0 : icon.name) ? { icon: /* @__PURE__ */ jsx108(DynamicIcon_default2, { type: icon.name }) } : {}), status ? { status: statusMap[status] } : {});
-  return /* @__PURE__ */ jsx108(Summary2, __spreadValues({}, props));
+  return /* @__PURE__ */ jsx108(Summary2, __spreadValues({}, summaryProps));
+};
+var callToActionToSummaryAction = (callToAction, onAction) => {
+  if (!callToAction) {
+    return void 0;
+  }
+  const { accessibilityDescription, behavior, title } = callToAction;
+  if (behavior.link) {
+    const { link } = behavior;
+    return {
+      text: title,
+      "aria-label": accessibilityDescription,
+      href: link.url,
+      target: "_blank"
+    };
+  }
+  if (behavior.action) {
+    const { action } = behavior;
+    return {
+      text: title,
+      "aria-label": accessibilityDescription,
+      onClick: () => {
+        onAction(action);
+      }
+    };
+  }
+  return void 0;
 };
 var statusListMap = {
   done: "done",
@@ -17841,12 +18156,12 @@ var DynamicLoadingIndicator = ({ component }) => {
 var DynamicLoadingIndicator_default = DynamicLoadingIndicator;
 
 // src/legacy/layout/paragraph/DynamicParagraph.tsx
-import { Button as Button8 } from "@transferwise/components";
-import { useIntl as useIntl20 } from "react-intl";
+import { Button as Button9 } from "@transferwise/components";
+import { useIntl as useIntl21 } from "react-intl";
 
 // src/common/messages/paragraph.messages.ts
-import { defineMessages as defineMessages17 } from "react-intl";
-var paragraph_messages_default2 = defineMessages17({
+import { defineMessages as defineMessages18 } from "react-intl";
+var paragraph_messages_default2 = defineMessages18({
   copy: {
     id: "dynamicFlows.DynamicParagraph.copy",
     defaultMessage: "Copy",
@@ -17878,7 +18193,7 @@ function BasicDynamicParagraph({ component }) {
   return /* @__PURE__ */ jsx110("p", { className: `np-text-body-large ${getTextAlignmentAndMargin2(component)}`, children: component.text });
 }
 function CopyableDynamicParagraph({ component }) {
-  const { formatMessage } = useIntl20();
+  const { formatMessage } = useIntl21();
   const createSnackbar = useSnackBarIfAvailable2();
   const { text } = component;
   const copy = () => {
@@ -17900,7 +18215,7 @@ function CopyableDynamicParagraph({ component }) {
         style: { textOverflow: "ellipsis" }
       }
     ),
-    /* @__PURE__ */ jsx110(Button8, { block: true, onClick: copy, children: formatMessage(paragraph_messages_default2.copy) })
+    /* @__PURE__ */ jsx110(Button9, { block: true, onClick: copy, children: formatMessage(paragraph_messages_default2.copy) })
   ] });
 }
 function noop4() {
@@ -17993,7 +18308,7 @@ var SearchInput = ({ title, value, onFocus, onChange }) => {
 
 // src/legacy/layout/search/SearchResults.tsx
 import { NavigationOption as NavigationOption7, NavigationOptionsList as NavigationOptionsList4 } from "@transferwise/components";
-import { useIntl as useIntl21 } from "react-intl";
+import { useIntl as useIntl22 } from "react-intl";
 import { jsx as jsx113, jsxs as jsxs42 } from "react/jsx-runtime";
 function SearchResults2({ results, emptyMessage, onSelect }) {
   if (results.length === 0) {
@@ -18013,7 +18328,7 @@ function SearchResults2({ results, emptyMessage, onSelect }) {
   )) });
 }
 function ErrorResult2({ onRetrySearch }) {
-  const intl = useIntl21();
+  const intl = useIntl22();
   return /* @__PURE__ */ jsxs42("p", { className: "m-t-2", children: [
     intl.formatMessage(generic_error_messages_default.genericError),
     "\xA0",
@@ -18103,12 +18418,24 @@ var addQueryParameter2 = (url, key, value) => {
 // src/legacy/layout/search/DynamicSearch.tsx
 var import_classnames14 = __toESM(require_classnames());
 import { Markdown as Markdown8, Typeahead as Typeahead2 } from "@transferwise/components";
-import { useIntl as useIntl22 } from "react-intl";
+import { useIntl as useIntl23 } from "react-intl";
+
+// src/common/messages/search.messages.ts
+import { defineMessages as defineMessages19 } from "react-intl";
+var search_messages_default2 = defineMessages19({
+  loading: {
+    id: "dynamicFlows.SearchLayout.loading",
+    defaultMessage: "Loading...",
+    description: "A message shown to the user while their search is being processed, before results appear."
+  }
+});
+
+// src/legacy/layout/search/DynamicSearch.tsx
 import { jsx as jsx114, jsxs as jsxs43 } from "react/jsx-runtime";
 var DEBOUNCE_TIME2 = 400;
 function DynamicSearch({ component, onAction }) {
   const [query, setQuery] = useState24("");
-  const intl = useIntl22();
+  const intl = useIntl23();
   const { control, title, margin, url, method, param, emptyMessage } = component;
   const { status, results, search } = useSearch({ url, method, param });
   const onEvent = useEventDispatcher();
@@ -18140,6 +18467,7 @@ function DynamicSearch({ component, onAction }) {
     setQuery(query);
     void search(query);
   };
+  const loadingMessage = intl.formatMessage(search_messages_default2.loading);
   if (control === "inline") {
     return /* @__PURE__ */ jsx114("div", { className: (0, import_classnames14.default)(getMargin2(margin != null ? margin : "md"), "df-search-typeahead"), children: /* @__PURE__ */ jsxs43("label", { className: "control-label d-inline", children: [
       title,
@@ -18157,6 +18485,7 @@ function DynamicSearch({ component, onAction }) {
               state: status,
               results,
               emptyMessage,
+              loadingMessage,
               onRetrySearch
             }
           ),
@@ -18194,10 +18523,11 @@ function mapResultToTypeaheadOption2(result) {
   };
 }
 function TypeaheadFooter2({
+  emptyMessage,
+  loadingMessage,
   results,
   state,
-  onRetrySearch,
-  emptyMessage
+  onRetrySearch
 }) {
   if (state === "success" && results.length === 0) {
     return /* @__PURE__ */ jsx114(Markdown8, { className: "m-t-2 m-x-2", config: { link: { target: "_blank" } }, children: emptyMessage });
@@ -18206,14 +18536,14 @@ function TypeaheadFooter2({
     return /* @__PURE__ */ jsx114("div", { className: "m-t-2 m-x-2", children: /* @__PURE__ */ jsx114(ErrorResult2, { onRetrySearch }) });
   }
   if (state === "loading" || results.length === 0) {
-    return /* @__PURE__ */ jsx114("p", { className: "m-t-2 m-x-2", children: "Loading..." });
+    return /* @__PURE__ */ jsx114("p", { className: "m-t-2 m-x-2", children: loadingMessage });
   }
   return null;
 }
 var DynamicSearch_default = DynamicSearch;
 
 // src/legacy/layout/modal/DynamicModal.tsx
-import { Button as Button9, Modal as Modal4 } from "@transferwise/components";
+import { Button as Button10, Modal as Modal4 } from "@transferwise/components";
 import { useState as useState25 } from "react";
 import { jsx as jsx115, jsxs as jsxs44 } from "react/jsx-runtime";
 function DynamicModal(props) {
@@ -18221,7 +18551,7 @@ function DynamicModal(props) {
   const { component, onAction } = props;
   const { margin = "md" } = component;
   return /* @__PURE__ */ jsxs44("div", { className: getTextAlignmentAndMargin2({ margin }), children: [
-    /* @__PURE__ */ jsx115(Button9, { priority: "tertiary", block: true, onClick: () => isVisible(true), children: component.trigger.title }),
+    /* @__PURE__ */ jsx115(Button10, { priority: "tertiary", block: true, onClick: () => isVisible(true), children: component.trigger.title }),
     /* @__PURE__ */ jsx115(
       Modal4,
       {
@@ -18382,7 +18712,7 @@ var controlTypesWithPersistOnChange = /* @__PURE__ */ new Set([
 ]);
 function PersistAsyncBasicSchema(props) {
   const { schema, required = false, submitted, errors, onChange, onPersistAsync } = props;
-  const intl = useIntl23();
+  const intl = useIntl24();
   const httpClient = useHttpClient();
   const onEvent = useEventDispatcher();
   const [persistAsyncModel, setPersistAsyncModel] = useState27(null);
@@ -18477,7 +18807,7 @@ var PersistAsyncBasicSchema_default = PersistAsyncBasicSchema;
 var usePersistAsync = (persistAsync) => {
   const [abortController, setAbortController] = useState28(null);
   const httpClient = useHttpClient();
-  const intl = useIntl24();
+  const intl = useIntl25();
   const { schema } = persistAsync;
   async function handlePersistAsync(model) {
     const isInvalidSchema = model instanceof Blob ? !isBlobSchema2(schema) : !isValidSchema(model, schema);
@@ -18710,12 +19040,12 @@ import { useEffect as useEffect25, useState as useState31 } from "react";
 
 // src/common/cameraCapture/CameraCapture.tsx
 import { useCallback as useCallback10, useEffect as useEffect24, useMemo as useMemo21, useRef as useRef8, useState as useState30 } from "react";
-import { useIntl as useIntl27 } from "react-intl";
+import { useIntl as useIntl28 } from "react-intl";
 import Webcam from "react-webcam";
 
 // src/common/cameraCapture/CameraCapture.messages.ts
-import { defineMessages as defineMessages18 } from "react-intl";
-var CameraCapture_messages_default = defineMessages18({
+import { defineMessages as defineMessages20 } from "react-intl";
+var CameraCapture_messages_default = defineMessages20({
   reviewSubmit: {
     id: "dynamicFlows.CameraCapture.reviewSubmit",
     defaultMessage: "Yes, submit",
@@ -18774,18 +19104,18 @@ var CameraCapture_messages_default = defineMessages18({
 });
 
 // src/common/cameraCapture/components/bottomBar/BottomBar.tsx
-import { Button as Button10, ControlType, Priority, Size as Size3 } from "@transferwise/components";
-import { useIntl as useIntl25 } from "react-intl";
+import { Button as Button11, ControlType, Priority, Size as Size3 } from "@transferwise/components";
+import { useIntl as useIntl26 } from "react-intl";
 import { jsx as jsx119, jsxs as jsxs46 } from "react/jsx-runtime";
 var CaptureBottomBar = ({ onCapture }) => /* @__PURE__ */ jsx119("div", { className: "bottom-bar", children: /* @__PURE__ */ jsx119(CaptureButton, { onClick: onCapture }) });
 var ReviewBottomBar = ({
   onSubmit,
   onRetry
 }) => {
-  const intl = useIntl25();
+  const intl = useIntl26();
   return /* @__PURE__ */ jsx119("div", { className: "bottom-bar p-x-2", children: /* @__PURE__ */ jsx119("div", { className: "row", children: /* @__PURE__ */ jsxs46("div", { className: "col-xs-12 col-md-6 col-md-offset-3", children: [
     /* @__PURE__ */ jsx119(
-      Button10,
+      Button11,
       {
         className: "m-b-1",
         block: true,
@@ -18796,7 +19126,7 @@ var ReviewBottomBar = ({
       }
     ),
     /* @__PURE__ */ jsx119(
-      Button10,
+      Button11,
       {
         className: "m-b-2",
         block: true,
@@ -18821,11 +19151,11 @@ var CaptureButton = ({ onClick }) => /* @__PURE__ */ jsx119(
 );
 
 // src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
-import { useIntl as useIntl26 } from "react-intl";
+import { useIntl as useIntl27 } from "react-intl";
 
 // src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.messages.ts
-import { defineMessages as defineMessages19 } from "react-intl";
-var OrientationLockOverlay_messages_default = defineMessages19({
+import { defineMessages as defineMessages21 } from "react-intl";
+var OrientationLockOverlay_messages_default = defineMessages21({
   text: {
     id: "dynamicFlows.CameraCapture.rotatePhone.text",
     defaultMessage: "Rotate your phone to portrait view to take a photo",
@@ -18836,7 +19166,7 @@ var OrientationLockOverlay_messages_default = defineMessages19({
 // src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
 import { jsx as jsx120, jsxs as jsxs47 } from "react/jsx-runtime";
 function OrientationLockOverlay() {
-  const intl = useIntl26();
+  const intl = useIntl27();
   return /* @__PURE__ */ jsxs47("div", { className: "orientation-lock-overlay", children: [
     /* @__PURE__ */ jsx120(
       "img",
@@ -19087,13 +19417,13 @@ function Overlay({ overlay, outline, imageUrl, title, instructions, reviewInstru
 var Overlay_default = Overlay;
 
 // src/common/cameraCapture/screens/cameraErrorScreen/CameraErrorScreen.tsx
-import { Button as Button11 } from "@transferwise/components";
+import { Button as Button12 } from "@transferwise/components";
 import { jsx as jsx122, jsxs as jsxs49 } from "react/jsx-runtime";
 function CameraErrorScreen({ title, description, actionButton, onAction }) {
   return /* @__PURE__ */ jsx122("div", { className: "container p-t-5", children: /* @__PURE__ */ jsx122("div", { className: "row", children: /* @__PURE__ */ jsxs49("div", { className: "col-md-6 col-md-offset-3", children: [
     /* @__PURE__ */ jsx122("h2", { className: "text-xs-center m-b-3", children: title }),
     /* @__PURE__ */ jsx122("p", { className: "text-xs-center m-b-5", children: description }),
-    onAction && actionButton && /* @__PURE__ */ jsx122(Button11, { block: true, onClick: onAction, children: actionButton })
+    onAction && actionButton && /* @__PURE__ */ jsx122(Button12, { block: true, onClick: onAction, children: actionButton })
   ] }) }) });
 }
 var CameraErrorScreen_default = CameraErrorScreen;
@@ -19126,7 +19456,7 @@ function CameraCapture({
     shouldLockOrientation,
     onEvent
   );
-  const intl = useIntl27();
+  const intl = useIntl28();
   const handleCapture = useCallback10(async () => {
     var _a, _b, _c, _d, _e, _f;
     if (((_a = webcamReference == null ? void 0 : webcamReference.current) == null ? void 0 : _a.video) && ((_c = (_b = webcamReference == null ? void 0 : webcamReference.current) == null ? void 0 : _b.video) == null ? void 0 : _c.readyState) >= 3) {
@@ -19349,11 +19679,11 @@ function getFirstAction(step) {
 }
 
 // src/legacy/step/externalConfirmationStep/ExternalConfirmationStep.tsx
-import { useIntl as useIntl28 } from "react-intl";
+import { useIntl as useIntl29 } from "react-intl";
 
 // src/common/messages/external-confirmation.messages.ts
-import { defineMessages as defineMessages20 } from "react-intl";
-var external_confirmation_messages_default2 = defineMessages20({
+import { defineMessages as defineMessages22 } from "react-intl";
+var external_confirmation_messages_default2 = defineMessages22({
   title: {
     id: "dynamicFlows.ExternalConfirmation.title",
     defaultMessage: "Please confirm",
@@ -19381,7 +19711,7 @@ import { jsx as jsx125 } from "react/jsx-runtime";
 var noop6 = () => {
 };
 function ExternalConfirmationStep({ url, onClose }) {
-  const { formatMessage } = useIntl28();
+  const { formatMessage } = useIntl29();
   return /* @__PURE__ */ jsx125(
     DynamicLayout_default,
     {
@@ -19754,9 +20084,9 @@ var assertResponseIsValid2 = (response) => {
 var isResponse2 = (response) => typeof response === "object" && response !== null && "clone" in response && "bodyUsed" in response;
 
 // src/legacy/dynamicFlow/utils/useErrorResponse.tsx
-import { useIntl as useIntl29 } from "react-intl";
+import { useIntl as useIntl30 } from "react-intl";
 var useErrorResponse = () => {
-  const { formatMessage } = useIntl29();
+  const { formatMessage } = useIntl30();
   return async (response, fetchType, isInitialRequest) => {
     try {
       const errorResponse = await parseErrorResponse(response);
@@ -19800,7 +20130,7 @@ var DynamicFlowComponent = ({
     setSchemaModel
   } = useDynamicFlowState(initialStep);
   const [submitted, setSubmitted] = useState34(false);
-  const { locale } = useIntl30();
+  const { locale } = useIntl31();
   const { isLoading, loader, setLoadingState } = useLoader(
     loaderConfig,
     initialStep ? "idle" : "initial"