@wise/dynamic-flow-client 2.6.1 → 2.8.0

package/build/main.js

@@ -55,7 +55,7 @@ var require_classnames = __commonJS({
       "use strict";
       var hasOwn = {}.hasOwnProperty;
       var nativeCodeString = "[native code]";
-      function classNames7() {
+      function classNames8() {
         var classes = [];
         for (var i = 0; i < arguments.length; i++) {
           var arg = arguments[i];
@@ -66,7 +66,7 @@ var require_classnames = __commonJS({
             classes.push(arg);
           } else if (Array.isArray(arg)) {
             if (arg.length) {
-              var inner = classNames7.apply(null, arg);
+              var inner = classNames8.apply(null, arg);
               if (inner) {
                 classes.push(inner);
               }
@@ -86,14 +86,14 @@ var require_classnames = __commonJS({
         return classes.join(" ");
       }
       if (typeof module2 !== "undefined" && module2.exports) {
-        classNames7.default = classNames7;
-        module2.exports = classNames7;
+        classNames8.default = classNames8;
+        module2.exports = classNames8;
       } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
         define("classnames", [], function() {
-          return classNames7;
+          return classNames8;
         });
       } else {
-        window.classNames = classNames7;
+        window.classNames = classNames8;
       }
     })();
   }
@@ -707,7 +707,7 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 
-// src/step/layoutStep/utils/layout-utils.ts
+// src/legacy/step/layoutStep/utils/layout-utils.ts
 function convertStepToLayout(step, { displayStepTitle = true } = {}) {
   if (step.layout) {
     return addMissingTitleAndDescriptionToStep(step, displayStepTitle);
@@ -898,7 +898,7 @@ function addMissingTitleAndDescriptionToStep(step, displayStepTitle) {
   ];
 }
 
-// src/step/layoutStep/utils/inline-reference-utils.ts
+// src/legacy/step/layoutStep/utils/inline-reference-utils.ts
 function inlineReferences({
   layout,
   schemas,
@@ -922,10 +922,25 @@ function inlineReferences({
       return inlineAction({ actionComponent: component, actions });
     }
     if (component.type === "box") {
-      return inlineBoxReferences({ boxComponent: component, schemas, actions, model });
+      return __spreadProps(__spreadValues({}, component), {
+        components: inlineReferences({ layout: component.components, schemas, actions, model })
+      });
+    }
+    if (component.type === "modal") {
+      return __spreadProps(__spreadValues({}, component), {
+        components: inlineReferences({
+          layout: component.content.components,
+          schemas,
+          actions,
+          model
+        })
+      });
     }
     if (component.type === "columns") {
-      return inlineColumnsReferences({ columnsComponent: component, schemas, actions, model });
+      return __spreadProps(__spreadValues({}, component), {
+        left: inlineReferences({ layout: component.left, schemas, actions, model }),
+        right: inlineReferences({ layout: component.right, schemas, actions, model })
+      });
     }
     return component;
   });
@@ -958,11 +973,11 @@ function inlineDecisionActions({
   actions
 }) {
   var _a;
-  const newOptions = (_a = decisionComponent == null ? void 0 : decisionComponent.options) == null ? void 0 : _a.map((option) => {
-    return option.action && isReference(option.action) ? __spreadProps(__spreadValues({}, option), {
+  const newOptions = (_a = decisionComponent == null ? void 0 : decisionComponent.options) == null ? void 0 : _a.map(
+    (option) => option.action && isReference(option.action) ? __spreadProps(__spreadValues({}, option), {
       action: getActionById(actions, option.action.$ref)
-    }) : option;
-  });
+    }) : option
+  );
   return __spreadProps(__spreadValues({}, decisionComponent), {
     options: newOptions
   });
@@ -978,27 +993,6 @@ function inlineAction({
   }
   return actionComponent;
 }
-function inlineBoxReferences({
-  boxComponent,
-  schemas,
-  actions,
-  model
-}) {
-  return __spreadProps(__spreadValues({}, boxComponent), {
-    components: inlineReferences({ layout: boxComponent.components, schemas, actions, model })
-  });
-}
-function inlineColumnsReferences({
-  columnsComponent,
-  schemas,
-  actions,
-  model
-}) {
-  return __spreadProps(__spreadValues({}, columnsComponent), {
-    left: inlineReferences({ layout: columnsComponent.left, schemas, actions, model }),
-    right: inlineReferences({ layout: columnsComponent.right, schemas, actions, model })
-  });
-}
 function getSchemaById(schemas, id) {
   const schema = schemas.find((schema2) => schema2.$id === id);
   if (!schema) {
@@ -1014,17 +1008,17 @@ function getActionById(actions, id) {
   return action;
 }
 function isReference(block) {
-  return Object.prototype.hasOwnProperty.call(block, "$ref");
+  return Object.hasOwn(block, "$ref");
 }
 
-// src/dynamicFlow/DynamicFlow.tsx
-var import_react43 = require("react");
-var import_react_intl34 = require("react-intl");
+// src/legacy/dynamicFlow/DynamicFlow.tsx
+var import_react44 = require("react");
+var import_react_intl30 = require("react-intl");
 
-// src/common/contexts/dynamicFlowContexts/DynamicFlowContexts.tsx
+// src/legacy/common/contexts/dynamicFlowContexts/DynamicFlowContexts.tsx
 var import_react2 = require("react");
 
-// src/common/contexts/dynamicFlowContexts/usePendingPromiseCounter.ts
+// src/legacy/common/contexts/dynamicFlowContexts/usePendingPromiseCounter.ts
 var import_react = require("react");
 function usePendingPromiseCounter() {
   const [count, setCount] = (0, import_react.useState)(0);
@@ -1041,7 +1035,7 @@ var delayUntilNextCycle = (fn) => setTimeout(() => fn(), 0);
 var noop = () => {
 };
 
-// src/common/contexts/dynamicFlowContexts/DynamicFlowContexts.tsx
+// src/legacy/common/contexts/dynamicFlowContexts/DynamicFlowContexts.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var defaultContextValue = {
   loading: false,
@@ -1064,20 +1058,20 @@ var useDynamicFlow = () => {
   return context || defaultContextValue;
 };
 
-// src/common/contexts/eventsContext/EventsContext.tsx
+// src/legacy/common/contexts/eventsContext/EventsContext.tsx
 var import_react3 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var EventsContext = (0, import_react3.createContext)({
   triggerEvent: () => {
   }
 });
-var EventsContextProvider = ({ metadata, children, onEvent }) => {
+function EventsContextProvider({ metadata, children, onEvent }) {
   const value = (0, import_react3.useMemo)(
     () => ({ triggerEvent: getEventDispatcher(onEvent, metadata) }),
     [onEvent, metadata]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(EventsContext.Provider, { value, children });
-};
+}
 function useEventDispatcher() {
   const { triggerEvent } = (0, import_react3.useContext)(EventsContext);
   return triggerEvent;
@@ -1089,62 +1083,55 @@ var getEventDispatcher = (onEvent, metadata) => (eventName, properties = {}) =>
   }
 };
 
-// src/common/contexts/httpClientContext/HttpClientContext.tsx
+// src/legacy/common/contexts/httpClientContext/HttpClientContext.tsx
 var import_react4 = require("react");
 
-// src/common/utils/api-utils.ts
-function isStatus2xx(status) {
-  return status >= 200 && status < 300;
-}
-function isStatus422(status) {
-  return status === 422;
-}
-function isRelativePath(url = "") {
-  return ["https://", "http://", "data:"].some(
-    (prefix) => url.slice(0, prefix.length) === prefix && url.length > prefix.length
-  ) === false;
-}
-
 // src/common/makeHttpClient/makeHttpClient.ts
-var makeHttpClient = (baseUrl, additionalHeaders) => (input, init) => {
-  const resource = applyBaseUrl(input, baseUrl || "");
-  const headers2 = mergeHeaders(init == null ? void 0 : init.headers, additionalHeaders);
-  return fetch(resource, __spreadProps(__spreadValues({}, init || {}), { headers: headers2 }));
-};
-var applyBaseUrl = (input, baseUrl) => {
-  return typeof input === "string" && isRelativePath(input) ? baseUrl + input : input;
-};
+var makeHttpClient = (baseUrl, additionalHeaders) => (
+  // eslint-disable-next-line @typescript-eslint/promise-function-async
+  (input, init) => {
+    const resource = applyBaseUrl(input, baseUrl || "");
+    const headers2 = mergeHeaders(init == null ? void 0 : init.headers, additionalHeaders);
+    return fetch(resource, __spreadProps(__spreadValues({}, init != null ? init : {}), { headers: headers2 }));
+  }
+);
+var applyBaseUrl = (input, baseUrl) => typeof input === "string" && isRelativePath(input) ? baseUrl + input : input;
 var mergeHeaders = (initHeaders, additionalHeaders) => {
   if (!initHeaders && !additionalHeaders) {
     return {};
   }
   const headers2 = new Headers(initHeaders);
-  for (const [key, value] of Object.entries(additionalHeaders || {})) {
+  for (const [key, value] of Object.entries(additionalHeaders != null ? additionalHeaders : {})) {
     headers2.set(key, value);
   }
   return headers2;
 };
+function isRelativePath(url = "") {
+  return !["https://", "http://", "data:"].some(
+    (prefix) => url.startsWith(prefix) && url.length > prefix.length
+  );
+}
 
-// src/common/contexts/httpClientContext/HttpClientContext.tsx
+// src/legacy/common/contexts/httpClientContext/HttpClientContext.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var HttpClientContext = (0, import_react4.createContext)(void 0);
-var HttpClientProvider = ({ httpClient, children }) => {
+function HttpClientProvider({ httpClient, children }) {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(HttpClientContext.Provider, { value: httpClient, children });
-};
-var HttpClientProviderFromBaseUrl = ({ baseUrl, children }) => {
+}
+function HttpClientProviderFromBaseUrl({ baseUrl, children }) {
   const httpClient = (0, import_react4.useMemo)(() => makeHttpClient(baseUrl), [baseUrl]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(HttpClientContext.Provider, { value: httpClient, children });
-};
+}
 var useHttpClient = () => {
   const contextFetch = (0, import_react4.useContext)(HttpClientContext);
-  return contextFetch || fetch;
+  return contextFetch != null ? contextFetch : fetch;
 };
 var useHasHttpClientProvider = () => {
   const context = (0, import_react4.useContext)(HttpClientContext);
-  return !!context;
+  return Boolean(context);
 };
 
-// src/common/contexts/logContext/LogContext.tsx
+// src/legacy/common/contexts/logContext/LogContext.tsx
 var import_react5 = require("react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var getLogger = (level, onLog, flowId = "UNKNOWN-FLOW-ID", stepId = "UNKNOWN-FLOW-ID") => (title, description, extra) => {
@@ -1157,7 +1144,7 @@ var getLogger = (level, onLog, flowId = "UNKNOWN-FLOW-ID", stepId = "UNKNOWN-FLO
   }
 };
 var LogContext = (0, import_react5.createContext)(null);
-var LogProvider = ({ flowId, stepId, children, onLog }) => {
+function LogProvider({ flowId, stepId, children, onLog }) {
   const value = (0, import_react5.useMemo)(
     () => ({
       debug: getLogger("debug", onLog, flowId, stepId),
@@ -1169,7 +1156,7 @@ var LogProvider = ({ flowId, stepId, children, onLog }) => {
     [onLog, flowId, stepId]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LogContext.Provider, { value, children });
-};
+}
 var useLogger = () => {
   const logging = (0, import_react5.useContext)(LogContext);
   if (logging == null) {
@@ -1180,19 +1167,28 @@ var useLogger = () => {
   return logging;
 };
 
-// src/common/contexts/featureContext/FeatureContext.tsx
+// src/legacy/common/contexts/featureContext/FeatureContext.tsx
 var import_react6 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var FeatureContext = (0, import_react6.createContext)([]);
-var FeatureContextProvider = ({ features, children }) => {
+function FeatureContextProvider({ features, children }) {
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FeatureContext.Provider, { value: features, children });
-};
-var useFeatureFlag = (featureName) => {
-  const features = (0, import_react6.useContext)(FeatureContext);
-  return features == null ? void 0 : features.find((feature) => feature.featureName === featureName);
-};
+}
+
+// src/legacy/common/utils/api-utils.ts
+function isStatus2xx(status) {
+  return status >= 200 && status < 300;
+}
+function isStatus422(status) {
+  return status === 422;
+}
+function isRelativePath2(url = "") {
+  return !["https://", "http://", "data:"].some(
+    (prefix) => url.startsWith(prefix) && url.length > prefix.length
+  );
+}
 
-// src/common/validators/types/type-validators.ts
+// src/legacy/common/validators/types/type-validators.ts
 var isString = (value) => typeof value === "string";
 var isNumber = (value) => typeof value === "number" && !Number.isNaN(value);
 var isInteger = (value) => {
@@ -1204,10 +1200,10 @@ var isArray = (value) => Array.isArray(value);
 var isNull = (value) => value === null;
 var isUndefined = (value) => typeof value === "undefined";
 
-// src/common/validators/values/value-validators.ts
+// src/legacy/common/validators/values/value-validators.ts
 var isEmpty = (value) => isString(value) && value.length === 0 || (isObject(value) || isArray(value)) && Object.keys(value).length === 0;
 
-// src/common/validators/models/model-utils.ts
+// src/legacy/common/validators/models/model-utils.ts
 function cleanBasicModelWithOneOfSchema(model, schema) {
   return schema.oneOf.some(
     (nestedSchema) => getValidBasicModelOrNull(model, nestedSchema) === model
@@ -1308,7 +1304,7 @@ function deepMergeObject(object1, object2) {
   );
 }
 
-// src/common/validators/models/model-validators.ts
+// src/legacy/common/validators/models/model-validators.ts
 var getValidModelParts = (model, schema) => {
   if (isObjectModel(model)) {
     return getValidObjectModelParts(model, schema);
@@ -1368,7 +1364,7 @@ function getValidArrayModelParts(model, schema) {
   return cleanModelWithArraySchema(model, schema);
 }
 
-// src/common/validators/validationFailures/validation-failures.utils.ts
+// src/legacy/common/validators/validationFailures/validation-failures.utils.ts
 function isValidRequired(value, isRequired = false) {
   return !isRequired || !isUndefined(value);
 }
@@ -1389,7 +1385,7 @@ function isValidPattern(value, pattern) {
     return false;
   }
   const regex = new RegExp(pattern);
-  return !!regex.test(value);
+  return Boolean(regex.test(value));
 }
 function isValidMaximum(value, maximum) {
   return !isNumber(maximum) && !isString(maximum) || (isNumber(value) || isString(value)) && value <= maximum;
@@ -1404,7 +1400,7 @@ function isValidMaxItems(value, maxItems) {
   return !isNumber(maxItems) || isArray(value) && value.length <= maxItems;
 }
 
-// src/common/validators/validationFailures/validation-failures.ts
+// src/legacy/common/validators/validationFailures/validation-failures.ts
 function getValidationFailures(value, schema, isRequired) {
   if (schema.const) {
     return getConstValidationFailures(value, schema, isRequired);
@@ -1532,7 +1528,7 @@ function getObjectValidationFailures(value, schema) {
   return allPresent ? [] : ["required"];
 }
 
-// src/common/validators/schemas/schema-validators.ts
+// src/legacy/common/validators/schemas/schema-validators.ts
 function isValidStringSchema(value, schema) {
   return !getStringValidationFailures(value, schema).length;
 }
@@ -1624,11 +1620,11 @@ function isValidSchema(value, schema) {
   }
 }
 
-// src/common/utils/date-utils.ts
+// src/legacy/common/utils/date-utils.ts
 function formatDate(date) {
   const d = new Date(date);
-  const month = `${d.getMonth() + 1}`;
-  const day = `${d.getDate()}`;
+  const month = String(d.getMonth() + 1);
+  const day = String(d.getDate());
   const year = d.getFullYear();
   const formattedMonth = month.length < 2 ? `0${month}` : month;
   const formattedDay = day.length < 2 ? `0${day}` : day;
@@ -1646,7 +1642,7 @@ var dateStringToDate = (dateString) => {
 };
 var dateToDateString = (date) => formatDate(date);
 
-// src/common/utils/debounce.ts
+// src/legacy/common/utils/debounce.ts
 var debounce = (callback, waitMs) => {
   let timeoutId;
   let lastArgs;
@@ -1682,7 +1678,7 @@ var debounce = (callback, waitMs) => {
   return debouncedFn;
 };
 
-// src/common/utils/is-equal.ts
+// src/legacy/common/utils/is-equal.ts
 var isEqual = (a, b) => {
   if (a === b) {
     return true;
@@ -1698,29 +1694,26 @@ var isEqual = (a, b) => {
 var isObjectEquals = (a, b) => {
   const keysA = Object.keys(a);
   const keysB = Object.keys(b);
-  return keysA.length === keysB.length && keysA.every((key) => Object.prototype.hasOwnProperty.call(b, key) && isEqual(a[key], b[key]));
-};
-var isNonNullObject = (a) => {
-  return typeof a === "object" && a !== null;
+  return keysA.length === keysB.length && keysA.every((key) => Object.hasOwn(b, key) && isEqual(a[key], b[key]));
 };
+var isNonNullObject = (a) => typeof a === "object" && a !== null;
 
-// src/common/utils/file-utils.ts
+// src/legacy/common/utils/file-utils.ts
 function toKilobytes(sizeInBytes) {
   const ONE_KB_IN_BYTES = 1024;
   return Math.floor(sizeInBytes / ONE_KB_IN_BYTES);
 }
-var toBase64 = (file) => {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.readAsDataURL(file);
-    reader.addEventListener("load", () => resolve(reader.result));
-    reader.addEventListener("error", (error) => reject(error));
-  });
-};
+var toBase64 = (file) => new Promise((resolve, reject) => {
+  const reader = new FileReader();
+  reader.readAsDataURL(file);
+  reader.addEventListener("load", () => resolve(reader.result));
+  reader.addEventListener("error", (error) => reject(error));
+});
 function areFilesSame(newFiles, files) {
-  const fileIdToExistingFileMap = files.reduce((map, fileObject) => {
-    return __spreadProps(__spreadValues({}, map), { [fileObject.id]: fileObject });
-  }, {});
+  const fileIdToExistingFileMap = files.reduce(
+    (map, fileObject) => __spreadProps(__spreadValues({}, map), { [fileObject.id]: fileObject }),
+    {}
+  );
   for (const newFile of newFiles) {
     const existingFileObject = fileIdToExistingFileMap[newFile.id];
     const fileDoesNotExistAlready = !existingFileObject;
@@ -1734,21 +1727,21 @@ function areFilesSame(newFiles, files) {
   return true;
 }
 
-// src/common/utils/id-utils.ts
+// src/legacy/common/utils/id-utils.ts
 var generateRandomId = (prefix = "") => {
   const prefixString = prefix ? `${prefix}-` : "";
   return `${prefixString}${Math.floor(1e8 * Math.random())}`;
 };
 
-// src/common/utils/schema-utils.ts
+// src/legacy/common/utils/schema-utils.ts
 function isConstSchema(schema) {
   return !isUndefined(schema == null ? void 0 : schema.const);
 }
 function isNoNConstSchema(schema) {
-  return !!schema && !isConstSchema(schema);
+  return Boolean(schema) && !isConstSchema(schema);
 }
-var isReadOnlySchema = (schema) => !!schema.readOnly && isBasicSchema(schema);
-var isPromotedOneOfSchema = (schema) => !!schema.oneOf && !!schema.promotion;
+var isReadOnlySchema = (schema) => Boolean(schema.readOnly) && isBasicSchema(schema);
+var isPromotedOneOfSchema = (schema) => Boolean(schema.oneOf) && Boolean(schema.promotion);
 var basicTypes = /* @__PURE__ */ new Set(["string", "number", "integer", "boolean"]);
 function isBasicSchema(schema) {
   return basicTypes.has(schema.type || "") || "const" in schema && schema.const !== void 0;
@@ -1760,10 +1753,10 @@ function isOneOfObjectSchema(schema) {
   return isOneOfSchema(schema) && schema.oneOf.every((subSchema) => subSchema.type === "object");
 }
 function isOneOfSchema(schema) {
-  return !!schema.oneOf;
+  return Boolean(schema.oneOf);
 }
 function isAllOfSchema(schema) {
-  return !!schema.allOf;
+  return Boolean(schema.allOf);
 }
 function isBlobSchema(schema) {
   return schema.type === "blob";
@@ -1779,23 +1772,19 @@ function isStringSchema(schema) {
   return schema.type === "string";
 }
 function isPersistAsyncSchema(schema) {
-  return !!schema.persistAsync;
+  return Boolean(schema.persistAsync);
 }
 function isPersistAsyncFileSchema(schema) {
   return isPersistAsyncSchema(schema) && (isBlobSchema(schema.persistAsync.schema) || isBase64FileSchema(schema.persistAsync.schema));
 }
-var isValidationAsyncSchema = (schema) => {
-  return isBasicSchema(schema) && !!schema.validationAsync;
-};
+var isValidationAsyncSchema = (schema) => isBasicSchema(schema) && Boolean(schema.validationAsync);
 function isBase64FileSchema(schema) {
   return schema.type === "string" && schema.format === "base64url";
 }
 function isFileUploadSchema(schema) {
   return schema.type === "string" && schema.format === "base64url";
 }
-var isMultipleFileUploadSchema = (schema) => {
-  return isArraySchema(schema) && isListArraySchema(schema) && isPersistAsyncFileSchema(schema.items);
-};
+var isMultipleFileUploadSchema = (schema) => isArraySchema(schema) && isListArraySchema(schema) && isPersistAsyncFileSchema(schema.items);
 var getSchemaType = (schema) => {
   if (isReadOnlySchema(schema)) {
     return "readOnly";
@@ -1827,10 +1816,8 @@ var getSchemaType = (schema) => {
   return null;
 };
 
-// src/common/utils/step-utils.ts
-var isCameraStep = (step) => {
-  return isFormStep(step) && hasSingleAction(step) && hasSingleFileUploadSchemaWithCameraOnly(step);
-};
+// src/legacy/common/utils/step-utils.ts
+var isCameraStep = (step) => isFormStep(step) && hasSingleAction(step) && hasSingleFileUploadSchemaWithCameraOnly(step);
 var isFormStep = (step) => !step.type || step.type === "form";
 var hasSingleAction = (step) => {
   var _a;
@@ -1854,16 +1841,14 @@ var hasSingleFileUploadSchemaWithCameraOnly = (step) => {
   }
   return childSchema.source === "camera";
 };
-var filterHiddenSchemas = (schemas) => {
-  return schemas.filter((schema) => {
-    if (isObjectSchema(schema)) {
-      return Object.values((schema == null ? void 0 : schema.properties) || {}).find((schema2) => (schema2 == null ? void 0 : schema2.hidden) !== true);
-    }
-    return (schema == null ? void 0 : schema.hidden) !== true;
-  });
-};
+var filterHiddenSchemas = (schemas) => schemas.filter((schema) => {
+  if (isObjectSchema(schema)) {
+    return Object.values((schema == null ? void 0 : schema.properties) || {}).find((schema2) => (schema2 == null ? void 0 : schema2.hidden) !== true);
+  }
+  return (schema == null ? void 0 : schema.hidden) !== true;
+});
 
-// src/common/utils/model-utils.ts
+// src/legacy/common/utils/model-utils.ts
 var isObjectModel = (model) => typeof model === "object" && model !== null && model.constructor === Object;
 var isNullableObjectModel = (model) => isNull(model) || isObjectModel(model);
 var isNullableBasicModel = (model) => isBoolean(model) || isNumber(model) || isString(model) || isNull(model);
@@ -1886,37 +1871,34 @@ var isNullableArrayModel = (model) => {
   return isArrayModel(model);
 };
 
-// src/common/utils/misc-utils.ts
+// src/legacy/common/utils/misc-utils.ts
 var isBasicError = (error) => isString(error) || isNull(error);
 
-// src/common/utils/mobile-utils.ts
-var isMobile = () => {
-  return isMobileScreenSize() && (isTouchScreen() || isMobileUA());
-};
-var isMobileUA = (userAgent = window.navigator.userAgent) => {
-  return /Mobi|\b(iPhone|Android|BlackBerry|webOS|Windows Phone)\b/i.test(userAgent);
-};
-var isMobileScreenSize = (width = window.screen.width, height = window.screen.height) => {
-  return width < 768 || height < 768;
-};
+// src/legacy/common/utils/mobile-utils.ts
+var isMobile = () => isMobileScreenSize() && (isTouchScreen() || isMobileUA());
+var isMobileUA = (userAgent = window.navigator.userAgent) => (
+  // eslint-disable-next-line regexp/no-unused-capturing-group
+  /mobi|\b(iphone|android|blackberry|webos|windows phone)\b/i.test(userAgent)
+);
+var isMobileScreenSize = (width = window.screen.width, height = window.screen.height) => width < 768 || height < 768;
 var isTouchScreen = (navigator2 = window.navigator, matchMedia = window.matchMedia) => {
   if ("maxTouchPoints" in navigator2) {
     return navigator2.maxTouchPoints > 0;
   }
   const mQ = matchMedia == null ? void 0 : matchMedia("(pointer:coarse)");
   if ((mQ == null ? void 0 : mQ.media) === "(pointer:coarse)") {
-    return !!mQ.matches;
+    return Boolean(mQ.matches);
   }
   return false;
 };
 
-// src/common/hooks/useDebouncedFunction/useDebouncedFunction.tsx
+// src/legacy/common/hooks/useDebouncedFunction/useDebouncedFunction.tsx
 var import_react7 = require("react");
 function useDebouncedFunction(callback, waitMs) {
   return (0, import_react7.useCallback)(debounce(callback, waitMs), [callback, waitMs]);
 }
 
-// src/common/hooks/useExternal/useExternal.tsx
+// src/legacy/common/hooks/useExternal/useExternal.tsx
 var import_react8 = require("react");
 function useExternal(url) {
   const [externalWindow, setExternalWindow] = (0, import_react8.useState)(null);
@@ -1932,28 +1914,25 @@ function useExternal(url) {
   return { requiresManualTrigger, dismissConfirmation };
 }
 
-// src/common/hooks/useExternalStepPolling/useExternalStepPolling.tsx
+// src/legacy/common/hooks/useExternalStepPolling/useExternalStepPolling.tsx
 var import_react9 = require("react");
 function useExternalStepPolling(polling, onAction) {
   const httpClient = useHttpClient();
   const asyncFn = (0, import_react9.useMemo)(() => {
     if (polling) {
-      return () => {
-        return httpClient(polling.url).then((response) => {
-          if (response.ok) {
-            try {
-              return response.json();
-            } catch (e) {
-              throw new Error("failed");
-            }
-          } else {
+      return () => httpClient(polling.url).then((response) => {
+        if (response.ok) {
+          try {
+            return response.json();
+          } catch (e) {
             throw new Error("failed");
           }
-        });
-      };
-    } else {
-      return void 0;
+        } else {
+          throw new Error("failed");
+        }
+      });
     }
+    return void 0;
   }, [polling, httpClient]);
   const onPollingResponse = (0, import_react9.useCallback)(
     (pollingResponse) => {
@@ -1990,11 +1969,11 @@ function useExternalStepPolling(polling, onAction) {
   });
 }
 
-// src/common/hooks/usePersistAsync/usePersistAsync.ts
-var import_react30 = require("react");
+// src/legacy/common/hooks/usePersistAsync/usePersistAsync.ts
+var import_react31 = require("react");
 var import_react_intl21 = require("react-intl");
 
-// src/jsonSchemaForm/persistAsyncSchema/PersistAsyncSchema.messages.js
+// src/legacy/jsonSchemaForm/persistAsyncSchema/PersistAsyncSchema.messages.js
 var import_react_intl = require("react-intl");
 var PersistAsyncSchema_messages_default = (0, import_react_intl.defineMessages)({
   genericError: {
@@ -2004,17 +1983,17 @@ var PersistAsyncSchema_messages_default = (0, import_react_intl.defineMessages)(
   }
 });
 
-// src/jsonSchemaForm/persistAsyncSchema/persistAsyncBasicSchema/PersistAsyncBasicSchema.tsx
-var import_react29 = require("react");
+// src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBasicSchema/PersistAsyncBasicSchema.tsx
+var import_react30 = require("react");
 var import_react_intl20 = require("react-intl");
 
-// src/common/constants/DateMode.ts
+// src/legacy/common/constants/DateMode.ts
 var DateMode = {
   DAY_MONTH_YEAR: "day-month-year",
   MONTH_YEAR: "month-year"
 };
 
-// src/common/constants/FormControlType.ts
+// src/legacy/common/constants/FormControlType.ts
 var FormControlType = {
   RADIO: "radio",
   CHECKBOX: "checkbox",
@@ -2037,13 +2016,13 @@ var FormControlType = {
   TAB: "tab"
 };
 
-// src/common/constants/MonthFormat.ts
+// src/legacy/common/constants/MonthFormat.ts
 var MonthFormat = {
   SHORT: "short",
   LONG: "long"
 };
 
-// src/common/constants/Size.ts
+// src/legacy/common/constants/Size.ts
 var Size = {
   EXTRA_SMALL: "xs",
   SMALL: "sm",
@@ -2052,17 +2031,17 @@ var Size = {
   EXTRA_LARGE: "xl"
 };
 
-// src/jsonSchemaForm/basicTypeSchema/BasicTypeSchema.tsx
-var import_classnames6 = __toESM(require_classnames());
-var import_react28 = require("react");
+// src/legacy/jsonSchemaForm/basicTypeSchema/BasicTypeSchema.tsx
+var import_classnames7 = __toESM(require_classnames());
+var import_react29 = require("react");
 
-// src/layout/alert/DynamicAlert.tsx
+// src/legacy/layout/alert/DynamicAlert.tsx
 var import_components2 = require("@transferwise/components");
 
-// src/layout/utils/getNavigationOptionMedia.tsx
+// src/legacy/layout/utils/getNavigationOptionMedia.tsx
 var import_components = require("@transferwise/components");
 
-// src/layout/icon/FlagIcon.tsx
+// src/legacy/layout/icon/FlagIcon.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var isFlagIcon = (name) => isCurrencyFlagIcon(name) || isCountryFlagIcon(name);
 var isCurrencyFlagIcon = (name) => currencyCodes.some((currencyCode) => name === `flag-${currencyCode}`);
@@ -2264,7 +2243,7 @@ var countryCodes = [
   "zm"
 ];
 
-// src/layout/icon/NamedIcon.tsx
+// src/legacy/layout/icon/NamedIcon.tsx
 var icons = __toESM(require("@transferwise/icons"));
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var isNamedIcon = (name) => {
@@ -2285,7 +2264,7 @@ var capitaliseFirstChar = (value) => {
   return `${(_a = value[0]) == null ? void 0 : _a.toUpperCase()}${value.slice(1)}`;
 };
 
-// src/layout/icon/DynamicIcon.tsx
+// src/legacy/layout/icon/DynamicIcon.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var DynamicIcon = ({ type }) => {
   if (isFlagIcon(type)) {
@@ -2301,7 +2280,7 @@ function isValidIconName(name) {
 }
 var DynamicIcon_default = DynamicIcon;
 
-// src/layout/utils/getNavigationOptionMedia.tsx
+// src/legacy/layout/utils/getNavigationOptionMedia.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var getNavigationOptionMedia = ({ icon, image }) => {
   if (icon == null ? void 0 : icon.name) {
@@ -2317,7 +2296,7 @@ var getNavigationOptionMedia = ({ icon, image }) => {
   return null;
 };
 
-// src/layout/utils/index.ts
+// src/legacy/layout/utils/index.ts
 var getMargin = (size) => {
   switch (size) {
     case "xs":
@@ -2347,7 +2326,7 @@ var getTextAlignment = (align) => {
 };
 var getTextAlignmentAndMargin = (component) => `${getTextAlignment(component.align)} ${getMargin(component.margin)}`;
 
-// src/layout/alert/DynamicAlert.tsx
+// src/legacy/layout/alert/DynamicAlert.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var DynamicAlert = (props) => {
   const alert = props.component;
@@ -2383,7 +2362,7 @@ var mapContextToAlertType = (context) => {
 };
 var DynamicAlert_default = DynamicAlert;
 
-// src/layout/box/DynamicBox.tsx
+// src/legacy/layout/box/DynamicBox.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var DynamicBox = (props) => {
   const box = props.component;
@@ -2435,10 +2414,10 @@ var getBoxWidthClasses = (component) => {
 };
 var DynamicBox_default = DynamicBox;
 
-// src/layout/button/DynamicButton.tsx
+// src/legacy/layout/button/DynamicButton.tsx
 var import_components3 = require("@transferwise/components");
 
-// src/layout/button/utils.ts
+// src/legacy/layout/button/utils.ts
 var priorities = {
   primary: "primary",
   secondary: "secondary",
@@ -2478,7 +2457,7 @@ var getButtonSize = (size) => {
   }
 };
 
-// src/layout/button/DynamicButton.tsx
+// src/legacy/layout/button/DynamicButton.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var DynamicButton = (props) => {
   var _a;
@@ -2504,7 +2483,7 @@ var DynamicButton = (props) => {
 };
 var DynamicButton_default = DynamicButton;
 
-// src/layout/columns/DynamicColumns.tsx
+// src/legacy/layout/columns/DynamicColumns.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var DynamicColumns = (props) => {
   const columns = props.component;
@@ -2556,25 +2535,27 @@ var getWidth = (bias) => {
 };
 var DynamicColumns_default = DynamicColumns;
 
-// src/layout/decision/DynamicDecision.tsx
+// src/legacy/layout/decision/DynamicDecision.tsx
 var import_components4 = require("@transferwise/components");
 var import_jsx_runtime14 = require("react/jsx-runtime");
-var DynamicDecision = ({ component, onAction }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: getMargin(component.margin), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_components4.NavigationOptionsList, { children: component.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-  import_components4.NavigationOption,
-  {
-    title: option.title,
-    content: option.description,
-    disabled: option.disabled,
-    media: getNavigationOptionMedia(option),
-    showMediaCircle: false,
-    showMediaAtAllSizes: true,
-    onClick: () => onAction(option.action)
-  },
-  JSON.stringify(option)
-)) }) });
+function DynamicDecision({ component, onAction }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: getMargin(component.margin), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_components4.NavigationOptionsList, { children: component.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_components4.NavigationOption,
+    {
+      title: option.title,
+      content: option.description,
+      disabled: option.disabled,
+      media: getNavigationOptionMedia(option),
+      showMediaCircle: false,
+      showMediaAtAllSizes: true,
+      onClick: () => onAction(option.action)
+    },
+    JSON.stringify(option)
+  )) }) });
+}
 var DynamicDecision_default = DynamicDecision;
 
-// src/layout/divider/DynamicDivider.tsx
+// src/legacy/layout/divider/DynamicDivider.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var DynamicDivider = ({ component }) => {
   const margin = getMargin(component.margin);
@@ -2583,12 +2564,12 @@ var DynamicDivider = ({ component }) => {
 };
 var DynamicDivider_default = DynamicDivider;
 
-// src/layout/external/DynamicExternal.tsx
+// src/legacy/layout/external/DynamicExternal.tsx
 var import_components5 = require("@transferwise/components");
 var import_react10 = require("react");
 var import_react_intl3 = require("react-intl");
 
-// src/layout/external/DynamicExternal.messages.js
+// src/legacy/layout/external/DynamicExternal.messages.js
 var import_react_intl2 = require("react-intl");
 var DynamicExternal_messages_default = (0, import_react_intl2.defineMessages)({
   retryTitle: {
@@ -2598,7 +2579,7 @@ var DynamicExternal_messages_default = (0, import_react_intl2.defineMessages)({
   }
 });
 
-// src/layout/external/DynamicExternal.tsx
+// src/legacy/layout/external/DynamicExternal.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
 var DynamicExternal = ({ component, onAction }) => {
   const { requestUrl, responseHandlers, polling, retryTitle } = component;
@@ -2622,30 +2603,22 @@ var DynamicExternal = ({ component, onAction }) => {
 };
 var DynamicExternal_default = DynamicExternal;
 
-// src/jsonSchemaForm/genericSchema/GenericSchema.tsx
+// src/legacy/jsonSchemaForm/genericSchema/GenericSchema.tsx
 var import_react22 = require("react");
 
-// src/jsonSchemaForm/allOfSchema/AllOfSchema.tsx
+// src/legacy/jsonSchemaForm/allOfSchema/AllOfSchema.tsx
 var import_components6 = require("@transferwise/components");
 var import_classnames = __toESM(require_classnames());
 var import_react11 = require("react");
 var import_jsx_runtime17 = require("react/jsx-runtime");
-var splitModel = (model, schemas) => {
-  return schemas.map((schema) => getValidObjectModelParts(model, schema) || {});
-};
-var combineModels = (models) => {
-  return models.reduce((current, combined) => {
-    return __spreadValues(__spreadValues({}, combined), current);
-  }, {});
-};
-var getSchemaColumnClasses = (width) => {
-  return {
-    "col-xs-12": true,
-    "col-sm-6": width === "md",
-    "col-sm-4": width === "sm"
-  };
-};
-var AllOfSchema = (props) => {
+var splitModel = (model, schemas) => schemas.map((schema) => getValidObjectModelParts(model, schema) || {});
+var combineModels = (models) => models.reduce((current, combined) => __spreadValues(__spreadValues({}, combined), current), {});
+var getSchemaColumnClasses = (width) => ({
+  "col-xs-12": true,
+  "col-sm-6": width === "md",
+  "col-sm-4": width === "sm"
+});
+function AllOfSchema(props) {
   const onChangeModelIndex = (index, onChangeProps) => {
     const modelSchema = props.schema.allOf[index];
     models[index] = getValidObjectModelParts(onChangeProps.model, modelSchema) || {};
@@ -2675,25 +2648,25 @@ var AllOfSchema = (props) => {
       ) }, index)
     )) })
   ] });
-};
+}
 AllOfSchema.defaultProps = {
   disabled: false
 };
 var AllOfSchema_default = AllOfSchema;
 
-// src/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/MultipleFileUploadSchema.tsx
+// src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/MultipleFileUploadSchema.tsx
 var import_components8 = require("@transferwise/components");
 var import_classnames2 = __toESM(require_classnames());
 var import_react12 = require("react");
 
-// src/jsonSchemaForm/controlFeedback/ControlFeedback.tsx
+// src/legacy/jsonSchemaForm/controlFeedback/ControlFeedback.tsx
 var import_components7 = require("@transferwise/components");
 var import_formatting = require("@transferwise/formatting");
 var import_react_intl5 = require("react-intl");
 
-// src/jsonSchemaForm/controlFeedback/ControlFeedback.messages.ts
+// src/common/validationMessages/validation.messages.ts
 var import_react_intl4 = require("react-intl");
-var ControlFeedback_messages_default = (0, import_react_intl4.defineMessages)({
+var validation_messages_default = (0, import_react_intl4.defineMessages)({
   type: {
     id: "dynamicFlows.ControlFeedback.type",
     defaultMessage: "Incorrect type",
@@ -2746,16 +2719,16 @@ var ControlFeedback_messages_default = (0, import_react_intl4.defineMessages)({
   }
 });
 
-// src/jsonSchemaForm/controlFeedback/ControlFeedback.tsx
+// src/legacy/jsonSchemaForm/controlFeedback/ControlFeedback.tsx
 var import_jsx_runtime18 = require("react/jsx-runtime");
-var ControlFeedback = (props) => {
+function ControlFeedback(props) {
   var _a;
   const defaultValidationMessages = useDefaultValidationMessages(props.schema);
   const validationMessages = __spreadValues(__spreadValues(__spreadValues({}, defaultValidationMessages), props.validationMessages), props.schema.validationMessages);
-  const isErrorVisible = (props.submitted || !props.changed) && !!props.errors;
-  const isValidationVisible = !isErrorVisible && (props.submitted || props.changed && props.blurred) && !!((_a = props.validations) == null ? void 0 : _a.length);
+  const isErrorVisible = (props.submitted || !props.changed) && Boolean(props.errors);
+  const isValidationVisible = !isErrorVisible && (props.submitted || props.changed && props.blurred) && Boolean((_a = props.validations) == null ? void 0 : _a.length);
   const isDescriptionVisible = props.schema.description && !isErrorVisible && !isValidationVisible;
-  const hasInfoMessage = !!props.infoMessage;
+  const hasInfoMessage = Boolean(props.infoMessage);
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { id: props.id, children: [
     isErrorVisible ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_components7.InlineAlert, { type: "error", children: props.errors }) : null,
     isValidationVisible ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_components7.InlineAlert, { type: "error", children: props.validations.map((validation) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { children: validationMessages[validation] }, validation)) }) : null,
@@ -2764,7 +2737,7 @@ var ControlFeedback = (props) => {
       hasInfoMessage && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { children: props.infoMessage })
     ] })
   ] });
-};
+}
 ControlFeedback.defaultProps = {
   errors: "",
   validations: [],
@@ -2774,26 +2747,26 @@ ControlFeedback.defaultProps = {
 function useDefaultValidationMessages(schema) {
   const { formatMessage, locale } = (0, import_react_intl5.useIntl)();
   const formattedMessages = {
-    type: formatMessage(ControlFeedback_messages_default.type),
-    minimum: formatMessage(ControlFeedback_messages_default.minimum, {
+    type: formatMessage(validation_messages_default.type),
+    minimum: formatMessage(validation_messages_default.minimum, {
       minimum: schema.minimum
     }),
-    maximum: formatMessage(ControlFeedback_messages_default.maximum, {
+    maximum: formatMessage(validation_messages_default.maximum, {
       maximum: schema.maximum
     }),
-    minLength: formatMessage(ControlFeedback_messages_default.minLength, {
+    minLength: formatMessage(validation_messages_default.minLength, {
       minLength: schema.minLength
     }),
-    maxLength: formatMessage(ControlFeedback_messages_default.maxLength, {
+    maxLength: formatMessage(validation_messages_default.maxLength, {
       maxLength: schema.maxLength
     }),
-    pattern: formatMessage(ControlFeedback_messages_default.pattern),
-    required: formatMessage(ControlFeedback_messages_default.required)
+    pattern: formatMessage(validation_messages_default.pattern),
+    required: formatMessage(validation_messages_default.required)
   };
   if (schema.format === "date") {
     const dateOverrides = {
-      pattern: formatMessage(ControlFeedback_messages_default.patternDate),
-      minimum: schema.minimum ? formatMessage(ControlFeedback_messages_default.minimumDate, {
+      pattern: formatMessage(validation_messages_default.patternDate),
+      minimum: schema.minimum ? formatMessage(validation_messages_default.minimumDate, {
         minimum: (0, import_formatting.formatDate)(
           new Date(schema.minimum),
           locale,
@@ -2803,7 +2776,7 @@ function useDefaultValidationMessages(schema) {
           }
         )
       }) : void 0,
-      maximum: schema.maximum ? formatMessage(ControlFeedback_messages_default.maximumDate, {
+      maximum: schema.maximum ? formatMessage(validation_messages_default.maximumDate, {
         maximum: (0, import_formatting.formatDate)(
           new Date(schema.maximum),
           locale,
@@ -2820,18 +2793,17 @@ function useDefaultValidationMessages(schema) {
 }
 var ControlFeedback_default = ControlFeedback;
 
-// src/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/utils/upload-utils.ts
+// src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/utils/upload-utils.ts
 async function createPayload(userUploadedFile, isBlobSchema2) {
   if (isBlobSchema2) {
     return userUploadedFile;
-  } else {
-    if (userUploadedFile instanceof Blob) {
-      return toBase64(userUploadedFile);
-    }
-    throw new Error(
-      "Error creating payload for MultipleFileUploadSchema. Uploaded file is not an instance of Blob."
-    );
   }
+  if (userUploadedFile instanceof Blob) {
+    return toBase64(userUploadedFile);
+  }
+  throw new Error(
+    "Error creating payload for MultipleFileUploadSchema. Uploaded file is not an instance of Blob."
+  );
 }
 function constructUploadResponse(response) {
   const id = response.data;
@@ -2847,17 +2819,16 @@ function constructUploadError(response) {
   if (isError) {
     const error = response;
     return { id: generateRandomId(), message: error.message };
-  } else {
-    return __spreadValues({
-      message: isString(response.message) ? response.message : ""
-    }, response);
   }
+  return __spreadValues({
+    message: isString(response.message) ? response.message : ""
+  }, response);
 }
 
-// src/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/utils/useFormattedDefaultErrorMessages.tsx
+// src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/utils/useFormattedDefaultErrorMessages.tsx
 var import_react_intl8 = require("react-intl");
 
-// src/common/messages.ts
+// src/legacy/common/messages.ts
 var import_react_intl6 = require("react-intl");
 var messages_default = (0, import_react_intl6.defineMessages)({
   required: {
@@ -2867,7 +2838,7 @@ var messages_default = (0, import_react_intl6.defineMessages)({
   }
 });
 
-// src/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/MultipleFileUploadSchema.messages.js
+// src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/MultipleFileUploadSchema.messages.js
 var import_react_intl7 = require("react-intl");
 var MultipleFileUploadSchema_messages_default = (0, import_react_intl7.defineMessages)({
   minItemsError: {
@@ -2887,7 +2858,7 @@ var MultipleFileUploadSchema_messages_default = (0, import_react_intl7.defineMes
   }
 });
 
-// src/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/utils/useFormattedDefaultErrorMessages.tsx
+// src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/utils/useFormattedDefaultErrorMessages.tsx
 function useFormattedDefaultErrorMessages({
   maxItems,
   minItems
@@ -2902,9 +2873,9 @@ function useFormattedDefaultErrorMessages({
   };
 }
 
-// src/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/MultipleFileUploadSchema.tsx
+// src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/MultipleFileUploadSchema.tsx
 var import_jsx_runtime19 = require("react/jsx-runtime");
-var MultipleFileUploadSchema = (props) => {
+function MultipleFileUploadSchema(props) {
   var _a, _b;
   const { onChange, schema } = props;
   const onEvent = useEventDispatcher();
@@ -2988,7 +2959,7 @@ var MultipleFileUploadSchema = (props) => {
       }
     )
   ] });
-};
+}
 MultipleFileUploadSchema.defaultProps = {
   errors: null,
   required: false
@@ -3008,13 +2979,13 @@ function getValidationMessages(schema, required, defaultErrorMessages) {
   return __spreadValues(__spreadValues(__spreadValues({}, required && { required: defaultErrorMessages.requiredMessage }), minItems && { minItems: defaultErrorMessages.minItemsErrorMessage }), maxItems && { maxItems: defaultErrorMessages.maxItemsErrorMessage });
 }
 
-// src/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/RepeatableSchema.tsx
+// 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_react_intl11 = require("react-intl");
 
-// src/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/ItemSummary.tsx
+// src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/ItemSummary.tsx
 var import_components9 = require("@transferwise/components");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var ItemSummaryOption = ({
@@ -3033,7 +3004,7 @@ var ItemSummaryOption = ({
   );
 };
 
-// src/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/RepeatableSchema.messages.ts
+// src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/RepeatableSchema.messages.ts
 var import_react_intl9 = require("react-intl");
 var RepeatableSchema_messages_default = (0, import_react_intl9.defineMessages)({
   addItemTitle: {
@@ -3058,10 +3029,10 @@ var RepeatableSchema_messages_default = (0, import_react_intl9.defineMessages)({
   }
 });
 
-// src/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/RepeatableSchemaStep.tsx
+// src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/RepeatableSchemaStep.tsx
 var import_react_intl10 = require("react-intl");
 var import_jsx_runtime21 = require("react/jsx-runtime");
-var RepeatableSchemaStep = ({
+function RepeatableSchemaStep({
   type,
   schema,
   model,
@@ -3069,7 +3040,7 @@ var RepeatableSchemaStep = ({
   submitted,
   onModelChange,
   onAction
-}) => {
+}) {
   const { formatMessage } = (0, import_react_intl10.useIntl)();
   const step = {
     layout: [
@@ -3115,10 +3086,10 @@ var RepeatableSchemaStep = ({
       onModelChange
     }
   );
-};
+}
 var RepeatableSchemaStep_default = RepeatableSchemaStep;
 
-// src/jsonSchemaForm/oneOfSchema/utils.ts
+// src/legacy/jsonSchemaForm/oneOfSchema/utils.ts
 var getActiveSchemaIndex = (schema, model) => {
   const indexFromModel = getValidIndexFromValue(schema, model);
   if (indexFromModel >= 0) {
@@ -3169,7 +3140,7 @@ function getSchemaProperties(childSchema) {
   return childSchema.properties !== null && typeof childSchema.properties === "object" ? Object.entries(childSchema.properties) : [];
 }
 
-// src/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/utils/summary-utils.ts
+// src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/utils/summary-utils.ts
 var getItemSummaryFromSchema = (schema, model, defaults = {}) => {
   const { defaultTitle = "", defaultDescription = "", defaultIcon, defaultImage } = defaults;
   const title = getSummaryPropFromSchema({
@@ -3295,9 +3266,12 @@ var getStringValueFromSchema = (schema, model) => {
   }
   return isNullableStringModel(model) ? model : null;
 };
-var schemaSummaryProvides = (summary, providesProp) => !!summary && Object.hasOwnProperty.call(summary, providesProp) && Boolean(summary[providesProp]);
+var schemaSummaryProvides = (summary, providesProp) => (
+  // eslint-disable-next-line prefer-object-has-own, no-implicit-coercion
+  !!summary && Object.hasOwnProperty.call(summary, providesProp) && Boolean(summary[providesProp])
+);
 
-// src/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/RepeatableSchema.tsx
+// src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/RepeatableSchema.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var RepeatableSchema = ({
   schema,
@@ -3417,7 +3391,7 @@ var getUpdatedItemSummaries = (action, {
 };
 var RepeatableSchema_default = RepeatableSchema;
 
-// src/jsonSchemaForm/arrayTypeSchema/arrayListSchema/ArrayListSchema.tsx
+// src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/ArrayListSchema.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var ArrayListSchema = (props) => {
   const { schema } = props;
@@ -3435,7 +3409,7 @@ ArrayListSchema.defaultProps = {
 };
 var ArrayListSchema_default = ArrayListSchema;
 
-// src/jsonSchemaForm/arrayTypeSchema/ArraySchema.tsx
+// src/legacy/jsonSchemaForm/arrayTypeSchema/ArraySchema.tsx
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var ArraySchema = (props) => {
   const { schema } = props;
@@ -3449,18 +3423,16 @@ ArraySchema.defaultProps = {
 };
 var ArraySchema_default = ArraySchema;
 
-// src/jsonSchemaForm/objectSchema/ObjectSchema.tsx
+// src/legacy/jsonSchemaForm/objectSchema/ObjectSchema.tsx
 var import_classnames3 = __toESM(require_classnames());
 var import_react14 = require("react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
-var getSchemaColumnClasses2 = (width) => {
-  return {
-    "col-xs-12": true,
-    "col-sm-6": width === "md",
-    "col-sm-4": width === "sm"
-  };
-};
-var ObjectSchema = (props) => {
+var getSchemaColumnClasses2 = (width) => ({
+  "col-xs-12": true,
+  "col-sm-6": width === "md",
+  "col-sm-4": width === "sm"
+});
+function ObjectSchema(props) {
   const [model, setModel] = (0, import_react14.useState)(() => __spreadValues({}, getValidObjectModelParts(props.model, props.schema)));
   const onChangeProperty = (propertyName, onChangeProps) => {
     if (onChangeProps.model !== null) {
@@ -3490,58 +3462,60 @@ var ObjectSchema = (props) => {
   const isPropertyDefined = (propertyName) => typeof props.schema.properties[propertyName] !== "undefined";
   const orderedPropertyNames = Array.from(allorderedPropertiesSet).filter(isPropertyDefined);
   const propsErrors = props.errors;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("fieldset", { children: [
-    props.schema.title && !props.hideTitle && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("legend", { children: [
-      " ",
-      props.schema.title,
-      " "
-    ] }),
-    props.schema.description && !props.hideTitle && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { children: [
-      " ",
-      props.schema.description,
-      " "
-    ] }),
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
     props.schema.alert && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DynamicAlert_default, { component: props.schema.alert }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "row", children: orderedPropertyNames.map((propertyName) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-      "div",
-      {
-        className: (0, import_classnames3.default)(
-          getSchemaColumnClasses2(props.schema.properties[propertyName].width)
-        ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-          GenericSchema_default,
-          {
-            schema: props.schema.properties[propertyName],
-            model: props.model && props.model[propertyName],
-            errors: propsErrors && propsErrors[propertyName],
-            submitted: props.submitted,
-            required: isRequired(propertyName),
-            disabled: props.disabled,
-            onChange: (onChangeProps) => onChangeProperty(propertyName, onChangeProps),
-            onPersistAsync: props.onPersistAsync
-          }
-        )
-      },
-      propertyName
-    )) })
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("fieldset", { children: [
+      props.schema.title && !props.hideTitle && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("legend", { children: [
+        " ",
+        props.schema.title,
+        " "
+      ] }),
+      props.schema.description && !props.hideTitle && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { children: [
+        " ",
+        props.schema.description,
+        " "
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "row", children: orderedPropertyNames.map((propertyName) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        "div",
+        {
+          className: (0, import_classnames3.default)(
+            getSchemaColumnClasses2(props.schema.properties[propertyName].width)
+          ),
+          children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            GenericSchema_default,
+            {
+              schema: props.schema.properties[propertyName],
+              model: props.model && props.model[propertyName],
+              errors: propsErrors == null ? void 0 : propsErrors[propertyName],
+              submitted: props.submitted,
+              required: isRequired(propertyName),
+              disabled: props.disabled,
+              onChange: (onChangeProps) => onChangeProperty(propertyName, onChangeProps),
+              onPersistAsync: props.onPersistAsync
+            }
+          )
+        },
+        propertyName
+      )) })
+    ] })
   ] });
-};
+}
 ObjectSchema.defaultProps = {
   hideTitle: false,
   disabled: false
 };
 var ObjectSchema_default = ObjectSchema;
 
-// src/jsonSchemaForm/oneOfSchema/OneOfSchema.tsx
+// src/legacy/jsonSchemaForm/oneOfSchema/OneOfSchema.tsx
 var import_components14 = require("@transferwise/components");
 var import_classnames4 = __toESM(require_classnames());
 var import_react17 = require("react");
 
-// src/jsonSchemaForm/help/Help.tsx
+// src/legacy/jsonSchemaForm/help/Help.tsx
 var import_components11 = require("@transferwise/components");
 var import_react_intl13 = require("react-intl");
 
-// src/jsonSchemaForm/help/Help.messages.js
+// src/legacy/jsonSchemaForm/help/Help.messages.js
 var import_react_intl12 = require("react-intl");
 var Help_messages_default = (0, import_react_intl12.defineMessages)({
   helpAria: {
@@ -3551,7 +3525,7 @@ var Help_messages_default = (0, import_react_intl12.defineMessages)({
   }
 });
 
-// src/jsonSchemaForm/help/Help.tsx
+// src/legacy/jsonSchemaForm/help/Help.tsx
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var Help = (props) => {
   const intl = (0, import_react_intl13.useIntl)();
@@ -3568,14 +3542,14 @@ var Help = (props) => {
 };
 var Help_default = Help;
 
-// src/jsonSchemaForm/schemaFormControl/SchemaFormControl.tsx
+// src/legacy/jsonSchemaForm/schemaFormControl/SchemaFormControl.tsx
 var import_react16 = require("react");
 
-// src/formControl/FormControl.tsx
+// src/legacy/formControl/FormControl.tsx
 var import_components12 = require("@transferwise/components");
 var import_react15 = require("react");
 
-// src/formControl/utils/value-utils.ts
+// src/legacy/formControl/utils/value-utils.ts
 var getSafeStringValue = (value, options = {}) => {
   const { coerceValue = false } = options;
   if (isNull(value)) {
@@ -3682,7 +3656,7 @@ var logInvalidTypeFallbackWarning = ({
   );
 };
 
-// src/formControl/utils/getAutocompleteString.ts
+// src/legacy/formControl/utils/getAutocompleteString.ts
 var getAutocompleteString = (hints) => {
   const validHints = hints.filter((hint) => autocompleteTokenMap[hint]);
   if (validHints.length === 0) {
@@ -3757,7 +3731,7 @@ var autocompleteTokenMap = {
   pager: "pager"
 };
 
-// src/formControl/FormControl.tsx
+// src/legacy/formControl/FormControl.tsx
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var _FormControl = class _FormControl extends import_react15.PureComponent {
   constructor(props) {
@@ -4166,7 +4140,7 @@ _FormControl.defaultProps = {
 };
 var FormControl = _FormControl;
 
-// src/jsonSchemaForm/schemaFormControl/utils/mapping-utils.tsx
+// src/legacy/jsonSchemaForm/schemaFormControl/utils/mapping-utils.tsx
 var import_components13 = require("@transferwise/components");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var mapConstSchemaToOption = (schema, controlType) => {
@@ -4246,11 +4220,9 @@ var getDisabled = (disabled) => {
   return void 0;
 };
 
-// src/jsonSchemaForm/schemaFormControl/SchemaFormControl.tsx
+// src/legacy/jsonSchemaForm/schemaFormControl/SchemaFormControl.tsx
 var import_jsx_runtime29 = require("react/jsx-runtime");
-var isNativeInput = (propsSchemaType) => {
-  return propsSchemaType === "string" || propsSchemaType === "number";
-};
+var isNativeInput = (propsSchemaType) => propsSchemaType === "string" || propsSchemaType === "number";
 var getControlType = (schema) => {
   if (isOneOfSchema(schema)) {
     if (schema.control === FormControlType.TAB && schema.oneOf.length > 3) {
@@ -4309,7 +4281,7 @@ var getOptions = (schema, controlType) => {
   }
   return null;
 };
-var SchemaFormControl = (props) => {
+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;
@@ -4343,7 +4315,7 @@ var SchemaFormControl = (props) => {
     describedBy
   };
   return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { "aria-describedby": describedBy, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(FormControl, __spreadValues(__spreadValues({ type: controlType, value: safeValue }, events), controlProps)) });
-};
+}
 SchemaFormControl.defaultProps = {
   value: null,
   onFocus: null,
@@ -4370,9 +4342,9 @@ var warnIfInvalidSchema = (schema, log, controlType) => {
 };
 var SchemaFormControl_default = SchemaFormControl;
 
-// src/jsonSchemaForm/oneOfSchema/OneOfSchema.tsx
+// src/legacy/jsonSchemaForm/oneOfSchema/OneOfSchema.tsx
 var import_jsx_runtime30 = require("react/jsx-runtime");
-var OneOfSchema = (props) => {
+function OneOfSchema(props) {
   const onEvent = useEventDispatcher();
   const [changed, setChanged] = (0, import_react17.useState)(false);
   const [focused, setFocused] = (0, import_react17.useState)(false);
@@ -4457,11 +4429,11 @@ var OneOfSchema = (props) => {
             schema: schemaForSelect,
             value: schemaIndex,
             disabled: props.disabled,
+            describedBy: feedbackId,
             onChange: onChooseNewSchema,
             onFocus,
             onBlur,
-            onSearchChange,
-            describedBy: feedbackId
+            onSearchChange
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
@@ -4494,7 +4466,7 @@ var OneOfSchema = (props) => {
       }
     )
   ] });
-};
+}
 function getTitleAndHelp(schema, id) {
   var _a;
   const helpElement = schema.help ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Help_default, { help: schema.help }) : null;
@@ -4512,10 +4484,10 @@ function getTitleAndHelp(schema, id) {
 function getValidations(props, schemaIndex) {
   const selectedSchema = props.schema.oneOf[schemaIndex != null ? schemaIndex : -1];
   if (isConstSchema(selectedSchema)) {
-    return getValidationFailures(selectedSchema.const, props.schema, !!props.required);
+    return getValidationFailures(selectedSchema.const, props.schema, Boolean(props.required));
   }
   if (schemaIndex === null || schemaIndex < 0) {
-    return getValidationFailures(null, props.schema, !!props.required);
+    return getValidationFailures(null, props.schema, Boolean(props.required));
   }
   return [];
 }
@@ -4541,15 +4513,15 @@ OneOfSchema.defaultProps = {
 };
 var OneOfSchema_default = OneOfSchema;
 
-// src/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/PersistAsyncBlobSchema.tsx
+// src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/PersistAsyncBlobSchema.tsx
 var import_classnames5 = __toESM(require_classnames());
 var import_react19 = require("react");
 
-// src/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/UploadInputAdapter.tsx
+// src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/UploadInputAdapter.tsx
 var import_components15 = require("@transferwise/components");
 var import_react18 = require("react");
 var import_jsx_runtime31 = require("react/jsx-runtime");
-var UploadInputAdapter = (props) => {
+function UploadInputAdapter(props) {
   const {
     id,
     httpClient = fetch,
@@ -4567,19 +4539,18 @@ var UploadInputAdapter = (props) => {
   const files = (0, import_react18.useMemo)(() => fileId ? [{ id: fileId, status: import_components15.Status.SUCCEEDED }] : [], [fileId]);
   const uploadFile = (formData) => {
     onEvent("Dynamic Flow - PersistAsync", { status: "pending", schemaId: id });
-    return httpClient(`${httpOptions.url}`, {
+    return httpClient(String(httpOptions.url), {
       method: httpOptions.method || "POST",
       body: formData
     }).then((response) => {
       if (response.ok) {
-        onSuccess && onSuccess(response.clone());
-        return response.json().then((responseBody) => {
-          return { id: responseBody[idProperty] };
-        });
-      } else {
-        onFailure && onFailure({ response });
-        return Promise.reject();
+        onSuccess == null ? void 0 : onSuccess(response.clone());
+        return response.json().then((responseBody) => ({
+          id: responseBody[idProperty]
+        }));
       }
+      onFailure == null ? void 0 : onFailure({ response });
+      return Promise.reject();
     });
   };
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
@@ -4594,16 +4565,16 @@ var UploadInputAdapter = (props) => {
       description: usPlaceholder,
       onUploadFile: uploadFile,
       onDeleteFile: (_id) => {
-        onCancel && onCancel();
+        onCancel == null ? void 0 : onCancel();
         return Promise.resolve();
       }
     }
   );
-};
+}
 
-// src/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/PersistAsyncBlobSchema.tsx
+// src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/PersistAsyncBlobSchema.tsx
 var import_jsx_runtime32 = require("react/jsx-runtime");
-var PersistAsyncBlobSchema = (props) => {
+function PersistAsyncBlobSchema(props) {
   const [persistAsyncValidationMessages, setPersistAsyncValidationMessages] = (0, import_react19.useState)({});
   const [persistAsyncValidations, setPersistAsyncValidations] = (0, import_react19.useState)(null);
   const [validations, setValidations] = (0, import_react19.useState)([]);
@@ -4612,7 +4583,7 @@ var PersistAsyncBlobSchema = (props) => {
   const onEvent = useEventDispatcher();
   const refreshValidations = () => {
     if (props.submitted) {
-      setValidations(getValidationFailures(props.model, props.schema, !!props.required));
+      setValidations(getValidationFailures(props.model, props.schema, Boolean(props.required)));
     }
   };
   (0, import_react19.useEffect)(refreshValidations, [props.model, props.submitted]);
@@ -4642,7 +4613,7 @@ var PersistAsyncBlobSchema = (props) => {
   const combinedValidations = persistAsyncValidations || validations;
   const formGroupClasses = {
     "form-group": true,
-    "has-error": (props.submitted || changed) && !!combinedValidations.length
+    "has-error": (props.submitted || changed) && Boolean(combinedValidations.length)
   };
   const id = props.schema.$id || props.schema.persistAsync.schema.$id || props.schema.persistAsync.idProperty;
   const feedbackId = `${id}-feedback`;
@@ -4682,15 +4653,15 @@ var PersistAsyncBlobSchema = (props) => {
       }
     )
   ] });
-};
+}
 PersistAsyncBlobSchema.defaultProps = {
   required: false
 };
 var PersistAsyncBlobSchema_default = PersistAsyncBlobSchema;
 
-// src/jsonSchemaForm/persistAsyncSchema/PersistAsyncSchema.tsx
+// src/legacy/jsonSchemaForm/persistAsyncSchema/PersistAsyncSchema.tsx
 var import_jsx_runtime33 = require("react/jsx-runtime");
-var PersistAsyncSchema = (props) => {
+function PersistAsyncSchema(props) {
   const { schema } = props;
   const persistAsyncSchemaType = schema.persistAsync.schema.type;
   if (persistAsyncSchemaType === "blob") {
@@ -4700,16 +4671,16 @@ var PersistAsyncSchema = (props) => {
     );
   }
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(PersistAsyncBasicSchema_default, __spreadValues({}, props));
-};
+}
 PersistAsyncSchema.defaultProps = {
   required: false
 };
 var PersistAsyncSchema_default = PersistAsyncSchema;
 
-// src/jsonSchemaForm/promotedOneOfSchema/PromotedOneOfSchema.tsx
+// src/legacy/jsonSchemaForm/promotedOneOfSchema/PromotedOneOfSchema.tsx
 var import_react20 = require("react");
 
-// src/jsonSchemaForm/promotedOneOfSchema/promoted-one-of-utils.ts
+// src/legacy/jsonSchemaForm/promotedOneOfSchema/promoted-one-of-utils.ts
 var getSelectionFromModel = (schema, model) => {
   const index = getBestMatchingSchemaIndexForValue(schema, model);
   if (index !== null) {
@@ -4718,7 +4689,7 @@ var getSelectionFromModel = (schema, model) => {
   return null;
 };
 
-// src/jsonSchemaForm/promotedOneOfSchema/promotedOneOfControl/PromotedOneOfCheckboxControl.tsx
+// src/legacy/jsonSchemaForm/promotedOneOfSchema/promotedOneOfControl/PromotedOneOfCheckboxControl.tsx
 var import_components16 = require("@transferwise/components");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 var PromotedOneOfCheckboxControl = (props) => {
@@ -4736,10 +4707,10 @@ var PromotedOneOfCheckboxControl = (props) => {
 PromotedOneOfCheckboxControl.defaultProps = {};
 var PromotedOneOfCheckboxControl_default = PromotedOneOfCheckboxControl;
 
-// src/jsonSchemaForm/promotedOneOfSchema/promotedOneOfControl/PromotedOneOfRadioControl.tsx
+// src/legacy/jsonSchemaForm/promotedOneOfSchema/promotedOneOfControl/PromotedOneOfRadioControl.tsx
 var import_components17 = require("@transferwise/components");
 var import_jsx_runtime35 = require("react/jsx-runtime");
-var PromotedOneOfRadioControl = (props) => {
+function PromotedOneOfRadioControl(props) {
   var _a, _b;
   const { id, selection, setSelection, promotion, promotedOneOf, title } = props;
   const radios = [
@@ -4768,15 +4739,15 @@ var PromotedOneOfRadioControl = (props) => {
       }
     )
   ] });
-};
+}
 PromotedOneOfRadioControl.defaultProps = {
   title: void 0
 };
 var PromotedOneOfRadioControl_default = PromotedOneOfRadioControl;
 
-// src/jsonSchemaForm/promotedOneOfSchema/promotedOneOfControl/PromotedOneOfControl.tsx
+// src/legacy/jsonSchemaForm/promotedOneOfSchema/promotedOneOfControl/PromotedOneOfControl.tsx
 var import_jsx_runtime36 = require("react/jsx-runtime");
-var PromotedOneOfControl = (props) => {
+function PromotedOneOfControl(props) {
   const controlType = props.promotion.control || "radio";
   switch (controlType) {
     case "radio":
@@ -4786,14 +4757,14 @@ var PromotedOneOfControl = (props) => {
     default:
       return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.Fragment, {});
   }
-};
+}
 PromotedOneOfControl.defaultProps = {
   id: generateRandomId(),
   title: void 0
 };
 var PromotedOneOfControl_default = PromotedOneOfControl;
 
-// src/jsonSchemaForm/promotedOneOfSchema/PromotedOneOfSchema.tsx
+// src/legacy/jsonSchemaForm/promotedOneOfSchema/PromotedOneOfSchema.tsx
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var isPromoted = (schema) => schema.promoted === true;
 var PromotedOneOfSchema = (props) => {
@@ -4848,11 +4819,11 @@ function getOtherOneOf(schema) {
 }
 var PromotedOneOfSchema_default = PromotedOneOfSchema;
 
-// src/jsonSchemaForm/readOnlySchema/ReadOnlySchema.tsx
+// src/legacy/jsonSchemaForm/readOnlySchema/ReadOnlySchema.tsx
 var import_components18 = require("@transferwise/components");
 var import_react_intl15 = require("react-intl");
 
-// src/jsonSchemaForm/readOnlySchema/ReadOnlySchema.messages.js
+// src/legacy/jsonSchemaForm/readOnlySchema/ReadOnlySchema.messages.js
 var import_react_intl14 = require("react-intl");
 var ReadOnlySchema_messages_default = (0, import_react_intl14.defineMessages)({
   yes: {
@@ -4867,14 +4838,14 @@ var ReadOnlySchema_messages_default = (0, import_react_intl14.defineMessages)({
   }
 });
 
-// src/jsonSchemaForm/readOnlySchema/ReadOnlySchema.tsx
+// src/legacy/jsonSchemaForm/readOnlySchema/ReadOnlySchema.tsx
 var import_jsx_runtime38 = require("react/jsx-runtime");
-var ReadOnlySchema = ({ schema, model }) => {
+function ReadOnlySchema({ schema, model }) {
   const { title = "" } = schema;
   const { formatMessage } = (0, import_react_intl15.useIntl)();
   const value = getValueForSchema({ schema, model, formatMessage });
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_components18.DefinitionList, { layout: import_components18.Layout.VERTICAL_ONE_COLUMN, definitions: [{ title, value, key: "" }] });
-};
+}
 var ReadOnlySchema_default = ReadOnlySchema;
 function getValueForSchema({
   schema,
@@ -4899,9 +4870,9 @@ function getValueFromOneOfSchema(schema, model) {
   return option ? getValueFromOption(option) : model;
 }
 function getSelectedOneOf(schema, model) {
-  return schema.oneOf.find((childSchema) => {
-    return "const" in childSchema ? model === childSchema.const : false;
-  });
+  return schema.oneOf.find(
+    (childSchema) => "const" in childSchema ? model === childSchema.const : false
+  );
 }
 function getValueFromOption(option) {
   const text = option.title && option.description ? `${option.title} - ${option.description}` : option.title || "";
@@ -4913,10 +4884,10 @@ function getValueFromOption(option) {
   ] }) : text;
 }
 
-// src/jsonSchemaForm/validationAsyncSchema/ValidationAsyncSchema.tsx
+// src/legacy/jsonSchemaForm/validationAsyncSchema/ValidationAsyncSchema.tsx
 var import_react21 = require("react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
-var ValidationAsyncSchema = (props) => {
+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);
@@ -5000,14 +4971,14 @@ var ValidationAsyncSchema = (props) => {
     schema
   };
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(BasicTypeSchema_default, __spreadValues({}, basicTypeSchemaProps));
-};
+}
 ValidationAsyncSchema.defaultProps = { required: false };
 var ValidationAsyncSchema_default = ValidationAsyncSchema;
 
-// src/jsonSchemaForm/genericSchema/GenericSchema.tsx
+// src/legacy/jsonSchemaForm/genericSchema/GenericSchema.tsx
 var import_jsx_runtime40 = require("react/jsx-runtime");
 var import_react23 = require("react");
-var GenericSchemaForm = (props) => {
+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);
@@ -5028,7 +4999,9 @@ var GenericSchemaForm = (props) => {
     case "validationAsync":
       return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ValidationAsyncSchema_default, __spreadValues({}, schemaProps));
     case "basic": {
-      const basicTypeProps = __spreadValues({ infoMessage: null }, schemaProps);
+      const basicTypeProps = __spreadValues({
+        infoMessage: null
+      }, schemaProps);
       return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(BasicTypeSchema_default, __spreadValues({}, basicTypeProps));
     }
     case "object":
@@ -5043,7 +5016,7 @@ var GenericSchemaForm = (props) => {
       return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AllOfSchema_default, __spreadValues({}, schemaProps));
   }
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_jsx_runtime40.Fragment, {});
-};
+}
 var GenericSchema_default = GenericSchemaForm;
 var isValidGenericSchema = (schema, model, errors) => {
   const type = getSchemaType(schema);
@@ -5068,16 +5041,16 @@ var isValidGenericSchema = (schema, model, errors) => {
   return false;
 };
 
-// src/layout/form/DynamicForm.tsx
+// src/legacy/layout/form/DynamicForm.tsx
 var import_jsx_runtime41 = require("react/jsx-runtime");
-var DynamicForm = ({
+function DynamicForm({
   component,
   model = null,
   errors = null,
   submitted,
   onModelChange,
   onPersistAsync
-}) => {
+}) {
   const formSchema = component.schema;
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: getMargin(component.margin || "md"), children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     GenericSchema_default,
@@ -5092,14 +5065,19 @@ var DynamicForm = ({
       onPersistAsync
     }
   ) });
-};
+}
 var DynamicForm_default = DynamicForm;
 
-// src/layout/heading/DynamicHeading.tsx
+// src/legacy/layout/heading/DynamicHeading.tsx
+var import_components19 = require("@transferwise/components");
+var import_classnames6 = __toESM(require_classnames());
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var DynamicHeading = (props) => {
-  const { text, size = "md", align = "left", margin = "md" } = props.component;
-  const classes = getTextAlignmentAndMargin({ align, margin });
+  const { text, size = "md", align = "left", margin = "md", control } = props.component;
+  const classes = (0, import_classnames6.default)(getTextAlignmentAndMargin({ align, margin }));
+  return control === "display" ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DisplayHeading, { size, text, classes }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(StandardHeading, { size, text, classes });
+};
+var StandardHeading = ({ size, text, classes }) => {
   switch (size) {
     case "xs":
       return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h5", { className: classes, children: text });
@@ -5114,24 +5092,37 @@ var DynamicHeading = (props) => {
       return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h3", { className: classes, children: text });
   }
 };
+var DisplayHeading = ({ size, text, classes }) => {
+  switch (size) {
+    case "xs":
+    case "sm":
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_components19.Display, { type: "display-small", className: classes, children: text });
+    case "xl":
+    case "lg":
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_components19.Display, { type: "display-large", className: classes, children: text });
+    case "md":
+    default:
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_components19.Display, { type: "display-medium", className: classes, children: text });
+  }
+};
 var DynamicHeading_default = DynamicHeading;
 
-// src/layout/markdown/DynamicMarkdown.tsx
-var import_components19 = require("@transferwise/components");
+// src/legacy/layout/markdown/DynamicMarkdown.tsx
+var import_components20 = require("@transferwise/components");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 var DynamicMarkdown = ({ component }) => {
   const { content, align, margin } = component;
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: getTextAlignmentAndMargin({ align, margin }), children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_components19.Markdown, { config: { link: { target: "_blank" } }, children: content }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: getTextAlignmentAndMargin({ align, margin }), children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_components20.Markdown, { config: { link: { target: "_blank" } }, children: content }) });
 };
 var DynamicInfo = ({ component }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: getTextAlignmentAndMargin(component), children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_components19.Markdown, { config: { link: { target: "_blank" } }, children: component.markdown }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: getTextAlignmentAndMargin(component), children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_components20.Markdown, { config: { link: { target: "_blank" } }, children: component.markdown }) });
 };
 
-// src/layout/image/DynamicImage.tsx
-var import_components20 = require("@transferwise/components");
+// src/legacy/layout/image/DynamicImage.tsx
+var import_components21 = require("@transferwise/components");
 var import_react24 = require("react");
 var import_jsx_runtime44 = require("react/jsx-runtime");
-var DynamicImage = ({ component: image }) => {
+function DynamicImage({ component: image }) {
   const { url, size, text, margin, accessibilityDescription } = image;
   const httpClient = useHttpClient();
   const [imageSource, setImageSource] = (0, import_react24.useState)("");
@@ -5147,20 +5138,23 @@ var DynamicImage = ({ component: image }) => {
   if (!imageSource) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: `df-image ${size || "md"}`, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_components20.Image, __spreadValues({ className: `img-responsive ${getMargin(margin || "md")}` }, imageProps)) });
-};
-var readImageBlobAsDataURL = (imageBlob) => {
-  return new Promise((resolve, reject) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: `df-image ${size || "md"}`, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_components21.Image, __spreadValues({ className: `img-responsive ${getMargin(margin || "md")}` }, imageProps)) });
+}
+var readImageBlobAsDataURL = (imageBlob) => (
+  // we can safely assume the type of reader.result is string
+  // because we're calling reader.readAsDataURL
+  // https://developer.mozilla.org/en-US/docs/Web/API/FileReader/result
+  new Promise((resolve, reject) => {
     const reader = new FileReader();
     reader.addEventListener("loadend", () => resolve(reader.result));
     reader.addEventListener("error", (error) => reject(error));
     reader.readAsDataURL(imageBlob);
-  });
-};
+  })
+);
 var getImageSource = async (httpClient, imageUrl) => {
   var _a;
   try {
-    if (isRelativePath(imageUrl) || (imageUrl == null ? void 0 : imageUrl.indexOf(`${(_a = window == null ? void 0 : window.location) == null ? void 0 : _a.origin}/`)) === 0) {
+    if (isRelativePath2(imageUrl) || (imageUrl == null ? void 0 : imageUrl.startsWith(`${(_a = window == null ? void 0 : window.location) == null ? void 0 : _a.origin}/`))) {
       return httpClient(imageUrl, {
         method: "GET",
         headers: { "Content-Type": "image/image" },
@@ -5179,8 +5173,8 @@ var getImageSource = async (httpClient, imageUrl) => {
 };
 var DynamicImage_default = DynamicImage;
 
-// src/layout/instructions/DynamicInstructions.tsx
-var import_components21 = require("@transferwise/components");
+// src/legacy/layout/instructions/DynamicInstructions.tsx
+var import_components22 = require("@transferwise/components");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 var doContext = ["positive", "neutral"];
 var dontContext = ["warning", "negative"];
@@ -5189,16 +5183,16 @@ var DynamicInstructions = ({ component }) => {
   const dos = items.filter((item) => doContext.includes(item.context)).map(({ text }) => text);
   const donts = items.filter((item) => dontContext.includes(item.context)).map(({ text }) => text);
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: getMargin(component.margin || "md"), children: [
-    component.title ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_components21.Header, { title: component.title }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_components21.InstructionsList, { dos, donts })
+    component.title ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_components22.Header, { title: component.title }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_components22.InstructionsList, { dos, donts })
   ] });
 };
 var DynamicInstructions_default = DynamicInstructions;
 
-// src/layout/DynamicLayout.tsx
+// src/legacy/layout/DynamicLayout.tsx
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var getKey = (component) => JSON.stringify(component);
-var DynamicLayout = (props) => {
+function DynamicLayout(props) {
   const { components, model, submitted, errors, onModelChange, onAction, onPersistAsync, baseUrl } = props;
   const renderComponent = (component) => {
     switch (component.type) {
@@ -5274,24 +5268,37 @@ var DynamicLayout = (props) => {
         return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DynamicLoadingIndicator_default, { component }, getKey(component));
       case "search":
         return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DynamicSearch_default, { component, onAction }, getKey(component));
+      case "modal":
+        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          DynamicModal_default,
+          {
+            component,
+            model,
+            submitted,
+            errors,
+            onModelChange,
+            onAction,
+            onPersistAsync
+          },
+          getKey(component)
+        );
       default:
         return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", {}, getKey(component));
     }
   };
   if (useHasHttpClientProvider() || baseUrl == null) {
     return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, { children: components.map(renderComponent) });
-  } else {
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(HttpClientProviderFromBaseUrl, { baseUrl, children: components.map(renderComponent) });
   }
-};
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(HttpClientProviderFromBaseUrl, { baseUrl, children: components.map(renderComponent) });
+}
 var DynamicLayout_default = DynamicLayout;
 
-// src/layout/list/DynamicStatusList.tsx
-var import_components22 = require("@transferwise/components");
+// src/legacy/layout/list/DynamicStatusList.tsx
+var import_components23 = require("@transferwise/components");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 var DynamicStatusList = ({ component }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: getMargin(component.margin || "md"), children: [
-    component.title ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_components22.Header, { title: component.title }) : null,
+    component.title ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_components23.Header, { title: component.title }) : null,
     component.items.map(mapListItemToSummary)
   ] });
 };
@@ -5301,7 +5308,7 @@ var mapListItemToSummary = ({ title, description, icon, status }) => {
     title,
     description
   }, (icon == null ? void 0 : icon.name) ? { icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DynamicIcon_default, { type: icon.name }) } : {}), status ? { status: statusMap[status] } : {});
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_components22.Summary, __spreadValues({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_components23.Summary, __spreadValues({}, props));
 };
 var statusListMap = {
   done: "done",
@@ -5316,13 +5323,13 @@ var legacyStatusMap = {
 var statusMap = __spreadValues(__spreadValues({}, statusListMap), legacyStatusMap);
 var DynamicStatusList_default = DynamicStatusList;
 
-// src/layout/loadingIndicator/DynamicLoadingIndicator.tsx
-var import_components23 = require("@transferwise/components");
+// src/legacy/layout/loadingIndicator/DynamicLoadingIndicator.tsx
+var import_components24 = require("@transferwise/components");
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var DynamicLoadingIndicator = ({ component }) => {
   const { margin, size = "md" } = component;
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-    import_components23.Loader,
+    import_components24.Loader,
     {
       size,
       classNames: {
@@ -5334,11 +5341,11 @@ var DynamicLoadingIndicator = ({ component }) => {
 };
 var DynamicLoadingIndicator_default = DynamicLoadingIndicator;
 
-// src/layout/paragraph/DynamicParagraph.tsx
-var import_components25 = require("@transferwise/components");
+// src/legacy/layout/paragraph/DynamicParagraph.tsx
+var import_components26 = require("@transferwise/components");
 var import_react_intl17 = require("react-intl");
 
-// src/layout/paragraph/DynamicParagraph.messages.ts
+// src/legacy/layout/paragraph/DynamicParagraph.messages.ts
 var import_react_intl16 = require("react-intl");
 var DynamicParagraph_messages_default = (0, import_react_intl16.defineMessages)({
   copy: {
@@ -5353,17 +5360,17 @@ var DynamicParagraph_messages_default = (0, import_react_intl16.defineMessages)(
   }
 });
 
-// src/layout/paragraph/useSnackBarIfAvailable.ts
-var import_components24 = require("@transferwise/components");
+// src/legacy/layout/paragraph/useSnackBarIfAvailable.ts
+var import_components25 = require("@transferwise/components");
 var import_react25 = require("react");
 function useSnackBarIfAvailable() {
-  const context = (0, import_react25.useContext)(import_components24.SnackbarContext);
+  const context = (0, import_react25.useContext)(import_components25.SnackbarContext);
   return context ? context.createSnackbar : noop2;
 }
 function noop2() {
 }
 
-// src/layout/paragraph/DynamicParagraph.tsx
+// src/legacy/layout/paragraph/DynamicParagraph.tsx
 var import_jsx_runtime49 = require("react/jsx-runtime");
 var DynamicParagraph = ({ component }) => component.control === "copyable" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(CopyableDynamicParagraph, { component }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(BasicDynamicParagraph, { component });
 var BasicDynamicParagraph = ({ component }) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("p", { className: getTextAlignmentAndMargin(component), children: [
@@ -5379,39 +5386,33 @@ var CopyableDynamicParagraph = ({ component }) => {
     var _a;
     (_a = navigator.clipboard) == null ? void 0 : _a.writeText(text).then(() => createSnackbar({ text: formatMessage(DynamicParagraph_messages_default.copied) })).catch(noop3);
   };
-  const classNames7 = getTextAlignmentAndMargin({ align: component.align, margin: "sm" }) + " form-control";
+  const classNames8 = getTextAlignmentAndMargin({ align: component.align, margin: "sm" }) + " form-control";
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: getTextAlignmentAndMargin(component), children: [
     /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       "input",
       {
         type: "text",
-        className: classNames7,
+        className: classNames8,
         value: text,
         readOnly: true,
         style: { textOverflow: "ellipsis" }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_components25.Button, { block: true, onClick: copy, children: formatMessage(DynamicParagraph_messages_default.copy) })
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_components26.Button, { block: true, onClick: copy, children: formatMessage(DynamicParagraph_messages_default.copy) })
   ] });
 };
 function noop3() {
 }
 var DynamicParagraph_default = DynamicParagraph;
 
-// src/layout/review/DynamicReview.tsx
-var import_components26 = require("@transferwise/components");
+// src/legacy/layout/review/DynamicReview.tsx
+var import_components27 = require("@transferwise/components");
 var import_jsx_runtime50 = require("react/jsx-runtime");
-var getDefinitions = (orientation, review) => {
-  return review.fields.map(
-    ({ label, value, help }, index) => {
-      return {
-        key: String(index),
-        title: label,
-        value: getFieldValue(value, help, orientation)
-      };
-    }
-  );
-};
+var getDefinitions = (orientation, review) => review.fields.map(({ label, value, help }, index) => ({
+  key: String(index),
+  title: label,
+  value: getFieldValue(value, help, orientation)
+}));
 var getFieldValue = (value, help, orientation) => {
   if (help) {
     return orientation === "HORIZONTAL_RIGHT_ALIGNED" ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
@@ -5430,7 +5431,7 @@ var getReviewLayout = (review) => {
   const orientation = review.control || review.orientation;
   return orientation === "horizontal" ? "HORIZONTAL_RIGHT_ALIGNED" : "VERTICAL_ONE_COLUMN";
 };
-var DynamicReview = (props) => {
+function DynamicReview(props) {
   const review = props.component;
   const margin = getMargin(review.margin || "xs");
   const getReviewAction = (title, action) => ({
@@ -5447,23 +5448,23 @@ var DynamicReview = (props) => {
   const callToAction = review.callToAction ? getReviewAction(review.callToAction.title, review.callToAction.action) : null;
   const legacyCallToAction = !callToAction && review.action ? getReviewAction(review.action.title || "", review.action) : null;
   return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: margin, children: [
-    review.title && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_components26.Header, { title: review.title, action: callToAction || legacyCallToAction || void 0 }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: margin, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_components26.DefinitionList, { layout: orientation, definitions: getDefinitions(orientation, review) }) })
+    review.title && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_components27.Header, { title: review.title, action: callToAction || legacyCallToAction || void 0 }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: margin, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_components27.DefinitionList, { layout: orientation, definitions: getDefinitions(orientation, review) }) })
   ] });
-};
+}
 var DynamicReview_default = DynamicReview;
 
-// src/layout/search/DynamicSearch.tsx
+// src/legacy/layout/search/DynamicSearch.tsx
 var import_react27 = require("react");
 
-// src/layout/search/SearchInput.tsx
-var import_components27 = require("@transferwise/components");
+// src/legacy/layout/search/SearchInput.tsx
+var import_components28 = require("@transferwise/components");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var SearchInput = ({ title, value, onFocus, onChange }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("label", { className: "control-label d-inline", children: [
     title,
     /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-      import_components27.Input,
+      import_components28.Input,
       {
         type: "text",
         value,
@@ -5475,11 +5476,11 @@ var SearchInput = ({ title, value, onFocus, onChange }) => {
   ] });
 };
 
-// src/layout/search/SearchResults.tsx
-var import_components28 = require("@transferwise/components");
+// src/legacy/layout/search/SearchResults.tsx
+var import_components29 = require("@transferwise/components");
 var import_react_intl19 = require("react-intl");
 
-// src/dynamicFlow/utils/errorBoundary/ErrorBoundary.messages.ts
+// src/common/errorBoundary/ErrorBoundary.messages.ts
 var import_react_intl18 = require("react-intl");
 var ErrorBoundary_messages_default = (0, import_react_intl18.defineMessages)({
   errorAlert: {
@@ -5494,15 +5495,15 @@ var ErrorBoundary_messages_default = (0, import_react_intl18.defineMessages)({
   }
 });
 
-// src/layout/search/SearchResults.tsx
+// src/legacy/layout/search/SearchResults.tsx
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var SearchResults = ({ results, emptyMessage, onSelect }) => {
   if (results.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "m-t-2", children: emptyMessage });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_components28.NavigationOptionsList, { children: results.map((result) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_components29.NavigationOptionsList, { children: results.map((result) => {
     return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-      import_components28.NavigationOption,
+      import_components29.NavigationOption,
       {
         title: result.title,
         content: result.description,
@@ -5534,7 +5535,7 @@ var ErrorResult = ({ onRetrySearch }) => {
   ] });
 };
 
-// src/layout/search/useSearch.tsx
+// src/legacy/layout/search/useSearch.tsx
 var import_react26 = require("react");
 var headers = { "Content-Type": "application/json" };
 var useSearch = (defaultSearchConfig) => {
@@ -5552,7 +5553,7 @@ var useSearch = (defaultSearchConfig) => {
         return;
       }
       abortControllerRef.current = new AbortController();
-      const signal = abortControllerRef.current.signal;
+      const { signal } = abortControllerRef.current;
       setState({ status: "loading" });
       try {
         const request = method === "GET" ? httpClient(addQueryParameter(url, param, query), {
@@ -5568,7 +5569,7 @@ var useSearch = (defaultSearchConfig) => {
         const response = await request;
         void handleResponse(response, query);
       } catch (error) {
-        void handleError(error, query);
+        handleError(error, query);
       }
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -5585,18 +5586,16 @@ var useSearch = (defaultSearchConfig) => {
     setState({ status: "error" });
   };
   const handleError = (error, query) => {
-    if (isAbortError(error) === false) {
+    if (!isAbortError(error)) {
       setState({ status: "error" });
     }
   };
   const results = state.status === "success" ? state.results : [];
   return { status: state.status, results, search };
 };
-var isValidResponseBody = (body) => {
-  return isObject(body) && "results" in body && isArray(body.results) && body.results.every(
-    (result) => isObject(result) && "title" in result && "type" in result && "value" in result
-  );
-};
+var isValidResponseBody = (body) => isObject(body) && "results" in body && isArray(body.results) && body.results.every(
+  (result) => isObject(result) && "title" in result && "type" in result && "value" in result
+);
 var isAbortError = (error) => error instanceof DOMException && error.name === "AbortError";
 var addQueryParameter = (url, key, value) => {
   const [urlBase, urlQuery] = url.split("?");
@@ -5605,10 +5604,10 @@ var addQueryParameter = (url, key, value) => {
   return `${urlBase}?${urlQueryParams.toString()}`;
 };
 
-// src/layout/search/DynamicSearch.tsx
+// src/legacy/layout/search/DynamicSearch.tsx
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var DEBOUNCE_TIME = 400;
-var DynamicSearch = ({ component, onAction }) => {
+function DynamicSearch({ component, onAction }) {
   const [query, setQuery] = (0, import_react27.useState)("");
   const { title, margin, url, method, param, emptyMessage } = component;
   const { status, results, search } = useSearch({ url, method, param });
@@ -5640,17 +5639,41 @@ var DynamicSearch = ({ component, onAction }) => {
     setQuery(query);
     void search(query);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: getMargin(margin), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: getMargin(margin || "md"), children: [
     /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SearchInput, { title, value: query, onChange, onFocus: onSearchStart }),
     status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DynamicLoadingIndicator_default, { component: { type: "loading-indicator", size: "sm" } }),
     status === "error" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ErrorResult, { onRetrySearch }),
     status === "success" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SearchResults, { results, emptyMessage, onSelect: onResultSelected })
   ] });
-};
+}
 var DynamicSearch_default = DynamicSearch;
 
-// src/jsonSchemaForm/basicTypeSchema/BasicTypeSchema.tsx
+// src/legacy/layout/modal/DynamicModal.tsx
+var import_components30 = require("@transferwise/components");
+var import_react28 = require("react");
 var import_jsx_runtime54 = require("react/jsx-runtime");
+var DynamicModal = (props) => {
+  const [visible, isVisible] = (0, import_react28.useState)(false);
+  const { component, onAction } = props;
+  const { margin = "md" } = component;
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: getTextAlignmentAndMargin({ margin }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_components30.Button, { priority: "tertiary", block: true, onClick: () => isVisible(true), children: component.trigger.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+      import_components30.Modal,
+      {
+        scroll: "content",
+        onClose: () => isVisible(false),
+        open: visible,
+        size: "lg",
+        body: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DynamicLayout_default, __spreadProps(__spreadValues({}, props), { components: component.content.components, onAction }))
+      }
+    )
+  ] });
+};
+var DynamicModal_default = DynamicModal;
+
+// src/legacy/jsonSchemaForm/basicTypeSchema/BasicTypeSchema.tsx
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var isNullish = (value) => isNull(value) || isUndefined(value);
 var getDefaultValue = (schema) => {
   return schema.type === "boolean" && isNullish(schema.default) ? false : schema.default;
@@ -5687,13 +5710,13 @@ var BasicTypeSchema = (props) => {
       props.onBlur();
     }
   };
-  const [model, setModel] = (0, import_react28.useState)((_a = props.model) != null ? _a : null);
-  const [lastModel, setLastModel] = (0, import_react28.useState)((_b = props.model) != null ? _b : null);
-  const [changed, setChanged] = (0, import_react28.useState)(false);
-  const [focused, setFocused] = (0, import_react28.useState)(false);
-  const [blurred, setBlurred] = (0, import_react28.useState)(false);
-  const [validations, setValidations] = (0, import_react28.useState)([]);
-  const id = (0, import_react28.useMemo)(() => props.schema.$id || generateRandomId(), [props.schema.$id]);
+  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 onSchemaChange = () => {
     const defaultValue = getDefaultValue(props.schema);
     if (isNullish(model) && !isNullish(defaultValue)) {
@@ -5708,9 +5731,9 @@ var BasicTypeSchema = (props) => {
   };
   const isConst = props.schema.const;
   const isHidden = props.schema.hidden || isConst;
-  (0, import_react28.useEffect)(refreshValidations, [props.model, props.submitted]);
-  (0, import_react28.useEffect)(onSchemaChange, [props.schema]);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(refreshValidations, [props.model, props.submitted]);
+  (0, import_react29.useEffect)(onSchemaChange, [props.schema]);
+  (0, import_react29.useEffect)(() => {
     var _a2;
     const newModel = (_a2 = props.model) != null ? _a2 : null;
     if (newModel !== model) {
@@ -5725,15 +5748,15 @@ var BasicTypeSchema = (props) => {
   const showLabel = props.schema.format !== "file" && props.schema.type !== "boolean";
   const schemaHelp = props.schema.help;
   const feedbackId = `${id}-feedback`;
-  return !isHidden ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
-    props.schema.alert && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DynamicAlert_default, { component: props.schema.alert }),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: (0, import_classnames6.default)(formGroupClasses), children: [
-      showLabel && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "d-inline-block m-b-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("label", { className: "control-label d-inline", htmlFor: id, children: props.schema.title }),
-        !!schemaHelp && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Help_default, { help: schemaHelp })
+  return !isHidden ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
+    props.schema.alert && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(DynamicAlert_default, { component: props.schema.alert }),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: (0, import_classnames7.default)(formGroupClasses), children: [
+      showLabel && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "d-inline-block m-b-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("label", { className: "control-label d-inline", htmlFor: id, children: props.schema.title }),
+        !!schemaHelp && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Help_default, { help: schemaHelp })
       ] }),
-      !showLabel && !!schemaHelp && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Help_default, { help: schemaHelp }),
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+      !showLabel && !!schemaHelp && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Help_default, { help: schemaHelp }),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
         SchemaFormControl_default,
         {
           id,
@@ -5746,7 +5769,7 @@ var BasicTypeSchema = (props) => {
           describedBy: feedbackId
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
         ControlFeedback_default,
         {
           id: feedbackId,
@@ -5770,11 +5793,9 @@ BasicTypeSchema.defaultProps = {
 };
 var BasicTypeSchema_default = BasicTypeSchema;
 
-// src/jsonSchemaForm/persistAsyncSchema/persistAsyncBasicSchema/PersistAsyncBasicSchema.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
-var getIdFromResponse = (idProperty, response) => {
-  return response[idProperty];
-};
+// src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBasicSchema/PersistAsyncBasicSchema.tsx
+var import_jsx_runtime56 = require("react/jsx-runtime");
+var getIdFromResponse = (idProperty, response) => response[idProperty];
 var getErrorFromResponse = (errorProperty, response) => {
   var _a;
   return (_a = response.validation) == null ? void 0 : _a[errorProperty];
@@ -5786,17 +5807,17 @@ var controlTypesWithPersistOnChange = /* @__PURE__ */ new Set([
   FormControlType.FILE,
   FormControlType.UPLOAD
 ]);
-var PersistAsyncBasicSchema = (props) => {
+function PersistAsyncBasicSchema(props) {
   const { schema, required, submitted, errors, onChange, onPersistAsync } = props;
   const intl = (0, import_react_intl20.useIntl)();
   const httpClient = useHttpClient();
   const onEvent = useEventDispatcher();
-  const [persistAsyncModel, setPersistAsyncModel] = (0, import_react29.useState)(null);
+  const [persistAsyncModel, setPersistAsyncModel] = (0, import_react30.useState)(null);
   const previousPersistAsyncModel = usePrevious(persistAsyncModel);
-  const [persistAsyncError, setPersistAsyncError] = (0, import_react29.useState)(null);
-  const [fieldSubmitted, setFieldSubmitted] = (0, import_react29.useState)(false);
-  const [abortController, setAbortController] = (0, import_react29.useState)(null);
-  (0, import_react29.useEffect)(() => {
+  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)(() => {
     if (controlTypesWithPersistOnChange.has(
       // TODO: LOW avoid type assertion below -- control type may be nullish. consider ?? ''
       getControlType(schema.persistAsync.schema)
@@ -5863,7 +5884,7 @@ var PersistAsyncBasicSchema = (props) => {
       setPersistAsyncModel(newPersistAsyncModel);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     BasicTypeSchema_default,
     {
       required,
@@ -5876,15 +5897,15 @@ var PersistAsyncBasicSchema = (props) => {
       onBlur
     }
   );
-};
+}
 PersistAsyncBasicSchema.defaultProps = {
   required: false
 };
 var PersistAsyncBasicSchema_default = PersistAsyncBasicSchema;
 
-// src/common/hooks/usePersistAsync/usePersistAsync.ts
+// src/legacy/common/hooks/usePersistAsync/usePersistAsync.ts
 var usePersistAsync = (persistAsync) => {
-  const [abortController, setAbortController] = (0, import_react30.useState)(null);
+  const [abortController, setAbortController] = (0, import_react31.useState)(null);
   const httpClient = useHttpClient();
   const intl = (0, import_react_intl21.useIntl)();
   const { schema } = persistAsync;
@@ -5962,8 +5983,8 @@ function hasStringMessage(value) {
   return isObject(value) && "message" in value && typeof value.message === "string";
 }
 
-// src/common/hooks/usePolling/usePolling.tsx
-var import_react31 = require("react");
+// src/legacy/common/hooks/usePolling/usePolling.tsx
+var import_react32 = require("react");
 function usePolling({
   asyncFn,
   interval,
@@ -5972,9 +5993,9 @@ function usePolling({
   onPollingResponse,
   onFailure
 }) {
-  const onPollingResponseReference = (0, import_react31.useRef)(onPollingResponse);
-  const onFailureReference = (0, import_react31.useRef)(onFailure);
-  const poll = (0, import_react31.useMemo)(
+  const onPollingResponseReference = (0, import_react32.useRef)(onPollingResponse);
+  const onFailureReference = (0, import_react32.useRef)(onFailure);
+  const poll = (0, import_react32.useMemo)(
     () => createPollingClosure(
       asyncFn,
       maxAttempts,
@@ -5984,7 +6005,7 @@ function usePolling({
     ),
     [asyncFn, maxAttempts, maxConsecutiveFails]
   );
-  (0, import_react31.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (interval > 0) {
       const intervalReference = setInterval(() => {
         poll();
@@ -5992,7 +6013,7 @@ function usePolling({
       return () => clearInterval(intervalReference);
     }
   }, [poll, interval]);
-  (0, import_react31.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     onPollingResponseReference.current = onPollingResponse;
     onFailureReference.current = onFailure;
   }, [onPollingResponse, onFailure]);
@@ -6020,36 +6041,32 @@ function createPollingClosure(asyncFn, maxAttempts, maxConsecutiveFails, onPolli
   };
 }
 
-// src/common/hooks/usePrevious/usePrevious.js
-var import_react32 = require("react");
+// src/legacy/common/hooks/usePrevious/usePrevious.js
+var import_react33 = require("react");
 var usePrevious = (value) => {
-  const reference = (0, import_react32.useRef)();
-  (0, import_react32.useEffect)(() => {
+  const reference = (0, import_react33.useRef)();
+  (0, import_react33.useEffect)(() => {
     reference.current = value;
   }, [value]);
   return reference.current;
 };
 
-// src/common/hooks/useStepPolling/useStepPolling.tsx
-var import_react33 = require("react");
+// src/legacy/common/hooks/useStepPolling/useStepPolling.tsx
+var import_react34 = require("react");
 function useStepPolling(polling, onAction) {
   const httpClient = useHttpClient();
-  const asyncFn = (0, import_react33.useMemo)(() => {
+  const asyncFn = (0, import_react34.useMemo)(() => {
     if (polling) {
-      return () => {
-        return httpClient(polling.url).then((response) => {
-          if (response.ok) {
-            return response.json().then((pollingResponse) => pollingResponse).catch((error) => null);
-          } else {
-            throw new Error("failed");
-          }
-        });
-      };
-    } else {
-      return void 0;
+      return () => httpClient(polling.url).then((response) => {
+        if (response.ok) {
+          return response.json().then((pollingResponse) => pollingResponse).catch((error) => null);
+        }
+        throw new Error("failed");
+      });
     }
+    return void 0;
   }, [polling, httpClient]);
-  const onPollingResponse = (0, import_react33.useCallback)(
+  const onPollingResponse = (0, import_react34.useCallback)(
     (pollingResponse) => {
       if (pollingResponse == null ? void 0 : pollingResponse.action) {
         onAction(pollingResponse.action);
@@ -6065,7 +6082,7 @@ function useStepPolling(polling, onAction) {
     maxAttempts: (polling == null ? void 0 : polling.maxAttempts) || 0,
     maxConsecutiveFails: 1,
     onPollingResponse,
-    onFailure: (0, import_react33.useCallback)(() => {
+    onFailure: (0, import_react34.useCallback)(() => {
       if (polling) {
         onAction(polling.onError.action);
       }
@@ -6073,8 +6090,8 @@ function useStepPolling(polling, onAction) {
   });
 }
 
-// src/step/layoutStep/LayoutStep.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+// src/legacy/step/layoutStep/LayoutStep.tsx
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var getComponents = (step, options) => {
   var _a;
   if (isEmpty(step)) {
@@ -6097,7 +6114,7 @@ var LayoutStep = (props) => {
     onEvent("Dynamic Flow - onAction supressed", { reason: "LayoutStep - loading state" });
   };
   useStepPolling(stepSpecification.polling, onAction);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     DynamicLayout_default,
     {
       components,
@@ -6112,15 +6129,15 @@ var LayoutStep = (props) => {
 };
 var LayoutStep_default = LayoutStep;
 
-// src/step/cameraStep/CameraStep.tsx
-var import_react38 = require("react");
+// src/legacy/step/cameraStep/CameraStep.tsx
+var import_react39 = require("react");
 
-// src/step/cameraStep/cameraCapture/CameraCapture.tsx
-var import_react37 = require("react");
-var import_react_intl30 = require("react-intl");
+// src/legacy/step/cameraStep/cameraCapture/CameraCapture.tsx
+var import_react38 = require("react");
+var import_react_intl26 = require("react-intl");
 var import_react_webcam = __toESM(require_react_webcam());
 
-// src/step/cameraStep/cameraCapture/CameraCapture.messages.ts
+// src/legacy/step/cameraStep/cameraCapture/CameraCapture.messages.ts
 var import_react_intl22 = require("react-intl");
 var CameraCapture_messages_default = (0, import_react_intl22.defineMessages)({
   reviewSubmit: {
@@ -6137,60 +6154,100 @@ var CameraCapture_messages_default = (0, import_react_intl22.defineMessages)({
     id: "dynamicFlows.CameraCapture.reviewInstructions",
     defaultMessage: "Is your picture clear, readable and complete?",
     description: "After taking an image with the camera, prompt user to review the image"
+  },
+  cameraNotSupportedTitle: {
+    id: "dynamicFlows.CameraCapture.CameraNotSupported.title",
+    defaultMessage: "Camera not supported",
+    description: "Title of standalone page prompting that camera is not available on users browser"
+  },
+  cameraNotSupportedParagraph: {
+    id: "dynamicFlows.CameraCapture.CameraNotSupported.paragraph",
+    defaultMessage: "The browser you're using doesn't have support for a camera. Try a different browser, device, or download our mobile app.",
+    description: "Further text of standalone page prompting that camera is not available on user's browser"
+  },
+  noCameraAccessTitle: {
+    id: "dynamicFlows.CameraCapture.NoCameraAccess.title",
+    defaultMessage: "We can't access your camera",
+    description: "Title of standalone page prompting missing camera permissions"
+  },
+  noCameraAccessParagraph: {
+    id: "dynamicFlows.CameraCapture.NoCameraAccess.paragraph",
+    defaultMessage: "Enable camera access in your browser's settings to get going again.",
+    description: "Further text of standalone page prompting missing camera permissions"
+  },
+  noCameraAccessAction: {
+    id: "dynamicFlows.CameraCapture.NoCameraAccess.action",
+    defaultMessage: "Enable camera access",
+    description: "Action to ask for camera permissions again"
+  },
+  cameraConnectionIssueTitle: {
+    id: "dynamicFlows.CameraCapture.CameraConnectionIssue.title",
+    defaultMessage: "We can't access your camera",
+    description: "Title of standalone page prompting that there was an issue connecting to a camera"
+  },
+  cameraConnectionIssueParagraph: {
+    id: "dynamicFlows.CameraCapture.CameraConnectionIssue.paragraph",
+    defaultMessage: "Please check if it is connected and try again.",
+    description: "Further text of standalone page prompting that there was an issue connecting to a camera"
+  },
+  cameraConnectionIssueAction: {
+    id: "dynamicFlows.CameraCapture.CameraConnectionIssue.action",
+    defaultMessage: "Try again",
+    description: "Action to try using camera again"
   }
 });
 
-// src/step/cameraStep/cameraCapture/components/bottomBar/BottomBar.tsx
-var import_components29 = require("@transferwise/components");
+// src/legacy/step/cameraStep/cameraCapture/components/bottomBar/BottomBar.tsx
+var import_components31 = require("@transferwise/components");
 var import_react_intl23 = require("react-intl");
-var import_jsx_runtime57 = require("react/jsx-runtime");
-var CaptureBottomBar = ({ onCapture }) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bottom-bar", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CaptureButton, { onClick: onCapture }) });
+var import_jsx_runtime58 = require("react/jsx-runtime");
+var CaptureBottomBar = ({ onCapture }) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "bottom-bar", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CaptureButton, { onClick: onCapture }) });
 var ReviewBottomBar = ({
   onSubmit,
   onRetry
 }) => {
   const intl = (0, import_react_intl23.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bottom-bar p-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "col-xs-12 col-md-6 col-md-offset-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-      import_components29.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "bottom-bar p-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "col-xs-12 col-md-6 col-md-offset-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      import_components31.Button,
       {
         className: "m-b-1",
         block: true,
-        size: import_components29.Size.MEDIUM,
-        type: import_components29.ControlType.ACCENT,
+        size: import_components31.Size.MEDIUM,
+        type: import_components31.ControlType.ACCENT,
         onClick: onSubmit,
         children: intl.formatMessage(CameraCapture_messages_default.reviewSubmit)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-      import_components29.Button,
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      import_components31.Button,
       {
         className: "m-b-2",
         block: true,
-        size: import_components29.Size.MEDIUM,
-        type: import_components29.ControlType.ACCENT,
-        priority: import_components29.Priority.SECONDARY,
+        size: import_components31.Size.MEDIUM,
+        type: import_components31.ControlType.ACCENT,
+        priority: import_components31.Priority.SECONDARY,
         onClick: onRetry,
         children: intl.formatMessage(CameraCapture_messages_default.reviewRetry)
       }
     )
   ] }) }) });
 };
-var CaptureButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var CaptureButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
   "button",
   {
     type: "button",
     className: "camera-capture-btn m-b-2",
     "data-testid": "camera-capture-button",
     onClick,
-    children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "camera-capture-btn-inner" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "camera-capture-btn-inner" })
   }
 );
 
-// src/step/cameraStep/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
+// src/legacy/step/cameraStep/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
 var import_react_intl25 = require("react-intl");
 
-// src/step/cameraStep/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.messages.ts
+// src/legacy/step/cameraStep/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.messages.ts
 var import_react_intl24 = require("react-intl");
 var OrientationLockOverlay_messages_default = (0, import_react_intl24.defineMessages)({
   text: {
@@ -6200,12 +6257,12 @@ var OrientationLockOverlay_messages_default = (0, import_react_intl24.defineMess
   }
 });
 
-// src/step/cameraStep/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
-var OrientationLockOverlay = () => {
+// src/legacy/step/cameraStep/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
+var import_jsx_runtime59 = require("react/jsx-runtime");
+function OrientationLockOverlay() {
   const intl = (0, import_react_intl25.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "orientation-lock-overlay", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "orientation-lock-overlay", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       "img",
       {
         className: "m-b-3",
@@ -6215,56 +6272,28 @@ var OrientationLockOverlay = () => {
         alt: ""
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-center m-b-0", children: intl.formatMessage(OrientationLockOverlay_messages_default.text) })
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-center m-b-0", children: intl.formatMessage(OrientationLockOverlay_messages_default.text) })
   ] });
-};
+}
 var OrientationLockOverlay_default = OrientationLockOverlay;
 
-// src/step/cameraStep/cameraCapture/hooks/useFullScreenOrientationLock.ts
-var import_react34 = require("react");
-var import_screenfull = __toESM(require_screenfull());
-var useFullScreenOrientationLock = (shouldLockOrientation) => {
-  const lockOrientation = (0, import_react34.useCallback)(() => {
-    if (window.screen.orientation && "lock" in window.screen.orientation && typeof window.screen.orientation.lock === "function") {
-      window.screen.orientation.lock("portrait").catch(noop4);
-    }
-  }, []);
-  const unlockOrientation = (0, import_react34.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_react34.useCallback)(() => {
-    setTimeout(() => {
-      if (shouldLockOrientation && !import_screenfull.default.isFullscreen && import_screenfull.default.isEnabled) {
-        import_screenfull.default.request(document.documentElement, { navigationUI: "show" }).then(() => {
-          lockOrientation();
-        }).catch(noop4);
-      }
-    }, 100);
-  }, [shouldLockOrientation, lockOrientation]);
-  const exitFullScreen = (0, import_react34.useCallback)(() => {
-    if (import_screenfull.default.isFullscreen) {
-      import_screenfull.default.exit().catch(noop4);
-    }
-    unlockOrientation();
-  }, [unlockOrientation]);
-  (0, import_react34.useEffect)(() => {
-    return () => {
-      exitFullScreen();
-    };
-  }, [exitFullScreen]);
-  return {
-    enterFullScreen,
-    exitFullScreen
-  };
-};
-var noop4 = () => {
-};
+// src/legacy/step/cameraStep/cameraCapture/screens/cameraErrorScreen/CameraErrorScreen.tsx
+var import_components32 = require("@transferwise/components");
+var import_jsx_runtime60 = require("react/jsx-runtime");
+function CameraErrorScreen({ title, description, actionButton, onAction }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "container p-t-5", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "col-md-6 col-md-offset-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h2", { className: "text-xs-center m-b-3", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-xs-center m-b-5", children: description }),
+    onAction && actionButton && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_components32.Button, { block: true, onClick: onAction, children: actionButton })
+  ] }) }) });
+}
+var CameraErrorScreen_default = CameraErrorScreen;
 
-// src/step/cameraStep/cameraCapture/hooks/useVideoConstraints.ts
+// src/legacy/step/cameraStep/cameraCapture/hooks/useFullScreenOrientationLock.ts
 var import_react35 = require("react");
+var import_screenfull = __toESM(require_screenfull());
 
-// src/step/cameraStep/cameraCapture/utils/index.ts
+// src/legacy/step/cameraStep/cameraCapture/utils/index.ts
 var isSelfieCamera = (stream) => {
   var _a;
   const { facingMode } = ((_a = getVideoTrack(stream)) == null ? void 0 : _a.getSettings()) || {};
@@ -6278,7 +6307,9 @@ var generateCanvasFromVideo = async (video) => {
     canvas.setAttribute("width", `${video.videoWidth}`);
     const context = canvas == null ? void 0 : canvas.getContext("2d");
     if (context) {
-      await new Promise((resolve) => setTimeout(resolve, 100));
+      await new Promise((resolve) => {
+        setTimeout(resolve, 100);
+      });
       context.drawImage(video, 0, 0, canvas.width, canvas.height);
     }
   }
@@ -6308,9 +6339,97 @@ var getVideoCapabilities = (videoStream) => {
   return (_b = (_a = getVideoTrack(videoStream)) == null ? void 0 : _a.getCapabilities) == null ? void 0 : _b.call(_a);
 };
 
-// src/step/cameraStep/cameraCapture/hooks/useVideoConstraints.ts
+// src/legacy/step/cameraStep/cameraCapture/tracking/index.ts
+var trackCameraError = (message, onEvent, error) => onEvent == null ? void 0 : onEvent(message, { Error: getSerializedError(error) });
+var getSerializedError = (error) => error instanceof DOMException ? JSON.stringify({
+  name: error == null ? void 0 : error.name,
+  message: error == null ? void 0 : error.message
+}) : error;
+var trackCameraFeedStarted = async (onEvent, props, stream) => onEvent == null ? void 0 : onEvent("Dynamic Flow - Camera Feed Started", await getCameraStartedProperties(props, stream));
+var getCameraStartedProperties = async (props, videoStream) => {
+  var _a;
+  const videoTrack = getVideoTrack(videoStream);
+  const capabilities = getVideoCapabilities(videoStream);
+  const settings = (_a = videoTrack == null ? void 0 : videoTrack.getSettings) == null ? void 0 : _a.call(videoTrack);
+  return __spreadProps(__spreadValues({}, videoTrack && {
+    "Available Video Devices (by label)": await getAvailableVideoDeviceLabels(),
+    "Active Video Device (by label)": await getActiveVideoDeviceLabel(videoStream),
+    "Camera Capabilities": capabilities,
+    "Camera Settings": settings
+  }), {
+    "Camera Direction (Asked)": props == null ? void 0 : props.direction
+  });
+};
+var trackCameraOrientationLandscape = (onEvent) => {
+  onEvent == null ? void 0 : onEvent("Dynamic Flow - Camera Orientation Lock Overlay Shown", {});
+};
+var trackCameraOrientationLocked = (onEvent) => {
+  onEvent == null ? void 0 : onEvent("Dynamic Flow - Camera Orientation Locked", {});
+};
+
+// src/legacy/step/cameraStep/cameraCapture/hooks/useFullScreenOrientationLock.ts
+var useFullScreenOrientationLock = (shouldLockOrientation, onEvent) => {
+  const lockOrientation = (0, import_react35.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)(() => {
+    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)(() => {
+    setTimeout(() => {
+      if (shouldLockOrientation && !import_screenfull.default.isFullscreen && import_screenfull.default.isEnabled) {
+        import_screenfull.default.request(document.documentElement, { navigationUI: "show" }).then(() => {
+          lockOrientation();
+        }).catch(noop4);
+      }
+    }, 100);
+  }, [shouldLockOrientation, lockOrientation]);
+  const exitFullScreen = (0, import_react35.useCallback)(() => {
+    if (import_screenfull.default.isFullscreen) {
+      import_screenfull.default.exit().catch(noop4);
+    }
+    unlockOrientation();
+  }, [unlockOrientation]);
+  const handleOrientationChange = (0, import_react35.useCallback)(
+    (event) => {
+      var _a, _b;
+      if ((_a = event == null ? void 0 : event.target) == null ? void 0 : _a.type.includes("landscape")) {
+        if ((_b = window.screen) == null ? void 0 : _b.orientation) {
+          trackCameraOrientationLandscape(onEvent);
+        }
+      }
+    },
+    [onEvent]
+  );
+  (0, import_react35.useEffect)(() => {
+    var _a, _b;
+    if (shouldLockOrientation) {
+      (_b = (_a = window.screen) == null ? void 0 : _a.orientation) == null ? void 0 : _b.addEventListener(
+        "change",
+        (event) => handleOrientationChange(event)
+      );
+    }
+    return () => {
+      var _a2, _b2;
+      (_b2 = (_a2 = window.screen) == null ? void 0 : _a2.orientation) == null ? void 0 : _b2.removeEventListener("change", handleOrientationChange);
+      exitFullScreen();
+    };
+  }, [exitFullScreen, handleOrientationChange, shouldLockOrientation]);
+  return {
+    enterFullScreen,
+    exitFullScreen
+  };
+};
+var noop4 = () => {
+};
+
+// src/legacy/step/cameraStep/cameraCapture/hooks/useVideoConstraints.ts
+var import_react36 = require("react");
 var useVideoConstraints = (direction) => {
-  const [videoConstraints, setVideoConstraints] = (0, import_react35.useState)();
+  const [videoConstraints, setVideoConstraints] = (0, import_react36.useState)();
   const defaultVideoConstraints = {
     facingMode: direction === "front" ? "user" : "environment",
     height: { min: 480, max: 1080, ideal: 720 },
@@ -6318,7 +6437,7 @@ var useVideoConstraints = (direction) => {
     frameRate: 30,
     aspectRatio: 16 / 9
   };
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     void getVideoConstraints(direction).then(setVideoConstraints);
   }, [direction]);
   const getVideoConstraints = async (direction2) => {
@@ -6335,9 +6454,9 @@ var useVideoConstraints = (direction) => {
   return { videoConstraints };
 };
 
-// src/step/cameraStep/cameraCapture/overlay/Overlay.tsx
-var import_react36 = require("react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+// src/legacy/step/cameraStep/cameraCapture/overlay/Overlay.tsx
+var import_react37 = require("react");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var captureButtonHeight = 92;
 var reviewButtonsHeight = 120;
 var imageHeight = 40;
@@ -6345,39 +6464,32 @@ var titleHeight = 32;
 var instructionsHeight = 48;
 var reviewInstructionsHeight = 40;
 var overlayMaxWidth = 800;
-var Overlay = ({
-  overlay,
-  outline,
-  imageUrl,
-  title,
-  instructions,
-  reviewInstructions
-}) => {
-  const svgReference = (0, import_react36.useRef)(null);
-  (0, import_react36.useEffect)(() => {
+function Overlay({ overlay, outline, imageUrl, title, instructions, reviewInstructions }) {
+  const svgReference = (0, import_react37.useRef)(null);
+  (0, import_react37.useEffect)(() => {
     const listener = debounce(() => {
       var _a;
       if ((_a = svgReference.current) == null ? void 0 : _a.innerHTML) {
         const reference = svgReference.current;
-        reference.innerHTML += "";
+        reference.innerHTML = String(reference.innerHTML);
       }
     }, 100);
     window.addEventListener("resize", listener);
     return () => window.removeEventListener("resize", listener);
   });
   let helperBoxHeight = (imageUrl ? imageHeight : 0) + (title ? titleHeight : 0) + (instructions ? instructionsHeight : 0);
-  let helperBox = /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
-    imageUrl && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("img", { className: "camera-capture-img", src: imageUrl, alt: "" }),
-    title && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h4", { className: "camera-capture-title", children: title }),
-    instructions && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("small", { className: "camera-capture-instructions", children: instructions })
+  let helperBox = /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
+    imageUrl && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("img", { className: "camera-capture-img", src: imageUrl, alt: "" }),
+    title && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("h4", { className: "camera-capture-title", children: title }),
+    instructions && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("small", { className: "camera-capture-instructions", children: instructions })
   ] });
   const frameBottomMargin = captureButtonHeight + helperBoxHeight;
   if (reviewInstructions) {
     helperBoxHeight = frameBottomMargin - reviewButtonsHeight;
-    helperBox = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("small", { className: "camera-capture-instructions", children: reviewInstructions });
+    helperBox = /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("small", { className: "camera-capture-instructions", children: reviewInstructions });
     const frameWithReviewInstructionsMinBottomMargin = reviewButtonsHeight + reviewInstructionsHeight;
     if (frameBottomMargin < frameWithReviewInstructionsMinBottomMargin) {
-      helperBox = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_jsx_runtime59.Fragment, {});
+      helperBox = /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, {});
     }
   }
   const framePosition = {
@@ -6395,105 +6507,21 @@ var Overlay = ({
       width: "90%"
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("svg", { ref: svgReference, xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("mask", { id: "mask", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("rect", { width: "100%", height: "100%", fill: "#fff" }),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("image", __spreadValues({ href: overlay }, framePosition))
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("svg", { ref: svgReference, xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("mask", { id: "mask", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("rect", { width: "100%", height: "100%", fill: "#fff" }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("image", __spreadValues({ href: overlay }, framePosition))
     ] }) }),
-    overlay && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("rect", { width: "100%", height: "100%", mask: "url(#mask)", fillOpacity: "0.72" }),
-    outline && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("image", __spreadValues({ href: outline }, framePosition)),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("foreignObject", { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", __spreadProps(__spreadValues({ className: "camera-capture-text-and-image-container" }, helperBoxPosition), { children: helperBox })) })
+    overlay && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("rect", { width: "100%", height: "100%", mask: "url(#mask)", fillOpacity: "0.72" }),
+    outline && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("image", __spreadValues({ href: outline }, framePosition)),
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("foreignObject", { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", __spreadProps(__spreadValues({ className: "camera-capture-text-and-image-container" }, helperBoxPosition), { children: helperBox })) })
   ] });
-};
+}
 var Overlay_default = Overlay;
 
-// src/step/cameraStep/cameraCapture/screens/NoCameraAccess/NoCameraAccess.tsx
-var import_components30 = require("@transferwise/components");
-var import_react_intl27 = require("react-intl");
-
-// src/step/cameraStep/cameraCapture/screens/NoCameraAccess/NoCameraAccess.messages.ts
-var import_react_intl26 = require("react-intl");
-var NoCameraAccess_messages_default = (0, import_react_intl26.defineMessages)({
-  title: {
-    id: "dynamicFlows.CameraCapture.NoCameraAccess.title",
-    defaultMessage: "We can't access your camera",
-    description: "Title of standalone page prompting missing camera permissions"
-  },
-  paragraph: {
-    id: "dynamicFlows.CameraCapture.NoCameraAccess.paragraph",
-    defaultMessage: "Enable camera access in your browser's settings to get going again.",
-    description: "Further text of standalone page prompting missing camera permissions"
-  },
-  action: {
-    id: "dynamicFlows.CameraCapture.NoCameraAccess.action",
-    defaultMessage: "Enable camera access",
-    description: "Action to ask for camera permissions again"
-  }
-});
-
-// src/step/cameraStep/cameraCapture/screens/NoCameraAccess/NoCameraAccess.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
-var NoCameraAccess = ({ onAction }) => {
-  const intl = (0, import_react_intl27.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { id: "no-camera-access", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "container p-t-5", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "col-md-6 col-md-offset-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h2", { className: "text-xs-center m-b-3", children: intl.formatMessage(NoCameraAccess_messages_default.title) }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-xs-center m-b-5", children: intl.formatMessage(NoCameraAccess_messages_default.paragraph) }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_components30.Button, { block: true, onClick: onAction, children: intl.formatMessage(NoCameraAccess_messages_default.action) })
-  ] }) }) }) });
-};
-var NoCameraAccess_default = NoCameraAccess;
-
-// src/step/cameraStep/cameraCapture/screens/CameraNotSupported/CameraNotSupported.tsx
-var import_react_intl29 = require("react-intl");
-
-// src/step/cameraStep/cameraCapture/screens/CameraNotSupported/CameraNotSupported.messages.ts
-var import_react_intl28 = require("react-intl");
-var CameraNotSupported_messages_default = (0, import_react_intl28.defineMessages)({
-  title: {
-    id: "dynamicFlows.CameraCapture.CameraNotSupported.title",
-    defaultMessage: "Camera not supported",
-    description: "Title of standalone page prompting that camera is not available on users browser"
-  },
-  paragraph: {
-    id: "dynamicFlows.CameraCapture.CameraNotSupported.paragraph",
-    defaultMessage: "The browser you're using doesn't have support for a camera. Try a different browser, device, or download our mobile app.",
-    description: "Further text of standalone page prompting that camera is not available on user's browser"
-  }
-});
-
-// src/step/cameraStep/cameraCapture/screens/CameraNotSupported/CameraNotSupported.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
-var CameraNotSupported = () => {
-  const intl = (0, import_react_intl29.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { id: "camera-not-supported", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "container p-t-5", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "col-md-6 col-md-offset-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("h2", { className: "text-xs-center m-b-3", children: intl.formatMessage(CameraNotSupported_messages_default.title) }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-xs-center m-b-5", children: intl.formatMessage(CameraNotSupported_messages_default.paragraph) })
-  ] }) }) }) });
-};
-var CameraNotSupported_default = CameraNotSupported;
-
-// src/step/cameraStep/cameraCapture/tracking/index.ts
-var trackCameraPermissionDenied = (onEvent) => onEvent == null ? void 0 : onEvent("Dynamic Flow - Camera Permission Denied", {});
-var trackCameraFeedStarted = async (onEvent, props, stream) => onEvent == null ? void 0 : onEvent("Dynamic Flow - Camera Feed Started", await getCameraStartedProperties(props, stream));
-var trackCameraNotSupported = (onEvent, error) => onEvent == null ? void 0 : onEvent("Dynamic Flow - Camera Not Supported", { Error: error });
-var getCameraStartedProperties = async (props, videoStream) => {
-  var _a;
-  const videoTrack = getVideoTrack(videoStream);
-  const capabilities = getVideoCapabilities(videoStream);
-  const settings = (_a = videoTrack == null ? void 0 : videoTrack.getSettings) == null ? void 0 : _a.call(videoTrack);
-  return __spreadProps(__spreadValues({}, videoTrack && {
-    "Available Video Devices (by label)": await getAvailableVideoDeviceLabels(),
-    "Active Video Device (by label)": await getActiveVideoDeviceLabel(videoStream),
-    "Camera Capabilities": capabilities,
-    "Camera Settings": settings
-  }), {
-    "Camera Direction (Asked)": props == null ? void 0 : props.direction
-  });
-};
-
-// src/step/cameraStep/cameraCapture/CameraCapture.tsx
+// src/legacy/step/cameraStep/cameraCapture/CameraCapture.tsx
 var import_jsx_runtime62 = require("react/jsx-runtime");
-var CameraCapture = ({
+function CameraCapture({
   direction = "back",
   overlay = "",
   outline = "",
@@ -6503,21 +6531,24 @@ var CameraCapture = ({
   showReview = false,
   onCapture,
   onEvent
-}) => {
-  const [mode, setMode] = (0, import_react37.useState)("CAPTURE");
-  const [isVideoMirrored, setIsVideoMirrored] = (0, import_react37.useState)(false);
-  const [ready, setReady] = (0, import_react37.useState)(false);
-  const [reviewImage, setReviewImage] = (0, import_react37.useState)();
-  const webcamReference = (0, import_react37.useRef)(null);
+}) {
+  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 { videoConstraints } = useVideoConstraints(direction);
-  const orientationLockFeature = useFeatureFlag("camera-orientation-lock" /* CAMERA_ORIENTATION_LOCK */);
-  const shouldLockOrientation = (0, import_react37.useMemo)(
-    () => !!((orientationLockFeature == null ? void 0 : orientationLockFeature.enabled) && isMobile()),
-    [orientationLockFeature]
+  const shouldLockOrientation = (0, import_react38.useMemo)(
+    () => !!(isMobile() && mode === "CAPTURE" /* CAPTURE */),
+    [mode]
   );
-  const { enterFullScreen, exitFullScreen } = useFullScreenOrientationLock(shouldLockOrientation);
-  const intl = (0, import_react_intl30.useIntl)();
-  const handleCapture = (0, import_react37.useCallback)(async () => {
+  const { enterFullScreen, exitFullScreen } = useFullScreenOrientationLock(
+    shouldLockOrientation,
+    onEvent
+  );
+  const intl = (0, import_react_intl26.useIntl)();
+  const handleCapture = (0, import_react38.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();
@@ -6528,7 +6559,7 @@ var CameraCapture = ({
             if (showReview) {
               const source = window.URL.createObjectURL(blob);
               setReviewImage({ source, blob });
-              setMode("REVIEW");
+              setMode("REVIEW" /* REVIEW */);
             } else {
               onCapture(blob);
             }
@@ -6539,19 +6570,43 @@ var CameraCapture = ({
       );
     }
   }, [webcamReference, showReview, setReviewImage, setMode, onCapture, isVideoMirrored]);
-  const handleUserMediaError = (0, import_react37.useCallback)(
+  const handleUserMediaError = (0, import_react38.useCallback)(
     (error) => {
-      if (error instanceof DOMException && (error == null ? void 0 : error.name) === "NotAllowedError") {
-        setMode("NO_CAMERA_ACCESS");
-        trackCameraPermissionDenied(onEvent);
-        return;
+      setMode("ERROR" /* ERROR */);
+      if (error instanceof DOMException) {
+        switch (error == null ? void 0 : error.name) {
+          case "NotAllowedError":
+            setCameraError({
+              title: intl.formatMessage(CameraCapture_messages_default.noCameraAccessTitle),
+              description: intl.formatMessage(CameraCapture_messages_default.noCameraAccessParagraph),
+              actionButton: intl.formatMessage(CameraCapture_messages_default.noCameraAccessAction),
+              onAction: handleRetryCameraAccess
+            });
+            trackCameraError("Dynamic Flow - Camera Permission Denied", onEvent, error);
+            return;
+          case "NotFoundError":
+          case "OverconstrainedError":
+          case "AbortError":
+          case "NotReadableError":
+            setCameraError({
+              title: intl.formatMessage(CameraCapture_messages_default.cameraConnectionIssueTitle),
+              description: intl.formatMessage(CameraCapture_messages_default.cameraConnectionIssueParagraph),
+              actionButton: intl.formatMessage(CameraCapture_messages_default.cameraConnectionIssueAction),
+              onAction: handleRetryCameraAccess
+            });
+            trackCameraError("Dynamic Flow - Camera Not Accessible", onEvent, error);
+            return;
+        }
       }
-      setMode("CAMERA_NOT_SUPPORTED");
-      trackCameraNotSupported(onEvent, error);
+      setCameraError({
+        title: intl.formatMessage(CameraCapture_messages_default.cameraNotSupportedTitle),
+        description: intl.formatMessage(CameraCapture_messages_default.cameraNotSupportedParagraph)
+      });
+      trackCameraError("Dynamic Flow - Camera Not Supported", onEvent, error);
     },
-    [setMode, onEvent]
+    [intl, onEvent]
   );
-  const handleUserMedia = (0, import_react37.useCallback)(
+  const handleUserMedia = (0, import_react38.useCallback)(
     (stream) => {
       enterFullScreen();
       setReady(true);
@@ -6564,16 +6619,16 @@ var CameraCapture = ({
     onCapture((reviewImage == null ? void 0 : reviewImage.blob) || null);
   };
   const handleReviewRetry = () => {
-    setMode("CAPTURE");
+    setMode("CAPTURE" /* CAPTURE */);
     setReviewImage(void 0);
   };
-  const handleRetryCameraAccess = () => setMode("CAPTURE");
-  (0, import_react37.useEffect)(() => {
-    if (mode !== "CAPTURE") {
+  const handleRetryCameraAccess = () => setMode("CAPTURE" /* CAPTURE */);
+  (0, import_react38.useEffect)(() => {
+    if (mode !== "CAPTURE" /* CAPTURE */) {
       exitFullScreen();
     }
   }, [mode, exitFullScreen]);
-  const captureScreen = /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+  const captureScreen = /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "camera-capture", children: [
     videoConstraints && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       import_react_webcam.default,
       {
@@ -6596,9 +6651,16 @@ var CameraCapture = ({
       }
     ),
     shouldLockOrientation && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(OrientationLockOverlay_default, {}),
-    ready && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CaptureBottomBar, { onCapture: () => void handleCapture() })
+    ready && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+      CaptureBottomBar,
+      {
+        onCapture: () => {
+          void handleCapture();
+        }
+      }
+    )
   ] });
-  const reviewScreen = /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+  const reviewScreen = /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "camera-capture", children: [
     /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("img", { className: "review-image", src: reviewImage == null ? void 0 : reviewImage.source, alt: "" }),
     /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       Overlay_default,
@@ -6612,16 +6674,15 @@ var CameraCapture = ({
     ),
     /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ReviewBottomBar, { onSubmit: handleReviewSubmit, onRetry: handleReviewRetry })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("section", { className: "camera-capture", children: [
-    mode === "CAPTURE" && captureScreen,
-    mode === "REVIEW" && reviewScreen,
-    mode === "NO_CAMERA_ACCESS" && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(NoCameraAccess_default, { onAction: handleRetryCameraAccess }),
-    mode === "CAMERA_NOT_SUPPORTED" && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CameraNotSupported_default, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("section", { children: [
+    mode === "CAPTURE" /* CAPTURE */ && captureScreen,
+    mode === "REVIEW" /* REVIEW */ && reviewScreen,
+    mode === "ERROR" /* ERROR */ && cameraError && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CameraErrorScreen_default, __spreadValues({}, cameraError))
   ] });
-};
+}
 var CameraCapture_default = CameraCapture;
 
-// src/step/cameraStep/CameraStep.tsx
+// src/legacy/step/cameraStep/CameraStep.tsx
 var import_jsx_runtime63 = require("react/jsx-runtime");
 function blobToBase64(blob) {
   return new Promise((resolve, _) => {
@@ -6630,7 +6691,7 @@ function blobToBase64(blob) {
     reader.readAsDataURL(blob);
   });
 }
-var CameraStep = (props) => {
+function CameraStep(props) {
   const { step, model, onModelChange, onAction } = props;
   const onEvent = useEventDispatcher();
   const objectSchema = getObjectSchema(step);
@@ -6640,8 +6701,8 @@ var CameraStep = (props) => {
   const { assets, direction, instructions } = cameraConfig || {};
   const { overlay, outline } = assets || {};
   const { url: imageUrl } = image || {};
-  const [captureClicked, setCaptureClicked] = (0, import_react38.useState)(false);
-  (0, import_react38.useEffect)(() => {
+  const [captureClicked, setCaptureClicked] = (0, import_react39.useState)(false);
+  (0, import_react39.useEffect)(() => {
     if (captureClicked) {
       onAction(action);
     }
@@ -6675,7 +6736,7 @@ var CameraStep = (props) => {
       }
     }
   );
-};
+}
 var CameraStep_default = CameraStep;
 function getObjectSchema(step) {
   const nonHiddenSchemas = filterHiddenSchemas(step.schemas || []);
@@ -6708,12 +6769,12 @@ function getFirstAction(step) {
   return step.actions[0];
 }
 
-// src/step/externalConfirmationStep/ExternalConfirmationStep.tsx
-var import_react_intl32 = require("react-intl");
+// src/legacy/step/externalConfirmationStep/ExternalConfirmationStep.tsx
+var import_react_intl28 = require("react-intl");
 
-// src/step/externalConfirmationStep/ExternalConfirmationStep.messages.ts
-var import_react_intl31 = require("react-intl");
-var ExternalConfirmationStep_messages_default = (0, import_react_intl31.defineMessages)({
+// src/legacy/step/externalConfirmationStep/ExternalConfirmationStep.messages.ts
+var import_react_intl27 = require("react-intl");
+var ExternalConfirmationStep_messages_default = (0, import_react_intl27.defineMessages)({
   title: {
     id: "dynamicFlows.ExternalConfirmation.title",
     defaultMessage: "Please confirm",
@@ -6736,12 +6797,12 @@ var ExternalConfirmationStep_messages_default = (0, import_react_intl31.defineMe
   }
 });
 
-// src/step/externalConfirmationStep/ExternalConfirmationStep.tsx
+// src/legacy/step/externalConfirmationStep/ExternalConfirmationStep.tsx
 var import_jsx_runtime64 = require("react/jsx-runtime");
 var noop5 = () => {
 };
 var ExternalConfirmationStep = ({ url, onClose }) => {
-  const { formatMessage } = (0, import_react_intl32.useIntl)();
+  const { formatMessage } = (0, import_react_intl28.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
     DynamicLayout_default,
     {
@@ -6806,33 +6867,33 @@ function getOrigin(url) {
   }
 }
 
-// src/dynamicFlow/BackButton.tsx
-var import_components32 = require("@transferwise/components");
+// src/legacy/dynamicFlow/BackButton.tsx
+var import_components34 = require("@transferwise/components");
 var import_icons2 = require("@transferwise/icons");
 var import_jsx_runtime65 = require("react/jsx-runtime");
-var BackButton = ({ title, action, onAction }) => {
+function BackButton({ title, action, onAction }) {
   return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
     "a",
     {
+      href: "/",
+      className: "df-back-btn",
+      "aria-label": title,
       onClick: (event) => {
         event.preventDefault();
         onAction(__spreadProps(__spreadValues({}, action), { skipValidation: true }));
       },
-      href: "/",
-      className: "df-back-btn",
-      "aria-label": title,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "sr-only", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_components32.Avatar, { type: "icon", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_icons2.ArrowLeft, { size: "24" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_components34.Avatar, { type: "icon", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_icons2.ArrowLeft, { size: "24" }) })
       ]
     }
   );
-};
+}
 var BackButton_default = BackButton;
 
-// src/dynamicFlow/DynamicFlowStep.tsx
+// src/legacy/dynamicFlow/DynamicFlowStep.tsx
 var import_jsx_runtime66 = require("react/jsx-runtime");
-var DynamicFlowStep = (props) => {
+function DynamicFlowStep(props) {
   var _a, _b, _c;
   const { step, globalError, onAction } = props;
   const externalUrl = (_a = step == null ? void 0 : step.external) == null ? void 0 : _a.url;
@@ -6855,13 +6916,13 @@ var DynamicFlowStep = (props) => {
     globalError ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DynamicAlert_default, { component: { context: "negative", markdown: globalError, margin: "lg" } }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(LayoutStep_default, __spreadProps(__spreadValues({}, props), { stepSpecification: step }))
   ] });
-};
+}
 
-// src/dynamicFlow/utils/useDebouncedRefresh/useDebouncedRefresh.ts
-var import_react39 = require("react");
+// src/legacy/dynamicFlow/utils/useDebouncedRefresh/useDebouncedRefresh.ts
+var import_react40 = require("react");
 var DEBOUNCE_DELAY = 1e3;
 function useDebouncedRefresh(fetchRefresh) {
-  const map = (0, import_react39.useRef)(/* @__PURE__ */ new Map());
+  const map = (0, import_react40.useRef)(/* @__PURE__ */ new Map());
   const retrieveOrCreate = (key) => {
     if (map.current.has(key)) {
       return map.current.get(key);
@@ -6875,21 +6936,21 @@ function useDebouncedRefresh(fetchRefresh) {
   };
   return function(url, data, etag, schema) {
     const debouncedFetchRefresh = retrieveOrCreate(url);
-    void debouncedFetchRefresh(url, data, etag);
+    debouncedFetchRefresh(url, data, etag);
     if (!schema || !shouldDebounceSchema(schema)) {
-      void debouncedFetchRefresh.flush();
+      debouncedFetchRefresh.flush();
     }
   };
 }
 var shouldDebounceSchema = (schema) => getSchemaType(schema) === "basic" && schema.type !== "boolean" && schema.format !== "base64url";
 
-// src/dynamicFlow/utils/useDynamicFlowState.ts
-var import_react40 = require("react");
+// src/legacy/dynamicFlow/utils/useDynamicFlowState.ts
+var import_react41 = require("react");
 var useDynamicFlowState = (initialStep) => {
   var _a, _b;
-  const [formErrors, setFormErrors] = (0, import_react40.useState)((_a = initialStep == null ? void 0 : initialStep.errors) == null ? void 0 : _a.validation);
-  const [globalError, setGlobalError] = (0, import_react40.useState)((_b = initialStep == null ? void 0 : initialStep.errors) == null ? void 0 : _b.error);
-  const [stepAndModels, setStepAndModels] = (0, import_react40.useState)({
+  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)({
     step: initialStep || void 0,
     models: (initialStep == null ? void 0 : initialStep.model) ? buildInitialModels(initialStep.model, getAllSchemas(initialStep)) : {},
     etag: void 0
@@ -6919,7 +6980,7 @@ var useDynamicFlowState = (initialStep) => {
       return updatedState;
     });
   };
-  const modelIsValid = (0, import_react40.useMemo)(
+  const modelIsValid = (0, import_react41.useMemo)(
     () => areModelsValid(models, getAllValidatableSchemas(step)),
     [models, step]
   );
@@ -6936,16 +6997,14 @@ var useDynamicFlowState = (initialStep) => {
     setSchemaModel
   };
 };
-var buildInitialModels = (model, schemas = []) => {
-  return schemas.reduce((acc, schema) => {
-    if (!schema.$id) {
-      console.warn("Schema without $id property found.");
-    }
-    return __spreadProps(__spreadValues({}, acc), {
-      [schema.$id || ""]: getValidObjectModelParts(model, schema) || {}
-    });
-  }, {});
-};
+var buildInitialModels = (model, schemas = []) => schemas.reduce((acc, schema) => {
+  if (!schema.$id) {
+    console.warn("Schema without $id property found.");
+  }
+  return __spreadProps(__spreadValues({}, acc), {
+    [schema.$id || ""]: getValidObjectModelParts(model, schema) || {}
+  });
+}, {});
 var getAllSchemas = (step) => [
   ...getAllSchemasInLayout((step == null ? void 0 : step.layout) || []),
   ...(step == null ? void 0 : step.schemas) || []
@@ -6978,38 +7037,34 @@ var getAllReferencedSchemaIds = (components) => components.flatMap((component) =
       return [];
   }
 }).filter(Boolean);
-var areModelsValid = (formModels, schemas = []) => {
-  return !(schemas == null ? void 0 : schemas.some((schema) => {
-    if (!schema.$id) {
-      console.warn("Schema without $id property found.");
-    }
-    return !isValidSchema(formModels[schema.$id || ""] || {}, schema);
-  }));
-};
+var areModelsValid = (formModels, schemas = []) => !(schemas == null ? void 0 : schemas.some((schema) => {
+  if (!schema.$id) {
+    console.warn("Schema without $id property found.");
+  }
+  return !isValidSchema(formModels[schema.$id || ""] || {}, schema);
+}));
 var getSchemaReference = (component) => {
   if (component.schema && !isInlineSchema(component.schema)) {
     return component.schema.$ref;
   }
   return component.schemaId;
 };
-var isInlineSchema = (schema) => {
-  return schema !== void 0 && typeof schema === "object" && Object.prototype.hasOwnProperty.call(schema, "$ref") === false;
-};
+var isInlineSchema = (schema) => schema !== void 0 && typeof schema === "object" && !Object.hasOwn(schema, "$ref");
 
-// src/dynamicFlow/utils/useLoader.tsx
-var import_components33 = require("@transferwise/components");
-var import_react41 = require("react");
+// src/legacy/dynamicFlow/utils/useLoader.tsx
+var import_components35 = require("@transferwise/components");
+var import_react42 = require("react");
 var import_jsx_runtime67 = require("react/jsx-runtime");
 function useLoader(loaderConfig, initialState) {
   const config = __spreadValues({
-    size: import_components33.Size.EXTRA_LARGE,
+    size: import_components35.Size.EXTRA_LARGE,
     initial: true,
     submission: false
   }, loaderConfig);
-  const [loadingState, setLoadingState] = (0, import_react41.useState)(initialState);
+  const [loadingState, setLoadingState] = (0, import_react42.useState)(initialState);
   const shouldDisplayLoader = config.initial && loadingState === "initial" || config.submission && loadingState === "submission";
   const loader = shouldDisplayLoader ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-    import_components33.Loader,
+    import_components35.Loader,
     {
       size: config.size,
       classNames: { "tw-loader": "tw-loader m-x-auto" },
@@ -7019,35 +7074,35 @@ function useLoader(loaderConfig, initialState) {
   return { isLoading: loadingState !== "idle", setLoadingState, loader };
 }
 
-// src/dynamicFlow/utils/errorBoundary/ErrorBoundary.tsx
-var import_react42 = require("react");
+// src/common/errorBoundary/ErrorBoundary.tsx
+var import_react43 = require("react");
 
-// src/dynamicFlow/utils/errorBoundary/ErrorBoundaryAlert.tsx
-var import_components34 = require("@transferwise/components");
-var import_react_intl33 = require("react-intl");
+// src/common/errorBoundary/ErrorBoundaryAlert.tsx
+var import_components36 = require("@transferwise/components");
+var import_react_intl29 = require("react-intl");
 var import_jsx_runtime68 = require("react/jsx-runtime");
-var ErrorBoundaryAlert = ({ onDismiss }) => {
-  const { formatMessage } = (0, import_react_intl33.useIntl)();
+function ErrorBoundaryAlert({ onDismiss }) {
+  const { formatMessage } = (0, import_react_intl29.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
-    import_components34.Alert,
+    import_components36.Alert,
     {
       action: {
         text: formatMessage(ErrorBoundary_messages_default.retry),
         href: window.location.href
       },
       message: formatMessage(ErrorBoundary_messages_default.errorAlert),
-      type: import_components34.Sentiment.NEGATIVE,
+      type: import_components36.Sentiment.NEGATIVE,
       className: "m-b-3",
       onDismiss
     }
   );
-};
+}
 
-// src/dynamicFlow/utils/errorBoundary/ErrorBoundary.tsx
+// src/common/errorBoundary/ErrorBoundary.tsx
 var import_jsx_runtime69 = require("react/jsx-runtime");
 var noop6 = () => {
 };
-var ErrorBoundary = class extends import_react42.Component {
+var ErrorBoundary = class extends import_react43.Component {
   constructor(props) {
     super(props);
     this.handleErrorReset = () => {
@@ -7073,7 +7128,7 @@ var ErrorBoundary = class extends import_react42.Component {
 };
 var ErrorBoundary_default = ErrorBoundary;
 
-// src/dynamicFlow/utils/responseParsers/response-parsers.ts
+// src/legacy/dynamicFlow/utils/responseParsers/response-parsers.ts
 var parseFetchResponseByResponseType = async (response, type) => {
   switch (type) {
     case "step":
@@ -7112,9 +7167,7 @@ var parseActionResponse = async (response) => {
   }
   return { type: "action", action: jsonBody.action };
 };
-var parseExitResponse = async (response) => {
-  return { type: "exit", result: await getJsonObjectOrNull(response) };
-};
+var parseExitResponse = async (response) => ({ type: "exit", result: await getJsonObjectOrNull(response) });
 var parseFetchResponse = async (response) => {
   var _a, _b, _c;
   assertResponseIsValid(response);
@@ -7170,7 +7223,7 @@ var assertResponseIsValid = (response) => {
 };
 var isResponse = (response) => typeof response === "object" && response !== null && "clone" in response && "bodyUsed" in response;
 
-// src/dynamicFlow/DynamicFlow.tsx
+// src/legacy/dynamicFlow/DynamicFlow.tsx
 var import_jsx_runtime70 = require("react/jsx-runtime");
 var noop7 = () => {
 };
@@ -7187,7 +7240,7 @@ var DynamicFlowComponent = ({
   onEvent = noop7,
   onLog = noop7
 }) => {
-  const { locale } = (0, import_react_intl34.useIntl)();
+  const { locale } = (0, import_react_intl30.useIntl)();
   const {
     formErrors,
     globalError,
@@ -7200,25 +7253,29 @@ var DynamicFlowComponent = ({
     setStepAndEtag,
     setSchemaModel
   } = useDynamicFlowState(initialStep);
-  const [submitted, setSubmitted] = (0, import_react43.useState)(false);
+  const [submitted, setSubmitted] = (0, import_react44.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_react43.useMemo)(
+  const analyticsMetadata = (0, import_react44.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_react43.useMemo)(
+  const dispatchEvent = (0, import_react44.useMemo)(
     () => getEventDispatcher(onEvent, analyticsMetadata),
     [onEvent, analyticsMetadata]
   );
-  const dfHttpClient = (0, import_react43.useCallback)(
-    ({ action, data, etag: etag2 }) => {
+  const dfHttpClient = (0, import_react44.useCallback)(
+    ({
+      action,
+      data,
+      etag: etag2
+    }) => {
       const { url, method = "POST" } = action;
       return httpClient(url != null ? url : "", {
         method,
@@ -7267,17 +7324,17 @@ var DynamicFlowComponent = ({
     dispatchEventAndComplete(__spreadValues(__spreadValues({}, exitResult), actionResult));
   };
   const debouncedRefresh = useDebouncedRefresh(performRefresh);
-  const dispatchEventAndComplete = (0, import_react43.useCallback)(
+  const dispatchEventAndComplete = (0, import_react44.useCallback)(
     (result) => {
       dispatchEvent("Dynamic Flow - Flow Finished", { result: "success" });
       onCompletion(result);
     },
     [onCompletion, dispatchEvent]
   );
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     dispatchEvent("Dynamic Flow - Flow Started", {});
   }, []);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (!initialStep) {
       const action = __spreadValues({
         id: "#initial-step-request",
@@ -7306,7 +7363,7 @@ var DynamicFlowComponent = ({
         updateStep(result.step, result.etag, fetchType);
       }
     } catch (error) {
-      return completeWithError(error, "Error parsing fetch response", fetchType, response.status);
+      completeWithError(error, "Error parsing fetch response", fetchType, response.status);
     }
   };
   const updateStep = (newStep, etag2, fetchType) => {
@@ -7408,11 +7465,11 @@ var DynamicFlowComponent = ({
     }
   ) }) }) }) }) });
 };
-var DynamicFlow = (props) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ErrorBoundary_default, { onError: props.onError, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DynamicFlowComponent, __spreadValues({}, props)) });
+function DynamicFlow(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ErrorBoundary_default, { onError: props.onError, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DynamicFlowComponent, __spreadValues({}, props)) });
+}
 var DynamicFlow_default = DynamicFlow;
-var combineModels2 = (formModels) => {
-  return Object.values(formModels).reduce((previous, model) => __spreadValues(__spreadValues({}, previous), model), {});
-};
+var combineModels2 = (formModels) => Object.values(formModels).reduce((previous, model) => __spreadValues(__spreadValues({}, previous), model), {});
 var isSubmissionMethod = (method = "POST") => {
   const submissionMethods = ["POST", "PUT", "PATCH"];
   return submissionMethods.includes(method.toUpperCase());
@@ -7425,9 +7482,9 @@ var shouldTriggerRefresh = (props) => {
   return type !== "init" && hasRefreshOnChange && (isValid() || wasValid());
 };
 
-// src/jsonSchemaForm/JsonSchemaForm.tsx
+// src/legacy/jsonSchemaForm/JsonSchemaForm.tsx
 var import_jsx_runtime71 = require("react/jsx-runtime");
-var JsonSchemaForm = (props) => {
+function JsonSchemaForm(props) {
   const schemaProps = __spreadValues({
     model: null,
     errors: null
@@ -7441,7 +7498,7 @@ var JsonSchemaForm = (props) => {
       children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(HttpClientProviderFromBaseUrl, { baseUrl, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(GenericSchema_default, __spreadValues({}, schemaProps)) })
     }
   ) });
-};
+}
 var JsonSchemaForm_default = JsonSchemaForm;
 var noop8 = () => {
 };
@@ -7499,6 +7556,9 @@ var en_default = {
   "dynamicFlows.ArraySchema.maxItemsError": "Please add {maxItems} or fewer.",
   "dynamicFlows.ArraySchema.minItemsError": "Please add at least {minItems}.",
   "dynamicFlows.ArraySchema.removeItem": "Remove",
+  "dynamicFlows.CameraCapture.CameraConnectionIssue.action": "Try again",
+  "dynamicFlows.CameraCapture.CameraConnectionIssue.paragraph": "Please check if it is connected and try again.",
+  "dynamicFlows.CameraCapture.CameraConnectionIssue.title": "We can't access your camera",
   "dynamicFlows.CameraCapture.CameraNotSupported.paragraph": "The browser you're using doesn't have support for a camera. Try a different browser, device, or download our mobile app.",
   "dynamicFlows.CameraCapture.CameraNotSupported.title": "Camera not supported",
   "dynamicFlows.CameraCapture.NoCameraAccess.action": "Enable camera access",
@@ -7518,6 +7578,7 @@ var en_default = {
   "dynamicFlows.ControlFeedback.patternDate": "Please enter a date in the corrrect format.",
   "dynamicFlows.ControlFeedback.required": "Please fill out this field.",
   "dynamicFlows.ControlFeedback.type": "Incorrect type",
+  "dynamicFlows.DefaultErrorMessages.required": "Please fill out this field.",
   "dynamicFlows.DynamicExternal.retryTitle": "Reopen window",
   "dynamicFlows.DynamicParagraph.copied": "Copied to clipboard",
   "dynamicFlows.DynamicParagraph.copy": "Copy",
@@ -7854,7 +7915,7 @@ var pl_default = {
 // src/i18n/pt.json
 var pt_default = {
   "dynamicFlows.ArraySchema.addItem": "Salvar",
-  "dynamicFlows.ArraySchema.addItemTitle": "Add Item",
+  "dynamicFlows.ArraySchema.addItemTitle": "Adicionar item",
   "dynamicFlows.ArraySchema.editItem": "Salvar",
   "dynamicFlows.ArraySchema.maxItemsError": "Adicione {maxItems} ou menos.",
   "dynamicFlows.ArraySchema.minItemsError": "Adicione pelo menos {minItems}.",
@@ -7867,7 +7928,7 @@ var pt_default = {
   "dynamicFlows.CameraCapture.reviewInstructions": "A sua foto est\xE1 clara, leg\xEDvel e aparece por inteiro?",
   "dynamicFlows.CameraCapture.reviewRetry": "N\xE3o, tentar novamente",
   "dynamicFlows.CameraCapture.reviewSubmit": "Sim, enviar",
-  "dynamicFlows.CameraCapture.rotatePhone.text": "Rotate your phone to portrait view to take a photo",
+  "dynamicFlows.CameraCapture.rotatePhone.text": "Gire o telefone para o modo retrato para tirar uma foto",
   "dynamicFlows.ControlFeedback.maxLength": "Por favor, insira {maxLength} caracteres ou menos.",
   "dynamicFlows.ControlFeedback.maximum": "Por favor, insira um n\xFAmero que seja {maximum} ou menos.",
   "dynamicFlows.ControlFeedback.maximumDate": "Por favor, insira uma data que seja em ou antes de {maximum}.",
@@ -8079,22 +8140,22 @@ var tr_default = {
 // src/i18n/zh_CN.json
 var zh_CN_default = {
   "dynamicFlows.ArraySchema.addItem": "\u4FDD\u5B58",
-  "dynamicFlows.ArraySchema.addItemTitle": "Add Item",
+  "dynamicFlows.ArraySchema.addItemTitle": "\u6DFB\u52A0\u9879\u76EE",
   "dynamicFlows.ArraySchema.editItem": "\u4FDD\u5B58",
-  "dynamicFlows.ArraySchema.maxItemsError": "\u8BF7\u6DFB\u52A0 {maxItems} \u4E2A\u6216\u66F4\u5C11\u3002",
-  "dynamicFlows.ArraySchema.minItemsError": "\u8BF7\u81F3\u5C11\u6DFB\u52A0 {minItems}\u3002",
-  "dynamicFlows.ArraySchema.removeItem": "\u5220\u9664",
-  "dynamicFlows.CameraCapture.CameraNotSupported.paragraph": "The browser you're using doesn't have support for a camera. Try a different browser, device, or download our mobile app.",
+  "dynamicFlows.ArraySchema.maxItemsError": "\u8BF7\u6DFB\u52A0\u4E0D\u8D85\u8FC7 {maxItems} \u9879\u3002",
+  "dynamicFlows.ArraySchema.minItemsError": "\u8BF7\u81F3\u5C11\u6DFB\u52A0 {minItems} \u9879\u3002",
+  "dynamicFlows.ArraySchema.removeItem": "\u79FB\u9664",
+  "dynamicFlows.CameraCapture.CameraNotSupported.paragraph": "\u60A8\u76EE\u524D\u4F7F\u7528\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301\u6444\u50CF\u5934\u3002\u8BF7\u5C1D\u8BD5\u5176\u4ED6\u6D4F\u89C8\u5668\u3001\u8BBE\u5907\u6216\u4E0B\u8F7D\u6211\u4EEC\u7684\u5E94\u7528\u3002",
   "dynamicFlows.CameraCapture.CameraNotSupported.title": "\u4E0D\u652F\u6301\u6444\u50CF\u5934",
-  "dynamicFlows.CameraCapture.NoCameraAccess.action": "Enable camera access",
-  "dynamicFlows.CameraCapture.NoCameraAccess.paragraph": "Enable camera access in your browser's settings to get going again.",
-  "dynamicFlows.CameraCapture.NoCameraAccess.title": "We can't access your camera",
+  "dynamicFlows.CameraCapture.NoCameraAccess.action": "\u5141\u8BB8\u8BBF\u95EE\u6444\u50CF\u5934",
+  "dynamicFlows.CameraCapture.NoCameraAccess.paragraph": "\u5728\u6D4F\u89C8\u5668\u8BBE\u7F6E\u4E2D\u542F\u7528\u76F8\u673A\u8BBF\u95EE\u6743\u9650\uFF0C\u518D\u91CD\u65B0\u5C1D\u8BD5\u3002",
+  "dynamicFlows.CameraCapture.NoCameraAccess.title": "\u6211\u4EEC\u65E0\u6CD5\u8BBF\u95EE\u60A8\u7684\u6444\u50CF\u5934",
   "dynamicFlows.CameraCapture.reviewInstructions": "\u60A8\u7684\u56FE\u7247\u662F\u5426\u6E05\u6670\u3001\u53EF\u8BFB\u548C\u5B8C\u6574\uFF1F",
-  "dynamicFlows.CameraCapture.reviewRetry": "\u5426\uFF0C\u91CD\u8BD5",
+  "dynamicFlows.CameraCapture.reviewRetry": "\u5426\uFF0C\u518D\u8BD5\u4E00\u6B21",
   "dynamicFlows.CameraCapture.reviewSubmit": "\u662F\uFF0C\u63D0\u4EA4",
-  "dynamicFlows.CameraCapture.rotatePhone.text": "Rotate your phone to portrait view to take a photo",
-  "dynamicFlows.ControlFeedback.maxLength": "\u8BF7\u8F93\u5165 {maxLength} \u4E2A\u6216\u66F4\u5C11\u5B57\u7B26",
-  "dynamicFlows.ControlFeedback.maximum": "\u8BF7\u8F93\u5165\u4E00\u4E2A\u5C0F\u4E8E\u6216\u7B49\u4E8E {maximum} \u7684\u6570\u5B57",
+  "dynamicFlows.CameraCapture.rotatePhone.text": "\u5C06\u624B\u673A\u65CB\u8F6C\u5230\u7EB5\u5411\u89C6\u56FE\u4EE5\u62CD\u7167",
+  "dynamicFlows.ControlFeedback.maxLength": "\u8BF7\u8F93\u5165\u4E0D\u8D85\u8FC7 {maxLength} \u4E2A\u5B57\u7B26\u3002",
+  "dynamicFlows.ControlFeedback.maximum": "\u8BF7\u8F93\u5165\u4E00\u4E2A\u5C0F\u4E8E\u6216\u7B49\u4E8E {maximum} \u7684\u6570\u5B57\u3002",
   "dynamicFlows.ControlFeedback.maximumDate": "\u8BF7\u8F93\u5165 {maximum} \u6216\u4E4B\u524D\u7684\u65E5\u671F",
   "dynamicFlows.ControlFeedback.minLength": "\u8BF7\u81F3\u5C11\u8F93\u5165 {minLength} \u4E2A\u5B57\u7B26",
   "dynamicFlows.ControlFeedback.minimum": "\u8BF7\u8F93\u5165\u4E00\u4E2A\u5927\u4E8E\u6216\u7B49\u4E8E {minimum} \u7684\u6570\u5B57",
@@ -8102,21 +8163,21 @@ var zh_CN_default = {
   "dynamicFlows.ControlFeedback.pattern": "\u8BF7\u4EE5\u6B63\u786E\u7684\u683C\u5F0F\u8F93\u5165",
   "dynamicFlows.ControlFeedback.patternDate": "\u8BF7\u4EE5\u6B63\u786E\u7684\u683C\u5F0F\u8F93\u5165\u65E5\u671F",
   "dynamicFlows.ControlFeedback.required": "\u8BF7\u586B\u5199\u6B64\u5B57\u6BB5\u3002",
-  "dynamicFlows.ControlFeedback.type": "\u7C7B\u578B\u4E0D\u6B63\u786E",
+  "dynamicFlows.ControlFeedback.type": "\u7C7B\u578B\u9519\u8BEF",
   "dynamicFlows.DynamicExternal.retryTitle": "\u91CD\u65B0\u6253\u5F00\u7A97\u53E3",
   "dynamicFlows.DynamicParagraph.copied": "\u5DF2\u590D\u5236\u5230\u526A\u8D34\u677F",
   "dynamicFlows.DynamicParagraph.copy": "\u590D\u5236",
-  "dynamicFlows.ErrorBoundary.errorAlert": "\u7CDF\u7CD5\u3002\u51FA\u95EE\u9898\u4E86\u2026",
+  "dynamicFlows.ErrorBoundary.errorAlert": "\u7CDF\u7CD5\u3002\u51FA\u9519\u4E86\u2026",
   "dynamicFlows.ErrorBoundary.retry": "\u91CD\u8BD5",
   "dynamicFlows.ExternalConfirmation.cancel": "\u53D6\u6D88",
-  "dynamicFlows.ExternalConfirmation.description": "Please confirm you want to open **{origin}** in a new browser tab.",
-  "dynamicFlows.ExternalConfirmation.open": "Open in new tab",
-  "dynamicFlows.ExternalConfirmation.title": "Please confirm",
+  "dynamicFlows.ExternalConfirmation.description": "\u8BF7\u786E\u8BA4\u60A8\u662F\u5426\u8981\u5728\u65B0\u6807\u7B7E\u9875\u4E2D\u6253\u5F00**{origin}**\u3002",
+  "dynamicFlows.ExternalConfirmation.open": "\u5728\u65B0\u6807\u7B7E\u9875\u4E2D\u6253\u5F00",
+  "dynamicFlows.ExternalConfirmation.title": "\u8BF7\u786E\u8BA4",
   "dynamicFlows.Help.ariaLabel": "\u70B9\u51FB\u6B64\u5904\u83B7\u53D6\u66F4\u591A\u4FE1\u606F\u3002",
   "dynamicFlows.MultipleFileUploadSchema.maxFileSizeError": "\u62B1\u6B49\uFF0C\u8BE5\u6587\u4EF6\u592A\u5927\u3002\u8BF7\u4E0A\u4F20\u4E00\u4E2A\u66F4\u5C0F\u7684\u6587\u4EF6\u3002",
-  "dynamicFlows.MultipleFileUploadSchema.maxItemsError": "\u8BF7\u4E0A\u4F20 {maxItems} \u4E2A\u6216\u66F4\u5C11\u7684\u6587\u4EF6\u3002",
-  "dynamicFlows.MultipleFileUploadSchema.minItemsError": "\u8BF7\u81F3\u5C11\u4E0A\u4F20 {minItems} \u4E2A\u6587\u4EF6\u3002",
-  "dynamicFlows.PersistAsyncSchema.genericError": "\u51FA\u73B0\u4E00\u4E9B\u95EE\u9898\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5\uFF01",
+  "dynamicFlows.MultipleFileUploadSchema.maxItemsError": "\u8BF7\u4E0A\u4F20\u4E0D\u8D85\u8FC7 {maxItems} \u4E2A\u6587\u4EF6\u3002",
+  "dynamicFlows.MultipleFileUploadSchema.minItemsError": "\u8BF7\u4E0A\u4F20\u81F3\u5C11 {minItems} \u4E2A\u6587\u4EF6\u3002",
+  "dynamicFlows.PersistAsyncSchema.genericError": "\u51FA\u9519\u4E86\uFF0C\u8BF7\u7A0D\u540E\u518D\u8BD5\uFF01",
   "dynamicFlows.ReadOnlySchema.no": "\u5426",
   "dynamicFlows.ReadOnlySchema.yes": "\u662F"
 };