@wise/dynamic-flow-client 2.9.0-beta-5eeb4d.27 → 2.9.0

package/build/main.js

@@ -22,6 +22,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
@@ -1021,7 +1033,7 @@ function isReference(block) {
 }
 
 // src/legacy/dynamicFlow/DynamicFlow.tsx
-var import_react44 = require("react");
+var import_react45 = require("react");
 var import_react_intl30 = require("react-intl");
 
 // src/legacy/common/contexts/dynamicFlowContexts/DynamicFlowContexts.tsx
@@ -1980,12 +1992,12 @@ function useExternalStepPolling(polling, onAction) {
 }
 
 // src/legacy/common/hooks/usePersistAsync/usePersistAsync.ts
-var import_react31 = require("react");
+var import_react32 = require("react");
 var import_react_intl21 = require("react-intl");
 
-// src/legacy/jsonSchemaForm/persistAsyncSchema/PersistAsyncSchema.messages.js
+// src/common/messages/persist-async.messages.ts
 var import_react_intl = require("react-intl");
-var PersistAsyncSchema_messages_default = (0, import_react_intl.defineMessages)({
+var persist_async_messages_default = (0, import_react_intl.defineMessages)({
   genericError: {
     id: "dynamicFlows.PersistAsyncSchema.genericError",
     defaultMessage: "Something went wrong, please try again later!",
@@ -1994,7 +2006,7 @@ var PersistAsyncSchema_messages_default = (0, import_react_intl.defineMessages)(
 });
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBasicSchema/PersistAsyncBasicSchema.tsx
-var import_react30 = require("react");
+var import_react31 = require("react");
 var import_react_intl20 = require("react-intl");
 
 // src/legacy/common/constants/DateMode.ts
@@ -2043,7 +2055,7 @@ var Size = {
 
 // src/legacy/jsonSchemaForm/basicTypeSchema/BasicTypeSchema.tsx
 var import_classnames7 = __toESM(require_classnames());
-var import_react29 = require("react");
+var import_react30 = require("react");
 
 // src/legacy/layout/alert/DynamicAlert.tsx
 var import_components2 = require("@transferwise/components");
@@ -2620,7 +2632,7 @@ var DynamicExternal = ({ component, onAction }) => {
 var DynamicExternal_default = DynamicExternal;
 
 // src/legacy/jsonSchemaForm/genericSchema/GenericSchema.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 
 // src/legacy/jsonSchemaForm/allOfSchema/AllOfSchema.tsx
 var import_components6 = require("@transferwise/components");
@@ -2998,7 +3010,7 @@ function getValidationMessages(schema, required, defaultErrorMessages) {
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/RepeatableSchema.tsx
 var import_components10 = require("@transferwise/components");
 var import_icons = require("@transferwise/icons");
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_react_intl11 = require("react-intl");
 
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/ItemSummary.tsx
@@ -3046,6 +3058,7 @@ var repeatable_messages_default = (0, import_react_intl9.defineMessages)({
 });
 
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/RepeatableSchemaStep.tsx
+var import_react13 = require("react");
 var import_react_intl10 = require("react-intl");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function RepeatableSchemaStep({
@@ -3058,6 +3071,7 @@ function RepeatableSchemaStep({
   onAction
 }) {
   const { formatMessage } = (0, import_react_intl10.useIntl)();
+  const [filename, setFilename] = (0, import_react13.useState)(void 0);
   const step = {
     layout: [
       {
@@ -3087,6 +3101,13 @@ function RepeatableSchemaStep({
     actions: [],
     schemas: []
   };
+  const onChange = (props) => {
+    const _a = props, { metadata, model: model2 } = _a, modelChangeProps = __objRest(_a, ["metadata", "model"]);
+    if (schema.items.format === "base64url" && typeof model2 === "string" && typeof (metadata == null ? void 0 : metadata.filename) === "string") {
+      setFilename(metadata.filename);
+    }
+    onModelChange(__spreadProps(__spreadValues({}, modelChangeProps), { model: model2 }));
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     DynamicFlowStep,
     {
@@ -3097,9 +3118,10 @@ function RepeatableSchemaStep({
       formErrors: errors,
       globalError: null,
       onAction: (action) => {
-        onAction(action.url);
+        onAction(action.url, filename);
+        setFilename(void 0);
       },
-      onModelChange
+      onModelChange: onChange
     }
   );
 }
@@ -3293,8 +3315,8 @@ var schemaSummaryProvides = (summary, providesProp) => (
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/RepeatableSchema.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
 function RepeatableSchema({ schema, model, errors, submitted, onChange }) {
-  const [openModalType, setOpenModalType] = (0, import_react13.useState)(null);
-  const [itemSummaries, setItemSummaries] = (0, import_react13.useState)(() => {
+  const [openModalType, setOpenModalType] = (0, import_react14.useState)(null);
+  const [itemSummaries, setItemSummaries] = (0, import_react14.useState)(() => {
     if (isObject(model) && !isArray(model)) {
       throw new Error(
         "RepeatableSchema does not support object models. Ensure your array schema is wrapped inside an object schema."
@@ -3302,7 +3324,7 @@ function RepeatableSchema({ schema, model, errors, submitted, onChange }) {
     }
     return model ? model.map((item) => getItemSummaryFromSchema(schema.items, item, schema == null ? void 0 : schema.summary)) : null;
   });
-  const [editableItem, setEditableItem] = (0, import_react13.useState)({ item: null, model: null });
+  const [editableItem, setEditableItem] = (0, import_react14.useState)({ item: null, model: null });
   const broadcastModelChange = (updatedItems) => {
     const updatedModel = updatedItems ? updatedItems.map(({ value }) => value) : null;
     onChange({
@@ -3318,9 +3340,13 @@ function RepeatableSchema({ schema, model, errors, submitted, onChange }) {
     setEditableItem({ item, model: item.value });
     setOpenModalType("edit");
   };
-  const onSaveItem = (action) => {
+  const onSaveItem = (action, summaryTextOverride) => {
     var _a;
-    const updatedItem = action === "remove" ? null : getItemSummaryFromSchema(schema.items, editableItem.model, schema == null ? void 0 : schema.summary);
+    const updatedItem = action === "remove" ? null : getItemSummaryFromSchema(
+      schema.items,
+      summaryTextOverride != null ? summaryTextOverride : editableItem.model,
+      schema.summary
+    );
     if (action !== "remove" && !isValidSchema((_a = updatedItem == null ? void 0 : updatedItem.value) != null ? _a : null, schema.items)) {
       return;
     }
@@ -3439,7 +3465,7 @@ var ArraySchema_default = ArraySchema;
 // src/legacy/jsonSchemaForm/objectSchema/ObjectSchema.tsx
 var import_components11 = require("@transferwise/components");
 var import_classnames3 = __toESM(require_classnames());
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var getSchemaColumnClasses2 = (width) => ({
   "col-xs-12": true,
@@ -3447,7 +3473,7 @@ var getSchemaColumnClasses2 = (width) => ({
   "col-sm-4": width === "sm"
 });
 function ObjectSchema(props) {
-  const [model, setModel] = (0, import_react14.useState)(() => __spreadValues({}, getValidObjectModelParts(props.model, props.schema)));
+  const [model, setModel] = (0, import_react15.useState)(() => __spreadValues({}, getValidObjectModelParts(props.model, props.schema)));
   const onChangeProperty = (propertyName, onChangeProps) => {
     if (onChangeProps.model !== null) {
       model[propertyName] = onChangeProps.model;
@@ -3458,7 +3484,7 @@ function ObjectSchema(props) {
     props.onChange(__spreadProps(__spreadValues({}, onChangeProps), { model }));
   };
   const isRequired = (propertyName) => props.schema.required && props.schema.required.includes(propertyName);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const newModel = getValidObjectModelParts(model, props.schema) || {};
     setModel(newModel);
     if (!isEqual(newModel, model)) {
@@ -3519,7 +3545,7 @@ var ObjectSchema_default = ObjectSchema;
 // src/legacy/jsonSchemaForm/oneOfSchema/OneOfSchema.tsx
 var import_components15 = require("@transferwise/components");
 var import_classnames4 = __toESM(require_classnames());
-var import_react17 = require("react");
+var import_react18 = require("react");
 
 // src/legacy/jsonSchemaForm/help/Help.tsx
 var import_components12 = require("@transferwise/components");
@@ -3553,11 +3579,11 @@ function Help(props) {
 var Help_default = Help;
 
 // src/legacy/jsonSchemaForm/schemaFormControl/SchemaFormControl.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 
 // src/legacy/formControl/FormControl.tsx
 var import_components13 = require("@transferwise/components");
-var import_react15 = require("react");
+var import_react16 = require("react");
 
 // src/legacy/formControl/utils/value-utils.ts
 var getSafeStringValue = (value, options = {}) => {
@@ -3743,7 +3769,7 @@ var autocompleteTokenMap = {
 
 // src/legacy/formControl/FormControl.tsx
 var import_jsx_runtime27 = require("react/jsx-runtime");
-var _FormControl = class _FormControl extends import_react15.PureComponent {
+var _FormControl = class _FormControl extends import_react16.PureComponent {
   constructor(props) {
     super(props);
     this.getAutocompleteValue = () => {
@@ -3756,8 +3782,8 @@ var _FormControl = class _FormControl extends import_react15.PureComponent {
       }
       return "off";
     };
-    this.handleOnChange = (value) => {
-      this.props.onChange(value);
+    this.handleOnChange = (value, metadata) => {
+      this.props.onChange(value, void 0, metadata);
     };
     this.handleInputOnChange = (event) => {
       this.props.onChange(event.target.value);
@@ -4060,8 +4086,8 @@ var _FormControl = class _FormControl extends import_react15.PureComponent {
             __spreadProps(__spreadValues({}, uploadProps), {
               usAccept: uploadProps.usAccept || "*",
               usDisabled: uploadProps.usDisabled || disabled,
-              onSuccess: (base64url) => {
-                this.handleOnChange(base64url);
+              onSuccess: (base64url, filename) => {
+                this.handleOnChange(base64url, { filename });
               },
               onFailure: () => {
                 this.handleOnChange(null);
@@ -4297,11 +4323,11 @@ function SchemaFormControl(props) {
   const { id, schema, value, disabled, onChange, onFocus, onBlur, onSearchChange, describedBy } = props;
   const log = useLogger();
   const getSanitisedValue = (value2) => isNativeInput(schema.type) && (isNull(value2) || isUndefined(value2)) ? "" : value2;
-  const onModelChange = (value2, type) => {
-    onChange(getValidBasicModelOrNull(value2, schema), type);
+  const onModelChange = (value2, type, metadata) => {
+    onChange(getValidBasicModelOrNull(value2, schema), type, metadata);
   };
   const controlType = getControlType(schema);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     warnIfInvalidSchema(schema, log, controlType);
   }, [JSON.stringify(schema), log, controlType]);
   const options = schema.values || getOptions(schema, controlType);
@@ -4358,14 +4384,14 @@ var SchemaFormControl_default = SchemaFormControl;
 var import_jsx_runtime30 = require("react/jsx-runtime");
 function OneOfSchema(props) {
   const onEvent = useEventDispatcher();
-  const [changed, setChanged] = (0, import_react17.useState)(false);
-  const [focused, setFocused] = (0, import_react17.useState)(false);
-  const [blurred, setBlurred] = (0, import_react17.useState)(false);
-  const id = (0, import_react17.useMemo)(() => props.schema.$id || generateRandomId(), [props.schema.$id]);
-  const [schemaIndex, setSchemaIndex] = (0, import_react17.useState)(
+  const [changed, setChanged] = (0, import_react18.useState)(false);
+  const [focused, setFocused] = (0, import_react18.useState)(false);
+  const [blurred, setBlurred] = (0, import_react18.useState)(false);
+  const id = (0, import_react18.useMemo)(() => props.schema.$id || generateRandomId(), [props.schema.$id]);
+  const [schemaIndex, setSchemaIndex] = (0, import_react18.useState)(
     getActiveSchemaIndex(props.schema, props.model)
   );
-  const [models, setModels] = (0, import_react17.useState)(getModelPartsForSchemas(props.model, props.schema.oneOf));
+  const [models, setModels] = (0, import_react18.useState)(getModelPartsForSchemas(props.model, props.schema.oneOf));
   const debouncedTrackEvent = useDebouncedFunction(onEvent, 200);
   const onSearchChange = (searchValue) => {
     debouncedTrackEvent("Dynamic Flow - OneOf Searched", {
@@ -4373,7 +4399,7 @@ function OneOfSchema(props) {
       searchValueLength: searchValue.length
     });
   };
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     const modelIndex = getValidIndexFromValue(props.schema, props.model);
     const defaultIndex = getValidIndexFromValue(props.schema, props.schema.default);
     if (modelIndex === -1 && defaultIndex >= 0) {
@@ -4396,7 +4422,7 @@ function OneOfSchema(props) {
     setFocused(false);
     setBlurred(true);
   };
-  const onChooseNewSchema = (index, type) => {
+  const onChooseNewSchema = (index, type, metadata) => {
     setSchemaIndex(index);
     const newSchema = props.schema.oneOf[index];
     if (isConstSchema(newSchema)) {
@@ -4405,14 +4431,16 @@ function OneOfSchema(props) {
         model,
         triggerSchema: props.schema,
         triggerModel: model,
-        type
+        type,
+        metadata
       });
     } else {
       props.onChange({
         model: models[index],
         triggerSchema: newSchema,
         triggerModel: models[index],
-        type
+        type,
+        metadata
       });
     }
     if (type !== "init" && props.schema.analyticsId) {
@@ -4527,11 +4555,11 @@ var OneOfSchema_default = OneOfSchema;
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/PersistAsyncBlobSchema.tsx
 var import_classnames5 = __toESM(require_classnames());
-var import_react19 = require("react");
+var import_react20 = require("react");
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/UploadInputAdapter.tsx
 var import_components16 = require("@transferwise/components");
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_jsx_runtime31 = require("react/jsx-runtime");
 function UploadInputAdapter(props) {
   const {
@@ -4548,7 +4576,7 @@ function UploadInputAdapter(props) {
     onCancel
   } = props;
   const onEvent = useEventDispatcher();
-  const files = (0, import_react18.useMemo)(() => fileId ? [{ id: fileId, status: import_components16.Status.SUCCEEDED }] : [], [fileId]);
+  const files = (0, import_react19.useMemo)(() => fileId ? [{ id: fileId, status: import_components16.Status.SUCCEEDED }] : [], [fileId]);
   const uploadFile = (formData) => {
     onEvent("Dynamic Flow - PersistAsync", { status: "pending", schemaId: id });
     return httpClient(String(httpOptions.url), {
@@ -4588,14 +4616,13 @@ function UploadInputAdapter(props) {
 var import_jsx_runtime32 = require("react/jsx-runtime");
 function PersistAsyncBlobSchema(props) {
   const { model, schema, submitted, required, errors, onChange } = props;
-  const [persistAsyncValidationMessages, setPersistAsyncValidationMessages] = (0, import_react19.useState)({});
-  const [persistAsyncValidations, setPersistAsyncValidations] = (0, import_react19.useState)(null);
-  const [validations, setValidations] = (0, import_react19.useState)([]);
-  const [changed, setChanged] = (0, import_react19.useState)(false);
+  const [persistAsyncValidationMessages, setPersistAsyncValidationMessages] = (0, import_react20.useState)({});
+  const [persistAsyncValidations, setPersistAsyncValidations] = (0, import_react20.useState)(null);
+  const [validations, setValidations] = (0, import_react20.useState)([]);
+  const [changed, setChanged] = (0, import_react20.useState)(false);
   const httpClient = useHttpClient();
   const onEvent = useEventDispatcher();
-  (0, import_react19.useEffect)(() => {
-    console.log(submitted);
+  (0, import_react20.useEffect)(() => {
     if (submitted) {
       setValidations(getValidationFailures(model, schema, Boolean(required)));
     } else {
@@ -4693,7 +4720,7 @@ PersistAsyncSchema.defaultProps = {
 var PersistAsyncSchema_default = PersistAsyncSchema;
 
 // src/legacy/jsonSchemaForm/promotedOneOfSchema/PromotedOneOfSchema.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 
 // src/legacy/jsonSchemaForm/promotedOneOfSchema/promoted-one-of-utils.ts
 var getSelectionFromModel = (schema, model) => {
@@ -4784,7 +4811,7 @@ var import_jsx_runtime37 = require("react/jsx-runtime");
 var isPromoted = (schema) => schema.promoted === true;
 var PromotedOneOfSchema = (props) => {
   var _a;
-  const [selection, setSelection] = (0, import_react20.useState)(
+  const [selection, setSelection] = (0, import_react21.useState)(
     getSelectionFromModel(props.schema, props.model) || ((_a = props.schema.promotion) == null ? void 0 : _a.default) || "promoted"
   );
   const promotedAlert = props.schema.alert;
@@ -4900,22 +4927,22 @@ function getValueFromOption(option) {
 }
 
 // src/legacy/jsonSchemaForm/validationAsyncSchema/ValidationAsyncSchema.tsx
-var import_react21 = require("react");
+var import_react22 = require("react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
 function ValidationAsyncSchema(props) {
   const { schema, model, required, submitted, errors, onChange } = props;
-  const [validationAsyncModel, setValidationAsyncModel] = (0, import_react21.useState)(model);
-  const previousRequestedModelReference = (0, import_react21.useRef)(null);
-  const [validationAsyncSuccessMessage, setValidationAsyncSuccessMessage] = (0, import_react21.useState)(
+  const [validationAsyncModel, setValidationAsyncModel] = (0, import_react22.useState)(model);
+  const previousRequestedModelReference = (0, import_react22.useRef)(null);
+  const [validationAsyncSuccessMessage, setValidationAsyncSuccessMessage] = (0, import_react22.useState)(
     null
   );
-  const [validationAsyncErrors, setValidationAsyncErrors] = (0, import_react21.useState)(null);
-  const [fieldSubmitted, setFieldSubmitted] = (0, import_react21.useState)(false);
-  const [abortController, setAbortController] = (0, import_react21.useState)(null);
+  const [validationAsyncErrors, setValidationAsyncErrors] = (0, import_react22.useState)(null);
+  const [fieldSubmitted, setFieldSubmitted] = (0, import_react22.useState)(false);
+  const [abortController, setAbortController] = (0, import_react22.useState)(null);
   const httpClient = useHttpClient();
   const onEvent = useEventDispatcher();
   const log = useLogger();
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (!schema.validationAsync.method) {
       log.warning(
         "Invalid schema or model",
@@ -4992,13 +5019,13 @@ var ValidationAsyncSchema_default = ValidationAsyncSchema;
 
 // src/legacy/jsonSchemaForm/genericSchema/GenericSchema.tsx
 var import_jsx_runtime40 = require("react/jsx-runtime");
-var import_react23 = require("react");
+var import_react24 = require("react");
 function GenericSchemaForm(props) {
   const { schema, model = null, errors = null, hideTitle = false, disabled = false } = props;
   const schemaProps = __spreadProps(__spreadValues({}, props), { model, errors, hideTitle, disabled });
   const type = getSchemaType(schema);
   const log = useLogger();
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isValidGenericSchema(schema, model, errors)) {
       log.error(
         "Invalid schema or model",
@@ -5020,7 +5047,7 @@ function GenericSchemaForm(props) {
       return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(BasicTypeSchema_default, __spreadValues({}, basicTypeProps));
     }
     case "object":
-      return /* @__PURE__ */ (0, import_react23.createElement)(ObjectSchema_default, __spreadProps(__spreadValues({}, schemaProps), { key: JSON.stringify(schema) }));
+      return /* @__PURE__ */ (0, import_react24.createElement)(ObjectSchema_default, __spreadProps(__spreadValues({}, schemaProps), { key: JSON.stringify(schema) }));
     case "array":
       return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ArraySchema_default, __spreadValues({}, schemaProps));
     case "promotedOneOf":
@@ -5135,13 +5162,13 @@ var DynamicInfo = ({ component }) => {
 
 // src/legacy/layout/image/DynamicImage.tsx
 var import_components22 = require("@transferwise/components");
-var import_react24 = require("react");
+var import_react25 = require("react");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 function DynamicImage({ component: image }) {
   const { url, size, text, margin, accessibilityDescription } = image;
   const httpClient = useHttpClient();
-  const [imageSource, setImageSource] = (0, import_react24.useState)("");
-  (0, import_react24.useEffect)(() => {
+  const [imageSource, setImageSource] = (0, import_react25.useState)("");
+  (0, import_react25.useEffect)(() => {
     void getImageSource(httpClient, url).then(setImageSource);
   }, [url, httpClient]);
   const imageProps = {
@@ -5377,9 +5404,9 @@ var paragraph_messages_default = (0, import_react_intl16.defineMessages)({
 
 // src/legacy/layout/paragraph/useSnackBarIfAvailable.ts
 var import_components26 = require("@transferwise/components");
-var import_react25 = require("react");
+var import_react26 = require("react");
 function useSnackBarIfAvailable() {
-  const context = (0, import_react25.useContext)(import_components26.SnackbarContext);
+  const context = (0, import_react26.useContext)(import_components26.SnackbarContext);
   return context ? context.createSnackbar : noop2;
 }
 function noop2() {
@@ -5477,7 +5504,7 @@ function DynamicReview(props) {
 var DynamicReview_default = DynamicReview;
 
 // src/legacy/layout/search/DynamicSearch.tsx
-var import_react27 = require("react");
+var import_react28 = require("react");
 
 // src/legacy/layout/search/SearchInput.tsx
 var import_components29 = require("@transferwise/components");
@@ -5558,15 +5585,15 @@ var ErrorResult = ({ onRetrySearch }) => {
 };
 
 // src/legacy/layout/search/useSearch.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 var headers = { "Content-Type": "application/json" };
 var useSearch = (defaultSearchConfig) => {
-  const [state, setState] = (0, import_react26.useState)({
+  const [state, setState] = (0, import_react27.useState)({
     status: "idle"
   });
-  const abortControllerRef = (0, import_react26.useRef)(null);
+  const abortControllerRef = (0, import_react27.useRef)(null);
   const httpClient = useHttpClient();
-  const search = (0, import_react26.useCallback)(
+  const search = (0, import_react27.useCallback)(
     async (query, { url, method, param } = defaultSearchConfig) => {
       var _a;
       (_a = abortControllerRef.current) == null ? void 0 : _a.abort();
@@ -5630,11 +5657,11 @@ var addQueryParameter = (url, key, value) => {
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var DEBOUNCE_TIME = 400;
 function DynamicSearch({ component, onAction }) {
-  const [query, setQuery] = (0, import_react27.useState)("");
+  const [query, setQuery] = (0, import_react28.useState)("");
   const { title, margin, url, method, param, emptyMessage } = component;
   const { status, results, search } = useSearch({ url, method, param });
   const onEvent = useEventDispatcher();
-  const debouncedSearch = (0, import_react27.useMemo)(() => debounce(search, DEBOUNCE_TIME), [search]);
+  const debouncedSearch = (0, import_react28.useMemo)(() => debounce(search, DEBOUNCE_TIME), [search]);
   const onSearchStart = () => {
     onEvent("Dynamic Flow - Search Started", {});
   };
@@ -5672,10 +5699,10 @@ var DynamicSearch_default = DynamicSearch;
 
 // src/legacy/layout/modal/DynamicModal.tsx
 var import_components31 = require("@transferwise/components");
-var import_react28 = require("react");
+var import_react29 = require("react");
 var import_jsx_runtime54 = require("react/jsx-runtime");
 var DynamicModal = (props) => {
-  const [visible, isVisible] = (0, import_react28.useState)(false);
+  const [visible, isVisible] = (0, import_react29.useState)(false);
   const { component, onAction } = props;
   const { margin = "md" } = component;
   return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: getTextAlignmentAndMargin({ margin }), children: [
@@ -5702,12 +5729,12 @@ var getDefaultValue = (schema) => {
 };
 var BasicTypeSchema = (props) => {
   var _a, _b, _c;
-  const onChange = (newModel) => {
+  const onChange = (newModel, _type, metadata) => {
     setChanged(true);
-    setModelAndBroadcast(sanitiseModel(newModel), "user");
+    setModelAndBroadcast(sanitiseModel(newModel), "user", metadata);
   };
   const getValidationKeys = (newModel) => getValidationFailures(newModel, props.schema, props.required);
-  const setModelAndBroadcast = (newModel, type) => {
+  const setModelAndBroadcast = (newModel, type, metadata) => {
     setModel(newModel);
     const validationKeys = getValidationKeys(newModel);
     setValidations(validationKeys);
@@ -5719,7 +5746,8 @@ var BasicTypeSchema = (props) => {
         triggerSchema: props.schema,
         triggerModel: broadcastModel,
         lastTriggerModel: lastModel,
-        type
+        type,
+        metadata
       });
     }
   };
@@ -5732,13 +5760,13 @@ var BasicTypeSchema = (props) => {
       props.onBlur();
     }
   };
-  const [model, setModel] = (0, import_react29.useState)((_a = props.model) != null ? _a : null);
-  const [lastModel, setLastModel] = (0, import_react29.useState)((_b = props.model) != null ? _b : null);
-  const [changed, setChanged] = (0, import_react29.useState)(false);
-  const [focused, setFocused] = (0, import_react29.useState)(false);
-  const [blurred, setBlurred] = (0, import_react29.useState)(false);
-  const [validations, setValidations] = (0, import_react29.useState)([]);
-  const id = (0, import_react29.useMemo)(() => props.schema.$id || generateRandomId(), [props.schema.$id]);
+  const [model, setModel] = (0, import_react30.useState)((_a = props.model) != null ? _a : null);
+  const [lastModel, setLastModel] = (0, import_react30.useState)((_b = props.model) != null ? _b : null);
+  const [changed, setChanged] = (0, import_react30.useState)(false);
+  const [focused, setFocused] = (0, import_react30.useState)(false);
+  const [blurred, setBlurred] = (0, import_react30.useState)(false);
+  const [validations, setValidations] = (0, import_react30.useState)([]);
+  const id = (0, import_react30.useMemo)(() => props.schema.$id || generateRandomId(), [props.schema.$id]);
   const onSchemaChange = () => {
     const defaultValue = getDefaultValue(props.schema);
     if (isNullish(model) && !isNullish(defaultValue)) {
@@ -5753,9 +5781,9 @@ var BasicTypeSchema = (props) => {
   };
   const isConst = props.schema.const;
   const isHidden = props.schema.hidden || isConst;
-  (0, import_react29.useEffect)(refreshValidations, [props.model, props.submitted]);
-  (0, import_react29.useEffect)(onSchemaChange, [props.schema]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(refreshValidations, [props.model, props.submitted]);
+  (0, import_react30.useEffect)(onSchemaChange, [props.schema]);
+  (0, import_react30.useEffect)(() => {
     var _a2;
     const newModel = (_a2 = props.model) != null ? _a2 : null;
     if (newModel !== model) {
@@ -5834,12 +5862,12 @@ function PersistAsyncBasicSchema(props) {
   const intl = (0, import_react_intl20.useIntl)();
   const httpClient = useHttpClient();
   const onEvent = useEventDispatcher();
-  const [persistAsyncModel, setPersistAsyncModel] = (0, import_react30.useState)(null);
+  const [persistAsyncModel, setPersistAsyncModel] = (0, import_react31.useState)(null);
   const previousPersistAsyncModel = usePrevious(persistAsyncModel);
-  const [persistAsyncError, setPersistAsyncError] = (0, import_react30.useState)(null);
-  const [fieldSubmitted, setFieldSubmitted] = (0, import_react30.useState)(false);
-  const [abortController, setAbortController] = (0, import_react30.useState)(null);
-  (0, import_react30.useEffect)(() => {
+  const [persistAsyncError, setPersistAsyncError] = (0, import_react31.useState)(null);
+  const [fieldSubmitted, setFieldSubmitted] = (0, import_react31.useState)(false);
+  const [abortController, setAbortController] = (0, import_react31.useState)(null);
+  (0, import_react31.useEffect)(() => {
     if (controlTypesWithPersistOnChange.has(
       // TODO: LOW avoid type assertion below -- control type may be nullish. consider ?? ''
       getControlType(schema.persistAsync.schema)
@@ -5847,7 +5875,7 @@ function PersistAsyncBasicSchema(props) {
       persistAsyncIfValid();
     }
   }, [persistAsyncModel]);
-  const setGenericPersistAsyncError = () => setPersistAsyncError(intl.formatMessage(PersistAsyncSchema_messages_default.genericError));
+  const setGenericPersistAsyncError = () => setPersistAsyncError(intl.formatMessage(persist_async_messages_default.genericError));
   const getPersistAsyncResponse = async (currentPersistAsyncModel, persistAsyncSpec) => {
     const signal = abortCurrentRequestAndGetNewAbortSignal();
     const requestBody = { [persistAsyncSpec.param]: currentPersistAsyncModel };
@@ -5927,7 +5955,7 @@ var PersistAsyncBasicSchema_default = PersistAsyncBasicSchema;
 
 // src/legacy/common/hooks/usePersistAsync/usePersistAsync.ts
 var usePersistAsync = (persistAsync) => {
-  const [abortController, setAbortController] = (0, import_react31.useState)(null);
+  const [abortController, setAbortController] = (0, import_react32.useState)(null);
   const httpClient = useHttpClient();
   const intl = (0, import_react_intl21.useIntl)();
   const { schema } = persistAsync;
@@ -5986,10 +6014,10 @@ var usePersistAsync = (persistAsync) => {
         }
       }
     }
-    throw new Error(intl.formatMessage(PersistAsyncSchema_messages_default.genericError));
+    throw new Error(intl.formatMessage(persist_async_messages_default.genericError));
   }
   const handleError = (error) => {
-    const message = hasStringMessage(error) ? error.message : intl.formatMessage(PersistAsyncSchema_messages_default.genericError);
+    const message = hasStringMessage(error) ? error.message : intl.formatMessage(persist_async_messages_default.genericError);
     throw new Error(message);
   };
   return handlePersistAsync;
@@ -6006,7 +6034,7 @@ function hasStringMessage(value) {
 }
 
 // src/legacy/common/hooks/usePolling/usePolling.tsx
-var import_react32 = require("react");
+var import_react33 = require("react");
 function usePolling({
   asyncFn,
   interval,
@@ -6015,9 +6043,9 @@ function usePolling({
   onPollingResponse,
   onFailure
 }) {
-  const onPollingResponseReference = (0, import_react32.useRef)(onPollingResponse);
-  const onFailureReference = (0, import_react32.useRef)(onFailure);
-  const poll = (0, import_react32.useMemo)(
+  const onPollingResponseReference = (0, import_react33.useRef)(onPollingResponse);
+  const onFailureReference = (0, import_react33.useRef)(onFailure);
+  const poll = (0, import_react33.useMemo)(
     () => createPollingClosure(
       asyncFn,
       maxAttempts,
@@ -6027,7 +6055,7 @@ function usePolling({
     ),
     [asyncFn, maxAttempts, maxConsecutiveFails]
   );
-  (0, import_react32.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (interval > 0) {
       const intervalReference = setInterval(() => {
         poll();
@@ -6035,7 +6063,7 @@ function usePolling({
       return () => clearInterval(intervalReference);
     }
   }, [poll, interval]);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     onPollingResponseReference.current = onPollingResponse;
     onFailureReference.current = onFailure;
   }, [onPollingResponse, onFailure]);
@@ -6066,20 +6094,20 @@ function createPollingClosure(asyncFn, maxAttempts, maxConsecutiveFails, onPolli
 }
 
 // src/legacy/common/hooks/usePrevious/usePrevious.js
-var import_react33 = require("react");
+var import_react34 = require("react");
 var usePrevious = (value) => {
-  const reference = (0, import_react33.useRef)();
-  (0, import_react33.useEffect)(() => {
+  const reference = (0, import_react34.useRef)();
+  (0, import_react34.useEffect)(() => {
     reference.current = value;
   }, [value]);
   return reference.current;
 };
 
 // src/legacy/common/hooks/useStepPolling/useStepPolling.tsx
-var import_react34 = require("react");
+var import_react35 = require("react");
 function useStepPolling(polling, onAction) {
   const httpClient = useHttpClient();
-  const asyncFn = (0, import_react34.useMemo)(() => {
+  const asyncFn = (0, import_react35.useMemo)(() => {
     if (polling) {
       return () => httpClient(polling.url).then((response) => {
         if (response.ok) {
@@ -6092,7 +6120,7 @@ function useStepPolling(polling, onAction) {
     }
     return void 0;
   }, [polling, httpClient]);
-  const onPollingResponse = (0, import_react34.useCallback)(
+  const onPollingResponse = (0, import_react35.useCallback)(
     (pollingResponse) => {
       if (pollingResponse == null ? void 0 : pollingResponse.action) {
         onAction(pollingResponse.action);
@@ -6108,7 +6136,7 @@ function useStepPolling(polling, onAction) {
     maxAttempts: (polling == null ? void 0 : polling.maxAttempts) || 0,
     maxConsecutiveFails: 1,
     onPollingResponse,
-    onFailure: (0, import_react34.useCallback)(() => {
+    onFailure: (0, import_react35.useCallback)(() => {
       if (polling) {
         onAction(polling.onError.action);
       }
@@ -6156,10 +6184,10 @@ var LayoutStep = (props) => {
 var LayoutStep_default = LayoutStep;
 
 // src/legacy/step/cameraStep/CameraStep.tsx
-var import_react39 = require("react");
+var import_react40 = require("react");
 
 // src/legacy/step/cameraStep/cameraCapture/CameraCapture.tsx
-var import_react38 = require("react");
+var import_react39 = require("react");
 var import_react_intl26 = require("react-intl");
 var import_react_webcam = __toESM(require_react_webcam());
 
@@ -6316,7 +6344,7 @@ function CameraErrorScreen({ title, description, actionButton, onAction }) {
 var CameraErrorScreen_default = CameraErrorScreen;
 
 // src/legacy/step/cameraStep/cameraCapture/hooks/useFullScreenOrientationLock.ts
-var import_react35 = require("react");
+var import_react36 = require("react");
 var import_screenfull = __toESM(require_screenfull());
 
 // src/legacy/step/cameraStep/cameraCapture/utils/index.ts
@@ -6395,16 +6423,16 @@ var trackCameraOrientationLocked = (onEvent) => {
 
 // src/legacy/step/cameraStep/cameraCapture/hooks/useFullScreenOrientationLock.ts
 var useFullScreenOrientationLock = (shouldLockOrientation, onEvent) => {
-  const lockOrientation = (0, import_react35.useCallback)(() => {
+  const lockOrientation = (0, import_react36.useCallback)(() => {
     if (window.screen.orientation && "lock" in window.screen.orientation && typeof window.screen.orientation.lock === "function") {
       window.screen.orientation.lock("portrait").then(() => trackCameraOrientationLocked(onEvent)).catch(noop4);
     }
   }, [onEvent]);
-  const unlockOrientation = (0, import_react35.useCallback)(() => {
+  const unlockOrientation = (0, import_react36.useCallback)(() => {
     var _a, _b, _c;
     return (_c = (_b = (_a = window == null ? void 0 : window.screen) == null ? void 0 : _a.orientation) == null ? void 0 : _b.unlock) == null ? void 0 : _c.call(_b);
   }, []);
-  const enterFullScreen = (0, import_react35.useCallback)(() => {
+  const enterFullScreen = (0, import_react36.useCallback)(() => {
     setTimeout(() => {
       if (shouldLockOrientation && !import_screenfull.default.isFullscreen && import_screenfull.default.isEnabled) {
         import_screenfull.default.request(document.documentElement, { navigationUI: "show" }).then(() => {
@@ -6413,13 +6441,13 @@ var useFullScreenOrientationLock = (shouldLockOrientation, onEvent) => {
       }
     }, 100);
   }, [shouldLockOrientation, lockOrientation]);
-  const exitFullScreen = (0, import_react35.useCallback)(() => {
+  const exitFullScreen = (0, import_react36.useCallback)(() => {
     if (import_screenfull.default.isFullscreen) {
       import_screenfull.default.exit().catch(noop4);
     }
     unlockOrientation();
   }, [unlockOrientation]);
-  const handleOrientationChange = (0, import_react35.useCallback)(
+  const handleOrientationChange = (0, import_react36.useCallback)(
     (event) => {
       var _a, _b;
       if ((_a = event == null ? void 0 : event.target) == null ? void 0 : _a.type.includes("landscape")) {
@@ -6430,7 +6458,7 @@ var useFullScreenOrientationLock = (shouldLockOrientation, onEvent) => {
     },
     [onEvent]
   );
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     var _a, _b;
     if (shouldLockOrientation) {
       (_b = (_a = window.screen) == null ? void 0 : _a.orientation) == null ? void 0 : _b.addEventListener(
@@ -6453,9 +6481,9 @@ var noop4 = () => {
 };
 
 // src/legacy/step/cameraStep/cameraCapture/hooks/useVideoConstraints.ts
-var import_react36 = require("react");
+var import_react37 = require("react");
 var useVideoConstraints = (direction) => {
-  const [videoConstraints, setVideoConstraints] = (0, import_react36.useState)();
+  const [videoConstraints, setVideoConstraints] = (0, import_react37.useState)();
   const defaultVideoConstraints = {
     facingMode: direction === "front" ? "user" : "environment",
     height: { min: 480, max: 1080, ideal: 720 },
@@ -6463,7 +6491,7 @@ var useVideoConstraints = (direction) => {
     frameRate: 30,
     aspectRatio: 16 / 9
   };
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     void getVideoConstraints(direction).then(setVideoConstraints);
   }, [direction]);
   const getVideoConstraints = async (direction2) => {
@@ -6481,7 +6509,7 @@ var useVideoConstraints = (direction) => {
 };
 
 // src/legacy/step/cameraStep/cameraCapture/overlay/Overlay.tsx
-var import_react37 = require("react");
+var import_react38 = require("react");
 var import_jsx_runtime61 = require("react/jsx-runtime");
 var captureButtonHeight = 92;
 var reviewButtonsHeight = 120;
@@ -6491,8 +6519,8 @@ var instructionsHeight = 48;
 var reviewInstructionsHeight = 40;
 var overlayMaxWidth = 800;
 function Overlay({ overlay, outline, imageUrl, title, instructions, reviewInstructions }) {
-  const svgReference = (0, import_react37.useRef)(null);
-  (0, import_react37.useEffect)(() => {
+  const svgReference = (0, import_react38.useRef)(null);
+  (0, import_react38.useEffect)(() => {
     const listener = debounce(() => {
       var _a;
       if ((_a = svgReference.current) == null ? void 0 : _a.innerHTML) {
@@ -6558,14 +6586,14 @@ function CameraCapture({
   onCapture,
   onEvent
 }) {
-  const [mode, setMode] = (0, import_react38.useState)("CAPTURE" /* CAPTURE */);
-  const [cameraError, setCameraError] = (0, import_react38.useState)();
-  const [isVideoMirrored, setIsVideoMirrored] = (0, import_react38.useState)(false);
-  const [ready, setReady] = (0, import_react38.useState)(false);
-  const [reviewImage, setReviewImage] = (0, import_react38.useState)();
-  const webcamReference = (0, import_react38.useRef)(null);
+  const [mode, setMode] = (0, import_react39.useState)("CAPTURE" /* CAPTURE */);
+  const [cameraError, setCameraError] = (0, import_react39.useState)();
+  const [isVideoMirrored, setIsVideoMirrored] = (0, import_react39.useState)(false);
+  const [ready, setReady] = (0, import_react39.useState)(false);
+  const [reviewImage, setReviewImage] = (0, import_react39.useState)();
+  const webcamReference = (0, import_react39.useRef)(null);
   const { videoConstraints } = useVideoConstraints(direction);
-  const shouldLockOrientation = (0, import_react38.useMemo)(
+  const shouldLockOrientation = (0, import_react39.useMemo)(
     () => !!(isMobile() && mode === "CAPTURE" /* CAPTURE */),
     [mode]
   );
@@ -6574,7 +6602,7 @@ function CameraCapture({
     onEvent
   );
   const intl = (0, import_react_intl26.useIntl)();
-  const handleCapture = (0, import_react38.useCallback)(async () => {
+  const handleCapture = (0, import_react39.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) {
       (_e = (_d = webcamReference == null ? void 0 : webcamReference.current) == null ? void 0 : _d.video) == null ? void 0 : _e.pause();
@@ -6596,7 +6624,7 @@ function CameraCapture({
       );
     }
   }, [webcamReference, showReview, setReviewImage, setMode, onCapture, isVideoMirrored]);
-  const handleUserMediaError = (0, import_react38.useCallback)(
+  const handleUserMediaError = (0, import_react39.useCallback)(
     (error) => {
       setMode("ERROR" /* ERROR */);
       if (error instanceof DOMException) {
@@ -6632,7 +6660,7 @@ function CameraCapture({
     },
     [intl, onEvent]
   );
-  const handleUserMedia = (0, import_react38.useCallback)(
+  const handleUserMedia = (0, import_react39.useCallback)(
     (stream) => {
       enterFullScreen();
       setReady(true);
@@ -6649,7 +6677,7 @@ function CameraCapture({
     setReviewImage(void 0);
   };
   const handleRetryCameraAccess = () => setMode("CAPTURE" /* CAPTURE */);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (mode !== "CAPTURE" /* CAPTURE */) {
       exitFullScreen();
     }
@@ -6727,8 +6755,8 @@ function CameraStep(props) {
   const { assets, direction, instructions } = cameraConfig || {};
   const { overlay, outline } = assets || {};
   const { url: imageUrl } = image || {};
-  const [captureClicked, setCaptureClicked] = (0, import_react39.useState)(false);
-  (0, import_react39.useEffect)(() => {
+  const [captureClicked, setCaptureClicked] = (0, import_react40.useState)(false);
+  (0, import_react40.useEffect)(() => {
     if (captureClicked) {
       onAction(action);
     }
@@ -6945,10 +6973,10 @@ function DynamicFlowStep(props) {
 }
 
 // src/legacy/dynamicFlow/utils/useDebouncedRefresh/useDebouncedRefresh.ts
-var import_react40 = require("react");
+var import_react41 = require("react");
 var DEBOUNCE_DELAY = 1e3;
 function useDebouncedRefresh(fetchRefresh) {
-  const map = (0, import_react40.useRef)(/* @__PURE__ */ new Map());
+  const map = (0, import_react41.useRef)(/* @__PURE__ */ new Map());
   const retrieveOrCreate = (key) => {
     if (map.current.has(key)) {
       return map.current.get(key);
@@ -6971,12 +6999,12 @@ function useDebouncedRefresh(fetchRefresh) {
 var shouldDebounceSchema = (schema) => getSchemaType(schema) === "basic" && schema.type !== "boolean" && schema.format !== "base64url";
 
 // src/legacy/dynamicFlow/utils/useDynamicFlowState.ts
-var import_react41 = require("react");
+var import_react42 = require("react");
 var useDynamicFlowState = (initialStep) => {
   var _a, _b;
-  const [formErrors, setFormErrors] = (0, import_react41.useState)((_a = initialStep == null ? void 0 : initialStep.errors) == null ? void 0 : _a.validation);
-  const [globalError, setGlobalError] = (0, import_react41.useState)((_b = initialStep == null ? void 0 : initialStep.errors) == null ? void 0 : _b.error);
-  const [stepAndModels, setStepAndModels] = (0, import_react41.useState)({
+  const [formErrors, setFormErrors] = (0, import_react42.useState)((_a = initialStep == null ? void 0 : initialStep.errors) == null ? void 0 : _a.validation);
+  const [globalError, setGlobalError] = (0, import_react42.useState)((_b = initialStep == null ? void 0 : initialStep.errors) == null ? void 0 : _b.error);
+  const [stepAndModels, setStepAndModels] = (0, import_react42.useState)({
     step: initialStep || void 0,
     models: (initialStep == null ? void 0 : initialStep.model) ? buildInitialModels(initialStep.model, getAllSchemas(initialStep)) : {},
     etag: void 0
@@ -7006,7 +7034,7 @@ var useDynamicFlowState = (initialStep) => {
       return updatedState;
     });
   };
-  const modelIsValid = (0, import_react41.useMemo)(
+  const modelIsValid = (0, import_react42.useMemo)(
     () => areModelsValid(models, getAllValidatableSchemas(step)),
     [models, step]
   );
@@ -7079,7 +7107,7 @@ var isInlineSchema = (schema) => schema !== void 0 && typeof schema === "object"
 
 // src/legacy/dynamicFlow/utils/useLoader.tsx
 var import_components36 = require("@transferwise/components");
-var import_react42 = require("react");
+var import_react43 = require("react");
 var import_jsx_runtime67 = require("react/jsx-runtime");
 function useLoader(loaderConfig, initialState) {
   const config = __spreadValues({
@@ -7087,7 +7115,7 @@ function useLoader(loaderConfig, initialState) {
     initial: true,
     submission: false
   }, loaderConfig);
-  const [loadingState, setLoadingState] = (0, import_react42.useState)(initialState);
+  const [loadingState, setLoadingState] = (0, import_react43.useState)(initialState);
   const shouldDisplayLoader = config.initial && loadingState === "initial" || config.submission && loadingState === "submission";
   const loader = shouldDisplayLoader ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     import_components36.Loader,
@@ -7101,7 +7129,7 @@ function useLoader(loaderConfig, initialState) {
 }
 
 // src/common/errorBoundary/ErrorBoundary.tsx
-var import_react43 = require("react");
+var import_react44 = require("react");
 
 // src/common/errorBoundary/ErrorBoundaryAlert.tsx
 var import_components37 = require("@transferwise/components");
@@ -7128,7 +7156,7 @@ function ErrorBoundaryAlert({ onDismiss }) {
 var import_jsx_runtime69 = require("react/jsx-runtime");
 var noop6 = () => {
 };
-var ErrorBoundary = class extends import_react43.Component {
+var ErrorBoundary = class extends import_react44.Component {
   constructor(props) {
     super(props);
     this.handleErrorReset = () => {
@@ -7279,24 +7307,24 @@ var DynamicFlowComponent = ({
     setStepAndEtag,
     setSchemaModel
   } = useDynamicFlowState(initialStep);
-  const [submitted, setSubmitted] = (0, import_react44.useState)(false);
+  const [submitted, setSubmitted] = (0, import_react45.useState)(false);
   const { isLoading, loader, setLoadingState } = useLoader(
     loaderConfig,
     initialStep ? "idle" : "initial"
   );
   const logCritical = getLogger("critical", onLog, flowId, (step == null ? void 0 : step.id) || (step == null ? void 0 : step.key));
-  const analyticsMetadata = (0, import_react44.useMemo)(
+  const analyticsMetadata = (0, import_react45.useMemo)(
     () => {
       var _a;
       return __spreadValues({ flowId, stepId: (step == null ? void 0 : step.id) || (step == null ? void 0 : step.key) }, (_a = step == null ? void 0 : step.analytics) != null ? _a : {});
     },
     [flowId, step]
   );
-  const dispatchEvent = (0, import_react44.useMemo)(
+  const dispatchEvent = (0, import_react45.useMemo)(
     () => getEventDispatcher(onEvent, analyticsMetadata),
     [onEvent, analyticsMetadata]
   );
-  const dfHttpClient = (0, import_react44.useCallback)(
+  const dfHttpClient = (0, import_react45.useCallback)(
     ({
       action,
       data,
@@ -7348,17 +7376,17 @@ var DynamicFlowComponent = ({
     dispatchEventAndComplete(__spreadValues(__spreadValues({}, exitResult), actionResult));
   };
   const debouncedRefresh = useDebouncedRefresh(performRefresh);
-  const dispatchEventAndComplete = (0, import_react44.useCallback)(
+  const dispatchEventAndComplete = (0, import_react45.useCallback)(
     (result) => {
       dispatchEvent("Dynamic Flow - Flow Finished", { result: "success" });
       onCompletion(result);
     },
     [onCompletion, dispatchEvent]
   );
-  (0, import_react44.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     dispatchEvent("Dynamic Flow - Flow Started", {});
   }, []);
-  (0, import_react44.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     if (!initialStep) {
       const action = __spreadValues({
         id: "#initial-step-request",