@wise/dynamic-flow-client 3.22.0 → 3.22.1

package/build/main.js

@@ -524,7 +524,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
@@ -574,7 +575,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
@@ -624,7 +626,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
@@ -674,7 +677,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
@@ -724,7 +728,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
@@ -774,7 +779,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
@@ -824,7 +830,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
@@ -874,7 +881,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
@@ -924,7 +932,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
@@ -974,7 +983,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
@@ -1024,7 +1034,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
@@ -1074,7 +1085,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
@@ -1124,7 +1136,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
@@ -1174,7 +1187,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
@@ -1224,7 +1238,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
@@ -1274,7 +1289,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
@@ -1472,6 +1488,17 @@ 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;
@@ -1518,13 +1545,7 @@ var getValidationState = (errors, validationAsyncState) => {
       return { status: "valid", message: validationAsyncState == null ? void 0 : validationAsyncState.messages.success };
     }
   }
-  if (errors) {
-    if (errors.length > 0) {
-      return { status: "invalid", message: errors[0] };
-    }
-    return { status: "valid" };
-  }
-  return void 0;
+  return mapErrorsToValidationState(errors);
 };
 
 // src/revamp/renderers/mappers/booleanInputComponentToProps.ts
@@ -1683,15 +1704,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,
@@ -1778,22 +1798,13 @@ var repeatableComponentToProps = (component, children, editableItemChildren) =>
     maxItems,
     minItems,
     title,
-    validationState: getValidationState2(errors),
+    validationState: mapErrorsToValidationState(errors),
     onAdd: onAdd.bind(component),
     onEdit: onEdit.bind(component),
     onSave: onSave.bind(component),
     onRemove: onRemove.bind(component)
   };
 };
-var getValidationState2 = (errors) => {
-  if (errors) {
-    if (errors.length > 0) {
-      return { status: "invalid", message: errors[0] };
-    }
-    return { status: "valid" };
-  }
-  return void 0;
-};
 
 // src/revamp/renderers/mappers/reviewComponentToProps.ts
 var reviewComponentToProps = ({
@@ -9189,9 +9200,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) => {
@@ -9204,6 +9234,7 @@ var createMultiUploadInputComponent = (uploadInputProps, updateComponent) => {
     uid,
     id,
     format: "base64",
+    errorsMap: {},
     fileMap: {},
     onBlur() {
       getAndSetValidationErrors(this.getLocalValue());
@@ -9218,13 +9249,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 = [];
       });
@@ -9245,7 +9280,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) {
@@ -9304,6 +9339,7 @@ var arraySchemaToMultiUploadComponent = (schemaMapperProps, mapperProps) => {
       accepts,
       autoComplete: "off",
       checks: schema.hidden ? [] : checks,
+      fileChecks: [],
       format,
       maxSize,
       minItems,
@@ -12433,6 +12469,19 @@ function ErrorResult({ state }) {
 
 // ../renderers/src/SearchRenderer/BlockSearchRendererComponent.tsx
 var import_react14 = require("react");
+
+// ../renderers/src/messages/search.messages.ts
+var import_react_intl17 = require("react-intl");
+var search_messages_default = (0, import_react_intl17.defineMessages)({
+  loading: {
+    id: "df.wise.SearchLayout.loading",
+    defaultMessage: "Loading...",
+    description: "A message shown to the user while their search is being processed, before results appear."
+  }
+});
+
+// ../renderers/src/SearchRenderer/BlockSearchRendererComponent.tsx
+var import_react_intl18 = require("react-intl");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 function BlockSearchRendererComponent({
   id,
@@ -12445,6 +12494,7 @@ function BlockSearchRendererComponent({
 }) {
   const [hasSearched, setHasSearched] = (0, import_react14.useState)(false);
   const trackEvent = useTrackEvent();
+  const { formatMessage } = (0, import_react_intl18.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: getMargin(margin), children: [
     /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(FieldInput_default, { id, description: "", validation: void 0, help: "", label: title, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       import_components27.Input,
@@ -12463,7 +12513,7 @@ function BlockSearchRendererComponent({
         }
       }
     ) }),
-    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_jsx_runtime42.Fragment, { children: "Loading..." }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SearchResultContent, { state, onChange })
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_jsx_runtime42.Fragment, { children: formatMessage(search_messages_default.loading) }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SearchResultContent, { state, onChange })
   ] });
 }
 function SearchResultContent({
@@ -12516,7 +12566,7 @@ var BlockSearchRendererComponent_default = BlockSearchRendererComponent;
 var import_components28 = require("@transferwise/components");
 var import_icons2 = require("@transferwise/icons");
 var import_react15 = require("react");
-var import_react_intl17 = require("react-intl");
+var import_react_intl19 = require("react-intl");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 function InlineSearchRenderer({
   id,
@@ -12528,7 +12578,7 @@ function InlineSearchRenderer({
 }) {
   const [hasSearched, setHasSearched] = (0, import_react15.useState)(false);
   const trackEvent = useTrackEvent();
-  const intl = (0, import_react_intl17.useIntl)();
+  const intl = (0, import_react_intl19.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: getMargin(margin), children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(FieldInput_default, { id, description: "", validation: void 0, help: "", label: title, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     import_components28.Typeahead,
     {
@@ -12575,6 +12625,7 @@ function mapResultToTypeaheadOption(result) {
   };
 }
 function TypeaheadFooter({ state, isLoading }) {
+  const { formatMessage } = (0, import_react_intl19.useIntl)();
   if (state.type === "noResults") {
     return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_components28.Markdown, { className: "m-t-2 m-x-2", config: { link: { target: "_blank" } }, children: state.message });
   }
@@ -12582,7 +12633,7 @@ function TypeaheadFooter({ state, isLoading }) {
     return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "m-t-2 m-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ErrorResult, { state }) });
   }
   if (state.type === "pending" || isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "m-t-2 m-x-2", children: "Loading..." });
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "m-t-2 m-x-2", children: formatMessage(search_messages_default.loading) });
   }
   return null;
 }
@@ -13180,11 +13231,11 @@ var getFieldValue = (value, help, orientation) => {
 var import_react19 = require("react");
 
 // ../renderers/src/step/ExternalConfirmationDialog.tsx
-var import_react_intl19 = require("react-intl");
+var import_react_intl21 = require("react-intl");
 
 // ../renderers/src/messages/external-confirmation.messages.ts
-var import_react_intl18 = require("react-intl");
-var external_confirmation_messages_default = (0, import_react_intl18.defineMessages)({
+var import_react_intl20 = require("react-intl");
+var external_confirmation_messages_default = (0, import_react_intl20.defineMessages)({
   title: {
     id: "df.wise.ExternalConfirmation.title",
     defaultMessage: "Please confirm",
@@ -13214,7 +13265,7 @@ function ExternalConfirmationDialog({
   external,
   onClose
 }) {
-  const { formatMessage } = (0, import_react_intl19.useIntl)();
+  const { formatMessage } = (0, import_react_intl21.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "df-box-renderer-fixed-width", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "df-box-renderer-width-lg", children: [
     /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("h2", { className: "text-xs-center m-b-5", children: formatMessage(external_confirmation_messages_default.title) }),
     /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_components38.Markdown, { config: { link: { target: "_blank" } }, className: "text-xs-center m-b-5", children: formatMessage(external_confirmation_messages_default.description, { origin: getOrigin(external.url) }) }),
@@ -13777,7 +13828,7 @@ function isReference(block) {
 
 // src/legacy/dynamicFlow/DynamicFlow.tsx
 var import_react67 = require("react");
-var import_react_intl50 = require("react-intl");
+var import_react_intl53 = require("react-intl");
 
 // src/legacy/common/contexts/dynamicFlowContexts/DynamicFlowContexts.tsx
 var import_react25 = require("react");
@@ -14699,11 +14750,11 @@ function useExternalStepPolling(polling, onAction) {
 
 // src/legacy/common/hooks/usePersistAsync/usePersistAsync.ts
 var import_react55 = require("react");
-var import_react_intl41 = require("react-intl");
+var import_react_intl44 = require("react-intl");
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBasicSchema/PersistAsyncBasicSchema.tsx
 var import_react54 = require("react");
-var import_react_intl40 = require("react-intl");
+var import_react_intl43 = require("react-intl");
 
 // src/legacy/common/constants/DateMode.ts
 var DateMode = {
@@ -15166,11 +15217,11 @@ var DynamicDivider_default = DynamicDivider;
 // src/legacy/layout/external/DynamicExternal.tsx
 var import_components45 = require("@transferwise/components");
 var import_react32 = require("react");
-var import_react_intl21 = require("react-intl");
+var import_react_intl23 = require("react-intl");
 
 // src/legacy/layout/external/DynamicExternal.messages.ts
-var import_react_intl20 = require("react-intl");
-var DynamicExternal_messages_default = (0, import_react_intl20.defineMessages)({
+var import_react_intl22 = require("react-intl");
+var DynamicExternal_messages_default = (0, import_react_intl22.defineMessages)({
   retryTitle: {
     id: "dynamicFlows.DynamicExternal.retryTitle",
     defaultMessage: "Reopen window",
@@ -15182,7 +15233,7 @@ var DynamicExternal_messages_default = (0, import_react_intl20.defineMessages)({
 var import_jsx_runtime77 = require("react/jsx-runtime");
 var DynamicExternal = ({ component, onAction }) => {
   const { requestUrl, responseHandlers, polling, retryTitle } = component;
-  const intl = (0, import_react_intl21.useIntl)();
+  const intl = (0, import_react_intl23.useIntl)();
   const openExternalUrl = (0, import_react32.useCallback)(
     () => window.open(requestUrl, "df-external-window"),
     [requestUrl]
@@ -15259,7 +15310,7 @@ var import_react34 = require("react");
 // src/legacy/jsonSchemaForm/controlFeedback/ControlFeedback.tsx
 var import_components47 = require("@transferwise/components");
 var import_formatting2 = require("@transferwise/formatting");
-var import_react_intl22 = require("react-intl");
+var import_react_intl24 = require("react-intl");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 function ControlFeedback(props) {
   const { errors = "", validations = [], validationMessages = {} } = props;
@@ -15279,7 +15330,7 @@ function ControlFeedback(props) {
   ] });
 }
 function useDefaultValidationMessages(schema) {
-  const { formatMessage, locale } = (0, import_react_intl22.useIntl)();
+  const { formatMessage, locale } = (0, import_react_intl24.useIntl)();
   const formattedMessages = {
     type: formatMessage(validation_messages_default.type),
     minimum: formatMessage(validation_messages_default.minimum, {
@@ -15366,11 +15417,11 @@ function constructUploadError(response) {
 }
 
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/utils/useFormattedDefaultErrorMessages.tsx
-var import_react_intl24 = require("react-intl");
+var import_react_intl26 = require("react-intl");
 
 // src/legacy/common/messages.ts
-var import_react_intl23 = require("react-intl");
-var messages_default = (0, import_react_intl23.defineMessages)({
+var import_react_intl25 = require("react-intl");
+var messages_default = (0, import_react_intl25.defineMessages)({
   required: {
     id: "dynamicFlows.DefaultErrorMessages.required",
     defaultMessage: "Please fill out this field.",
@@ -15383,7 +15434,7 @@ function useFormattedDefaultErrorMessages({
   maxItems,
   minItems
 }) {
-  const { formatMessage } = (0, import_react_intl24.useIntl)();
+  const { formatMessage } = (0, import_react_intl26.useIntl)();
   const { maxFileSizeError, maxItemsError, minItemsError } = multi_file_upload_messages_default;
   return {
     maxFileSizeErrorMessage: formatMessage(maxFileSizeError),
@@ -15494,7 +15545,7 @@ function getValidationMessages(schema, required, defaultErrorMessages) {
 var import_components50 = require("@transferwise/components");
 var import_classnames8 = __toESM(require_classnames());
 var import_react35 = require("react");
-var import_react_intl26 = require("react-intl");
+var import_react_intl28 = require("react-intl");
 
 // src/legacy/jsonSchemaForm/schemaFormControl/utils/mapping-utils.tsx
 var import_components49 = require("@transferwise/components");
@@ -15588,8 +15639,8 @@ var getDisabled = (disabled) => {
 };
 
 // src/common/messages/multi-select.messages.ts
-var import_react_intl25 = require("react-intl");
-var multi_select_messages_default2 = (0, import_react_intl25.defineMessages)({
+var import_react_intl27 = require("react-intl");
+var multi_select_messages_default2 = (0, import_react_intl27.defineMessages)({
   summary: {
     id: "dynamicFlows.MultiSelect.summary",
     defaultMessage: "{first} and {count} more",
@@ -15607,7 +15658,7 @@ function MultiSelectSchema({
   errors,
   onChange
 }) {
-  const { formatMessage, locale } = (0, import_react_intl26.useIntl)();
+  const { formatMessage, locale } = (0, import_react_intl28.useIntl)();
   const { disabled, items, validationMessages, placeholder } = schema;
   const options = items.oneOf.map((item) => mapConstSchemaToOption(item, "select"));
   const id = (0, import_react35.useMemo)(() => schema.$id || generateRandomId(), [schema.$id]);
@@ -15711,7 +15762,7 @@ var getInitialModelIndices2 = (model, options) => {
 var import_components52 = require("@transferwise/components");
 var import_icons4 = require("@transferwise/icons");
 var import_react37 = require("react");
-var import_react_intl29 = require("react-intl");
+var import_react_intl31 = require("react-intl");
 
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/ItemSummary.tsx
 var import_components51 = require("@transferwise/components");
@@ -15730,8 +15781,8 @@ function ItemSummaryOption2({ item, onClick }) {
 }
 
 // src/common/messages/repeatable.messages.ts
-var import_react_intl27 = require("react-intl");
-var repeatable_messages_default2 = (0, import_react_intl27.defineMessages)({
+var import_react_intl29 = require("react-intl");
+var repeatable_messages_default2 = (0, import_react_intl29.defineMessages)({
   addItemTitle: {
     id: "dynamicFlows.ArraySchema.addItemTitle",
     defaultMessage: "Add Item",
@@ -15756,7 +15807,7 @@ var repeatable_messages_default2 = (0, import_react_intl27.defineMessages)({
 
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/RepeatableSchemaStep.tsx
 var import_react36 = require("react");
-var import_react_intl28 = require("react-intl");
+var import_react_intl30 = require("react-intl");
 var import_jsx_runtime84 = require("react/jsx-runtime");
 function RepeatableSchemaStep({
   type,
@@ -15767,7 +15818,7 @@ function RepeatableSchemaStep({
   onModelChange,
   onAction
 }) {
-  const { formatMessage } = (0, import_react_intl28.useIntl)();
+  const { formatMessage } = (0, import_react_intl30.useIntl)();
   const [filename, setFilename] = (0, import_react36.useState)(void 0);
   const step = {
     layout: [
@@ -16074,7 +16125,7 @@ function RepeatableSchema({
     setEditableItem({ item: null, model: null });
     setOpenModalType(null);
   };
-  const { formatMessage } = (0, import_react_intl29.useIntl)();
+  const { formatMessage } = (0, import_react_intl31.useIntl)();
   const validations = getValidationFailures(model, schema, required);
   const base64ValidationMessages = useFormattedDefaultErrorMessages({
     minItems: schema.minItems,
@@ -16280,11 +16331,11 @@ var import_react41 = require("react");
 
 // src/legacy/jsonSchemaForm/help/Help.tsx
 var import_components54 = require("@transferwise/components");
-var import_react_intl31 = require("react-intl");
+var import_react_intl33 = require("react-intl");
 
 // src/common/messages/help.messages.ts
-var import_react_intl30 = require("react-intl");
-var help_messages_default2 = (0, import_react_intl30.defineMessages)({
+var import_react_intl32 = require("react-intl");
+var help_messages_default2 = (0, import_react_intl32.defineMessages)({
   helpAria: {
     id: "dynamicFlows.Help.ariaLabel",
     defaultMessage: "Click here for more info.",
@@ -16295,7 +16346,7 @@ var help_messages_default2 = (0, import_react_intl30.defineMessages)({
 // src/legacy/jsonSchemaForm/help/Help.tsx
 var import_jsx_runtime89 = require("react/jsx-runtime");
 function Help2(props) {
-  const intl = (0, import_react_intl31.useIntl)();
+  const intl = (0, import_react_intl33.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
     import_components54.Info,
     {
@@ -16311,7 +16362,7 @@ var Help_default2 = Help2;
 
 // src/legacy/jsonSchemaForm/schemaFormControl/SchemaFormControl.tsx
 var import_react40 = require("react");
-var import_react_intl32 = require("react-intl");
+var import_react_intl34 = require("react-intl");
 
 // src/legacy/formControl/FormControl.tsx
 var import_components55 = require("@transferwise/components");
@@ -17017,7 +17068,7 @@ function SchemaFormControl(props) {
     labelledBy
   } = props;
   const log = useLogger();
-  const intl = (0, import_react_intl32.useIntl)();
+  const intl = (0, import_react_intl34.useIntl)();
   const getSanitisedValue = (value2) => isNativeInput(schema.type) && (isNull3(value2) || isUndefined3(value2)) ? "" : value2;
   const onModelChange = (value2, type, metadata) => {
     onChange(getValidBasicModelOrNull(value2, schema), type, metadata);
@@ -17254,7 +17305,7 @@ var OneOfSchema_default = OneOfSchema;
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/PersistAsyncBlobSchema.tsx
 var import_classnames12 = __toESM(require_classnames());
 var import_react43 = require("react");
-var import_react_intl33 = require("react-intl");
+var import_react_intl35 = require("react-intl");
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/UploadInputAdapter.tsx
 var import_components57 = require("@transferwise/components");
@@ -17321,7 +17372,7 @@ function PersistAsyncBlobSchema(props) {
   const [persistAsyncValidations, setPersistAsyncValidations] = (0, import_react43.useState)(null);
   const [validations, setValidations] = (0, import_react43.useState)([]);
   const [changed, setChanged] = (0, import_react43.useState)(false);
-  const intl = (0, import_react_intl33.useIntl)();
+  const intl = (0, import_react_intl35.useIntl)();
   const httpClient = useHttpClient();
   const onEvent = useEventDispatcher();
   (0, import_react43.useEffect)(() => {
@@ -17560,11 +17611,11 @@ var PromotedOneOfSchema_default = PromotedOneOfSchema;
 
 // src/legacy/jsonSchemaForm/readOnlySchema/ReadOnlySchema.tsx
 var import_components60 = require("@transferwise/components");
-var import_react_intl35 = require("react-intl");
+var import_react_intl37 = require("react-intl");
 
 // src/legacy/jsonSchemaForm/readOnlySchema/ReadOnlySchema.messages.ts
-var import_react_intl34 = require("react-intl");
-var ReadOnlySchema_messages_default = (0, import_react_intl34.defineMessages)({
+var import_react_intl36 = require("react-intl");
+var ReadOnlySchema_messages_default = (0, import_react_intl36.defineMessages)({
   yes: {
     id: "dynamicFlows.ReadOnlySchema.yes",
     defaultMessage: "Yes",
@@ -17581,7 +17632,7 @@ var ReadOnlySchema_messages_default = (0, import_react_intl34.defineMessages)({
 var import_jsx_runtime100 = require("react/jsx-runtime");
 function ReadOnlySchema({ schema, model }) {
   const { title = "" } = schema;
-  const { formatMessage } = (0, import_react_intl35.useIntl)();
+  const { formatMessage } = (0, import_react_intl37.useIntl)();
   const value = getValueForSchema({ schema, model, formatMessage });
   return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_components60.DefinitionList, { layout: import_components60.Layout.VERTICAL_ONE_COLUMN, definitions: [{ title, value, key: "" }] });
 }
@@ -18109,11 +18160,11 @@ var DynamicLoadingIndicator_default = DynamicLoadingIndicator;
 
 // src/legacy/layout/paragraph/DynamicParagraph.tsx
 var import_components68 = require("@transferwise/components");
-var import_react_intl37 = require("react-intl");
+var import_react_intl39 = require("react-intl");
 
 // src/common/messages/paragraph.messages.ts
-var import_react_intl36 = require("react-intl");
-var paragraph_messages_default2 = (0, import_react_intl36.defineMessages)({
+var import_react_intl38 = require("react-intl");
+var paragraph_messages_default2 = (0, import_react_intl38.defineMessages)({
   copy: {
     id: "dynamicFlows.DynamicParagraph.copy",
     defaultMessage: "Copy",
@@ -18145,7 +18196,7 @@ function BasicDynamicParagraph({ component }) {
   return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: `np-text-body-large ${getTextAlignmentAndMargin2(component)}`, children: component.text });
 }
 function CopyableDynamicParagraph({ component }) {
-  const { formatMessage } = (0, import_react_intl37.useIntl)();
+  const { formatMessage } = (0, import_react_intl39.useIntl)();
   const createSnackbar = useSnackBarIfAvailable2();
   const { text } = component;
   const copy = () => {
@@ -18260,7 +18311,7 @@ var SearchInput = ({ title, value, onFocus, onChange }) => {
 
 // src/legacy/layout/search/SearchResults.tsx
 var import_components71 = require("@transferwise/components");
-var import_react_intl38 = require("react-intl");
+var import_react_intl40 = require("react-intl");
 var import_jsx_runtime114 = require("react/jsx-runtime");
 function SearchResults2({ results, emptyMessage, onSelect }) {
   if (results.length === 0) {
@@ -18280,7 +18331,7 @@ function SearchResults2({ results, emptyMessage, onSelect }) {
   )) });
 }
 function ErrorResult2({ onRetrySearch }) {
-  const intl = (0, import_react_intl38.useIntl)();
+  const intl = (0, import_react_intl40.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("p", { className: "m-t-2", children: [
     intl.formatMessage(generic_error_messages_default.genericError),
     "\xA0",
@@ -18370,12 +18421,24 @@ var addQueryParameter2 = (url, key, value) => {
 // src/legacy/layout/search/DynamicSearch.tsx
 var import_components72 = require("@transferwise/components");
 var import_classnames14 = __toESM(require_classnames());
-var import_react_intl39 = require("react-intl");
+var import_react_intl42 = require("react-intl");
+
+// src/common/messages/search.messages.ts
+var import_react_intl41 = require("react-intl");
+var search_messages_default2 = (0, import_react_intl41.defineMessages)({
+  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
 var import_jsx_runtime115 = require("react/jsx-runtime");
 var DEBOUNCE_TIME2 = 400;
 function DynamicSearch({ component, onAction }) {
   const [query, setQuery] = (0, import_react51.useState)("");
-  const intl = (0, import_react_intl39.useIntl)();
+  const intl = (0, import_react_intl42.useIntl)();
   const { control, title, margin, url, method, param, emptyMessage } = component;
   const { status, results, search } = useSearch({ url, method, param });
   const onEvent = useEventDispatcher();
@@ -18407,6 +18470,7 @@ function DynamicSearch({ component, onAction }) {
     setQuery(query);
     void search(query);
   };
+  const loadingMessage = intl.formatMessage(search_messages_default2.loading);
   if (control === "inline") {
     return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: (0, import_classnames14.default)(getMargin2(margin != null ? margin : "md"), "df-search-typeahead"), children: /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("label", { className: "control-label d-inline", children: [
       title,
@@ -18424,6 +18488,7 @@ function DynamicSearch({ component, onAction }) {
               state: status,
               results,
               emptyMessage,
+              loadingMessage,
               onRetrySearch
             }
           ),
@@ -18461,10 +18526,11 @@ function mapResultToTypeaheadOption2(result) {
   };
 }
 function TypeaheadFooter2({
+  emptyMessage,
+  loadingMessage,
   results,
   state,
-  onRetrySearch,
-  emptyMessage
+  onRetrySearch
 }) {
   if (state === "success" && results.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_components72.Markdown, { className: "m-t-2 m-x-2", config: { link: { target: "_blank" } }, children: emptyMessage });
@@ -18473,7 +18539,7 @@ function TypeaheadFooter2({
     return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "m-t-2 m-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(ErrorResult2, { onRetrySearch }) });
   }
   if (state === "loading" || results.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("p", { className: "m-t-2 m-x-2", children: "Loading..." });
+    return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("p", { className: "m-t-2 m-x-2", children: loadingMessage });
   }
   return null;
 }
@@ -18649,7 +18715,7 @@ var controlTypesWithPersistOnChange = /* @__PURE__ */ new Set([
 ]);
 function PersistAsyncBasicSchema(props) {
   const { schema, required = false, submitted, errors, onChange, onPersistAsync } = props;
-  const intl = (0, import_react_intl40.useIntl)();
+  const intl = (0, import_react_intl43.useIntl)();
   const httpClient = useHttpClient();
   const onEvent = useEventDispatcher();
   const [persistAsyncModel, setPersistAsyncModel] = (0, import_react54.useState)(null);
@@ -18744,7 +18810,7 @@ var PersistAsyncBasicSchema_default = PersistAsyncBasicSchema;
 var usePersistAsync = (persistAsync) => {
   const [abortController, setAbortController] = (0, import_react55.useState)(null);
   const httpClient = useHttpClient();
-  const intl = (0, import_react_intl41.useIntl)();
+  const intl = (0, import_react_intl44.useIntl)();
   const { schema } = persistAsync;
   async function handlePersistAsync(model) {
     const isInvalidSchema = model instanceof Blob ? !isBlobSchema2(schema) : !isValidSchema(model, schema);
@@ -18977,12 +19043,12 @@ var import_react63 = require("react");
 
 // src/common/cameraCapture/CameraCapture.tsx
 var import_react62 = require("react");
-var import_react_intl46 = require("react-intl");
+var import_react_intl49 = require("react-intl");
 var import_react_webcam = __toESM(require("react-webcam"));
 
 // src/common/cameraCapture/CameraCapture.messages.ts
-var import_react_intl42 = require("react-intl");
-var CameraCapture_messages_default = (0, import_react_intl42.defineMessages)({
+var import_react_intl45 = require("react-intl");
+var CameraCapture_messages_default = (0, import_react_intl45.defineMessages)({
   reviewSubmit: {
     id: "dynamicFlows.CameraCapture.reviewSubmit",
     defaultMessage: "Yes, submit",
@@ -19042,14 +19108,14 @@ var CameraCapture_messages_default = (0, import_react_intl42.defineMessages)({
 
 // src/common/cameraCapture/components/bottomBar/BottomBar.tsx
 var import_components74 = require("@transferwise/components");
-var import_react_intl43 = require("react-intl");
+var import_react_intl46 = require("react-intl");
 var import_jsx_runtime120 = require("react/jsx-runtime");
 var CaptureBottomBar = ({ onCapture }) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "bottom-bar", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(CaptureButton, { onClick: onCapture }) });
 var ReviewBottomBar = ({
   onSubmit,
   onRetry
 }) => {
-  const intl = (0, import_react_intl43.useIntl)();
+  const intl = (0, import_react_intl46.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "bottom-bar p-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "col-xs-12 col-md-6 col-md-offset-3", children: [
     /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
       import_components74.Button,
@@ -19088,11 +19154,11 @@ var CaptureButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime120.j
 );
 
 // src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
-var import_react_intl45 = require("react-intl");
+var import_react_intl48 = require("react-intl");
 
 // src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.messages.ts
-var import_react_intl44 = require("react-intl");
-var OrientationLockOverlay_messages_default = (0, import_react_intl44.defineMessages)({
+var import_react_intl47 = require("react-intl");
+var OrientationLockOverlay_messages_default = (0, import_react_intl47.defineMessages)({
   text: {
     id: "dynamicFlows.CameraCapture.rotatePhone.text",
     defaultMessage: "Rotate your phone to portrait view to take a photo",
@@ -19103,7 +19169,7 @@ var OrientationLockOverlay_messages_default = (0, import_react_intl44.defineMess
 // src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
 var import_jsx_runtime121 = require("react/jsx-runtime");
 function OrientationLockOverlay() {
-  const intl = (0, import_react_intl45.useIntl)();
+  const intl = (0, import_react_intl48.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "orientation-lock-overlay", children: [
     /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
       "img",
@@ -19393,7 +19459,7 @@ function CameraCapture({
     shouldLockOrientation,
     onEvent
   );
-  const intl = (0, import_react_intl46.useIntl)();
+  const intl = (0, import_react_intl49.useIntl)();
   const handleCapture = (0, import_react62.useCallback)(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) {
@@ -19616,11 +19682,11 @@ function getFirstAction(step) {
 }
 
 // src/legacy/step/externalConfirmationStep/ExternalConfirmationStep.tsx
-var import_react_intl48 = require("react-intl");
+var import_react_intl51 = require("react-intl");
 
 // src/common/messages/external-confirmation.messages.ts
-var import_react_intl47 = require("react-intl");
-var external_confirmation_messages_default2 = (0, import_react_intl47.defineMessages)({
+var import_react_intl50 = require("react-intl");
+var external_confirmation_messages_default2 = (0, import_react_intl50.defineMessages)({
   title: {
     id: "dynamicFlows.ExternalConfirmation.title",
     defaultMessage: "Please confirm",
@@ -19648,7 +19714,7 @@ var import_jsx_runtime126 = require("react/jsx-runtime");
 var noop6 = () => {
 };
 function ExternalConfirmationStep({ url, onClose }) {
-  const { formatMessage } = (0, import_react_intl48.useIntl)();
+  const { formatMessage } = (0, import_react_intl51.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
     DynamicLayout_default,
     {
@@ -20021,9 +20087,9 @@ var assertResponseIsValid2 = (response) => {
 var isResponse2 = (response) => typeof response === "object" && response !== null && "clone" in response && "bodyUsed" in response;
 
 // src/legacy/dynamicFlow/utils/useErrorResponse.tsx
-var import_react_intl49 = require("react-intl");
+var import_react_intl52 = require("react-intl");
 var useErrorResponse = () => {
-  const { formatMessage } = (0, import_react_intl49.useIntl)();
+  const { formatMessage } = (0, import_react_intl52.useIntl)();
   return async (response, fetchType, isInitialRequest) => {
     try {
       const errorResponse = await parseErrorResponse(response);
@@ -20067,7 +20133,7 @@ var DynamicFlowComponent = ({
     setSchemaModel
   } = useDynamicFlowState(initialStep);
   const [submitted, setSubmitted] = (0, import_react67.useState)(false);
-  const { locale } = (0, import_react_intl50.useIntl)();
+  const { locale } = (0, import_react_intl53.useIntl)();
   const { isLoading, loader, setLoadingState } = useLoader(
     loaderConfig,
     initialStep ? "idle" : "initial"