npm - @wise/dynamic-flow-client - Versions diffs - 2.2.0 → 2.2.2 - Mend

@wise/dynamic-flow-client 2.2.0 → 2.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/build/main.js +595 -599
package/build/main.min.js +1 -1
package/build/types/layout/form/DynamicForm.d.ts +1 -1
package/package.json +14 -14

package/build/main.js CHANGED Viewed

@@ -1,10 +1,27 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
@@ -598,7 +615,7 @@ function convertFinalStepToDynamicLayout(step) {
   }
   if (step.actions) {
     const actions = step.actions.map(
-      (action) => convertStepActionToDynamicAction({ ...action, type: action.type || "primary" })
+      (action) => convertStepActionToDynamicAction(__spreadProps(__spreadValues({}, action), { type: action.type || "primary" }))
     );
     layout.push(dynamicBox(actions, "md"));
   }
@@ -674,7 +691,7 @@ function convertFinalStepImageToDynamicImage(image) {
   } : convertStepImageToDynamicImage(image);
 }
 function convertStepActionToDynamicAction(action) {
-  const newAction = { ...action, title: action.title };
+  const newAction = __spreadProps(__spreadValues({}, action), { title: action.title });
   return {
     type: "button",
     action: newAction
@@ -768,7 +785,7 @@ function inlineFormSchema({
     };
   }
   if (formComponent.schema && !isReference(formComponent.schema)) {
-    return { ...formComponent };
+    return __spreadValues({}, formComponent);
   }
   throw new Error('Invalid form layout component. Missing "schema" or "schemaId" properties.');
 }
@@ -776,22 +793,22 @@ function inlineDecisionActions({
   decisionComponent,
   actions
 }) {
-  const newOptions = decisionComponent?.options?.map((option) => {
-    return option.action && isReference(option.action) ? {
-      ...option,
+  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), {
       action: getActionById(actions, option.action.$ref)
-    } : option;
+    }) : option;
   });
-  return {
-    ...decisionComponent,
+  return __spreadProps(__spreadValues({}, decisionComponent), {
     options: newOptions
-  };
+  });
 }
 function inlineAction({
   actionComponent,
   actions
 }) {
-  if (actionComponent.action && isReference(actionComponent.action) && actionComponent.action?.$ref) {
+  var _a;
+  if (actionComponent.action && isReference(actionComponent.action) && ((_a = actionComponent.action) == null ? void 0 : _a.$ref)) {
     const newAction = getActionById(actions, actionComponent.action.$ref);
     return convertStepActionToDynamicAction(newAction);
   }
@@ -803,10 +820,9 @@ function inlineBoxReferences({
   actions,
   model
 }) {
-  return {
-    ...boxComponent,
+  return __spreadProps(__spreadValues({}, boxComponent), {
     components: inlineReferences({ layout: boxComponent.components, schemas, actions, model })
-  };
+  });
 }
 function inlineColumnsReferences({
   columnsComponent,
@@ -814,11 +830,10 @@ function inlineColumnsReferences({
   actions,
   model
 }) {
-  return {
-    ...columnsComponent,
+  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);
@@ -905,8 +920,8 @@ function useEventDispatcher() {
 }
 var getEventDispatcher = (onEvent, metadata) => (eventName, properties = {}) => {
   try {
-    onEvent(eventName, { ...metadata, ...properties });
-  } catch {
+    onEvent(eventName, __spreadValues(__spreadValues({}, metadata), properties));
+  } catch (e) {
   }
 };
@@ -929,8 +944,8 @@ function isRelativePath(url = "") {
 // src/common/makeHttpClient/makeHttpClient.ts
 var makeHttpClient = (baseUrl, additionalHeaders) => (input, init) => {
   const resource = applyBaseUrl(input, baseUrl || "");
-  const headers2 = mergeHeaders(init?.headers, additionalHeaders);
-  return fetch(resource, { ...init || {}, headers: headers2 });
+  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;
@@ -970,12 +985,11 @@ 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) => {
   try {
-    onLog(level, `Dynamic Flow ${level} - ${title} - ${description}`, {
+    onLog(level, `Dynamic Flow ${level} - ${title} - ${description}`, __spreadValues({
       flowId,
-      stepId,
-      ...extra
-    });
-  } catch {
+      stepId
+    }, extra));
+  } catch (e) {
   }
 };
 var LogContext = (0, import_react5.createContext)(null);
@@ -1009,7 +1023,7 @@ var isInteger = (value) => {
   return isNumber(value) && Math.floor(value) === value;
 };
 var isBoolean = (value) => typeof value === "boolean";
-var isObject = (value) => !isNull(value) && !isUndefined(value) && value?.constructor === Object;
+var isObject = (value) => !isNull(value) && !isUndefined(value) && (value == null ? void 0 : value.constructor) === Object;
 var isArray = (value) => Array.isArray(value);
 var isNull = (value) => value === null;
 var isUndefined = (value) => typeof value === "undefined";
@@ -1024,11 +1038,12 @@ function cleanBasicModelWithOneOfSchema(model, schema) {
   ) ? model : null;
 }
 function cleanArrayModelWithOneOfSchema(model, schema) {
+  var _a;
   const validModels = schema.oneOf.map((nestedSchema) => getValidArrayModelOrNull(model, nestedSchema)).filter((item) => item !== null);
   if (validModels.length === 0) {
     return null;
   }
-  return validModels.find((model2) => model2.some((item) => item !== null)) ?? validModels[0];
+  return (_a = validModels.find((model2) => model2.some((item) => item !== null))) != null ? _a : validModels[0];
 }
 function getValidArrayModelOrNull(model, schema) {
   if (!isArraySchema(schema)) {
@@ -1070,7 +1085,7 @@ function cleanObjectModelWithObjectSchema(model, schema) {
       const subSchema = schema.properties[property];
       const newValue = getValidModelParts(subModel, subSchema);
       if (!isNull(newValue)) {
-        return { ...cleanedModel, [property]: newValue };
+        return __spreadProps(__spreadValues({}, cleanedModel), { [property]: newValue });
       }
     }
     return cleanedModel;
@@ -1080,7 +1095,7 @@ function cleanObjectModelWithAllOfSchema(model, schema) {
   return schema.allOf.reduce((cleanObjectModel, nestedSchema) => {
     const validSubsetOfModel = getValidObjectModelParts(model, nestedSchema);
     if (isObjectModel(validSubsetOfModel)) {
-      return { ...cleanObjectModel, ...validSubsetOfModel };
+      return __spreadValues(__spreadValues({}, cleanObjectModel), validSubsetOfModel);
     }
     return cleanObjectModel;
   }, {});
@@ -1105,17 +1120,15 @@ function deepMergeObject(object1, object2) {
       const object1Property = object1[property];
       const object2Property = object2[property];
       if (isObjectModel(object1Property) && isObjectModel(object2Property)) {
-        return {
-          ...acc,
+        return __spreadProps(__spreadValues({}, acc), {
           [property]: deepMergeObject(object1Property, object2Property)
-        };
+        });
       }
-      return {
-        ...acc,
+      return __spreadProps(__spreadValues({}, acc), {
         [property]: object2[property]
-      };
+      });
     },
-    { ...object1 }
+    __spreadValues({}, object1)
   );
 }
@@ -1530,7 +1543,7 @@ var toBase64 = (file) => {
 };
 function areFilesSame(newFiles, files) {
   const fileIdToExistingFileMap = files.reduce((map, fileObject) => {
-    return { ...map, [fileObject.id]: fileObject };
+    return __spreadProps(__spreadValues({}, map), { [fileObject.id]: fileObject });
   }, {});
   for (const newFile of newFiles) {
     const existingFileObject = fileIdToExistingFileMap[newFile.id];
@@ -1553,7 +1566,7 @@ var generateRandomId = (prefix = "") => {
 // src/common/utils/schema-utils.ts
 function isConstSchema(schema) {
-  return !isUndefined(schema?.const);
+  return !isUndefined(schema == null ? void 0 : schema.const);
 }
 function isNoNConstSchema(schema) {
   return !!schema && !isConstSchema(schema);
@@ -1643,13 +1656,16 @@ var isCameraStep = (step) => {
   return isFormStep(step) && hasSingleAction(step) && hasSingleFileUploadSchemaWithCameraOnly(step);
 };
 var isFormStep = (step) => !step.type || step.type === "form";
-var hasSingleAction = (step) => step?.actions?.length === 1;
+var hasSingleAction = (step) => {
+  var _a;
+  return ((_a = step == null ? void 0 : step.actions) == null ? void 0 : _a.length) === 1;
+};
 var hasSingleFileUploadSchemaWithCameraOnly = (step) => {
   if (!step.schemas) {
     return false;
   }
   const schemas = filterHiddenSchemas(step.schemas);
-  if (schemas?.length !== 1) {
+  if ((schemas == null ? void 0 : schemas.length) !== 1) {
     return false;
   }
   const firstSchema = schemas[0];
@@ -1665,9 +1681,9 @@ var hasSingleFileUploadSchemaWithCameraOnly = (step) => {
 var filterHiddenSchemas = (schemas) => {
   return schemas.filter((schema) => {
     if (isObjectSchema(schema)) {
-      return Object.values(schema?.properties || {}).find((schema2) => schema2?.hidden !== true);
+      return Object.values((schema == null ? void 0 : schema.properties) || {}).find((schema2) => (schema2 == null ? void 0 : schema2.hidden) !== true);
     }
-    return schema?.hidden !== true;
+    return (schema == null ? void 0 : schema.hidden) !== true;
   });
 };
@@ -1730,7 +1746,7 @@ function useExternalStepPolling(polling, onAction) {
           if (response.ok) {
             try {
               return response.json();
-            } catch {
+            } catch (e) {
               throw new Error("failed");
             }
           } else {
@@ -1744,30 +1760,30 @@ function useExternalStepPolling(polling, onAction) {
   }, [polling, httpClient]);
   const onPollingResponse = (0, import_react8.useCallback)(
     (pollingResponse) => {
-      const responseHandlers = polling?.responseHandlers || [];
+      const responseHandlers = (polling == null ? void 0 : polling.responseHandlers) || [];
       const responseHandler = responseHandlers.find(
         (handler) => handler.result === pollingResponse.result
       );
-      if (responseHandler?.action) {
+      if (responseHandler == null ? void 0 : responseHandler.action) {
         const { action } = responseHandler;
         if (action.exit) {
-          const mergedResult = { ...action.result || {}, ...pollingResponse.data || {} };
-          onAction({ ...action, result: mergedResult });
+          const mergedResult = __spreadValues(__spreadValues({}, action.result || {}), pollingResponse.data || {});
+          onAction(__spreadProps(__spreadValues({}, action), { result: mergedResult }));
         } else {
-          const mergedData = { ...action.data || {}, ...pollingResponse.data || {} };
-          onAction({ ...action, data: mergedData });
+          const mergedData = __spreadValues(__spreadValues({}, action.data || {}), pollingResponse.data || {});
+          onAction(__spreadProps(__spreadValues({}, action), { data: mergedData }));
         }
         return false;
       }
       return true;
     },
-    [polling?.responseHandlers, onAction]
+    [polling == null ? void 0 : polling.responseHandlers, onAction]
   );
   usePolling({
     asyncFn,
-    interval: polling?.interval || 0,
-    maxAttempts: polling?.maxAttempts || 0,
-    maxConsecutiveFails: polling?.maxConsecutiveFails || 0,
+    interval: (polling == null ? void 0 : polling.interval) || 0,
+    maxAttempts: (polling == null ? void 0 : polling.maxAttempts) || 0,
+    maxConsecutiveFails: (polling == null ? void 0 : polling.maxConsecutiveFails) || 0,
     onPollingResponse,
     onFailure: (0, import_react8.useCallback)(() => {
       if (polling) {
@@ -2063,7 +2079,10 @@ var NamedIcon = ({ name }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { size: 24 });
 };
 var toCapitalisedCamelCase = (value) => value.split("-").map(capitaliseFirstChar).join("");
-var capitaliseFirstChar = (value) => `${value[0]?.toUpperCase()}${value.slice(1)}`;
+var capitaliseFirstChar = (value) => {
+  var _a;
+  return `${(_a = value[0]) == null ? void 0 : _a.toUpperCase()}${value.slice(1)}`;
+};
 // src/layout/icon/DynamicIcon.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -2084,13 +2103,13 @@ var DynamicIcon_default = DynamicIcon;
 // src/layout/utils/getNavigationOptionMedia.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var getNavigationOptionMedia = ({ icon, image }) => {
-  if (icon?.name) {
+  if (icon == null ? void 0 : icon.name) {
     return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_components.Avatar, { type: import_components.AvatarType.ICON, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DynamicIcon_default, { type: icon.name }) });
   }
-  if (icon?.text) {
+  if (icon == null ? void 0 : icon.text) {
     return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_components.Avatar, { type: import_components.AvatarType.INITIALS, children: icon.text });
   }
-  if (image?.url) {
+  if (image == null ? void 0 : image.url) {
     const { url, text } = image;
     return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("img", { src: url, alt: text });
   }
@@ -2227,8 +2246,9 @@ var priorities = {
   negative: "primary"
 };
 var getButtonPriority = (component) => {
+  var _a;
   const actionType = component.action.type;
-  return component.control ?? (actionType ? priorities[actionType] : "secondary");
+  return (_a = component.control) != null ? _a : actionType ? priorities[actionType] : "secondary";
 };
 var types = {
   primary: "neutral",
@@ -2238,8 +2258,9 @@ var types = {
   negative: "negative"
 };
 var getButtonType = (component) => {
+  var _a;
   const actionType = component.action.type;
-  const type = component.context ?? (actionType ? types[actionType] : "neutral");
+  const type = (_a = component.context) != null ? _a : actionType ? types[actionType] : "neutral";
   return type === "neutral" ? "accent" : type;
 };
 var getButtonSize = (size) => {
@@ -2259,6 +2280,7 @@ var getButtonSize = (size) => {
 // src/layout/button/DynamicButton.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var DynamicButton = (props) => {
+  var _a;
   const { component, onAction } = props;
   const componentAction = component.action;
   const type = getButtonType(component);
@@ -2275,7 +2297,7 @@ var DynamicButton = (props) => {
       className,
       disabled: component.disabled || componentAction.disabled || loading,
       onClick: () => onAction(componentAction),
-      children: component.title ?? componentAction.title
+      children: (_a = component.title) != null ? _a : componentAction.title
     }
   );
 };
@@ -2387,10 +2409,9 @@ var DynamicExternal = ({ component, onAction }) => {
   (0, import_react9.useEffect)(() => {
     openExternalUrl();
   }, [openExternalUrl]);
-  const pollingConfiguration = polling && responseHandlers ? {
-    ...polling,
+  const pollingConfiguration = polling && responseHandlers ? __spreadProps(__spreadValues({}, polling), {
     responseHandlers
-  } : void 0;
+  }) : void 0;
   useExternalStepPolling(pollingConfiguration, onAction);
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_components5.Loader, { size: import_components5.Size.LARGE, classNames: { "tw-loader": "tw-loader m-x-auto" } }),
@@ -2412,7 +2433,7 @@ var splitModel = (model, schemas) => {
 };
 var combineModels = (models) => {
   return models.reduce((current, combined) => {
-    return { ...combined, ...current };
+    return __spreadValues(__spreadValues({}, combined), current);
   }, {});
 };
 var getSchemaColumnClasses = (width) => {
@@ -2427,7 +2448,7 @@ var AllOfSchema = (props) => {
     const modelSchema = props.schema.allOf[index];
     models[index] = getValidObjectModelParts(onChangeProps.model, modelSchema) || {};
     setModels(models);
-    props.onChange({ ...onChangeProps, model: combineModels(models) });
+    props.onChange(__spreadProps(__spreadValues({}, onChangeProps), { model: combineModels(models) }));
   };
   const [models, setModels] = (0, import_react10.useState)(splitModel(props.model, props.schema.allOf));
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
@@ -2443,11 +2464,10 @@ var AllOfSchema = (props) => {
           errors: props.errors,
           submitted: props.submitted,
           disabled: props.disabled,
-          onChange: (onChangeProps) => onChangeModelIndex(index, {
-            ...onChangeProps,
+          onChange: (onChangeProps) => onChangeModelIndex(index, __spreadProps(__spreadValues({}, onChangeProps), {
             // We can safely assume that the model here is going to be of the same type as the model prop
             model: onChangeProps.model
-          }),
+          })),
           onPersistAsync: props.onPersistAsync
         }
       ) }, index)
@@ -2527,17 +2547,11 @@ var ControlFeedback_messages_default = (0, import_react_intl4.defineMessages)({
 // src/jsonSchemaForm/controlFeedback/ControlFeedback.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var ControlFeedback = (props) => {
+  var _a;
   const defaultValidationMessages = useDefaultValidationMessages(props.schema);
-  const validationMessages = {
-    ...defaultValidationMessages,
-    //       default validation messages
-    ...props.validationMessages,
-    //        overridden by props
-    ...props.schema.validationMessages
-    // overriden by schema
-  };
+  const validationMessages = __spreadValues(__spreadValues(__spreadValues({}, defaultValidationMessages), props.validationMessages), props.schema.validationMessages);
   const isErrorVisible = (props.submitted || !props.changed) && !!props.errors;
-  const isValidationVisible = !isErrorVisible && (props.submitted || props.changed && props.blurred) && !!props.validations?.length;
+  const isValidationVisible = !isErrorVisible && (props.submitted || props.changed && props.blurred) && !!((_a = props.validations) == null ? void 0 : _a.length);
   const isDescriptionVisible = props.focused && props.schema.description && !isValidationVisible;
   const hasInfoMessage = !!props.infoMessage;
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { id: props.id, children: [
@@ -2598,10 +2612,7 @@ function useDefaultValidationMessages(schema) {
         )
       }) : void 0
     };
-    return {
-      ...formattedMessages,
-      ...dateOverrides
-    };
+    return __spreadValues(__spreadValues({}, formattedMessages), dateOverrides);
   }
   return formattedMessages;
 }
@@ -2622,7 +2633,7 @@ async function createPayload(userUploadedFile, isBlobSchema2) {
 }
 function constructUploadResponse(response) {
   const id = response.data;
-  return { id, ...response };
+  return __spreadValues({ id }, response);
 }
 function constructUploadError(response) {
   const isError = response instanceof Error;
@@ -2635,10 +2646,9 @@ function constructUploadError(response) {
     const error = response;
     return { id: generateRandomId(), message: error.message };
   } else {
-    return {
-      message: isString(response.message) ? response.message : "",
-      ...response
-    };
+    return __spreadValues({
+      message: isString(response.message) ? response.message : ""
+    }, response);
   }
 }
@@ -2693,6 +2703,7 @@ function useFormattedDefaultErrorMessages({
 // src/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/MultipleFileUploadSchema.tsx
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var MultipleFileUploadSchema = (props) => {
+  var _a, _b;
   const { onChange, schema } = props;
   const onEvent = useEventDispatcher();
   const defaultErrorMessages = useFormattedDefaultErrorMessages(schema);
@@ -2734,28 +2745,27 @@ var MultipleFileUploadSchema = (props) => {
   const showError = Boolean(props.errors) || (inputChanged || props.submitted) && Boolean(fileListValidationFailures.length);
   const accepts = "accepts" in fileSchemaDescriptor && fileSchemaDescriptor.accepts;
   const maxSize = "maxSize" in fileSchemaDescriptor && fileSchemaDescriptor.maxSize;
-  const uploadInputProps = {
+  const uploadInputProps = __spreadProps(__spreadValues(__spreadValues({
     multiple: true,
     className: "form-control",
     files,
     fileInputName: uid,
-    id: uid,
-    ...accepts ? { fileTypes: accepts } : void 0,
-    ...maxSize ? { sizeLimit: toKilobytes(maxSize) } : void 0,
-    sizeLimitErrorMessage: fileSchemaDescriptor.validationMessages?.maxSize || defaultErrorMessages.maxFileSizeErrorMessage,
+    id: uid
+  }, accepts ? { fileTypes: accepts } : void 0), maxSize ? { sizeLimit: toKilobytes(maxSize) } : void 0), {
+    sizeLimitErrorMessage: ((_a = fileSchemaDescriptor.validationMessages) == null ? void 0 : _a.maxSize) || defaultErrorMessages.maxFileSizeErrorMessage,
     maxFiles: props.schema.maxItems,
-    maxFilesErrorMessage: props.schema.validationMessages?.maxItems || defaultErrorMessages.maxItemsErrorMessage,
+    maxFilesErrorMessage: ((_b = props.schema.validationMessages) == null ? void 0 : _b.maxItems) || defaultErrorMessages.maxItemsErrorMessage,
     uploadButtonTitle: fileSchemaDescriptor.title,
     description: fileSchemaDescriptor.description,
     disabled: props.disabled,
     onUploadFile: (formData) => uploadFile(formData.get(uid)),
     onFilesChange,
     onDeleteFile: () => Promise.resolve()
-  };
+  });
   const feedbackId = `${uid}-feedback`;
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: (0, import_classnames2.default)("form-group", { "has-error": showError }), children: [
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { className: "d-block control-label", htmlFor: uid, children: props.schema.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { "aria-describedby": feedbackId, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_components7.UploadInput, { ...uploadInputProps }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { "aria-describedby": feedbackId, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_components7.UploadInput, __spreadValues({}, uploadInputProps)) }),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       ControlFeedback_default,
       {
@@ -2793,11 +2803,7 @@ function isValidId(id) {
 }
 function getValidationMessages(schema, required, defaultErrorMessages) {
   const { minItems, maxItems } = schema;
-  return {
-    ...required && { required: defaultErrorMessages.requiredMessage },
-    ...minItems && { minItems: defaultErrorMessages.minItemsErrorMessage },
-    ...maxItems && { maxItems: defaultErrorMessages.maxItemsErrorMessage }
-  };
+  return __spreadValues(__spreadValues(__spreadValues({}, required && { required: defaultErrorMessages.requiredMessage }), minItems && { minItems: defaultErrorMessages.minItemsErrorMessage }), maxItems && { maxItems: defaultErrorMessages.maxItemsErrorMessage });
 }
 // src/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/RepeatableSchema.tsx
@@ -2979,13 +2985,19 @@ var getItemSummaryFromSchema = (schema, model, defaults = {}) => {
     schema,
     model,
     providesProp: "providesIcon",
-    getValueFromSchema: (schema2) => schema2.icon ?? null
+    getValueFromSchema: (schema2) => {
+      var _a;
+      return (_a = schema2.icon) != null ? _a : null;
+    }
   });
   const image = getSummaryPropFromSchema({
     schema,
     model,
     providesProp: "providesImage",
-    getValueFromSchema: (schema2) => schema2.image ?? null
+    getValueFromSchema: (schema2) => {
+      var _a;
+      return (_a = schema2.image) != null ? _a : null;
+    }
   });
   return {
     value: model,
@@ -3021,11 +3033,10 @@ var getObjectValueFromSchema = (props) => {
   for (const propertyKey in objectSchema.properties) {
     const propertySchema = objectSchema.properties[propertyKey];
     const propertyModel = isObjectModel(model) && propertyKey in model ? model[propertyKey] : null;
-    const result = getSummaryPropFromSchema({
-      ...props,
+    const result = getSummaryPropFromSchema(__spreadProps(__spreadValues({}, props), {
       schema: propertySchema,
       model: propertyModel
-    });
+    }));
     if (result) {
       return result;
     }
@@ -3043,29 +3054,26 @@ var getOneOfValueFromSchema = (props) => {
       return null;
     }
     const activeSchema = schema.oneOf[activeSchemaIndex2];
-    return getSummaryPropFromSchema({
-      ...props,
+    return getSummaryPropFromSchema(__spreadProps(__spreadValues({}, props), {
       schema: activeSchema
-    });
+    }));
   }
   const oneOfSchema = schema;
   const activeSchemaIndex = getActiveSchemaIndex(oneOfSchema, model);
   if (activeSchemaIndex === null || activeSchemaIndex < 0) {
     return null;
   }
-  return getSummaryPropFromSchema({
-    ...props,
+  return getSummaryPropFromSchema(__spreadProps(__spreadValues({}, props), {
     schema: oneOfSchema.oneOf[activeSchemaIndex]
-  });
+  }));
 };
 var getAllOfValueFromSchema = (props) => {
   const { schema } = props;
   const allOfSchema = schema;
   for (const childSchema of allOfSchema.allOf) {
-    const result = getSummaryPropFromSchema({
-      ...props,
+    const result = getSummaryPropFromSchema(__spreadProps(__spreadValues({}, props), {
       schema: childSchema
-    });
+    }));
     if (result) {
       return result;
     }
@@ -3102,7 +3110,7 @@ var RepeatableSchema = ({
         "RepeatableSchema does not support object models. Ensure your array schema is wrapped inside an object schema."
       );
     }
-    return model ? model.map((item) => getItemSummaryFromSchema(schema.items, item, schema?.summary)) : null;
+    return model ? model.map((item) => getItemSummaryFromSchema(schema.items, item, schema == null ? void 0 : schema.summary)) : null;
   });
   const [editableItem, setEditableItem] = (0, import_react12.useState)({ item: null, model: null });
   const broadcastModelChange = (updatedItems) => {
@@ -3121,8 +3129,9 @@ var RepeatableSchema = ({
     setOpenModalType("edit");
   };
   const onSaveItem = (action) => {
-    const updatedItem = action === "remove" ? null : getItemSummaryFromSchema(schema.items, editableItem.model, schema?.summary);
-    if (action !== "remove" && !isValidSchema(updatedItem?.value ?? null, schema.items)) {
+    var _a;
+    const updatedItem = action === "remove" ? null : getItemSummaryFromSchema(schema.items, editableItem.model, schema == null ? void 0 : schema.summary);
+    if (action !== "remove" && !isValidSchema((_a = updatedItem == null ? void 0 : updatedItem.value) != null ? _a : null, schema.items)) {
       return;
     }
     const updatedItemSummaries = getUpdatedItemSummaries(action, {
@@ -3167,13 +3176,13 @@ var RepeatableSchema = ({
         body: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           RepeatableSchemaStep_default,
           {
-            type: openModalType ?? "add",
+            type: openModalType != null ? openModalType : "add",
             schema,
             model: editableItem.model,
             errors,
             submitted,
             onAction: onSaveItem,
-            onModelChange: ({ model: model2 }) => setEditableItem({ ...editableItem, model: model2 })
+            onModelChange: ({ model: model2 }) => setEditableItem(__spreadProps(__spreadValues({}, editableItem), { model: model2 }))
           }
         )
       }
@@ -3209,10 +3218,10 @@ var import_jsx_runtime22 = require("react/jsx-runtime");
 var ArrayListSchema = (props) => {
   const { schema } = props;
   if (isMultipleFileUploadSchema(schema)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(MultipleFileUploadSchema_default, { ...props, schema });
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(MultipleFileUploadSchema_default, __spreadProps(__spreadValues({}, props), { schema }));
   }
   if (isListArraySchema(schema)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(RepeatableSchema_default, { ...props, schema });
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(RepeatableSchema_default, __spreadProps(__spreadValues({}, props), { schema }));
   }
   throw new Error("Invalid array list schema");
 };
@@ -3227,7 +3236,7 @@ var import_jsx_runtime23 = require("react/jsx-runtime");
 var ArraySchema = (props) => {
   const { schema } = props;
   if (isListArraySchema(schema)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ArrayListSchema_default, { ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ArrayListSchema_default, __spreadValues({}, props));
   }
   throw new Error("Not implemented");
 };
@@ -3248,9 +3257,7 @@ var getSchemaColumnClasses2 = (width) => {
   };
 };
 var ObjectSchema = (props) => {
-  const [model, setModel] = (0, import_react13.useState)(() => ({
-    ...getValidObjectModelParts(props.model, props.schema)
-  }));
+  const [model, setModel] = (0, import_react13.useState)(() => __spreadValues({}, getValidObjectModelParts(props.model, props.schema)));
   const onChangeProperty = (propertyName, onChangeProps) => {
     if (onChangeProps.model !== null) {
       model[propertyName] = onChangeProps.model;
@@ -3258,7 +3265,7 @@ var ObjectSchema = (props) => {
       delete model[propertyName];
     }
     setModel(model);
-    props.onChange({ ...onChangeProps, model });
+    props.onChange(__spreadProps(__spreadValues({}, onChangeProps), { model }));
   };
   const isRequired = (propertyName) => props.schema.required && props.schema.required.includes(propertyName);
   (0, import_react13.useEffect)(() => {
@@ -3472,7 +3479,7 @@ var logInvalidTypeFallbackWarning = ({
 // src/formControl/FormControl.tsx
 var import_jsx_runtime26 = require("react/jsx-runtime");
-var FormControl = class _FormControl extends import_react14.PureComponent {
+var _FormControl = class _FormControl extends import_react14.PureComponent {
   constructor(props) {
     super(props);
     /**
@@ -3488,14 +3495,19 @@ var FormControl = class _FormControl extends import_react14.PureComponent {
       this.props.onChange(event.target.value);
     };
     this.handleOnFocus = () => {
-      this.props.onFocus?.();
+      var _a, _b;
+      (_b = (_a = this.props).onFocus) == null ? void 0 : _b.call(_a);
     };
     this.handleOnBlur = () => {
-      this.props.onBlur?.();
+      var _a, _b;
+      (_b = (_a = this.props).onBlur) == null ? void 0 : _b.call(_a);
     };
     this.getSelectedOption = (options) => {
       if (this.state.selectedOption !== null && typeof this.state.selectedOption !== "undefined") {
-        return options.find((option) => this.state.selectedOption?.value === option.value);
+        return options.find((option) => {
+          var _a;
+          return ((_a = this.state.selectedOption) == null ? void 0 : _a.value) === option.value;
+        });
       }
       if (this.props.value !== null && typeof this.props.value !== "undefined") {
         return options.find((option) => this.props.value === option.value);
@@ -3503,13 +3515,12 @@ var FormControl = class _FormControl extends import_react14.PureComponent {
       return void 0;
     };
     this.mapOption = (option) => {
-      return {
-        ...option,
+      return __spreadProps(__spreadValues({}, option), {
         value: isNumber(option.value) || isString(option.value) ? option.value : void 0,
         secondary: option.note,
         disabled: option.disabled || this.props.disabled,
         readOnly: this.props.readOnly
-      };
+      });
     };
     this.state = {
       selectedOption: props.selectedOption,
@@ -3517,18 +3528,6 @@ var FormControl = class _FormControl extends import_react14.PureComponent {
       prevValue: props.value
     };
   }
-  static {
-    this.Type = FormControlType;
-  }
-  static {
-    this.Size = Size;
-  }
-  static {
-    this.MonthFormat = MonthFormat;
-  }
-  static {
-    this.DateMode = DateMode;
-  }
   static getDerivedStateFromProps(nextProps, previousState) {
     if (previousState.prevValue !== nextProps.value) {
       return { prevValue: nextProps.value, value: nextProps.value };
@@ -3536,6 +3535,7 @@ var FormControl = class _FormControl extends import_react14.PureComponent {
     return null;
   }
   render() {
+    var _a;
     const {
       name,
       placeholder,
@@ -3605,8 +3605,9 @@ var FormControl = class _FormControl extends import_react14.PureComponent {
             searchPlaceholder,
             searchValue,
             onChange: (option) => {
-              this.setState({ selectedOption: option ?? void 0 });
-              this.props.onChange(option?.value ?? null);
+              var _a2;
+              this.setState({ selectedOption: option != null ? option : void 0 });
+              this.props.onChange((_a2 = option == null ? void 0 : option.value) != null ? _a2 : null);
             },
             onFocus: this.handleOnFocus,
             onBlur: this.handleOnBlur,
@@ -3618,7 +3619,7 @@ var FormControl = class _FormControl extends import_react14.PureComponent {
         return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           import_components11.Tabs,
           {
-            selected: this.getSelectedOption(options)?.value || 0,
+            selected: ((_a = this.getSelectedOption(options)) == null ? void 0 : _a.value) || 0,
             tabs: options.map((option) => ({
               title: option.label,
               content: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, {}),
@@ -3760,20 +3761,19 @@ var FormControl = class _FormControl extends import_react14.PureComponent {
         if (this.props.displayPattern) {
           return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             import_components11.TextareaWithDisplayFormat,
-            {
-              displayPattern: this.props.displayPattern,
-              ...textareaProps,
+            __spreadProps(__spreadValues({
+              displayPattern: this.props.displayPattern
+            }, textareaProps), {
               onChange: this.handleOnChange
-            }
+            })
           );
         }
         return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "textarea",
-          {
-            ...textareaProps,
+          __spreadProps(__spreadValues({}, textareaProps), {
             onChange: this.handleInputOnChange,
             "aria-describedby": describedBy
-          }
+          })
         );
       }
       case FormControlType.FILE:
@@ -3783,8 +3783,7 @@ var FormControl = class _FormControl extends import_react14.PureComponent {
           // @ts-expect-error - TODO: Remove this once Upload is migrated to TypeScript
           /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             import_components11.Upload,
-            {
-              ...uploadProps,
+            __spreadProps(__spreadValues({}, uploadProps), {
               usAccept: uploadProps.usAccept || "*",
               usDisabled: uploadProps.usDisabled || disabled,
               onSuccess: (base64url) => {
@@ -3796,7 +3795,7 @@ var FormControl = class _FormControl extends import_react14.PureComponent {
               onCancel: () => {
                 this.handleOnChange(null);
               }
-            }
+            })
           )
         );
       }
@@ -3821,58 +3820,60 @@ var FormControl = class _FormControl extends import_react14.PureComponent {
         if (this.props.displayPattern) {
           return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             import_components11.InputWithDisplayFormat,
-            {
-              displayPattern: this.props.displayPattern,
-              ...inputProps,
+            __spreadProps(__spreadValues({
+              displayPattern: this.props.displayPattern
+            }, inputProps), {
               onChange: this.handleOnChange
-            }
+            })
           );
         }
         return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "input",
-          {
-            ...inputProps,
+          __spreadProps(__spreadValues({}, inputProps), {
             onChange: this.handleInputOnChange,
             "aria-describedby": describedBy
-          }
+          })
         );
       }
     }
   }
-  static {
-    this.defaultProps = {
-      autoComplete: true,
-      countryCode: null,
-      disabled: false,
-      displayPattern: null,
-      id: null,
-      label: "",
-      max: null,
-      maxDate: null,
-      maxLength: null,
-      min: null,
-      minDate: null,
-      minLength: null,
-      mode: _FormControl.DateMode.DAY_MONTH_YEAR,
-      monthFormat: _FormControl.MonthFormat.LONG,
-      onBlur: null,
-      onFocus: null,
-      onSearchChange: null,
-      options: [],
-      placeholder: null,
-      readOnly: false,
-      required: false,
-      searchPlaceholder: null,
-      searchValue: "",
-      selectedOption: null,
-      size: _FormControl.Size.MEDIUM,
-      step: 1,
-      type: _FormControl.Type.TEXT,
-      uploadProps: {},
-      value: null
-    };
-  }
 };
+_FormControl.Type = FormControlType;
+_FormControl.Size = Size;
+_FormControl.MonthFormat = MonthFormat;
+_FormControl.DateMode = DateMode;
+_FormControl.defaultProps = {
+  autoComplete: true,
+  countryCode: null,
+  disabled: false,
+  displayPattern: null,
+  id: null,
+  label: "",
+  max: null,
+  maxDate: null,
+  maxLength: null,
+  min: null,
+  minDate: null,
+  minLength: null,
+  mode: _FormControl.DateMode.DAY_MONTH_YEAR,
+  monthFormat: _FormControl.MonthFormat.LONG,
+  onBlur: null,
+  onFocus: null,
+  onSearchChange: null,
+  options: [],
+  placeholder: null,
+  readOnly: false,
+  required: false,
+  searchPlaceholder: null,
+  searchValue: "",
+  selectedOption: null,
+  size: _FormControl.Size.MEDIUM,
+  step: 1,
+  type: _FormControl.Type.TEXT,
+  uploadProps: {},
+  value: null
+};
+var FormControl = _FormControl;
 // src/jsonSchemaForm/schemaFormControl/utils/mapping-utils.tsx
 var import_components12 = require("@transferwise/components");
@@ -3887,30 +3888,22 @@ var mapConstSchemaToOption = (schema, controlType) => {
   }
 };
 var mapConstSchemaToRadioOption = (schema) => {
-  return {
+  return __spreadValues(__spreadValues(__spreadValues({
     // TODO: LOW avoid type assertion -- using || '' would fail some tests
     label: schema.title,
-    value: schema.const,
-    ...getOptionDescription(schema.title, schema.description),
-    ...getAvatarPropertyForRadioOption(schema),
-    ...getDisabled(schema.disabled)
-  };
+    value: schema.const
+  }, getOptionDescription(schema.title, schema.description)), getAvatarPropertyForRadioOption(schema)), getDisabled(schema.disabled));
 };
 var mapConstSchemaToSelectOption = (schema) => {
-  return {
+  return __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
     // TODO: LOW avoid type assertion -- using || '' would fail some tests
     label: schema.title,
-    value: schema.const,
-    ...getOptionDescription(schema.title, schema.description),
-    ...getIconPropertyForSelectOption(schema.icon),
-    ...mapImage(schema.image),
-    ...getDisabled(schema.disabled),
-    ...mapKeywordsToSearchStrings(schema.keywords)
-  };
+    value: schema.const
+  }, getOptionDescription(schema.title, schema.description)), getIconPropertyForSelectOption(schema.icon)), mapImage(schema.image)), getDisabled(schema.disabled)), mapKeywordsToSearchStrings(schema.keywords));
 };
 var mapKeywordsToSearchStrings = (searchStrings) => isArray(searchStrings) ? { searchStrings } : {};
 var mapImage = (image) => {
-  if (image?.url) {
+  if (image == null ? void 0 : image.url) {
     return {
       icon: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "media", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "np-option__no-media-circle", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("img", { src: image.url, alt: image.name || "" }) }) })
     };
@@ -3918,38 +3911,36 @@ var mapImage = (image) => {
   return null;
 };
 var getIconPropertyForSelectOption = (icon) => {
-  if (icon?.name && isFlagIcon(icon.name)) {
+  if ((icon == null ? void 0 : icon.name) && isFlagIcon(icon.name)) {
     return { currency: icon.name.substring(5) };
   }
-  if (icon?.name && isValidIconName(icon.name)) {
+  if ((icon == null ? void 0 : icon.name) && isValidIconName(icon.name)) {
     return { icon: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DynamicIcon_default, { type: icon.name }) };
   }
-  if (icon?.text) {
+  if (icon == null ? void 0 : icon.text) {
     return { icon: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { children: icon.text }) };
   }
   return null;
 };
 var getAvatarPropertyForRadioOption = ({ image, icon }) => {
-  if (image?.url) {
+  if (image == null ? void 0 : image.url) {
     return {
       avatar: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_components12.Avatar, { type: import_components12.AvatarType.THUMBNAIL, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("img", { src: image.url, alt: "" }) })
     };
   }
-  if (icon?.name && isValidIconName(icon.name)) {
+  if ((icon == null ? void 0 : icon.name) && isValidIconName(icon.name)) {
     return {
       avatar: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_components12.Avatar, { type: import_components12.AvatarType.ICON, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DynamicIcon_default, { type: icon.name }) })
     };
   }
-  if (icon?.text) {
+  if (icon == null ? void 0 : icon.text) {
     return {
       avatar: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_components12.Avatar, { type: import_components12.AvatarType.INITIALS, children: icon.text })
     };
   }
   return null;
 };
-var mapSchemaToUploadOptions = ({ accepts }) => ({
-  ...isArray(accepts) && { usAccept: accepts.join(",") }
-});
+var mapSchemaToUploadOptions = ({ accepts }) => __spreadValues({}, isArray(accepts) && { usAccept: accepts.join(",") });
 var getOptionDescription = (title, description) => {
   if (title && description) {
     const keyForDescription = (title + description).length > 50 ? "secondary" : "note";
@@ -4042,7 +4033,7 @@ var SchemaFormControl = (props) => {
     uploadProps: mapSchemaToUploadOptions(schema),
     describedBy
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { "aria-describedby": describedBy, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FormControl, { type: controlType, value: safeValue, ...events, ...controlProps }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { "aria-describedby": describedBy, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FormControl, __spreadValues(__spreadValues({ type: controlType, value: safeValue }, events), controlProps)) });
 };
 SchemaFormControl.defaultProps = {
   value: null,
@@ -4134,7 +4125,7 @@ var OneOfSchema = (props) => {
     if (type !== "init" && props.schema.analyticsId) {
       onEvent("Dynamic Flow - OneOf Selected", {
         oneOfId: props.schema.analyticsId,
-        schemaId: newSchema?.analyticsId
+        schemaId: newSchema == null ? void 0 : newSchema.analyticsId
       });
     }
   };
@@ -4209,7 +4200,7 @@ function getTitleAndHelp(schema, id) {
   return schema.title ? titleElement : helpElement;
 }
 function getValidations(props, schemaIndex) {
-  const selectedSchema = props.schema.oneOf[schemaIndex ?? -1];
+  const selectedSchema = props.schema.oneOf[schemaIndex != null ? schemaIndex : -1];
   if (isConstSchema(selectedSchema)) {
     return getValidationFailures(selectedSchema.const, props.schema, !!props.required);
   }
@@ -4228,7 +4219,7 @@ function getModelPartsForSchemas(model, schemas) {
   return schemas.map((schema) => getValidModelParts(model, schema));
 }
 function mapSchemasForSelect(schema) {
-  return { ...schema, oneOf: schema.oneOf.map(mapOneOfToConst) };
+  return __spreadProps(__spreadValues({}, schema), { oneOf: schema.oneOf.map(mapOneOfToConst) });
 }
 function mapOneOfToConst(schema, index) {
   const { title, description, disabled = false, icon, image, keywords } = schema;
@@ -4348,7 +4339,7 @@ var PersistAsyncBlobSchema = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: (0, import_classnames5.default)(formGroupClasses), children: [
     /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { "aria-describedby": feedbackId, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       UploadInputAdapter,
-      {
+      __spreadValues({
         id,
         fileId: props.model,
         idProperty: props.schema.persistAsync.idProperty,
@@ -4360,9 +4351,8 @@ var PersistAsyncBlobSchema = (props) => {
         httpClient,
         onSuccess,
         onFailure,
-        onCancel,
-        ...mapSchemaToUploadOptions(props.schema.persistAsync.schema)
-      }
+        onCancel
+      }, mapSchemaToUploadOptions(props.schema.persistAsync.schema))
     ) }),
     /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       ControlFeedback_default,
@@ -4375,10 +4365,9 @@ var PersistAsyncBlobSchema = (props) => {
         errors: props.errors,
         schema: props.schema,
         validations: combinedValidations,
-        validationMessages: {
-          required: "Value is required...",
-          ...persistAsyncValidationMessages
-        },
+        validationMessages: __spreadValues({
+          required: "Value is required..."
+        }, persistAsyncValidationMessages),
         infoMessage: null
       }
     )
@@ -4397,12 +4386,10 @@ var PersistAsyncSchema = (props) => {
   if (persistAsyncSchemaType === "blob") {
     return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       PersistAsyncBlobSchema_default,
-      {
-        ...props
-      }
+      __spreadValues({}, props)
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PersistAsyncBasicSchema_default, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PersistAsyncBasicSchema_default, __spreadValues({}, props));
 };
 PersistAsyncSchema.defaultProps = {
   required: false
@@ -4427,7 +4414,7 @@ var import_jsx_runtime33 = require("react/jsx-runtime");
 var PromotedOneOfCheckboxControl = (props) => {
   const { id, selection, setSelection } = props;
   const { promoted, other, checkedMeans } = props.promotion;
-  const title = checkedMeans === "other" ? other.title : promoted?.title || props.promotedOneOf.title;
+  const title = checkedMeans === "other" ? other.title : (promoted == null ? void 0 : promoted.title) || props.promotedOneOf.title;
   const selectionWhenChecked = checkedMeans === "other" ? "other" : "promoted";
   const selectionWhenUnchecked = checkedMeans === "other" ? "promoted" : "other";
   const checked = selection === selectionWhenChecked;
@@ -4443,21 +4430,20 @@ var PromotedOneOfCheckboxControl_default = PromotedOneOfCheckboxControl;
 var import_components15 = require("@transferwise/components");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 var PromotedOneOfRadioControl = (props) => {
+  var _a, _b;
   const { id, selection, setSelection, promotion, promotedOneOf, title } = props;
   const radios = [
-    {
+    __spreadValues({
       value: "promoted",
       // TODO: LOW avoid type assertion below the expression may be nullish, but "label" cannot be
-      label: promotion.promoted?.title || promotedOneOf.title,
-      secondary: promotion.promoted?.description || promotedOneOf.description,
-      ...getAvatarPropertyForRadioOption(promotedOneOf)
-    },
-    {
+      label: ((_a = promotion.promoted) == null ? void 0 : _a.title) || promotedOneOf.title,
+      secondary: ((_b = promotion.promoted) == null ? void 0 : _b.description) || promotedOneOf.description
+    }, getAvatarPropertyForRadioOption(promotedOneOf)),
+    __spreadValues({
       value: "other",
       label: promotion.other.title,
-      secondary: promotion.other.description,
-      ...getAvatarPropertyForRadioOption(promotion.other)
-    }
+      secondary: promotion.other.description
+    }, getAvatarPropertyForRadioOption(promotion.other))
   ];
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "form-group", children: [
     title && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("label", { className: "control-label", htmlFor: id, children: title }),
@@ -4484,9 +4470,9 @@ var PromotedOneOfControl = (props) => {
   const controlType = props.promotion.control || "radio";
   switch (controlType) {
     case "radio":
-      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PromotedOneOfRadioControl_default, { ...props });
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PromotedOneOfRadioControl_default, __spreadValues({}, props));
     case "checkbox":
-      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PromotedOneOfCheckboxControl_default, { ...props });
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PromotedOneOfCheckboxControl_default, __spreadValues({}, props));
     default:
       return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, {});
   }
@@ -4501,8 +4487,9 @@ var PromotedOneOfControl_default = PromotedOneOfControl;
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var isPromoted = (schema) => schema.promoted === true;
 var PromotedOneOfSchema = (props) => {
+  var _a;
   const [selection, setSelection] = (0, import_react19.useState)(
-    getSelectionFromModel(props.schema, props.model) || props.schema.promotion?.default || "promoted"
+    getSelectionFromModel(props.schema, props.model) || ((_a = props.schema.promotion) == null ? void 0 : _a.default) || "promoted"
   );
   const promotedAlert = props.schema.alert;
   const promotedOneOf = props.schema.oneOf.find(isPromoted);
@@ -4521,23 +4508,23 @@ var PromotedOneOfSchema = (props) => {
         setSelection
       }
     ),
-    selection === "promoted" && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ObjectSchema_default, { ...props, schema: promotedObjectSchema }),
-    selection === "other" && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(GenericSchema_default, { ...props, schema: otherOneOf })
+    selection === "promoted" && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ObjectSchema_default, __spreadProps(__spreadValues({}, props), { schema: promotedObjectSchema })),
+    selection === "other" && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(GenericSchema_default, __spreadProps(__spreadValues({}, props), { schema: otherOneOf }))
   ] });
 };
 function getPromotedObjectSchema(promotedSchema) {
-  return {
-    ...promotedSchema,
+  return __spreadProps(__spreadValues({}, promotedSchema), {
     // We don't need to show these since they are already displayed in the radio option
     title: void 0,
     description: void 0
-  };
+  });
 }
 function getOtherOneOf(schema) {
-  const other = schema.promotion?.displayTwice ? [...schema.oneOf] : schema.oneOf.filter((one) => !isPromoted(one));
-  const title = schema.promotion?.other.heading?.text;
+  var _a, _b, _c;
+  const other = ((_a = schema.promotion) == null ? void 0 : _a.displayTwice) ? [...schema.oneOf] : schema.oneOf.filter((one) => !isPromoted(one));
+  const title = (_c = (_b = schema.promotion) == null ? void 0 : _b.other.heading) == null ? void 0 : _c.text;
   if (other.length === 1) {
-    return { ...other[0], title };
+    return __spreadProps(__spreadValues({}, other[0]), { title });
   }
   if (other.length > 1) {
     return {
@@ -4609,7 +4596,7 @@ function getSelectedOneOf(schema, model) {
 function getValueFromOption(option) {
   const text = option.title && option.description ? `${option.title} - ${option.description}` : option.title || "";
   const icon = getAvatarPropertyForRadioOption({ icon: option.icon });
-  return icon?.avatar ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
+  return (icon == null ? void 0 : icon.avatar) ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
     icon.avatar,
     " ",
     text
@@ -4666,7 +4653,7 @@ var ValidationAsyncSchema = (props) => {
       } else if (response.status === 422) {
         setValidationAsyncErrors(isString(jsonResponse.message) ? jsonResponse.message : null);
       }
-    } catch {
+    } catch (e) {
       onEvent("Dynamic Flow - ValidationAsync", { status: "failure" });
     }
   };
@@ -4684,11 +4671,10 @@ var ValidationAsyncSchema = (props) => {
     }
   };
   const onValidationAsyncChange = (parameters) => {
-    onChange({
-      ...parameters,
+    onChange(__spreadProps(__spreadValues({}, parameters), {
       triggerSchema: schema,
       triggerModel: parameters.model
-    });
+    }));
     setValidationAsyncErrors(null);
     setValidationAsyncSuccessMessage(null);
     setValidationAsyncModel(parameters.model);
@@ -4703,7 +4689,7 @@ var ValidationAsyncSchema = (props) => {
     required,
     schema
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(BasicTypeSchema_default, { ...basicTypeSchemaProps });
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(BasicTypeSchema_default, __spreadValues({}, basicTypeSchemaProps));
 };
 ValidationAsyncSchema.defaultProps = { required: false };
 var ValidationAsyncSchema_default = ValidationAsyncSchema;
@@ -4713,7 +4699,7 @@ var import_jsx_runtime39 = require("react/jsx-runtime");
 var import_react22 = require("react");
 var GenericSchemaForm = (props) => {
   const { schema, model = null, errors = null, hideTitle = false, disabled = false } = props;
-  const schemaProps = { ...props, model, errors, hideTitle, disabled };
+  const schemaProps = __spreadProps(__spreadValues({}, props), { model, errors, hideTitle, disabled });
   const type = getSchemaType(schema);
   const log = useLogger();
   (0, import_react21.useEffect)(() => {
@@ -4726,25 +4712,25 @@ var GenericSchemaForm = (props) => {
   }, [JSON.stringify(schema), JSON.stringify(model), JSON.stringify(errors), type, log]);
   switch (type) {
     case "readOnly":
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ReadOnlySchema_default, { ...schemaProps });
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ReadOnlySchema_default, __spreadValues({}, schemaProps));
     case "persistAsync":
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PersistAsyncSchema_default, { ...schemaProps });
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PersistAsyncSchema_default, __spreadValues({}, schemaProps));
     case "validationAsync":
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ValidationAsyncSchema_default, { ...schemaProps });
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ValidationAsyncSchema_default, __spreadValues({}, schemaProps));
     case "basic": {
-      const basicTypeProps = { infoMessage: null, ...schemaProps };
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(BasicTypeSchema_default, { ...basicTypeProps });
+      const basicTypeProps = __spreadValues({ infoMessage: null }, schemaProps);
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(BasicTypeSchema_default, __spreadValues({}, basicTypeProps));
     }
     case "object":
-      return /* @__PURE__ */ (0, import_react22.createElement)(ObjectSchema_default, { ...schemaProps, key: JSON.stringify(schema) });
+      return /* @__PURE__ */ (0, import_react22.createElement)(ObjectSchema_default, __spreadProps(__spreadValues({}, schemaProps), { key: JSON.stringify(schema) }));
     case "array":
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ArraySchema_default, { ...schemaProps });
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ArraySchema_default, __spreadValues({}, schemaProps));
     case "promotedOneOf":
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PromotedOneOfSchema_default, { ...schemaProps });
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PromotedOneOfSchema_default, __spreadValues({}, schemaProps));
     case "oneOf":
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(OneOfSchema_default, { ...schemaProps });
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(OneOfSchema_default, __spreadValues({}, schemaProps));
     case "allOf":
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AllOfSchema_default, { ...schemaProps });
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AllOfSchema_default, __spreadValues({}, schemaProps));
   }
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_jsx_runtime39.Fragment, {});
 };
@@ -4772,100 +4758,69 @@ var isValidGenericSchema = (schema, model, errors) => {
   return false;
 };
-// src/jsonSchemaForm/JsonSchemaForm.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var JsonSchemaForm = (props) => {
-  const schemaProps = {
-    model: null,
-    errors: null,
-    disabled: false,
-    baseUrl: "",
-    ...props
-  };
-  if (useHasHttpClientProvider() || schemaProps.baseUrl == null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(GenericSchema_default, { ...schemaProps });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-    Providers,
-    {
-      baseUrl: schemaProps.baseUrl,
-      onEvent: schemaProps.onEvent,
-      onLog: schemaProps.onLog,
-      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(GenericSchema_default, { ...schemaProps })
-    }
-  );
-};
-var JsonSchemaForm_default = JsonSchemaForm;
-var Providers = ({ baseUrl, onEvent, onLog, children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(LogProvider, { flowId: "JsonSchemaForm", stepId: "JsonSchemaForm", onLog: onLog ?? noop2, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-    EventsContextProvider,
-    {
-      metadata: { flowId: "JsonSchemaForm", stepId: "JsonSchemaForm" },
-      onEvent: onEvent ?? noop2,
-      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(HttpClientProviderFromBaseUrl, { baseUrl, children })
-    }
-  ) });
-};
-var noop2 = () => {
-};
 // src/layout/form/DynamicForm.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
-var DynamicForm = (props) => {
-  const form = props.component;
-  const formSchema = form.schema;
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: getMargin(form.margin || "md"), children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-    JsonSchemaForm_default,
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var DynamicForm = ({
+  component,
+  model = null,
+  errors = null,
+  submitted,
+  onModelChange,
+  onPersistAsync
+}) => {
+  const formSchema = component.schema;
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: getMargin(component.margin || "md"), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    GenericSchema_default,
     {
       schema: formSchema,
-      model: props.model,
-      submitted: props.submitted,
-      errors: props.errors,
+      model,
+      errors,
+      submitted,
       onChange: (parameters) => {
-        props.onModelChange({ formSchema, ...parameters });
+        onModelChange(__spreadValues({ formSchema }, parameters));
       },
-      onPersistAsync: props.onPersistAsync
+      onPersistAsync
     }
   ) });
 };
 var DynamicForm_default = DynamicForm;
 // src/layout/heading/DynamicHeading.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var DynamicHeading = (props) => {
   const { text, size = "md", align = "left", margin = "md" } = props.component;
   const classes = getTextAlignmentAndMargin({ align, margin });
   switch (size) {
     case "xs":
-      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h5", { className: classes, children: text });
+      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h5", { className: classes, children: text });
     case "sm":
-      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h4", { className: classes, children: text });
+      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h4", { className: classes, children: text });
     case "lg":
-      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h2", { className: classes, children: text });
+      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h2", { className: classes, children: text });
     case "xl":
-      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h1", { className: classes, children: text });
+      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h1", { className: classes, children: text });
     case "md":
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h3", { className: classes, children: text });
+      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h3", { className: classes, children: text });
   }
 };
 var DynamicHeading_default = DynamicHeading;
 // src/layout/markdown/DynamicMarkdown.tsx
 var import_components17 = require("@transferwise/components");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime42 = 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_components17.Markdown, { config: { link: { target: "_blank" } }, children: content }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: getTextAlignmentAndMargin({ align, margin }), children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_components17.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_components17.Markdown, { config: { link: { target: "_blank" } }, children: component.markdown }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: getTextAlignmentAndMargin(component), children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_components17.Markdown, { config: { link: { target: "_blank" } }, children: component.markdown }) });
 };
 // src/layout/image/DynamicImage.tsx
 var import_components18 = require("@transferwise/components");
 var import_react23 = require("react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var DynamicImage = ({ component: image }) => {
   const { url, size, text, margin, accessibilityDescription } = image;
   const httpClient = useHttpClient();
@@ -4882,7 +4837,7 @@ 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_components18.Image, { className: `img-responsive ${getMargin(margin || "md")}`, ...imageProps }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: `df-image ${size || "md"}`, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_components18.Image, __spreadValues({ className: `img-responsive ${getMargin(margin || "md")}` }, imageProps)) });
 };
 var readImageBlobAsDataURL = (imageBlob) => {
   return new Promise((resolve, reject) => {
@@ -4893,8 +4848,9 @@ var readImageBlobAsDataURL = (imageBlob) => {
   });
 };
 var getImageSource = async (httpClient, imageUrl) => {
+  var _a;
   try {
-    if (isRelativePath(imageUrl) || imageUrl?.indexOf(`${window?.location?.origin}/`) === 0) {
+    if (isRelativePath(imageUrl) || (imageUrl == null ? void 0 : imageUrl.indexOf(`${(_a = window == null ? void 0 : window.location) == null ? void 0 : _a.origin}/`)) === 0) {
       return httpClient(imageUrl, {
         method: "GET",
         headers: { "Content-Type": "image/image" },
@@ -4907,7 +4863,7 @@ var getImageSource = async (httpClient, imageUrl) => {
       }).then(readImageBlobAsDataURL).catch(() => imageUrl);
     }
     return imageUrl;
-  } catch {
+  } catch (e) {
     return imageUrl;
   }
 };
@@ -4915,47 +4871,47 @@ var DynamicImage_default = DynamicImage;
 // src/layout/instructions/DynamicInstructions.tsx
 var import_components19 = require("@transferwise/components");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var doContext = ["positive", "neutral"];
 var dontContext = ["warning", "negative"];
 var DynamicInstructions = ({ component }) => {
   const { items } = 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_components19.Header, { title: component.title }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_components19.InstructionsList, { dos, donts })
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: getMargin(component.margin || "md"), children: [
+    component.title ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_components19.Header, { title: component.title }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_components19.InstructionsList, { dos, donts })
   ] });
 };
 var DynamicInstructions_default = DynamicInstructions;
 // src/layout/DynamicLayout.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var getKey = (component) => JSON.stringify(component);
 var DynamicLayout = (props) => {
   const { components, model, submitted, errors, onModelChange, onAction, onPersistAsync, baseUrl } = props;
   const renderComponent = (component) => {
     switch (component.type) {
       case "heading":
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DynamicHeading_default, { component }, getKey(component));
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DynamicHeading_default, { component }, getKey(component));
       case "paragraph":
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DynamicParagraph_default, { component }, getKey(component));
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DynamicParagraph_default, { component }, getKey(component));
       case "image":
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DynamicImage_default, { component }, getKey(component));
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DynamicImage_default, { component }, getKey(component));
       case "alert":
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DynamicAlert_default, { component }, getKey(component));
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DynamicAlert_default, { component }, getKey(component));
       case "review":
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DynamicReview_default, { component, onAction }, getKey(component));
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DynamicReview_default, { component, onAction }, getKey(component));
       case "divider":
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DynamicDivider_default, { component }, getKey(component));
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DynamicDivider_default, { component }, getKey(component));
       case "info":
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DynamicInfo, { component }, getKey(component));
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DynamicInfo, { component }, getKey(component));
       case "instructions":
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DynamicInstructions_default, { component }, getKey(component));
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DynamicInstructions_default, { component }, getKey(component));
       case "markdown":
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DynamicMarkdown, { component }, getKey(component));
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DynamicMarkdown, { component }, getKey(component));
       case "columns":
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           DynamicColumns_default,
           {
             component,
@@ -4969,7 +4925,7 @@ var DynamicLayout = (props) => {
           getKey(component)
         );
       case "form":
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           DynamicForm_default,
           {
             component,
@@ -4979,12 +4935,12 @@ var DynamicLayout = (props) => {
             onModelChange,
             onPersistAsync
           },
-          getKey({ ...component, errors: errors ?? null })
+          getKey(__spreadProps(__spreadValues({}, component), { errors: errors != null ? errors : null }))
         );
       case "button":
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DynamicButton_default, { component, onAction }, getKey(component));
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DynamicButton_default, { component, onAction }, getKey(component));
       case "box":
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           DynamicBox_default,
           {
             component,
@@ -4998,34 +4954,34 @@ var DynamicLayout = (props) => {
           getKey(component)
         );
       case "decision":
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DynamicDecision_default, { component, onAction }, getKey(component));
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DynamicDecision_default, { component, onAction }, getKey(component));
       case "external":
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DynamicExternal_default, { component, onAction }, getKey(component));
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DynamicExternal_default, { component, onAction }, getKey(component));
       case "list":
       case "status-list":
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DynamicStatusList_default, { component, onAction }, getKey(component));
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DynamicStatusList_default, { component, onAction }, getKey(component));
       case "loading-indicator":
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DynamicLoadingIndicator_default, { component }, getKey(component));
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DynamicLoadingIndicator_default, { component }, getKey(component));
       case "search":
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DynamicSearch_default, { component, onAction }, getKey(component));
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DynamicSearch_default, { component, onAction }, getKey(component));
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", {}, getKey(component));
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", {}, getKey(component));
     }
   };
   if (useHasHttpClientProvider() || baseUrl == null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, { children: components.map(renderComponent) });
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: components.map(renderComponent) });
   } else {
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(HttpClientProviderFromBaseUrl, { baseUrl, children: components.map(renderComponent) });
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(HttpClientProviderFromBaseUrl, { baseUrl, children: components.map(renderComponent) });
   }
 };
 var DynamicLayout_default = DynamicLayout;
 // src/layout/list/DynamicStatusList.tsx
 var import_components20 = require("@transferwise/components");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime46 = 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.jsxs)("h4", { className: "m-b-2", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: getMargin(component.margin || "md"), children: [
+    component.title ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("h4", { className: "m-b-2", children: [
       " ",
       component.title,
       " "
@@ -5034,14 +4990,12 @@ var DynamicStatusList = ({ component }) => {
   ] });
 };
 var mapListItemToSummary = ({ title, description, icon, status }) => {
-  const props = {
+  const props = __spreadValues(__spreadValues({
     key: `${title}/${description || ""}`,
     title,
-    description,
-    ...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_components20.Summary, { ...props });
+    description
+  }, (icon == null ? void 0 : icon.name) ? { icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DynamicIcon_default, { type: icon.name }) } : {}), status ? { status: statusMap[status] } : {});
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_components20.Summary, __spreadValues({}, props));
 };
 var statusListMap = {
   done: "done",
@@ -5053,15 +5007,15 @@ var legacyStatusMap = {
   warning: "pending",
   neutral: "notDone"
 };
-var statusMap = { ...statusListMap, ...legacyStatusMap };
+var statusMap = __spreadValues(__spreadValues({}, statusListMap), legacyStatusMap);
 var DynamicStatusList_default = DynamicStatusList;
 // src/layout/loadingIndicator/DynamicLoadingIndicator.tsx
 var import_components21 = require("@transferwise/components");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var DynamicLoadingIndicator = ({ component }) => {
   const { margin, size = "md" } = component;
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     import_components21.Loader,
     {
       size,
@@ -5098,15 +5052,15 @@ var import_components22 = require("@transferwise/components");
 var import_react24 = require("react");
 function useSnackBarIfAvailable() {
   const context = (0, import_react24.useContext)(import_components22.SnackbarContext);
-  return context ? context.createSnackbar : noop3;
+  return context ? context.createSnackbar : noop2;
 }
-function noop3() {
+function noop2() {
 }
 // src/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: [
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var DynamicParagraph = ({ component }) => component.control === "copyable" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(CopyableDynamicParagraph, { component }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(BasicDynamicParagraph, { component });
+var BasicDynamicParagraph = ({ component }) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("p", { className: getTextAlignmentAndMargin(component), children: [
   " ",
   component.text,
   " "
@@ -5116,11 +5070,12 @@ var CopyableDynamicParagraph = ({ component }) => {
   const createSnackbar = useSnackBarIfAvailable();
   const { text } = component;
   const copy = () => {
-    navigator.clipboard?.writeText(text).then(() => createSnackbar({ text: formatMessage(DynamicParagraph_messages_default.copied) })).catch(noop4);
+    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 }) + " form-control";
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: getTextAlignmentAndMargin(component), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: getTextAlignmentAndMargin(component), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       "input",
       {
         type: "text",
@@ -5130,16 +5085,16 @@ var CopyableDynamicParagraph = ({ component }) => {
         style: { textOverflow: "ellipsis" }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_components23.Button, { block: true, onClick: copy, className: getMargin("sm"), children: formatMessage(DynamicParagraph_messages_default.copy) })
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_components23.Button, { block: true, onClick: copy, className: getMargin("sm"), children: formatMessage(DynamicParagraph_messages_default.copy) })
   ] });
 };
-function noop4() {
+function noop3() {
 }
 var DynamicParagraph_default = DynamicParagraph;
 // src/layout/review/DynamicReview.tsx
 var import_components24 = require("@transferwise/components");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var getDefinitions = (orientation, review) => {
   return review.fields.map(
     ({ label, value, help }, index) => {
@@ -5153,14 +5108,14 @@ var getDefinitions = (orientation, review) => {
 };
 var getFieldValue = (value, help, orientation) => {
   if (help) {
-    return orientation === "HORIZONTAL_RIGHT_ALIGNED" ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Help_default, { help }),
+    return orientation === "HORIZONTAL_RIGHT_ALIGNED" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Help_default, { help }),
       " ",
       value
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
       value,
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Help_default, { help })
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Help_default, { help })
     ] });
   }
   return value;
@@ -5173,7 +5128,7 @@ var DynamicReview = (props) => {
   const review = props.component;
   const margin = getMargin(review.margin || "xs");
   const getReviewAction = (action) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       "a",
       {
         href: action.url,
@@ -5188,12 +5143,12 @@ var DynamicReview = (props) => {
     );
   };
   const orientation = getReviewLayout(review);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-    review.title && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("h6", { className: `m-b-2 ${margin}`, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
+    review.title && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("h6", { className: `m-b-2 ${margin}`, children: [
       review.title,
       review.action && getReviewAction(review.action)
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: review.title ? "" : margin, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_components24.DefinitionList, { layout: orientation, definitions: getDefinitions(orientation, review) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: review.title ? "" : margin, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_components24.DefinitionList, { layout: orientation, definitions: getDefinitions(orientation, review) }) })
   ] });
 };
 var DynamicReview_default = DynamicReview;
@@ -5203,11 +5158,11 @@ var import_react26 = require("react");
 // src/layout/search/SearchInput.tsx
 var import_components25 = require("@transferwise/components");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var SearchInput = ({ title, value, onFocus, onChange }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("label", { className: "control-label d-inline", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("label", { className: "control-label d-inline", children: [
     title,
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       import_components25.Input,
       {
         type: "text",
@@ -5239,13 +5194,13 @@ var ErrorBoundary_messages_default = (0, import_react_intl18.defineMessages)({
 });
 // src/layout/search/SearchResults.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime51 = 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_runtime51.jsx)("p", { className: "m-t-2", children: emptyMessage });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_components26.NavigationOptionsList, { children: results.map((result) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_components26.NavigationOptionsList, { children: results.map((result) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       import_components26.NavigationOption,
       {
         title: result.title,
@@ -5261,10 +5216,10 @@ var SearchResults = ({ results, emptyMessage, onSelect }) => {
 };
 var ErrorResult = ({ onRetrySearch }) => {
   const intl = (0, import_react_intl19.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("p", { className: "m-t-2", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("p", { className: "m-t-2", children: [
     intl.formatMessage(ErrorBoundary_messages_default.errorAlert),
     "\xA0",
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       "a",
       {
         href: "/",
@@ -5289,7 +5244,8 @@ var useSearch = (defaultSearchConfig) => {
   const httpClient = useHttpClient();
   const search = (0, import_react25.useCallback)(
     async (query, { url, method, param } = defaultSearchConfig) => {
-      abortControllerRef.current?.abort();
+      var _a;
+      (_a = abortControllerRef.current) == null ? void 0 : _a.abort();
       if (!query) {
         setState({ status: "idle" });
         return;
@@ -5349,7 +5305,7 @@ var addQueryParameter = (url, key, value) => {
 };
 // src/layout/search/DynamicSearch.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var DEBOUNCE_TIME = 400;
 var DynamicSearch = ({ component, onAction }) => {
   const [query, setQuery] = (0, import_react26.useState)("");
@@ -5383,22 +5339,23 @@ var DynamicSearch = ({ component, onAction }) => {
     setQuery(query);
     void search(query);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: getMargin(margin), 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 })
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: getMargin(margin), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SearchInput, { title, value: query, onChange, onFocus: onSearchStart }),
+    status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DynamicLoadingIndicator_default, { component: { type: "loading-indicator", size: "sm" } }),
+    status === "error" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ErrorResult, { onRetrySearch }),
+    status === "success" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SearchResults, { results, emptyMessage, onSelect: onResultSelected })
   ] });
 };
 var DynamicSearch_default = DynamicSearch;
 // src/jsonSchemaForm/basicTypeSchema/BasicTypeSchema.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var isNullish = (value) => isNull(value) || isUndefined(value);
 var getDefaultValue = (schema) => {
   return schema.type === "boolean" && isNullish(schema.default) ? false : schema.default;
 };
 var BasicTypeSchema = (props) => {
+  var _a, _b, _c;
   const onChange = (newModel) => {
     setChanged(true);
     setModelAndBroadcast(sanitiseModel(newModel), "user");
@@ -5429,8 +5386,8 @@ var BasicTypeSchema = (props) => {
       props.onBlur();
     }
   };
-  const [model, setModel] = (0, import_react27.useState)(props.model ?? null);
-  const [lastModel, setLastModel] = (0, import_react27.useState)(props.model ?? null);
+  const [model, setModel] = (0, import_react27.useState)((_a = props.model) != null ? _a : null);
+  const [lastModel, setLastModel] = (0, import_react27.useState)((_b = props.model) != null ? _b : null);
   const [changed, setChanged] = (0, import_react27.useState)(false);
   const [focused, setFocused] = (0, import_react27.useState)(false);
   const [blurred, setBlurred] = (0, import_react27.useState)(false);
@@ -5453,7 +5410,8 @@ var BasicTypeSchema = (props) => {
   (0, import_react27.useEffect)(refreshValidations, [props.model, props.submitted]);
   (0, import_react27.useEffect)(onSchemaChange, [props.schema]);
   (0, import_react27.useEffect)(() => {
-    const newModel = props.model ?? null;
+    var _a2;
+    const newModel = (_a2 = props.model) != null ? _a2 : null;
     if (newModel !== model) {
       setModel(newModel);
     }
@@ -5466,15 +5424,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", 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_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+    props.schema.alert && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DynamicAlert_default, { component: props.schema.alert }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: (0, import_classnames6.default)(formGroupClasses), children: [
+      showLabel && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "d-inline-block", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("label", { className: "control-label d-inline", htmlFor: id, children: props.schema.title }),
+        !!schemaHelp && /* @__PURE__ */ (0, import_jsx_runtime53.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_runtime53.jsx)(Help_default, { help: schemaHelp }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         SchemaFormControl_default,
         {
           id,
@@ -5487,7 +5445,7 @@ var BasicTypeSchema = (props) => {
           describedBy: feedbackId
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         ControlFeedback_default,
         {
           id: feedbackId,
@@ -5495,7 +5453,7 @@ var BasicTypeSchema = (props) => {
           focused,
           blurred,
           submitted: props.submitted,
-          errors: props.errors ?? null,
+          errors: (_c = props.errors) != null ? _c : null,
           schema: props.schema,
           validations,
           infoMessage: props.infoMessage
@@ -5512,12 +5470,13 @@ BasicTypeSchema.defaultProps = {
 var BasicTypeSchema_default = BasicTypeSchema;
 // src/jsonSchemaForm/persistAsyncSchema/persistAsyncBasicSchema/PersistAsyncBasicSchema.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var getIdFromResponse = (idProperty, response) => {
   return response[idProperty];
 };
 var getErrorFromResponse = (errorProperty, response) => {
-  return response.validation?.[errorProperty];
+  var _a;
+  return (_a = response.validation) == null ? void 0 : _a[errorProperty];
 };
 var controlTypesWithPersistOnChange = /* @__PURE__ */ new Set([
   FormControlType.RADIO,
@@ -5569,14 +5528,14 @@ var PersistAsyncBasicSchema = (props) => {
         onChange({ model: id, triggerSchema: schema, triggerModel: id });
       } else if (isStatus422(response.status)) {
         const { validation } = responseBody;
-        const error = isObject(validation) && validation?.[param] || null;
+        const error = isObject(validation) && (validation == null ? void 0 : validation[param]) || null;
         setPersistAsyncError(error);
         onChange({ model: null, triggerSchema: schema, triggerModel: null });
       } else {
         setGenericPersistAsyncError();
       }
       onEvent("Dynamic Flow - PersistAsync", { status: "success", schemaId: schema.$id });
-    } catch {
+    } catch (e) {
       onEvent("Dynamic Flow - PersistAsync", { status: "failure", schemaId: schema.$id });
       setGenericPersistAsyncError();
     }
@@ -5603,7 +5562,7 @@ var PersistAsyncBasicSchema = (props) => {
       setPersistAsyncModel(newPersistAsyncModel);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     BasicTypeSchema_default,
     {
       required,
@@ -5650,9 +5609,7 @@ var usePersistAsync = (persistAsync) => {
     const requestBody = isBlob ? wrapInFormData(requestKey, model) : JSON.stringify({ [requestKey]: model });
     return {
       method: persistAsync.method,
-      headers: {
-        ...!isBlob && { "Content-Type": "application/json" }
-      },
+      headers: __spreadValues({}, !isBlob && { "Content-Type": "application/json" }),
       body: requestBody,
       signal
     };
@@ -5793,7 +5750,7 @@ function useStepPolling(polling, onAction) {
   }, [polling, httpClient]);
   const onPollingResponse = (0, import_react32.useCallback)(
     (pollingResponse) => {
-      if (pollingResponse?.action) {
+      if (pollingResponse == null ? void 0 : pollingResponse.action) {
         onAction(pollingResponse.action);
         return false;
       }
@@ -5803,8 +5760,8 @@ function useStepPolling(polling, onAction) {
   );
   usePolling({
     asyncFn,
-    interval: 1e3 * (polling?.interval || 0),
-    maxAttempts: polling?.maxAttempts || 0,
+    interval: 1e3 * ((polling == null ? void 0 : polling.interval) || 0),
+    maxAttempts: (polling == null ? void 0 : polling.maxAttempts) || 0,
     maxConsecutiveFails: 1,
     onPollingResponse,
     onFailure: (0, import_react32.useCallback)(() => {
@@ -5816,8 +5773,9 @@ function useStepPolling(polling, onAction) {
 }
 // src/step/layoutStep/LayoutStep.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var getComponents = (step, options) => {
+  var _a;
   if (isEmpty(step)) {
     return [];
   }
@@ -5826,7 +5784,7 @@ var getComponents = (step, options) => {
     layout,
     schemas: step.schemas || [],
     actions: step.actions || [],
-    model: step.model ?? null
+    model: (_a = step.model) != null ? _a : null
   });
 };
 var LayoutStep = (props) => {
@@ -5838,7 +5796,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_runtime55.jsx)(
     DynamicLayout_default,
     {
       components,
@@ -5884,15 +5842,15 @@ var CameraCapture_messages_default = (0, import_react_intl22.defineMessages)({
 // src/step/cameraStep/cameraCapture/components/index.tsx
 var import_components27 = 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_runtime56 = require("react/jsx-runtime");
+var CaptureBottomBar = ({ onCapture }) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "bottom-bar", children: /* @__PURE__ */ (0, import_jsx_runtime56.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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "bottom-bar p-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "col-xs-12 col-md-6 col-md-offset-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       import_components27.Button,
       {
         className: "m-b-1",
@@ -5903,7 +5861,7 @@ var ReviewBottomBar = ({
         children: intl.formatMessage(CameraCapture_messages_default.reviewSubmit)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       import_components27.Button,
       {
         className: "m-b-2",
@@ -5917,14 +5875,14 @@ var ReviewBottomBar = ({
     )
   ] }) }) });
 };
-var CaptureButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var CaptureButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime56.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_runtime56.jsx)("span", { className: "camera-capture-btn-inner" })
   }
 );
@@ -5933,16 +5891,17 @@ var import_react33 = require("react");
 // src/step/cameraStep/cameraCapture/utils/index.ts
 var isSelfieCamera = (stream) => {
-  const { facingMode } = getVideoTrack(stream)?.getSettings() || {};
+  var _a;
+  const { facingMode } = ((_a = getVideoTrack(stream)) == null ? void 0 : _a.getSettings()) || {};
   return facingMode === "user" || facingMode === void 0;
 };
-var isMainBackCamera = (deviceInfo) => !!(deviceInfo?.label || "").match(/camera2? 0/g);
+var isMainBackCamera = (deviceInfo) => !!((deviceInfo == null ? void 0 : deviceInfo.label) || "").match(/camera2? 0/g);
 var generateCanvasFromVideo = async (video) => {
   const canvas = document.createElement("canvas");
   if (video) {
     canvas.setAttribute("height", `${video.videoHeight}`);
     canvas.setAttribute("width", `${video.videoWidth}`);
-    const context = canvas?.getContext("2d");
+    const context = canvas == null ? void 0 : canvas.getContext("2d");
     if (context) {
       await new Promise((resolve) => setTimeout(resolve, 100));
       context.drawImage(video, 0, 0, canvas.width, canvas.height);
@@ -5950,16 +5909,29 @@ var generateCanvasFromVideo = async (video) => {
   }
   return canvas;
 };
-var getAvailableVideoDevices = async () => (await navigator?.mediaDevices?.enumerateDevices?.() || []).filter(
-  (deviceInfo) => deviceInfo.kind === "videoinput"
-);
-var getAvailableVideoDeviceLabels = async () => (await navigator?.mediaDevices?.enumerateDevices?.() || []).filter((deviceInfo) => deviceInfo.kind === "videoinput").map((deviceInfo) => deviceInfo.label);
+var getAvailableVideoDevices = async () => {
+  var _a, _b;
+  return (await ((_b = (_a = navigator == null ? void 0 : navigator.mediaDevices) == null ? void 0 : _a.enumerateDevices) == null ? void 0 : _b.call(_a)) || []).filter(
+    (deviceInfo) => deviceInfo.kind === "videoinput"
+  );
+};
+var getAvailableVideoDeviceLabels = async () => {
+  var _a, _b;
+  return (await ((_b = (_a = navigator == null ? void 0 : navigator.mediaDevices) == null ? void 0 : _a.enumerateDevices) == null ? void 0 : _b.call(_a)) || []).filter((deviceInfo) => deviceInfo.kind === "videoinput").map((deviceInfo) => deviceInfo.label);
+};
 var getActiveVideoDeviceLabel = async (videoStream) => {
+  var _a, _b, _c;
   const capabilities = getVideoCapabilities(videoStream);
-  return (await navigator?.mediaDevices?.enumerateDevices?.() || []).filter((deviceInfo) => deviceInfo.kind === "videoinput").find((deviceInfo) => deviceInfo.deviceId === capabilities?.deviceId)?.label;
+  return (_c = (await ((_b = (_a = navigator == null ? void 0 : navigator.mediaDevices) == null ? void 0 : _a.enumerateDevices) == null ? void 0 : _b.call(_a)) || []).filter((deviceInfo) => deviceInfo.kind === "videoinput").find((deviceInfo) => deviceInfo.deviceId === (capabilities == null ? void 0 : capabilities.deviceId))) == null ? void 0 : _c.label;
+};
+var getVideoTrack = (videoStream) => {
+  var _a;
+  return (((_a = videoStream == null ? void 0 : videoStream.getVideoTracks) == null ? void 0 : _a.call(videoStream)) || [])[0];
+};
+var getVideoCapabilities = (videoStream) => {
+  var _a, _b;
+  return (_b = (_a = getVideoTrack(videoStream)) == null ? void 0 : _a.getCapabilities) == null ? void 0 : _b.call(_a);
 };
-var getVideoTrack = (videoStream) => (videoStream?.getVideoTracks?.() || [])[0];
-var getVideoCapabilities = (videoStream) => getVideoTrack(videoStream)?.getCapabilities?.();
 // src/step/cameraStep/cameraCapture/hooks/index.ts
 var useVideoConstraints = (direction) => {
@@ -5977,11 +5949,10 @@ var useVideoConstraints = (direction) => {
   const getVideoConstraints = async (direction2) => {
     if (direction2 === "back") {
       const mainCamera = (await getAvailableVideoDevices()).find(isMainBackCamera);
-      if (mainCamera?.deviceId) {
-        return {
-          ...defaultVideoConstraints,
+      if (mainCamera == null ? void 0 : mainCamera.deviceId) {
+        return __spreadProps(__spreadValues({}, defaultVideoConstraints), {
           deviceId: { exact: mainCamera.deviceId }
-        };
+        });
       }
     }
     return defaultVideoConstraints;
@@ -5991,7 +5962,7 @@ var useVideoConstraints = (direction) => {
 // src/step/cameraStep/cameraCapture/overlay/Overlay.tsx
 var import_react34 = require("react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var captureButtonHeight = 92;
 var reviewButtonsHeight = 120;
 var imageHeight = 40;
@@ -6010,7 +5981,8 @@ var Overlay = ({
   const svgReference = (0, import_react34.useRef)(null);
   (0, import_react34.useEffect)(() => {
     const listener = debounce(() => {
-      if (svgReference.current?.innerHTML) {
+      var _a;
+      if ((_a = svgReference.current) == null ? void 0 : _a.innerHTML) {
         const reference = svgReference.current;
         reference.innerHTML += "";
       }
@@ -6019,18 +5991,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_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-    imageUrl && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("img", { className: "camera-capture-img", src: imageUrl, alt: "" }),
-    title && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("h4", { className: "camera-capture-title", children: title }),
-    instructions && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("small", { className: "camera-capture-instructions", children: instructions })
+  let helperBox = /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+    imageUrl && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("img", { className: "camera-capture-img", src: imageUrl, alt: "" }),
+    title && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("h4", { className: "camera-capture-title", children: title }),
+    instructions && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("small", { className: "camera-capture-instructions", children: instructions })
   ] });
   const frameBottomMargin = captureButtonHeight + helperBoxHeight;
   if (reviewInstructions) {
     helperBoxHeight = frameBottomMargin - reviewButtonsHeight;
-    helperBox = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("small", { className: "camera-capture-instructions", children: reviewInstructions });
+    helperBox = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("small", { className: "camera-capture-instructions", children: reviewInstructions });
     const frameWithReviewInstructionsMinBottomMargin = reviewButtonsHeight + reviewInstructionsHeight;
     if (frameBottomMargin < frameWithReviewInstructionsMinBottomMargin) {
-      helperBox = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, {});
+      helperBox = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_jsx_runtime57.Fragment, {});
     }
   }
   const framePosition = {
@@ -6048,14 +6020,14 @@ var Overlay = ({
       width: "90%"
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("svg", { ref: svgReference, xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("mask", { id: "mask", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("rect", { width: "100%", height: "100%", fill: "#fff" }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("image", { href: overlay, ...framePosition })
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("svg", { ref: svgReference, xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("mask", { id: "mask", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("rect", { width: "100%", height: "100%", fill: "#fff" }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("image", __spreadValues({ href: overlay }, framePosition))
     ] }) }),
-    overlay && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("rect", { width: "100%", height: "100%", mask: "url(#mask)", fillOpacity: "0.72" }),
-    outline && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("image", { href: outline, ...framePosition }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("foreignObject", { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "camera-capture-text-and-image-container", ...helperBoxPosition, children: helperBox }) })
+    overlay && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("rect", { width: "100%", height: "100%", mask: "url(#mask)", fillOpacity: "0.72" }),
+    outline && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("image", __spreadValues({ href: outline }, framePosition)),
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("foreignObject", { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", __spreadProps(__spreadValues({ className: "camera-capture-text-and-image-container" }, helperBoxPosition), { children: helperBox })) })
   ] });
 };
 var Overlay_default = Overlay;
@@ -6085,13 +6057,13 @@ var NoCameraAccess_messages_default = (0, import_react_intl24.defineMessages)({
 });
 // src/step/cameraStep/cameraCapture/screens/NoCameraAccess/NoCameraAccess.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var NoCameraAccess = ({ onAction }) => {
   const intl = (0, import_react_intl25.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { id: "no-camera-access", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "container p-t-5", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "col-md-6 col-md-offset-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h2", { className: "text-xs-center m-b-3", children: intl.formatMessage(NoCameraAccess_messages_default.title) }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-xs-center m-b-5", children: intl.formatMessage(NoCameraAccess_messages_default.paragraph) }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_components28.Button, { block: true, onClick: onAction, children: intl.formatMessage(NoCameraAccess_messages_default.action) })
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { id: "no-camera-access", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "container p-t-5", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "col-md-6 col-md-offset-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("h2", { className: "text-xs-center m-b-3", children: intl.formatMessage(NoCameraAccess_messages_default.title) }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-xs-center m-b-5", children: intl.formatMessage(NoCameraAccess_messages_default.paragraph) }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_components28.Button, { block: true, onClick: onAction, children: intl.formatMessage(NoCameraAccess_messages_default.action) })
   ] }) }) }) });
 };
 var NoCameraAccess_default = NoCameraAccess;
@@ -6115,37 +6087,37 @@ var CameraNotSupported_messages_default = (0, import_react_intl26.defineMessages
 });
 // src/step/cameraStep/cameraCapture/screens/CameraNotSupported/CameraNotSupported.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var CameraNotSupported = () => {
   const intl = (0, import_react_intl27.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { id: "camera-not-supported", 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(CameraNotSupported_messages_default.title) }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-xs-center m-b-5", children: intl.formatMessage(CameraNotSupported_messages_default.paragraph) })
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { id: "camera-not-supported", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "container p-t-5", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "col-md-6 col-md-offset-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h2", { className: "text-xs-center m-b-3", children: intl.formatMessage(CameraNotSupported_messages_default.title) }),
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-xs-center m-b-5", children: intl.formatMessage(CameraNotSupported_messages_default.paragraph) })
   ] }) }) }) });
 };
 var CameraNotSupported_default = CameraNotSupported;
 // src/step/cameraStep/cameraCapture/tracking/index.ts
-var trackCameraPermissionDenied = (onEvent) => onEvent?.("Dynamic Flow - Camera Permission Denied", {});
-var trackCameraFeedStarted = async (onEvent, props, stream) => onEvent?.("Dynamic Flow - Camera Feed Started", await getCameraStartedProperties(props, stream));
-var trackCameraNotSupported = (onEvent, error) => onEvent?.("Dynamic Flow - Camera Not Supported", { Error: error });
+var trackCameraPermissionDenied = (onEvent) => onEvent == null ? void 0 : onEvent("Dynamic Flow - Camera Permission Denied", {});
+var trackCameraFeedStarted = async (onEvent, props, stream) => onEvent == null ? void 0 : onEvent("Dynamic Flow - Camera Feed Started", await getCameraStartedProperties(props, stream));
+var trackCameraNotSupported = (onEvent, error) => onEvent == null ? void 0 : onEvent("Dynamic Flow - Camera Not Supported", { Error: error });
 var getCameraStartedProperties = async (props, videoStream) => {
+  var _a;
   const videoTrack = getVideoTrack(videoStream);
   const capabilities = getVideoCapabilities(videoStream);
-  const settings = videoTrack?.getSettings?.();
-  return {
-    ...videoTrack && {
-      "Available Video Devices (by label)": await getAvailableVideoDeviceLabels(),
-      "Active Video Device (by label)": await getActiveVideoDeviceLabel(videoStream),
-      "Camera Capabilities": capabilities,
-      "Camera Settings": settings
-    },
-    "Camera Direction (Asked)": props?.direction
-  };
+  const settings = (_a = videoTrack == null ? void 0 : videoTrack.getSettings) == null ? void 0 : _a.call(videoTrack);
+  return __spreadProps(__spreadValues({}, videoTrack && {
+    "Available Video Devices (by label)": await getAvailableVideoDeviceLabels(),
+    "Active Video Device (by label)": await getActiveVideoDeviceLabel(videoStream),
+    "Camera Capabilities": capabilities,
+    "Camera Settings": settings
+  }), {
+    "Camera Direction (Asked)": props == null ? void 0 : props.direction
+  });
 };
 // src/step/cameraStep/cameraCapture/CameraCapture.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var CameraCapture = ({
   direction = "back",
   overlay = "",
@@ -6165,10 +6137,11 @@ var CameraCapture = ({
   const { videoConstraints } = useVideoConstraints(direction);
   const intl = (0, import_react_intl28.useIntl)();
   const handleCapture = (0, import_react35.useCallback)(async () => {
-    if (webcamReference?.current?.video && webcamReference?.current?.video?.readyState >= 3) {
-      webcamReference?.current?.video?.pause();
-      const canvas = await generateCanvasFromVideo(webcamReference?.current?.video);
-      canvas?.toBlob(
+    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();
+      const canvas = await generateCanvasFromVideo((_f = webcamReference == null ? void 0 : webcamReference.current) == null ? void 0 : _f.video);
+      canvas == null ? void 0 : canvas.toBlob(
         (blob) => {
           if (blob) {
             if (showReview) {
@@ -6187,7 +6160,7 @@ var CameraCapture = ({
   }, [webcamReference, showReview, setReviewImage, setMode, onCapture, isVideoMirrored]);
   const handleUserMediaError = (0, import_react35.useCallback)(
     (error) => {
-      if (error instanceof DOMException && error?.name === "NotAllowedError") {
+      if (error instanceof DOMException && (error == null ? void 0 : error.name) === "NotAllowedError") {
         setMode("NO_CAMERA_ACCESS");
         trackCameraPermissionDenied(onEvent);
         return;
@@ -6206,15 +6179,15 @@ var CameraCapture = ({
     [setIsVideoMirrored, onEvent, direction]
   );
   const handleReviewSubmit = () => {
-    onCapture(reviewImage?.blob || null);
+    onCapture((reviewImage == null ? void 0 : reviewImage.blob) || null);
   };
   const handleReviewRetry = () => {
     setMode("CAPTURE");
     setReviewImage(void 0);
   };
   const handleRetryCameraAccess = () => setMode("CAPTURE");
-  const captureScreen = /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
-    videoConstraints && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  const captureScreen = /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
+    videoConstraints && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       import_react_webcam.default,
       {
         ref: webcamReference,
@@ -6225,7 +6198,7 @@ var CameraCapture = ({
         onUserMedia: handleUserMedia
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       Overlay_default,
       {
         overlay,
@@ -6235,11 +6208,11 @@ var CameraCapture = ({
         instructions
       }
     ),
-    ready && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(CaptureBottomBar, { onCapture: () => void handleCapture() })
+    ready && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CaptureBottomBar, { onCapture: () => void handleCapture() })
   ] });
-  const reviewScreen = /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("img", { className: "review-image", src: reviewImage?.source, alt: "" }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  const reviewScreen = /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("img", { className: "review-image", src: reviewImage == null ? void 0 : reviewImage.source, alt: "" }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       Overlay_default,
       {
         overlay,
@@ -6249,19 +6222,19 @@ var CameraCapture = ({
         reviewInstructions: intl.formatMessage(CameraCapture_messages_default.reviewInstructions)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ReviewBottomBar, { onSubmit: handleReviewSubmit, onRetry: handleReviewRetry })
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ReviewBottomBar, { onSubmit: handleReviewSubmit, onRetry: handleReviewRetry })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("section", { className: "camera-capture", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("section", { className: "camera-capture", children: [
     mode === "CAPTURE" && captureScreen,
     mode === "REVIEW" && reviewScreen,
-    mode === "NO_CAMERA_ACCESS" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(NoCameraAccess_default, { onAction: handleRetryCameraAccess }),
-    mode === "CAMERA_NOT_SUPPORTED" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(CameraNotSupported_default, {})
+    mode === "NO_CAMERA_ACCESS" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(NoCameraAccess_default, { onAction: handleRetryCameraAccess }),
+    mode === "CAMERA_NOT_SUPPORTED" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CameraNotSupported_default, {})
   ] });
 };
 var CameraCapture_default = CameraCapture;
 // src/step/cameraStep/CameraStep.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function blobToBase64(blob) {
   return new Promise((resolve, _) => {
     const reader = new FileReader();
@@ -6299,7 +6272,7 @@ var CameraStep = (props) => {
       });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     CameraCapture_default,
     {
       overlay,
@@ -6337,10 +6310,11 @@ function getCameraSchema(step) {
   return firstProperty;
 }
 function getFirstAction(step) {
-  if (!step.schemas || filterHiddenSchemas(step.schemas)?.length !== 1) {
+  var _a, _b;
+  if (!step.schemas || ((_a = filterHiddenSchemas(step.schemas)) == null ? void 0 : _a.length) !== 1) {
     throw new Error("camera step expects 1 non-hidden object schema");
   }
-  if (step?.actions?.length !== 1) {
+  if (((_b = step == null ? void 0 : step.actions) == null ? void 0 : _b.length) !== 1) {
     throw new Error("camera step expects 1 action");
   }
   return step.actions[0];
@@ -6375,12 +6349,12 @@ var ExternalConfirmationStep_messages_default = (0, import_react_intl29.defineMe
 });
 // src/step/externalConfirmationStep/ExternalConfirmationStep.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
-var noop5 = () => {
+var import_jsx_runtime62 = require("react/jsx-runtime");
+var noop4 = () => {
 };
 var ExternalConfirmationStep = ({ url, onClose }) => {
   const { formatMessage } = (0, import_react_intl30.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     DynamicLayout_default,
     {
       components: [
@@ -6430,8 +6404,8 @@ var ExternalConfirmationStep = ({ url, onClose }) => {
         }
         onClose();
       },
-      onModelChange: noop5,
-      onPersistAsync: noop5
+      onModelChange: noop4,
+      onPersistAsync: noop4
     }
   );
 };
@@ -6439,7 +6413,7 @@ var ExternalConfirmationStep_default = ExternalConfirmationStep;
 function getOrigin(url) {
   try {
     return new URL(url).origin;
-  } catch {
+  } catch (e) {
     return url;
   }
 }
@@ -6447,21 +6421,21 @@ function getOrigin(url) {
 // src/dynamicFlow/BackButton.tsx
 var import_components30 = require("@transferwise/components");
 var import_icons2 = require("@transferwise/icons");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var BackButton = ({ title, action, onAction }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
     "a",
     {
       onClick: (event) => {
         event.preventDefault();
-        onAction({ ...action, skipValidation: true });
+        onAction(__spreadProps(__spreadValues({}, action), { skipValidation: true }));
       },
       href: "/",
       className: "df-back-btn",
       "aria-label": title,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "sr-only", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_components30.Avatar, { type: "icon", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons2.ArrowLeft, { size: "24" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "sr-only", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_components30.Avatar, { type: "icon", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_icons2.ArrowLeft, { size: "24" }) })
       ]
     }
   );
@@ -6469,25 +6443,26 @@ var BackButton = ({ title, action, onAction }) => {
 var BackButton_default = BackButton;
 // src/dynamicFlow/DynamicFlowStep.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var DynamicFlowStep = (props) => {
+  var _a, _b, _c;
   const { step, globalError, onAction } = props;
-  const externalUrl = step?.external?.url;
-  const backButton = step?.navigation?.back || step?.navigation?.backButton;
+  const externalUrl = (_a = step == null ? void 0 : step.external) == null ? void 0 : _a.url;
+  const backButton = ((_b = step == null ? void 0 : step.navigation) == null ? void 0 : _b.back) || ((_c = step == null ? void 0 : step.navigation) == null ? void 0 : _c.backButton);
   const { requiresManualTrigger, dismissConfirmation } = useExternal(externalUrl);
   if (step === void 0) {
     return null;
   }
   if (externalUrl && requiresManualTrigger) {
-    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ExternalConfirmationStep_default, { url: externalUrl, onClose: dismissConfirmation });
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ExternalConfirmationStep_default, { url: externalUrl, onClose: dismissConfirmation });
   }
   if (isCameraStep(step)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(CameraStep_default, { ...props, step });
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(CameraStep_default, __spreadProps(__spreadValues({}, props), { step }));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
-    backButton && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(BackButton_default, { ...backButton, onAction }),
-    globalError ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(DynamicAlert_default, { component: { context: "negative", markdown: globalError, margin: "lg" } }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(LayoutStep_default, { ...props, stepSpecification: step })
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
+    backButton && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(BackButton_default, __spreadProps(__spreadValues({}, backButton), { onAction })),
+    globalError ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(DynamicAlert_default, { component: { context: "negative", markdown: globalError, margin: "lg" } }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(LayoutStep_default, __spreadProps(__spreadValues({}, props), { stepSpecification: step }))
   ] });
 };
@@ -6520,29 +6495,30 @@ var shouldDebounceSchema = (schema) => getSchemaType(schema) === "basic" && sche
 // src/dynamicFlow/utils/useDynamicFlowState.ts
 var import_react38 = require("react");
 var useDynamicFlowState = (initialStep) => {
-  const [formErrors, setFormErrors] = (0, import_react38.useState)(initialStep?.errors?.validation);
-  const [globalError, setGlobalError] = (0, import_react38.useState)(initialStep?.errors?.error);
+  var _a, _b;
+  const [formErrors, setFormErrors] = (0, import_react38.useState)((_a = initialStep == null ? void 0 : initialStep.errors) == null ? void 0 : _a.validation);
+  const [globalError, setGlobalError] = (0, import_react38.useState)((_b = initialStep == null ? void 0 : initialStep.errors) == null ? void 0 : _b.error);
   const [stepAndModels, setStepAndModels] = (0, import_react38.useState)({
     step: initialStep || void 0,
-    models: initialStep?.model ? buildInitialModels(initialStep.model, getAllSchemas(initialStep)) : {},
+    models: (initialStep == null ? void 0 : initialStep.model) ? buildInitialModels(initialStep.model, getAllSchemas(initialStep)) : {},
     etag: void 0
   });
   const { step, models, etag } = stepAndModels;
   const setStepAndEtag = (step2, etag2) => {
+    var _a2, _b2, _c, _d;
     setStepAndModels((previous) => ({
       step: step2,
       models: step2.model ? buildInitialModels(step2.model, getAllSchemas(step2)) : previous.models,
       etag: etag2
     }));
-    setFormErrors(step2?.errors?.validation ?? null);
-    setGlobalError(step2?.errors?.error ?? null);
+    setFormErrors((_b2 = (_a2 = step2 == null ? void 0 : step2.errors) == null ? void 0 : _a2.validation) != null ? _b2 : null);
+    setGlobalError((_d = (_c = step2 == null ? void 0 : step2.errors) == null ? void 0 : _c.error) != null ? _d : null);
   };
   const setSchemaModel = (schemaId, objectModel, onModelsUpdated) => {
     setStepAndModels((previous) => {
-      const updatedModels = {
-        ...previous.models,
+      const updatedModels = __spreadProps(__spreadValues({}, previous.models), {
         [schemaId]: objectModel
-      };
+      });
       const updatedState = {
         step: previous.step,
         models: updatedModels,
@@ -6574,15 +6550,14 @@ var buildInitialModels = (model, schemas = []) => {
     if (!schema.$id) {
       console.warn("Schema without $id property found.");
     }
-    return {
-      ...acc,
+    return __spreadProps(__spreadValues({}, acc), {
       [schema.$id || ""]: getValidObjectModelParts(model, schema) || {}
-    };
+    });
   }, {});
 };
 var getAllSchemas = (step) => [
-  ...getAllSchemasInLayout(step?.layout || []),
-  ...step?.schemas || []
+  ...getAllSchemasInLayout((step == null ? void 0 : step.layout) || []),
+  ...(step == null ? void 0 : step.schemas) || []
 ];
 var getAllSchemasInLayout = (components) => components.flatMap((component) => {
   switch (component.type) {
@@ -6597,8 +6572,8 @@ var getAllSchemasInLayout = (components) => components.flatMap((component) => {
   }
 });
 var getAllValidatableSchemas = (step) => [
-  ...getAllReferencedSchemaIds(step?.layout || []).map((id) => (step?.schemas || []).find((schema) => schema.$id === id)).filter(Boolean),
-  ...getAllSchemasInLayout(step?.layout || [])
+  ...getAllReferencedSchemaIds((step == null ? void 0 : step.layout) || []).map((id) => ((step == null ? void 0 : step.schemas) || []).find((schema) => schema.$id === id)).filter(Boolean),
+  ...getAllSchemasInLayout((step == null ? void 0 : step.layout) || [])
 ];
 var getAllReferencedSchemaIds = (components) => components.flatMap((component) => {
   switch (component.type) {
@@ -6613,12 +6588,12 @@ var getAllReferencedSchemaIds = (components) => components.flatMap((component) =
   }
 }).filter(Boolean);
 var areModelsValid = (formModels, schemas = []) => {
-  return !schemas?.some((schema) => {
+  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 getSchemaReference = (component) => {
   if (component.schema && !isInlineSchema(component.schema)) {
@@ -6633,17 +6608,16 @@ var isInlineSchema = (schema) => {
 // src/dynamicFlow/utils/useLoader.tsx
 var import_components31 = require("@transferwise/components");
 var import_react39 = require("react");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function useLoader(loaderConfig, initialState) {
-  const config = {
+  const config = __spreadValues({
     size: import_components31.Size.EXTRA_LARGE,
     initial: true,
-    submission: false,
-    ...loaderConfig
-  };
+    submission: false
+  }, loaderConfig);
   const [loadingState, setLoadingState] = (0, import_react39.useState)(initialState);
   const shouldDisplayLoader = config.initial && loadingState === "initial" || config.submission && loadingState === "submission";
-  const loader = shouldDisplayLoader ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  const loader = shouldDisplayLoader ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     import_components31.Loader,
     {
       size: config.size,
@@ -6660,10 +6634,10 @@ var import_react40 = require("react");
 // src/dynamicFlow/utils/errorBoundary/ErrorBoundaryAlert.tsx
 var import_components32 = require("@transferwise/components");
 var import_react_intl31 = require("react-intl");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var ErrorBoundaryAlert = ({ onDismiss }) => {
   const { formatMessage } = (0, import_react_intl31.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     import_components32.Alert,
     {
       action: {
@@ -6679,8 +6653,8 @@ var ErrorBoundaryAlert = ({ onDismiss }) => {
 };
 // src/dynamicFlow/utils/errorBoundary/ErrorBoundary.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
-var noop6 = () => {
+var import_jsx_runtime67 = require("react/jsx-runtime");
+var noop5 = () => {
 };
 var ErrorBoundary = class extends import_react40.Component {
   constructor(props) {
@@ -6694,14 +6668,14 @@ var ErrorBoundary = class extends import_react40.Component {
     return { hasError: true, isFatalError: true };
   }
   componentDidCatch(error) {
-    const { onError = noop6 } = this.props;
+    const { onError = noop5 } = this.props;
     onError(error);
   }
   render() {
     const { children } = this.props;
     const { hasError, isFatalError } = this.state;
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
-      hasError && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ErrorBoundaryAlert, { onDismiss: this.handleErrorReset }),
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
+      hasError && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ErrorBoundaryAlert, { onDismiss: this.handleErrorReset }),
       !isFatalError && children
     ] });
   }
@@ -6751,16 +6725,17 @@ var parseExitResponse = async (response) => {
   return { type: "exit", result: await getJsonObjectOrNull(response) };
 };
 var parseFetchResponse = async (response) => {
+  var _a, _b, _c;
   assertResponseIsValid(response);
-  if (response.headers?.has("X-Df-Response-Type")) {
+  if ((_a = response.headers) == null ? void 0 : _a.has("X-Df-Response-Type")) {
     const type = response.headers.get("X-Df-Response-Type");
     return parseFetchResponseByResponseType(response, type);
   }
-  if (response.headers?.has("X-Df-ResponseType")) {
+  if ((_b = response.headers) == null ? void 0 : _b.has("X-Df-ResponseType")) {
     const type = response.headers.get("X-Df-ResponseType");
     return parseFetchResponseByResponseType(response, type);
   }
-  if (response.headers?.has("X-Df-Exit")) {
+  if ((_c = response.headers) == null ? void 0 : _c.has("X-Df-Exit")) {
     return parseExitResponse(response);
   }
   const jsonBody = await parseResponseJson(response.clone());
@@ -6788,7 +6763,7 @@ var getJsonObjectOrNull = async (response) => {
 var parseResponseJson = async (response) => {
   try {
     return await response.json();
-  } catch {
+  } catch (e) {
     return null;
   }
 };
@@ -6805,8 +6780,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_runtime69 = require("react/jsx-runtime");
-var noop7 = () => {
+var import_jsx_runtime68 = require("react/jsx-runtime");
+var noop6 = () => {
 };
 var DynamicFlowComponent = ({
   flowId,
@@ -6817,8 +6792,8 @@ var DynamicFlowComponent = ({
   displayStepTitle = true,
   onCompletion,
   onError,
-  onEvent = noop7,
-  onLog = noop7
+  onEvent = noop6,
+  onLog = noop6
 }) => {
   const { locale } = (0, import_react_intl32.useIntl)();
   const {
@@ -6838,9 +6813,12 @@ var DynamicFlowComponent = ({
     loaderConfig,
     initialStep ? "idle" : "initial"
   );
-  const logCritical = getLogger("critical", onLog, flowId, step?.id || step?.key);
+  const logCritical = getLogger("critical", onLog, flowId, (step == null ? void 0 : step.id) || (step == null ? void 0 : step.key));
   const analyticsMetadata = (0, import_react41.useMemo)(
-    () => ({ flowId, stepId: step?.id || step?.key, ...step?.analytics ?? {} }),
+    () => {
+      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_react41.useMemo)(
@@ -6850,14 +6828,13 @@ var DynamicFlowComponent = ({
   const dfHttpClient = (0, import_react41.useCallback)(
     ({ action, data, etag: etag2 }) => {
       const { url, method = "POST" } = action;
-      return httpClient(url ?? "", {
+      return httpClient(url != null ? url : "", {
         method,
-        headers: {
+        headers: __spreadValues({
           "accept-language": locale,
           // FIXME move this out of the library https://transferwise.atlassian.net/browse/MC-3286
-          "Content-Type": "application/json",
-          ...etag2 ? { "If-None-Match": etag2 } : {}
-        },
+          "Content-Type": "application/json"
+        }, etag2 ? { "If-None-Match": etag2 } : {}),
         credentials: "include",
         body: method === "GET" ? void 0 : JSON.stringify(data)
       });
@@ -6895,7 +6872,7 @@ var DynamicFlowComponent = ({
   };
   const handleExitResponse = async (response, actionResult) => {
     const exitResult = await getJsonObjectOrNull(response);
-    dispatchEventAndComplete({ ...exitResult, ...actionResult });
+    dispatchEventAndComplete(__spreadValues(__spreadValues({}, exitResult), actionResult));
   };
   const debouncedRefresh = useDebouncedRefresh(performRefresh);
   const dispatchEventAndComplete = (0, import_react41.useCallback)(
@@ -6910,11 +6887,10 @@ var DynamicFlowComponent = ({
   }, []);
   (0, import_react41.useEffect)(() => {
     if (!initialStep) {
-      const action = {
+      const action = __spreadValues({
         id: "#initial-step-request",
-        method: "GET",
-        ...initialAction
-      };
+        method: "GET"
+      }, initialAction);
       void performAction(action, action.data);
     }
   }, [httpClient, locale, JSON.stringify(initialStep), JSON.stringify(initialAction)]);
@@ -6946,10 +6922,9 @@ var DynamicFlowComponent = ({
     setLoadingState("idle");
     if (fetchType === "submission") {
       setSubmitted(false);
-      dispatchEvent("Dynamic Flow - Step Started", {
-        stepId: newStep.id || newStep.key,
-        ...newStep?.analytics
-      });
+      dispatchEvent("Dynamic Flow - Step Started", __spreadValues({
+        stepId: newStep.id || newStep.key
+      }, newStep == null ? void 0 : newStep.analytics));
     } else {
       dispatchEvent("Dynamic Flow - Step Refreshed", { status: "success" });
     }
@@ -6995,7 +6970,7 @@ var DynamicFlowComponent = ({
     const { triggerSchema } = props;
     if (shouldTriggerRefresh(props)) {
       const triggerSchemaRefreshUrl = triggerSchema.refreshUrl || triggerSchema.refreshFormUrl;
-      const stepRefreshUrl = step?.refreshUrl || step?.refreshFormUrl;
+      const stepRefreshUrl = (step == null ? void 0 : step.refreshUrl) || (step == null ? void 0 : step.refreshFormUrl);
       const refreshUrl = triggerSchemaRefreshUrl || stepRefreshUrl;
       if (refreshUrl) {
         debouncedRefresh(refreshUrl, combineModels2(updatedModels), etag, triggerSchema);
@@ -7012,7 +6987,7 @@ var DynamicFlowComponent = ({
     }
     const actionHandler = action.exit ? performExitAction : performAction;
     const { data, method, skipValidation } = action;
-    const submissionData = { ...combineModels2(models), ...data };
+    const submissionData = __spreadValues(__spreadValues({}, combineModels2(models)), data);
     if (isSubmissionMethod(method)) {
       setFormErrors(null);
       if (!skipValidation) {
@@ -7025,7 +7000,7 @@ var DynamicFlowComponent = ({
       await actionHandler(action);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(LogProvider, { flowId, stepId: step?.id || step?.key, onLog, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(EventsContextProvider, { metadata: analyticsMetadata, onEvent, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DynamicFlowProvider, { loading: isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(HttpClientProvider, { httpClient, children: loader !== null ? loader : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(LogProvider, { flowId, stepId: (step == null ? void 0 : step.id) || (step == null ? void 0 : step.key), onLog, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(EventsContextProvider, { metadata: analyticsMetadata, onEvent, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DynamicFlowProvider, { loading: isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(HttpClientProvider, { httpClient, children: loader !== null ? loader : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     DynamicFlowStep,
     {
       step,
@@ -7041,10 +7016,10 @@ var DynamicFlowComponent = ({
     }
   ) }) }) }) });
 };
-var DynamicFlow = (props) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ErrorBoundary_default, { onError: props.onError, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DynamicFlowComponent, { ...props }) });
+var DynamicFlow = (props) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ErrorBoundary_default, { onError: props.onError, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DynamicFlowComponent, __spreadValues({}, props)) });
 var DynamicFlow_default = DynamicFlow;
 var combineModels2 = (formModels) => {
-  return Object.values(formModels).reduce((previous, model) => ({ ...previous, ...model }), {});
+  return Object.values(formModels).reduce((previous, model) => __spreadValues(__spreadValues({}, previous), model), {});
 };
 var isSubmissionMethod = (method = "POST") => {
   const submissionMethods = ["POST", "PUT", "PATCH"];
@@ -7054,10 +7029,31 @@ var shouldTriggerRefresh = (props) => {
   const { type, triggerSchema, triggerModel, lastTriggerModel = null } = props;
   const isValid = () => isValidSchema(triggerModel, triggerSchema);
   const wasValid = () => isValidSchema(lastTriggerModel, triggerSchema);
-  const hasRefreshOnChange = triggerSchema?.refreshStepOnChange || triggerSchema?.refreshFormOnChange;
+  const hasRefreshOnChange = (triggerSchema == null ? void 0 : triggerSchema.refreshStepOnChange) || (triggerSchema == null ? void 0 : triggerSchema.refreshFormOnChange);
   return type !== "init" && hasRefreshOnChange && (isValid() || wasValid());
 };
+// src/jsonSchemaForm/JsonSchemaForm.tsx
+var import_jsx_runtime69 = require("react/jsx-runtime");
+var JsonSchemaForm = (props) => {
+  const schemaProps = __spreadValues({
+    model: null,
+    errors: null
+  }, props);
+  const { baseUrl = "", onEvent = noop7, onLog = noop7 } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(LogProvider, { flowId: "JsonSchemaForm", stepId: "JsonSchemaForm", onLog, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    EventsContextProvider,
+    {
+      metadata: { flowId: "JsonSchemaForm", stepId: "JsonSchemaForm" },
+      onEvent,
+      children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(HttpClientProviderFromBaseUrl, { baseUrl, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(GenericSchema_default, __spreadValues({}, schemaProps)) })
+    }
+  ) });
+};
+var JsonSchemaForm_default = JsonSchemaForm;
+var noop7 = () => {
+};
 // src/i18n/de.json
 var de_default = {
   "dynamicFlows.ArraySchema.addItem": "Speichern",