@wise/dynamic-flow-client 2.2.0 → 2.2.1

package/build/main.js

@@ -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, {});
 };
@@ -4775,15 +4761,14 @@ var isValidGenericSchema = (schema, model, errors) => {
 // src/jsonSchemaForm/JsonSchemaForm.tsx
 var import_jsx_runtime40 = require("react/jsx-runtime");
 var JsonSchemaForm = (props) => {
-  const schemaProps = {
+  const schemaProps = __spreadValues({
     model: null,
     errors: null,
     disabled: false,
-    baseUrl: "",
-    ...props
-  };
+    baseUrl: ""
+  }, props);
   if (useHasHttpClientProvider() || schemaProps.baseUrl == null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(GenericSchema_default, { ...schemaProps });
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(GenericSchema_default, __spreadValues({}, schemaProps));
   }
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     Providers,
@@ -4791,17 +4776,17 @@ var JsonSchemaForm = (props) => {
       baseUrl: schemaProps.baseUrl,
       onEvent: schemaProps.onEvent,
       onLog: schemaProps.onLog,
-      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(GenericSchema_default, { ...schemaProps })
+      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(GenericSchema_default, __spreadValues({}, 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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(LogProvider, { flowId: "JsonSchemaForm", stepId: "JsonSchemaForm", onLog: onLog != null ? onLog : noop2, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     EventsContextProvider,
     {
       metadata: { flowId: "JsonSchemaForm", stepId: "JsonSchemaForm" },
-      onEvent: onEvent ?? noop2,
+      onEvent: onEvent != null ? onEvent : noop2,
       children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(HttpClientProviderFromBaseUrl, { baseUrl, children })
     }
   ) });
@@ -4822,7 +4807,7 @@ var DynamicForm = (props) => {
       submitted: props.submitted,
       errors: props.errors,
       onChange: (parameters) => {
-        props.onModelChange({ formSchema, ...parameters });
+        props.onModelChange(__spreadValues({ formSchema }, parameters));
       },
       onPersistAsync: props.onPersistAsync
     }
@@ -4882,7 +4867,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_runtime44.jsx)("div", { className: `df-image ${size || "md"}`, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_components18.Image, __spreadValues({ className: `img-responsive ${getMargin(margin || "md")}` }, imageProps)) });
 };
 var readImageBlobAsDataURL = (imageBlob) => {
   return new Promise((resolve, reject) => {
@@ -4893,8 +4878,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 +4893,7 @@ var getImageSource = async (httpClient, imageUrl) => {
       }).then(readImageBlobAsDataURL).catch(() => imageUrl);
     }
     return imageUrl;
-  } catch {
+  } catch (e) {
     return imageUrl;
   }
 };
@@ -4979,7 +4965,7 @@ 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));
@@ -5034,14 +5020,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_runtime47.jsx)(DynamicIcon_default, { type: icon.name }) } : {}), status ? { status: statusMap[status] } : {});
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_components20.Summary, __spreadValues({}, props));
 };
 var statusListMap = {
   done: "done",
@@ -5053,7 +5037,7 @@ 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
@@ -5116,7 +5100,8 @@ 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(noop4);
   };
   const classNames7 = getTextAlignmentAndMargin({ align: component.align }) + " form-control";
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: getTextAlignmentAndMargin(component), children: [
@@ -5289,7 +5274,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;
@@ -5399,6 +5385,7 @@ 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 +5416,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 +5440,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);
     }
@@ -5495,7 +5483,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
@@ -5517,7 +5505,8 @@ 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 +5558,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();
     }
@@ -5650,9 +5639,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 +5780,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 +5790,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)(() => {
@@ -5818,6 +5805,7 @@ function useStepPolling(polling, onAction) {
 // src/step/layoutStep/LayoutStep.tsx
 var import_jsx_runtime56 = require("react/jsx-runtime");
 var getComponents = (step, options) => {
+  var _a;
   if (isEmpty(step)) {
     return [];
   }
@@ -5826,7 +5814,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) => {
@@ -5933,16 +5921,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 +5939,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 +5979,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;
@@ -6010,7 +6011,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 += "";
       }
@@ -6051,11 +6053,11 @@ var Overlay = ({
   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 })
+      /* @__PURE__ */ (0, import_jsx_runtime58.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 }) })
+    outline && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("image", __spreadValues({ href: outline }, framePosition)),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("foreignObject", { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", __spreadProps(__spreadValues({ className: "camera-capture-text-and-image-container" }, helperBoxPosition), { children: helperBox })) })
   ] });
 };
 var Overlay_default = Overlay;
@@ -6126,22 +6128,22 @@ var CameraNotSupported = () => {
 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
@@ -6165,10 +6167,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 +6190,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,7 +6209,7 @@ var CameraCapture = ({
     [setIsVideoMirrored, onEvent, direction]
   );
   const handleReviewSubmit = () => {
-    onCapture(reviewImage?.blob || null);
+    onCapture((reviewImage == null ? void 0 : reviewImage.blob) || null);
   };
   const handleReviewRetry = () => {
     setMode("CAPTURE");
@@ -6238,7 +6241,7 @@ var CameraCapture = ({
     ready && /* @__PURE__ */ (0, import_jsx_runtime61.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)("img", { className: "review-image", src: reviewImage == null ? void 0 : reviewImage.source, alt: "" }),
     /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       Overlay_default,
       {
@@ -6337,10 +6340,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];
@@ -6439,7 +6443,7 @@ var ExternalConfirmationStep_default = ExternalConfirmationStep;
 function getOrigin(url) {
   try {
     return new URL(url).origin;
-  } catch {
+  } catch (e) {
     return url;
   }
 }
@@ -6454,7 +6458,7 @@ var BackButton = ({ title, action, onAction }) => {
     {
       onClick: (event) => {
         event.preventDefault();
-        onAction({ ...action, skipValidation: true });
+        onAction(__spreadProps(__spreadValues({}, action), { skipValidation: true }));
       },
       href: "/",
       className: "df-back-btn",
@@ -6471,9 +6475,10 @@ var BackButton_default = BackButton;
 // src/dynamicFlow/DynamicFlowStep.tsx
 var import_jsx_runtime65 = 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;
@@ -6482,12 +6487,12 @@ var DynamicFlowStep = (props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.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 }),
+    backButton && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(BackButton_default, __spreadProps(__spreadValues({}, 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 })
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(LayoutStep_default, __spreadProps(__spreadValues({}, props), { stepSpecification: step }))
   ] });
 };
 
@@ -6520,29 +6525,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 +6580,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 +6602,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 +6618,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)) {
@@ -6635,12 +6640,11 @@ var import_components31 = require("@transferwise/components");
 var import_react39 = require("react");
 var import_jsx_runtime66 = 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)(
@@ -6751,16 +6755,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 +6793,7 @@ var getJsonObjectOrNull = async (response) => {
 var parseResponseJson = async (response) => {
   try {
     return await response.json();
-  } catch {
+  } catch (e) {
     return null;
   }
 };
@@ -6838,9 +6843,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 +6858,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 +6902,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 +6917,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 +6952,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 +7000,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 +7017,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 +7030,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_runtime69.jsx)(LogProvider, { flowId, stepId: (step == null ? void 0 : step.id) || (step == null ? void 0 : 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)(
     DynamicFlowStep,
     {
       step,
@@ -7041,10 +7046,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_runtime69.jsx)(ErrorBoundary_default, { onError: props.onError, children: /* @__PURE__ */ (0, import_jsx_runtime69.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,7 +7059,7 @@ 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());
 };