@wise/dynamic-flow-client 2.6.0 → 2.7.1

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");
+// src/legacy/dynamicFlow/DynamicFlow.tsx
+var import_react44 = require("react");
 var import_react_intl34 = 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,32 @@ 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/common/validators/types/type-validators.ts
+// 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/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 +1204,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 +1308,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 +1368,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 +1389,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 +1404,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 +1532,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 +1624,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 +1646,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 +1682,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 +1698,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 +1731,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 +1757,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 +1776,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 +1820,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 +1845,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 +1875,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 +1918,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 +1973,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 +1987,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 +2020,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 +2035,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 +2247,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 +2268,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 +2284,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 +2300,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 +2330,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 +2366,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 +2418,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 +2461,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 +2487,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 +2539,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 +2568,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 +2583,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 +2607,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,23 +2652,23 @@ 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/legacy/jsonSchemaForm/controlFeedback/ControlFeedback.messages.ts
 var import_react_intl4 = require("react-intl");
 var ControlFeedback_messages_default = (0, import_react_intl4.defineMessages)({
   type: {
@@ -2746,7 +2723,7 @@ 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) => {
   var _a;
@@ -2820,18 +2797,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 +2823,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 +2842,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 +2862,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 +2877,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 +2963,7 @@ var MultipleFileUploadSchema = (props) => {
       }
     )
   ] });
-};
+}
 MultipleFileUploadSchema.defaultProps = {
   errors: null,
   required: false
@@ -3008,13 +2983,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 +3008,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 +3033,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 +3044,7 @@ var RepeatableSchemaStep = ({
   submitted,
   onModelChange,
   onAction
-}) => {
+}) {
   const { formatMessage } = (0, import_react_intl10.useIntl)();
   const step = {
     layout: [
@@ -3115,10 +3090,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 +3144,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 +3270,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 +3395,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 +3413,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 +3427,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) {
@@ -3513,7 +3489,7 @@ var ObjectSchema = (props) => {
           {
             schema: props.schema.properties[propertyName],
             model: props.model && props.model[propertyName],
-            errors: propsErrors && propsErrors[propertyName],
+            errors: propsErrors == null ? void 0 : propsErrors[propertyName],
             submitted: props.submitted,
             required: isRequired(propertyName),
             disabled: props.disabled,
@@ -3525,23 +3501,23 @@ var ObjectSchema = (props) => {
       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 +3527,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 +3544,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,69 +3658,69 @@ var logInvalidTypeFallbackWarning = ({
   );
 };
 
-// src/formControl/utils/getAutocompleteString.ts
+// src/legacy/formControl/utils/getAutocompleteString.ts
 var getAutocompleteString = (hints) => {
-  const validHints = hints.filter((hint) => autocompleteHintMap[hint]);
+  const validHints = hints.filter((hint) => autocompleteTokenMap[hint]);
   if (validHints.length === 0) {
     return "off";
   }
-  return validHints.map((hint) => autocompleteHintMap[hint]).join(" ");
+  return validHints.map((hint) => autocompleteTokenMap[hint]).join(" ");
 };
-var autocompleteHintMap = {
+var autocompleteTokenMap = {
   on: "on",
   name: "name",
-  namePrefix: "honorific-prefix",
-  givenName: "given-name",
-  additionalName: "additional-name",
-  familyName: "family-name",
-  nameSuffix: "honorific-suffix",
+  "name-prefix": "honorific-prefix",
+  "given-name": "given-name",
+  "additional-name": "additional-name",
+  "family-name": "family-name",
+  "name-suffix": "honorific-suffix",
   nickname: "nickname",
   email: "email",
   // Web doesn't have a specific mapping for new username, but this is semantically close enough
-  newUsername: "username",
+  "new-username": "username",
   username: "username",
-  newPassword: "new-password",
+  "new-password": "new-password",
   password: "current-password",
-  oneTimeCode: "one-time-code",
-  jobTitle: "organization-title",
-  organizationName: "organization",
-  fullStreetAddress: "street-address",
-  streetAddressLine1: "address-line1",
-  streetAddressLine2: "address-line2",
-  streetAddressLine3: "address-line3",
-  addressLevel1: "address-level1",
-  addressLevel2: "address-level2",
-  addressLevel3: "address-level3",
-  addressLevel4: "address-level4",
-  countryCode: "country",
-  countryName: "country-name",
-  postalCode: "postal-code",
-  creditCardName: "cc-name",
-  creditCardGivenName: "cc-given-name",
-  creditCardMiddleName: "cc-additional-name",
-  creditCardFamilyName: "cc-family-name",
-  creditCardNumber: "cc-number",
-  creditCardExpiration: "cc-exp",
-  creditCardExpirationMonth: "cc-exp-month",
-  creditCardExpirationYear: "cc-exp-year",
-  creditCardSecurityCode: "cc-csc",
-  creditCardType: "cc-type",
-  transactionCurrency: "transaction-currency",
-  transactionAmount: "transaction-amount",
+  "one-time-code": "one-time-code",
+  "job-title": "organization-title",
+  "organization-name": "organization",
+  "full-street-address": "street-address",
+  "street-address-line-1": "address-line1",
+  "street-address-line-2": "address-line2",
+  "street-address-line-3": "address-line3",
+  "address-level-1": "address-level1",
+  "address-level-2": "address-level2",
+  "address-level-3": "address-level3",
+  "address-level-4": "address-level4",
+  "country-code": "country",
+  "country-name": "country-name",
+  "postal-code": "postal-code",
+  "credit-card-name": "cc-name",
+  "credit-card-given-name": "cc-given-name",
+  "credit-card-middle-name": "cc-additional-name",
+  "credit-card-family-name": "cc-family-name",
+  "credit-card-number": "cc-number",
+  "credit-card-expiration": "cc-exp",
+  "credit-card-expiration-month": "cc-exp-month",
+  "credit-card-expiration-year": "cc-exp-year",
+  "credit-card-security-code": "cc-csc",
+  "credit-card-type": "cc-type",
+  "transaction-currency": "transaction-currency",
+  "transaction-amount": "transaction-amount",
   language: "language",
   birthdate: "bday",
-  birthdateDay: "bday-day",
-  birthdateMonth: "bday-month",
-  birthdateYear: "bday-year",
+  "birthdate-day": "bday-day",
+  "birthdate-month": "bday-month",
+  "birthdate-year": "bday-year",
   gender: "sex",
-  phoneNumber: "tel",
-  phoneCountryCode: "tel-country-code",
-  phoneNational: "tel-national",
-  phoneAreaCode: "tel-area-code",
-  phoneLocal: "tel-local",
-  phoneLocalPrefix: "tel-local-prefix",
-  phoneLocalSuffix: "tel-local-suffix",
-  phoneExtension: "tel-extension",
+  "phone-number": "tel",
+  "phone-country-code": "tel-country-code",
+  "phone-national": "tel-national",
+  "phone-area-code": "tel-area-code",
+  "phone-local": "tel-local",
+  "phone-local-prefix": "tel-local-prefix",
+  "phone-local-suffix": "tel-local-suffix",
+  "phone-extension": "tel-extension",
   url: "url",
   photo: "photo",
   impp: "impp",
@@ -3757,7 +3733,7 @@ var autocompleteHintMap = {
   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 +4142,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 +4222,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 +4283,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 +4317,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 +4344,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 +4431,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 +4468,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 +4486,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 +4515,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 +4541,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 +4567,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 +4585,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 +4615,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 +4655,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 +4673,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 +4691,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 +4709,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 +4741,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 +4759,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 +4821,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 +4840,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 +4872,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 +4886,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 +4973,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 +5001,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 +5018,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 +5043,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 +5067,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 +5094,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 +5140,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 +5175,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 +5185,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 +5270,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 +5310,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 +5325,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 +5343,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 +5362,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 +5388,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 +5433,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 +5450,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 +5478,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 +5497,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 +5537,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 +5555,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 +5571,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 +5588,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 +5606,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 +5641,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 +5712,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 +5733,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 +5750,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 +5771,7 @@ var BasicTypeSchema = (props) => {
           describedBy: feedbackId
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
         ControlFeedback_default,
         {
           id: feedbackId,
@@ -5770,11 +5795,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 +5809,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 +5886,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 +5899,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 +5985,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 +5995,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 +6007,7 @@ function usePolling({
     ),
     [asyncFn, maxAttempts, maxConsecutiveFails]
   );
-  (0, import_react31.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (interval > 0) {
       const intervalReference = setInterval(() => {
         poll();
@@ -5992,7 +6015,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 +6043,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 +6084,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 +6092,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 +6116,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 +6131,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");
+// src/legacy/step/cameraStep/cameraCapture/CameraCapture.tsx
+var import_react38 = require("react");
 var import_react_intl30 = 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: {
@@ -6140,57 +6159,57 @@ var CameraCapture_messages_default = (0, import_react_intl22.defineMessages)({
   }
 });
 
-// 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 +6219,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");
+// src/legacy/step/cameraStep/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var 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,25 +6234,25 @@ 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");
+// src/legacy/step/cameraStep/cameraCapture/hooks/useFullScreenOrientationLock.ts
+var import_react35 = require("react");
 var import_screenfull = __toESM(require_screenfull());
 var useFullScreenOrientationLock = (shouldLockOrientation) => {
-  const lockOrientation = (0, import_react34.useCallback)(() => {
+  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").catch(noop4);
     }
   }, []);
-  const unlockOrientation = (0, import_react34.useCallback)(() => {
+  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_react34.useCallback)(() => {
+  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(() => {
@@ -6242,13 +6261,13 @@ var useFullScreenOrientationLock = (shouldLockOrientation) => {
       }
     }, 100);
   }, [shouldLockOrientation, lockOrientation]);
-  const exitFullScreen = (0, import_react34.useCallback)(() => {
+  const exitFullScreen = (0, import_react35.useCallback)(() => {
     if (import_screenfull.default.isFullscreen) {
       import_screenfull.default.exit().catch(noop4);
     }
     unlockOrientation();
   }, [unlockOrientation]);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     return () => {
       exitFullScreen();
     };
@@ -6261,10 +6280,10 @@ var useFullScreenOrientationLock = (shouldLockOrientation) => {
 var noop4 = () => {
 };
 
-// src/step/cameraStep/cameraCapture/hooks/useVideoConstraints.ts
-var import_react35 = require("react");
+// src/legacy/step/cameraStep/cameraCapture/hooks/useVideoConstraints.ts
+var import_react36 = require("react");
 
-// 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 +6297,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 +6329,9 @@ 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/hooks/useVideoConstraints.ts
 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 +6339,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 +6356,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_runtime60 = require("react/jsx-runtime");
 var captureButtonHeight = 92;
 var reviewButtonsHeight = 120;
 var imageHeight = 40;
@@ -6345,16 +6366,16 @@ var titleHeight = 32;
 var instructionsHeight = 48;
 var reviewInstructionsHeight = 40;
 var overlayMaxWidth = 800;
-var Overlay = ({
+function Overlay({
   overlay,
   outline,
   imageUrl,
   title,
   instructions,
   reviewInstructions
-}) => {
-  const svgReference = (0, import_react36.useRef)(null);
-  (0, import_react36.useEffect)(() => {
+}) {
+  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) {
@@ -6366,18 +6387,18 @@ var Overlay = ({
     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_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
+    imageUrl && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("img", { className: "camera-capture-img", src: imageUrl, alt: "" }),
+    title && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h4", { className: "camera-capture-title", children: title }),
+    instructions && /* @__PURE__ */ (0, import_jsx_runtime60.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_runtime60.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_runtime60.jsx)(import_jsx_runtime60.Fragment, {});
     }
   }
   const framePosition = {
@@ -6395,23 +6416,23 @@ 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_runtime60.jsxs)("svg", { ref: svgReference, xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("mask", { id: "mask", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("rect", { width: "100%", height: "100%", fill: "#fff" }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.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_runtime60.jsx)("rect", { width: "100%", height: "100%", mask: "url(#mask)", fillOpacity: "0.72" }),
+    outline && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("image", __spreadValues({ href: outline }, framePosition)),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("foreignObject", { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime60.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");
+// src/legacy/step/cameraStep/cameraCapture/screens/NoCameraAccess/NoCameraAccess.tsx
+var import_components32 = require("@transferwise/components");
 var import_react_intl27 = require("react-intl");
 
-// src/step/cameraStep/cameraCapture/screens/NoCameraAccess/NoCameraAccess.messages.ts
+// src/legacy/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: {
@@ -6431,22 +6452,22 @@ var NoCameraAccess_messages_default = (0, import_react_intl26.defineMessages)({
   }
 });
 
-// src/step/cameraStep/cameraCapture/screens/NoCameraAccess/NoCameraAccess.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
-var NoCameraAccess = ({ onAction }) => {
+// src/legacy/step/cameraStep/cameraCapture/screens/NoCameraAccess/NoCameraAccess.tsx
+var import_jsx_runtime61 = require("react/jsx-runtime");
+function 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) })
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { id: "no-camera-access", 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(NoCameraAccess_messages_default.title) }),
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-xs-center m-b-5", children: intl.formatMessage(NoCameraAccess_messages_default.paragraph) }),
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_components32.Button, { block: true, onClick: onAction, children: intl.formatMessage(NoCameraAccess_messages_default.action) })
   ] }) }) }) });
-};
+}
 var NoCameraAccess_default = NoCameraAccess;
 
-// src/step/cameraStep/cameraCapture/screens/CameraNotSupported/CameraNotSupported.tsx
+// src/legacy/step/cameraStep/cameraCapture/screens/CameraNotSupported/CameraNotSupported.tsx
 var import_react_intl29 = require("react-intl");
 
-// src/step/cameraStep/cameraCapture/screens/CameraNotSupported/CameraNotSupported.messages.ts
+// src/legacy/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: {
@@ -6461,18 +6482,18 @@ var CameraNotSupported_messages_default = (0, import_react_intl28.defineMessages
   }
 });
 
-// src/step/cameraStep/cameraCapture/screens/CameraNotSupported/CameraNotSupported.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+// src/legacy/step/cameraStep/cameraCapture/screens/CameraNotSupported/CameraNotSupported.tsx
+var import_jsx_runtime62 = 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) })
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { id: "camera-not-supported", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "container p-t-5", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "col-md-6 col-md-offset-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("h2", { className: "text-xs-center m-b-3", children: intl.formatMessage(CameraNotSupported_messages_default.title) }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.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
+// src/legacy/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 });
@@ -6491,9 +6512,9 @@ var getCameraStartedProperties = async (props, videoStream) => {
   });
 };
 
-// src/step/cameraStep/cameraCapture/CameraCapture.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
-var CameraCapture = ({
+// src/legacy/step/cameraStep/cameraCapture/CameraCapture.tsx
+var import_jsx_runtime63 = require("react/jsx-runtime");
+function CameraCapture({
   direction = "back",
   overlay = "",
   outline = "",
@@ -6503,21 +6524,21 @@ 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");
+  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)(
+  const shouldLockOrientation = (0, import_react38.useMemo)(
     () => !!((orientationLockFeature == null ? void 0 : orientationLockFeature.enabled) && isMobile()),
     [orientationLockFeature]
   );
   const { enterFullScreen, exitFullScreen } = useFullScreenOrientationLock(shouldLockOrientation);
   const intl = (0, import_react_intl30.useIntl)();
-  const handleCapture = (0, import_react37.useCallback)(async () => {
+  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();
@@ -6539,7 +6560,7 @@ 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");
@@ -6551,7 +6572,7 @@ var CameraCapture = ({
     },
     [setMode, onEvent]
   );
-  const handleUserMedia = (0, import_react37.useCallback)(
+  const handleUserMedia = (0, import_react38.useCallback)(
     (stream) => {
       enterFullScreen();
       setReady(true);
@@ -6568,13 +6589,13 @@ var CameraCapture = ({
     setReviewImage(void 0);
   };
   const handleRetryCameraAccess = () => setMode("CAPTURE");
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (mode !== "CAPTURE") {
       exitFullScreen();
     }
   }, [mode, exitFullScreen]);
-  const captureScreen = /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
-    videoConstraints && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  const captureScreen = /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
+    videoConstraints && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       import_react_webcam.default,
       {
         ref: webcamReference,
@@ -6585,7 +6606,7 @@ var CameraCapture = ({
         onUserMedia: handleUserMedia
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       Overlay_default,
       {
         overlay,
@@ -6595,12 +6616,19 @@ var CameraCapture = ({
         instructions
       }
     ),
-    shouldLockOrientation && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(OrientationLockOverlay_default, {}),
-    ready && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CaptureBottomBar, { onCapture: () => void handleCapture() })
+    shouldLockOrientation && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(OrientationLockOverlay_default, {}),
+    ready && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      CaptureBottomBar,
+      {
+        onCapture: () => {
+          void handleCapture();
+        }
+      }
+    )
   ] });
-  const reviewScreen = /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { 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)(
+  const reviewScreen = /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("img", { className: "review-image", src: reviewImage == null ? void 0 : reviewImage.source, alt: "" }),
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       Overlay_default,
       {
         overlay,
@@ -6610,19 +6638,19 @@ var CameraCapture = ({
         reviewInstructions: intl.formatMessage(CameraCapture_messages_default.reviewInstructions)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ReviewBottomBar, { onSubmit: handleReviewSubmit, onRetry: handleReviewRetry })
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ReviewBottomBar, { onSubmit: handleReviewSubmit, onRetry: handleReviewRetry })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("section", { className: "camera-capture", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime63.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, {})
+    mode === "NO_CAMERA_ACCESS" && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(NoCameraAccess_default, { onAction: handleRetryCameraAccess }),
+    mode === "CAMERA_NOT_SUPPORTED" && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(CameraNotSupported_default, {})
   ] });
-};
+}
 var CameraCapture_default = CameraCapture;
 
-// src/step/cameraStep/CameraStep.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+// src/legacy/step/cameraStep/CameraStep.tsx
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function blobToBase64(blob) {
   return new Promise((resolve, _) => {
     const reader = new FileReader();
@@ -6630,7 +6658,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 +6668,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);
     }
@@ -6660,7 +6688,7 @@ var CameraStep = (props) => {
       });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
     CameraCapture_default,
     {
       overlay,
@@ -6675,7 +6703,7 @@ var CameraStep = (props) => {
       }
     }
   );
-};
+}
 var CameraStep_default = CameraStep;
 function getObjectSchema(step) {
   const nonHiddenSchemas = filterHiddenSchemas(step.schemas || []);
@@ -6708,10 +6736,10 @@ function getFirstAction(step) {
   return step.actions[0];
 }
 
-// src/step/externalConfirmationStep/ExternalConfirmationStep.tsx
+// src/legacy/step/externalConfirmationStep/ExternalConfirmationStep.tsx
 var import_react_intl32 = require("react-intl");
 
-// src/step/externalConfirmationStep/ExternalConfirmationStep.messages.ts
+// src/legacy/step/externalConfirmationStep/ExternalConfirmationStep.messages.ts
 var import_react_intl31 = require("react-intl");
 var ExternalConfirmationStep_messages_default = (0, import_react_intl31.defineMessages)({
   title: {
@@ -6736,13 +6764,13 @@ var ExternalConfirmationStep_messages_default = (0, import_react_intl31.defineMe
   }
 });
 
-// src/step/externalConfirmationStep/ExternalConfirmationStep.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+// src/legacy/step/externalConfirmationStep/ExternalConfirmationStep.tsx
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var noop5 = () => {
 };
 var ExternalConfirmationStep = ({ url, onClose }) => {
   const { formatMessage } = (0, import_react_intl32.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     DynamicLayout_default,
     {
       components: [
@@ -6806,33 +6834,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 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+var import_jsx_runtime66 = require("react/jsx-runtime");
+function BackButton({ title, action, onAction }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime66.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_runtime66.jsx)("span", { className: "sr-only", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_components34.Avatar, { type: "icon", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_icons2.ArrowLeft, { size: "24" }) })
       ]
     }
   );
-};
+}
 var BackButton_default = BackButton;
 
-// src/dynamicFlow/DynamicFlowStep.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
-var DynamicFlowStep = (props) => {
+// src/legacy/dynamicFlow/DynamicFlowStep.tsx
+var import_jsx_runtime67 = require("react/jsx-runtime");
+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;
@@ -6840,28 +6868,28 @@ var DynamicFlowStep = (props) => {
   const { requiresManualTrigger, dismissConfirmation } = useExternal(externalUrl);
   if (step === void 0) {
     if (globalError) {
-      return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DynamicAlert_default, { component: { context: "negative", markdown: globalError, margin: "lg" } });
+      return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(DynamicAlert_default, { component: { context: "negative", markdown: globalError, margin: "lg" } });
     }
     return null;
   }
   if (externalUrl && requiresManualTrigger) {
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ExternalConfirmationStep_default, { url: externalUrl, onClose: dismissConfirmation });
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ExternalConfirmationStep_default, { url: externalUrl, onClose: dismissConfirmation });
   }
   if (isCameraStep(step)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(CameraStep_default, __spreadProps(__spreadValues({}, props), { step }));
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(CameraStep_default, __spreadProps(__spreadValues({}, props), { step }));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
-    backButton && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(BackButton_default, __spreadProps(__spreadValues({}, backButton), { onAction })),
-    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 }))
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
+    backButton && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(BackButton_default, __spreadProps(__spreadValues({}, backButton), { onAction })),
+    globalError ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(DynamicAlert_default, { component: { context: "negative", markdown: globalError, margin: "lg" } }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime67.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 +6903,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 +6947,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 +6964,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 +7004,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");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+// src/legacy/dynamicFlow/utils/useLoader.tsx
+var import_components35 = require("@transferwise/components");
+var import_react42 = require("react");
+var import_jsx_runtime68 = 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,
+  const loader = shouldDisplayLoader ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    import_components35.Loader,
     {
       size: config.size,
       classNames: { "tw-loader": "tw-loader m-x-auto" },
@@ -7019,35 +7041,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");
+// src/common/errorBoundary/ErrorBoundaryAlert.tsx
+var import_components36 = require("@transferwise/components");
 var import_react_intl33 = require("react-intl");
-var import_jsx_runtime68 = require("react/jsx-runtime");
-var ErrorBoundaryAlert = ({ onDismiss }) => {
+var import_jsx_runtime69 = require("react/jsx-runtime");
+function ErrorBoundaryAlert({ onDismiss }) {
   const { formatMessage } = (0, import_react_intl33.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
-    import_components34.Alert,
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    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
-var import_jsx_runtime69 = require("react/jsx-runtime");
+// src/common/errorBoundary/ErrorBoundary.tsx
+var import_jsx_runtime70 = 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 = () => {
@@ -7065,15 +7087,15 @@ var ErrorBoundary = class extends import_react42.Component {
   render() {
     const { children } = this.props;
     const { hasError, isFatalError } = this.state;
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
-      hasError && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ErrorBoundaryAlert, { onDismiss: this.handleErrorReset }),
+    return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
+      hasError && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ErrorBoundaryAlert, { onDismiss: this.handleErrorReset }),
       !isFatalError && children
     ] });
   }
 };
 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 +7134,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,8 +7190,8 @@ var assertResponseIsValid = (response) => {
 };
 var isResponse = (response) => typeof response === "object" && response !== null && "clone" in response && "bodyUsed" in response;
 
-// src/dynamicFlow/DynamicFlow.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+// src/legacy/dynamicFlow/DynamicFlow.tsx
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var noop7 = () => {
 };
 var DynamicFlowComponent = ({
@@ -7200,25 +7220,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 +7291,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 +7330,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) => {
@@ -7392,7 +7416,7 @@ var DynamicFlowComponent = ({
       await actionHandler(action);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(LogProvider, { flowId, stepId: (step == null ? void 0 : step.id) || (step == null ? void 0 : step.key), onLog, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(EventsContextProvider, { metadata: analyticsMetadata, onEvent, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DynamicFlowProvider, { loading: isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(HttpClientProvider, { httpClient, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(FeatureContextProvider, { features, children: loader !== null ? loader : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(LogProvider, { flowId, stepId: (step == null ? void 0 : step.id) || (step == null ? void 0 : step.key), onLog, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(EventsContextProvider, { metadata: analyticsMetadata, onEvent, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DynamicFlowProvider, { loading: isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(HttpClientProvider, { httpClient, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(FeatureContextProvider, { features, children: loader !== null ? loader : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     DynamicFlowStep,
     {
       step,
@@ -7408,11 +7432,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_runtime71.jsx)(ErrorBoundary_default, { onError: props.onError, children: /* @__PURE__ */ (0, import_jsx_runtime71.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,23 +7449,23 @@ var shouldTriggerRefresh = (props) => {
   return type !== "init" && hasRefreshOnChange && (isValid() || wasValid());
 };
 
-// src/jsonSchemaForm/JsonSchemaForm.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
-var JsonSchemaForm = (props) => {
+// src/legacy/jsonSchemaForm/JsonSchemaForm.tsx
+var import_jsx_runtime72 = require("react/jsx-runtime");
+function JsonSchemaForm(props) {
   const schemaProps = __spreadValues({
     model: null,
     errors: null
   }, props);
   const { baseUrl = "", onEvent = noop8, onLog = noop8 } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(LogProvider, { flowId: "JsonSchemaForm", stepId: "JsonSchemaForm", onLog, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(LogProvider, { flowId: "JsonSchemaForm", stepId: "JsonSchemaForm", onLog, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     EventsContextProvider,
     {
       metadata: { flowId: "JsonSchemaForm", stepId: "JsonSchemaForm" },
       onEvent,
-      children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(HttpClientProviderFromBaseUrl, { baseUrl, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(GenericSchema_default, __spreadValues({}, schemaProps)) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(HttpClientProviderFromBaseUrl, { baseUrl, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(GenericSchema_default, __spreadValues({}, schemaProps)) })
     }
   ) });
-};
+}
 var JsonSchemaForm_default = JsonSchemaForm;
 var noop8 = () => {
 };