@wise/dynamic-flow-client 3.16.3 → 3.16.4

package/build/main.js

@@ -144,10 +144,10 @@ var init_clsx = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.12.1_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-93a0c34e.esm.js
+// ../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.14.0_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-93a0c34e.esm.js
 var import_react7, import_jsx_runtime17, unknownFlagName, Flag, Sizes, ImageSizes, imageSizes, Assets, RenderMode;
 var init_index_93a0c34e_esm = __esm({
-  "../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.12.1_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-93a0c34e.esm.js"() {
+  "../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.14.0_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-93a0c34e.esm.js"() {
     "use strict";
     init_clsx();
     import_react7 = require("react");
@@ -6199,7 +6199,7 @@ var linkHandlerSchema = z.object({
 var pollingOnErrorSchema = z.object({
   action: actionSchema
 });
-var navigationBackBehaviourSchema = z.object({
+var navigationBackBehaviorSchema = z.object({
   title: z.string().optional(),
   action: actionSchema
 });
@@ -6251,8 +6251,8 @@ var pollingSchema = z.object({
   onError: pollingOnErrorSchema
 });
 var navigationSchema = z.object({
-  backButton: navigationBackBehaviourSchema.optional(),
-  back: navigationBackBehaviourSchema.optional(),
+  backButton: navigationBackBehaviorSchema.optional(),
+  back: navigationBackBehaviorSchema.optional(),
   stackBehavior: navigationStackBehaviorSchema.optional()
 });
 var alertLayoutSchema = z.object({
@@ -6369,9 +6369,9 @@ var stepSchema = z.lazy(
     refreshFormUrl: z.string().optional(),
     id: z.string(),
     title: z.string(),
-    description: z.string().optional(),
     schemas: z.array(schemaSchema),
     layout: z.array(layoutSchema),
+    description: z.string().optional(),
     model: jsonElementSchema.optional(),
     external: externalSchema.optional(),
     polling: pollingSchema.optional(),
@@ -11265,7 +11265,7 @@ var DateInputRenderer_default = DateInputRenderer;
 // ../renderers/src/DecisionRenderer.tsx
 var import_components9 = require("@transferwise/components");
 
-// ../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.12.1_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index.esm.js
+// ../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.14.0_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index.esm.js
 init_index_93a0c34e_esm();
 init_clsx();
 var import_react8 = require("react");
@@ -12202,6 +12202,7 @@ var BlockSearchRendererComponent_default = BlockSearchRendererComponent;
 var import_components27 = require("@transferwise/components");
 var import_icons2 = require("@transferwise/icons");
 var import_react15 = require("react");
+var import_react_intl17 = require("react-intl");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 function InlineSearchRenderer({
   id,
@@ -12213,10 +12214,12 @@ function InlineSearchRenderer({
 }) {
   const [hasSearched, setHasSearched] = (0, import_react15.useState)(false);
   const trackEvent = useTrackEvent();
+  const intl = (0, import_react_intl17.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: getMargin(margin), children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(FieldInput_default, { id, description: "", error: "", help: "", label: title, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     import_components27.Typeahead,
     {
       id: "typeahead-input-id",
+      intl,
       name: "typeahead-input-name",
       size: "md",
       maxHeight: 100,
@@ -12771,11 +12774,11 @@ var getFieldValue = (value, help, orientation) => {
 var import_react19 = require("react");
 
 // ../renderers/src/step/ExternalConfirmationDialog.tsx
-var import_react_intl18 = require("react-intl");
+var import_react_intl19 = require("react-intl");
 
 // ../renderers/src/messages/external-confirmation.messages.ts
-var import_react_intl17 = require("react-intl");
-var external_confirmation_messages_default = (0, import_react_intl17.defineMessages)({
+var import_react_intl18 = require("react-intl");
+var external_confirmation_messages_default = (0, import_react_intl18.defineMessages)({
   title: {
     id: "df.wise.ExternalConfirmation.title",
     defaultMessage: "Please confirm",
@@ -12805,7 +12808,7 @@ function ExternalConfirmationDialog({
   external,
   onClose
 }) {
-  const { formatMessage } = (0, import_react_intl18.useIntl)();
+  const { formatMessage } = (0, import_react_intl19.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_components37.Markdown, { config: { link: { target: "_blank" } }, className: "text-xs-center m-b-5", children: formatMessage(external_confirmation_messages_default.description, { origin: getOrigin(external.url) }) }),
@@ -12892,8 +12895,10 @@ function StepRendererComponent(props) {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(StepRendererContextProvider, { value, children: [
     back ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(BackButton_default, __spreadValues({}, back)) : null,
-    title ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_components39.Title, { as: "h1", type: "title-section", className: "text-xs-center m-b-2", children: title }) : void 0,
-    description ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-xs-center m-b-2", children: description }) : void 0,
+    title || description ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "m-b-4", children: [
+      title ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_components39.Title, { as: "h1", type: "title-section", className: "text-xs-center m-b-2", children: title }) : void 0,
+      description ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-xs-center", children: description }) : void 0
+    ] }) : void 0,
     error ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_components39.Alert, { type: "negative", className: "m-b-2", message: error }) : void 0,
     children
   ] });
@@ -13350,7 +13355,7 @@ function isReference(block) {
 
 // src/legacy/dynamicFlow/DynamicFlow.tsx
 var import_react67 = require("react");
-var import_react_intl49 = require("react-intl");
+var import_react_intl50 = require("react-intl");
 
 // src/legacy/common/contexts/dynamicFlowContexts/DynamicFlowContexts.tsx
 var import_react25 = require("react");
@@ -14271,11 +14276,11 @@ function useExternalStepPolling(polling, onAction) {
 
 // src/legacy/common/hooks/usePersistAsync/usePersistAsync.ts
 var import_react55 = require("react");
-var import_react_intl40 = require("react-intl");
+var import_react_intl41 = require("react-intl");
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBasicSchema/PersistAsyncBasicSchema.tsx
 var import_react54 = require("react");
-var import_react_intl39 = require("react-intl");
+var import_react_intl40 = require("react-intl");
 
 // src/legacy/common/constants/DateMode.ts
 var DateMode = {
@@ -14694,11 +14699,11 @@ var DynamicDivider_default = DynamicDivider;
 // src/legacy/layout/external/DynamicExternal.tsx
 var import_components44 = require("@transferwise/components");
 var import_react32 = require("react");
-var import_react_intl20 = require("react-intl");
+var import_react_intl21 = require("react-intl");
 
 // src/legacy/layout/external/DynamicExternal.messages.ts
-var import_react_intl19 = require("react-intl");
-var DynamicExternal_messages_default = (0, import_react_intl19.defineMessages)({
+var import_react_intl20 = require("react-intl");
+var DynamicExternal_messages_default = (0, import_react_intl20.defineMessages)({
   retryTitle: {
     id: "dynamicFlows.DynamicExternal.retryTitle",
     defaultMessage: "Reopen window",
@@ -14710,7 +14715,7 @@ var DynamicExternal_messages_default = (0, import_react_intl19.defineMessages)({
 var import_jsx_runtime77 = require("react/jsx-runtime");
 var DynamicExternal = ({ component, onAction }) => {
   const { requestUrl, responseHandlers, polling, retryTitle } = component;
-  const intl = (0, import_react_intl20.useIntl)();
+  const intl = (0, import_react_intl21.useIntl)();
   const openExternalUrl = (0, import_react32.useCallback)(
     () => window.open(requestUrl, "df-external-window"),
     [requestUrl]
@@ -14789,7 +14794,7 @@ var import_react34 = require("react");
 // src/legacy/jsonSchemaForm/controlFeedback/ControlFeedback.tsx
 var import_components46 = require("@transferwise/components");
 var import_formatting2 = require("@transferwise/formatting");
-var import_react_intl21 = require("react-intl");
+var import_react_intl22 = require("react-intl");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 function ControlFeedback(props) {
   var _a;
@@ -14815,7 +14820,7 @@ ControlFeedback.defaultProps = {
   validationAsyncSuccessMessage: null
 };
 function useDefaultValidationMessages(schema) {
-  const { formatMessage, locale } = (0, import_react_intl21.useIntl)();
+  const { formatMessage, locale } = (0, import_react_intl22.useIntl)();
   const formattedMessages = {
     type: formatMessage(validation_messages_default.type),
     minimum: formatMessage(validation_messages_default.minimum, {
@@ -14902,11 +14907,11 @@ function constructUploadError(response) {
 }
 
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/utils/useFormattedDefaultErrorMessages.tsx
-var import_react_intl23 = require("react-intl");
+var import_react_intl24 = require("react-intl");
 
 // src/legacy/common/messages.ts
-var import_react_intl22 = require("react-intl");
-var messages_default = (0, import_react_intl22.defineMessages)({
+var import_react_intl23 = require("react-intl");
+var messages_default = (0, import_react_intl23.defineMessages)({
   required: {
     id: "dynamicFlows.DefaultErrorMessages.required",
     defaultMessage: "Please fill out this field.",
@@ -14919,7 +14924,7 @@ function useFormattedDefaultErrorMessages({
   maxItems,
   minItems
 }) {
-  const { formatMessage } = (0, import_react_intl23.useIntl)();
+  const { formatMessage } = (0, import_react_intl24.useIntl)();
   const { maxFileSizeError, maxItemsError, minItemsError } = multi_file_upload_messages_default;
   return {
     maxFileSizeErrorMessage: formatMessage(maxFileSizeError),
@@ -15039,7 +15044,7 @@ function getValidationMessages(schema, required, defaultErrorMessages) {
 var import_components49 = require("@transferwise/components");
 var import_classnames8 = __toESM(require_classnames());
 var import_react35 = require("react");
-var import_react_intl25 = require("react-intl");
+var import_react_intl26 = require("react-intl");
 
 // src/legacy/jsonSchemaForm/schemaFormControl/utils/mapping-utils.tsx
 var import_components48 = require("@transferwise/components");
@@ -15133,8 +15138,8 @@ var getDisabled = (disabled) => {
 };
 
 // src/common/messages/multi-select.messages.ts
-var import_react_intl24 = require("react-intl");
-var multi_select_messages_default2 = (0, import_react_intl24.defineMessages)({
+var import_react_intl25 = require("react-intl");
+var multi_select_messages_default2 = (0, import_react_intl25.defineMessages)({
   summary: {
     id: "dynamicFlows.MultiSelect.summary",
     defaultMessage: "{first} and {count} more",
@@ -15152,7 +15157,7 @@ function MultiSelectSchema({
   errors,
   onChange
 }) {
-  const { formatMessage, locale } = (0, import_react_intl25.useIntl)();
+  const { formatMessage, locale } = (0, import_react_intl26.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]);
@@ -15256,7 +15261,7 @@ var getInitialModelIndices2 = (model, options) => {
 var import_components51 = require("@transferwise/components");
 var import_icons4 = require("@transferwise/icons");
 var import_react37 = require("react");
-var import_react_intl28 = require("react-intl");
+var import_react_intl29 = require("react-intl");
 
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/ItemSummary.tsx
 var import_components50 = require("@transferwise/components");
@@ -15275,8 +15280,8 @@ function ItemSummaryOption2({ item, onClick }) {
 }
 
 // src/common/messages/repeatable.messages.ts
-var import_react_intl26 = require("react-intl");
-var repeatable_messages_default2 = (0, import_react_intl26.defineMessages)({
+var import_react_intl27 = require("react-intl");
+var repeatable_messages_default2 = (0, import_react_intl27.defineMessages)({
   addItemTitle: {
     id: "dynamicFlows.ArraySchema.addItemTitle",
     defaultMessage: "Add Item",
@@ -15301,7 +15306,7 @@ var repeatable_messages_default2 = (0, import_react_intl26.defineMessages)({
 
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/RepeatableSchemaStep.tsx
 var import_react36 = require("react");
-var import_react_intl27 = require("react-intl");
+var import_react_intl28 = require("react-intl");
 var import_jsx_runtime84 = require("react/jsx-runtime");
 function RepeatableSchemaStep({
   type,
@@ -15312,7 +15317,7 @@ function RepeatableSchemaStep({
   onModelChange,
   onAction
 }) {
-  const { formatMessage } = (0, import_react_intl27.useIntl)();
+  const { formatMessage } = (0, import_react_intl28.useIntl)();
   const [filename, setFilename] = (0, import_react36.useState)(void 0);
   const step = {
     layout: [
@@ -15619,7 +15624,7 @@ function RepeatableSchema({
     setEditableItem({ item: null, model: null });
     setOpenModalType(null);
   };
-  const { formatMessage } = (0, import_react_intl28.useIntl)();
+  const { formatMessage } = (0, import_react_intl29.useIntl)();
   const validations = getValidationFailures(model, schema, required);
   const base64ValidationMessages = useFormattedDefaultErrorMessages({
     minItems: schema.minItems,
@@ -15835,11 +15840,11 @@ var import_react41 = require("react");
 
 // src/legacy/jsonSchemaForm/help/Help.tsx
 var import_components53 = require("@transferwise/components");
-var import_react_intl30 = require("react-intl");
+var import_react_intl31 = require("react-intl");
 
 // src/common/messages/help.messages.ts
-var import_react_intl29 = require("react-intl");
-var help_messages_default2 = (0, import_react_intl29.defineMessages)({
+var import_react_intl30 = require("react-intl");
+var help_messages_default2 = (0, import_react_intl30.defineMessages)({
   helpAria: {
     id: "dynamicFlows.Help.ariaLabel",
     defaultMessage: "Click here for more info.",
@@ -15850,7 +15855,7 @@ var help_messages_default2 = (0, import_react_intl29.defineMessages)({
 // src/legacy/jsonSchemaForm/help/Help.tsx
 var import_jsx_runtime89 = require("react/jsx-runtime");
 function Help2(props) {
-  const intl = (0, import_react_intl30.useIntl)();
+  const intl = (0, import_react_intl31.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
     import_components53.Info,
     {
@@ -15866,7 +15871,7 @@ var Help_default2 = Help2;
 
 // src/legacy/jsonSchemaForm/schemaFormControl/SchemaFormControl.tsx
 var import_react40 = require("react");
-var import_react_intl31 = require("react-intl");
+var import_react_intl32 = require("react-intl");
 
 // src/legacy/formControl/FormControl.tsx
 var import_components54 = require("@transferwise/components");
@@ -16572,7 +16577,7 @@ function SchemaFormControl(props) {
     labelledBy
   } = props;
   const log = useLogger();
-  const intl = (0, import_react_intl31.useIntl)();
+  const intl = (0, import_react_intl32.useIntl)();
   const getSanitisedValue = (value2) => isNativeInput(schema.type) && (isNull3(value2) || isUndefined3(value2)) ? "" : value2;
   const onModelChange = (value2, type, metadata) => {
     onChange(getValidBasicModelOrNull(value2, schema), type, metadata);
@@ -16815,7 +16820,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_intl32 = require("react-intl");
+var import_react_intl33 = require("react-intl");
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/UploadInputAdapter.tsx
 var import_components56 = require("@transferwise/components");
@@ -16882,7 +16887,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_intl32.useIntl)();
+  const intl = (0, import_react_intl33.useIntl)();
   const httpClient = useHttpClient();
   const onEvent = useEventDispatcher();
   (0, import_react43.useEffect)(() => {
@@ -17128,11 +17133,11 @@ var PromotedOneOfSchema_default = PromotedOneOfSchema;
 
 // src/legacy/jsonSchemaForm/readOnlySchema/ReadOnlySchema.tsx
 var import_components59 = require("@transferwise/components");
-var import_react_intl34 = require("react-intl");
+var import_react_intl35 = require("react-intl");
 
 // src/legacy/jsonSchemaForm/readOnlySchema/ReadOnlySchema.messages.ts
-var import_react_intl33 = require("react-intl");
-var ReadOnlySchema_messages_default = (0, import_react_intl33.defineMessages)({
+var import_react_intl34 = require("react-intl");
+var ReadOnlySchema_messages_default = (0, import_react_intl34.defineMessages)({
   yes: {
     id: "dynamicFlows.ReadOnlySchema.yes",
     defaultMessage: "Yes",
@@ -17149,7 +17154,7 @@ var ReadOnlySchema_messages_default = (0, import_react_intl33.defineMessages)({
 var import_jsx_runtime100 = require("react/jsx-runtime");
 function ReadOnlySchema({ schema, model }) {
   const { title = "" } = schema;
-  const { formatMessage } = (0, import_react_intl34.useIntl)();
+  const { formatMessage } = (0, import_react_intl35.useIntl)();
   const value = getValueForSchema({ schema, model, formatMessage });
   return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_components59.DefinitionList, { layout: import_components59.Layout.VERTICAL_ONE_COLUMN, definitions: [{ title, value, key: "" }] });
 }
@@ -17650,11 +17655,11 @@ var DynamicLoadingIndicator_default = DynamicLoadingIndicator;
 
 // src/legacy/layout/paragraph/DynamicParagraph.tsx
 var import_components67 = require("@transferwise/components");
-var import_react_intl36 = require("react-intl");
+var import_react_intl37 = require("react-intl");
 
 // src/common/messages/paragraph.messages.ts
-var import_react_intl35 = require("react-intl");
-var paragraph_messages_default2 = (0, import_react_intl35.defineMessages)({
+var import_react_intl36 = require("react-intl");
+var paragraph_messages_default2 = (0, import_react_intl36.defineMessages)({
   copy: {
     id: "dynamicFlows.DynamicParagraph.copy",
     defaultMessage: "Copy",
@@ -17690,7 +17695,7 @@ function BasicDynamicParagraph({ component }) {
   ] });
 }
 function CopyableDynamicParagraph({ component }) {
-  const { formatMessage } = (0, import_react_intl36.useIntl)();
+  const { formatMessage } = (0, import_react_intl37.useIntl)();
   const createSnackbar = useSnackBarIfAvailable2();
   const { text } = component;
   const copy = () => {
@@ -17805,7 +17810,7 @@ var SearchInput = ({ title, value, onFocus, onChange }) => {
 
 // src/legacy/layout/search/SearchResults.tsx
 var import_components70 = require("@transferwise/components");
-var import_react_intl37 = require("react-intl");
+var import_react_intl38 = require("react-intl");
 var import_jsx_runtime114 = require("react/jsx-runtime");
 function SearchResults2({ results, emptyMessage, onSelect }) {
   if (results.length === 0) {
@@ -17825,7 +17830,7 @@ function SearchResults2({ results, emptyMessage, onSelect }) {
   )) });
 }
 function ErrorResult2({ onRetrySearch }) {
-  const intl = (0, import_react_intl37.useIntl)();
+  const intl = (0, import_react_intl38.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("p", { className: "m-t-2", children: [
     intl.formatMessage(generic_error_messages_default.genericError),
     "\xA0",
@@ -17915,12 +17920,12 @@ var addQueryParameter2 = (url, key, value) => {
 // src/legacy/layout/search/DynamicSearch.tsx
 var import_components71 = require("@transferwise/components");
 var import_classnames14 = __toESM(require_classnames());
-var import_react_intl38 = require("react-intl");
+var import_react_intl39 = require("react-intl");
 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_intl38.useIntl)();
+  const intl = (0, import_react_intl39.useIntl)();
   const { control, title, margin, url, method, param, emptyMessage } = component;
   const { status, results, search } = useSearch({ url, method, param });
   const onEvent = useEventDispatcher();
@@ -18197,7 +18202,7 @@ var controlTypesWithPersistOnChange = /* @__PURE__ */ new Set([
 ]);
 function PersistAsyncBasicSchema(props) {
   const { schema, required, submitted, errors, onChange, onPersistAsync } = props;
-  const intl = (0, import_react_intl39.useIntl)();
+  const intl = (0, import_react_intl40.useIntl)();
   const httpClient = useHttpClient();
   const onEvent = useEventDispatcher();
   const [persistAsyncModel, setPersistAsyncModel] = (0, import_react54.useState)(null);
@@ -18295,7 +18300,7 @@ var PersistAsyncBasicSchema_default = PersistAsyncBasicSchema;
 var usePersistAsync = (persistAsync) => {
   const [abortController, setAbortController] = (0, import_react55.useState)(null);
   const httpClient = useHttpClient();
-  const intl = (0, import_react_intl40.useIntl)();
+  const intl = (0, import_react_intl41.useIntl)();
   const { schema } = persistAsync;
   async function handlePersistAsync(model) {
     const isInvalidSchema = model instanceof Blob ? !isBlobSchema2(schema) : !isValidSchema(model, schema);
@@ -18526,12 +18531,12 @@ var import_react63 = require("react");
 
 // src/common/cameraCapture/CameraCapture.tsx
 var import_react62 = require("react");
-var import_react_intl45 = require("react-intl");
+var import_react_intl46 = require("react-intl");
 var import_react_webcam = __toESM(require("react-webcam"));
 
 // src/common/cameraCapture/CameraCapture.messages.ts
-var import_react_intl41 = require("react-intl");
-var CameraCapture_messages_default = (0, import_react_intl41.defineMessages)({
+var import_react_intl42 = require("react-intl");
+var CameraCapture_messages_default = (0, import_react_intl42.defineMessages)({
   reviewSubmit: {
     id: "dynamicFlows.CameraCapture.reviewSubmit",
     defaultMessage: "Yes, submit",
@@ -18591,14 +18596,14 @@ var CameraCapture_messages_default = (0, import_react_intl41.defineMessages)({
 
 // src/common/cameraCapture/components/bottomBar/BottomBar.tsx
 var import_components73 = require("@transferwise/components");
-var import_react_intl42 = require("react-intl");
+var import_react_intl43 = 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_intl42.useIntl)();
+  const intl = (0, import_react_intl43.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_components73.Button,
@@ -18637,11 +18642,11 @@ var CaptureButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime120.j
 );
 
 // src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
-var import_react_intl44 = require("react-intl");
+var import_react_intl45 = require("react-intl");
 
 // src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.messages.ts
-var import_react_intl43 = require("react-intl");
-var OrientationLockOverlay_messages_default = (0, import_react_intl43.defineMessages)({
+var import_react_intl44 = require("react-intl");
+var OrientationLockOverlay_messages_default = (0, import_react_intl44.defineMessages)({
   text: {
     id: "dynamicFlows.CameraCapture.rotatePhone.text",
     defaultMessage: "Rotate your phone to portrait view to take a photo",
@@ -18652,7 +18657,7 @@ var OrientationLockOverlay_messages_default = (0, import_react_intl43.defineMess
 // src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
 var import_jsx_runtime121 = require("react/jsx-runtime");
 function OrientationLockOverlay() {
-  const intl = (0, import_react_intl44.useIntl)();
+  const intl = (0, import_react_intl45.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "orientation-lock-overlay", children: [
     /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
       "img",
@@ -18942,7 +18947,7 @@ function CameraCapture({
     shouldLockOrientation,
     onEvent
   );
-  const intl = (0, import_react_intl45.useIntl)();
+  const intl = (0, import_react_intl46.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) {
@@ -19165,11 +19170,11 @@ function getFirstAction(step) {
 }
 
 // src/legacy/step/externalConfirmationStep/ExternalConfirmationStep.tsx
-var import_react_intl47 = require("react-intl");
+var import_react_intl48 = require("react-intl");
 
 // src/common/messages/external-confirmation.messages.ts
-var import_react_intl46 = require("react-intl");
-var external_confirmation_messages_default2 = (0, import_react_intl46.defineMessages)({
+var import_react_intl47 = require("react-intl");
+var external_confirmation_messages_default2 = (0, import_react_intl47.defineMessages)({
   title: {
     id: "dynamicFlows.ExternalConfirmation.title",
     defaultMessage: "Please confirm",
@@ -19197,7 +19202,7 @@ var import_jsx_runtime126 = require("react/jsx-runtime");
 var noop6 = () => {
 };
 function ExternalConfirmationStep({ url, onClose }) {
-  const { formatMessage } = (0, import_react_intl47.useIntl)();
+  const { formatMessage } = (0, import_react_intl48.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
     DynamicLayout_default,
     {
@@ -19570,9 +19575,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_intl48 = require("react-intl");
+var import_react_intl49 = require("react-intl");
 var useErrorResponse = () => {
-  const { formatMessage } = (0, import_react_intl48.useIntl)();
+  const { formatMessage } = (0, import_react_intl49.useIntl)();
   return async (response, fetchType, isInitialRequest) => {
     try {
       const errorResponse = await parseErrorResponse(response);
@@ -19616,7 +19621,7 @@ var DynamicFlowComponent = ({
     setSchemaModel
   } = useDynamicFlowState(initialStep);
   const [submitted, setSubmitted] = (0, import_react67.useState)(false);
-  const { locale } = (0, import_react_intl49.useIntl)();
+  const { locale } = (0, import_react_intl50.useIntl)();
   const { isLoading, loader, setLoadingState } = useLoader(
     loaderConfig,
     initialStep ? "idle" : "initial"