@wise/dynamic-flow-client 2.2.0-beta-f39e6a.11 → 2.2.0

package/build/main.js

@@ -1,27 +1,10 @@
 "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 ||= {})
-    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;
 };
@@ -50,6 +33,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // ../../node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.js
 var require_classnames = __commonJS({
   "../../node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.js"(exports, module2) {
+    "use strict";
     (function() {
       "use strict";
       var hasOwn = {}.hasOwnProperty;
@@ -98,9 +82,10 @@ var require_classnames = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/react-webcam@7.0.1_biqbaboplfbrettd7655fr4n2y/node_modules/react-webcam/dist/react-webcam.js
+// ../../node_modules/.pnpm/react-webcam@7.1.1_biqbaboplfbrettd7655fr4n2y/node_modules/react-webcam/dist/react-webcam.js
 var require_react_webcam = __commonJS({
-  "../../node_modules/.pnpm/react-webcam@7.0.1_biqbaboplfbrettd7655fr4n2y/node_modules/react-webcam/dist/react-webcam.js"(exports, module2) {
+  "../../node_modules/.pnpm/react-webcam@7.1.1_biqbaboplfbrettd7655fr4n2y/node_modules/react-webcam/dist/react-webcam.js"(exports, module2) {
+    "use strict";
     (function webpackUniversalModuleDefinition(root, factory) {
       if (typeof exports === "object" && typeof module2 === "object")
         module2.exports = factory(require("react"));
@@ -373,6 +358,8 @@ var require_react_webcam = __commonJS({
                     }
                     var _b = this, ctx = _b.ctx, canvas = _b.canvas;
                     if (ctx && canvas) {
+                      canvas.width = (screenshotDimensions === null || screenshotDimensions === void 0 ? void 0 : screenshotDimensions.width) || canvas.width;
+                      canvas.height = (screenshotDimensions === null || screenshotDimensions === void 0 ? void 0 : screenshotDimensions.height) || canvas.height;
                       if (props.mirrored) {
                         ctx.translate(canvas.width, 0);
                         ctx.scale(-1, 1);
@@ -611,7 +598,7 @@ function convertFinalStepToDynamicLayout(step) {
   }
   if (step.actions) {
     const actions = step.actions.map(
-      (action) => convertStepActionToDynamicAction(__spreadProps(__spreadValues({}, action), { type: action.type || "primary" }))
+      (action) => convertStepActionToDynamicAction({ ...action, type: action.type || "primary" })
     );
     layout.push(dynamicBox(actions, "md"));
   }
@@ -687,7 +674,7 @@ function convertFinalStepImageToDynamicImage(image) {
   } : convertStepImageToDynamicImage(image);
 }
 function convertStepActionToDynamicAction(action) {
-  const newAction = __spreadProps(__spreadValues({}, action), { title: action.title });
+  const newAction = { ...action, title: action.title };
   return {
     type: "button",
     action: newAction
@@ -781,7 +768,7 @@ function inlineFormSchema({
     };
   }
   if (formComponent.schema && !isReference(formComponent.schema)) {
-    return __spreadValues({}, formComponent);
+    return { ...formComponent };
   }
   throw new Error('Invalid form layout component. Missing "schema" or "schemaId" properties.');
 }
@@ -789,22 +776,22 @@ function inlineDecisionActions({
   decisionComponent,
   actions
 }) {
-  var _a;
-  const newOptions = (_a = decisionComponent == null ? void 0 : decisionComponent.options) == null ? void 0 : _a.map((option) => {
-    return option.action && isReference(option.action) ? __spreadProps(__spreadValues({}, option), {
+  const newOptions = decisionComponent?.options?.map((option) => {
+    return option.action && isReference(option.action) ? {
+      ...option,
       action: getActionById(actions, option.action.$ref)
-    }) : option;
+    } : option;
   });
-  return __spreadProps(__spreadValues({}, decisionComponent), {
+  return {
+    ...decisionComponent,
     options: newOptions
-  });
+  };
 }
 function inlineAction({
   actionComponent,
   actions
 }) {
-  var _a;
-  if (actionComponent.action && isReference(actionComponent.action) && ((_a = actionComponent.action) == null ? void 0 : _a.$ref)) {
+  if (actionComponent.action && isReference(actionComponent.action) && actionComponent.action?.$ref) {
     const newAction = getActionById(actions, actionComponent.action.$ref);
     return convertStepActionToDynamicAction(newAction);
   }
@@ -816,9 +803,10 @@ function inlineBoxReferences({
   actions,
   model
 }) {
-  return __spreadProps(__spreadValues({}, boxComponent), {
+  return {
+    ...boxComponent,
     components: inlineReferences({ layout: boxComponent.components, schemas, actions, model })
-  });
+  };
 }
 function inlineColumnsReferences({
   columnsComponent,
@@ -826,10 +814,11 @@ function inlineColumnsReferences({
   actions,
   model
 }) {
-  return __spreadProps(__spreadValues({}, columnsComponent), {
+  return {
+    ...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);
@@ -851,7 +840,7 @@ function isReference(block) {
 
 // src/dynamicFlow/DynamicFlow.tsx
 var import_react41 = require("react");
-var import_react_intl34 = require("react-intl");
+var import_react_intl32 = require("react-intl");
 
 // src/common/contexts/dynamicFlowContexts/DynamicFlowContexts.tsx
 var import_react2 = require("react");
@@ -916,8 +905,8 @@ function useEventDispatcher() {
 }
 var getEventDispatcher = (onEvent, metadata) => (eventName, properties = {}) => {
   try {
-    onEvent(eventName, __spreadValues(__spreadValues({}, metadata), properties));
-  } catch (e) {
+    onEvent(eventName, { ...metadata, ...properties });
+  } catch {
   }
 };
 
@@ -940,8 +929,8 @@ function isRelativePath(url = "") {
 // src/common/makeHttpClient/makeHttpClient.ts
 var makeHttpClient = (baseUrl, additionalHeaders) => (input, init) => {
   const resource = applyBaseUrl(input, baseUrl || "");
-  const headers2 = mergeHeaders(init == null ? void 0 : init.headers, additionalHeaders);
-  return fetch(resource, __spreadProps(__spreadValues({}, init || {}), { headers: headers2 }));
+  const headers2 = mergeHeaders(init?.headers, additionalHeaders);
+  return fetch(resource, { ...init || {}, headers: headers2 });
 };
 var applyBaseUrl = (input, baseUrl) => {
   return typeof input === "string" && isRelativePath(input) ? baseUrl + input : input;
@@ -981,11 +970,12 @@ 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}`, __spreadValues({
+    onLog(level, `Dynamic Flow ${level} - ${title} - ${description}`, {
       flowId,
-      stepId
-    }, extra));
-  } catch (e) {
+      stepId,
+      ...extra
+    });
+  } catch {
   }
 };
 var LogContext = (0, import_react5.createContext)(null);
@@ -1019,7 +1009,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 == null ? void 0 : value.constructor) === Object;
+var isObject = (value) => !isNull(value) && !isUndefined(value) && value?.constructor === Object;
 var isArray = (value) => Array.isArray(value);
 var isNull = (value) => value === null;
 var isUndefined = (value) => typeof value === "undefined";
@@ -1034,12 +1024,11 @@ 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 (_a = validModels.find((model2) => model2.some((item) => item !== null))) != null ? _a : validModels[0];
+  return validModels.find((model2) => model2.some((item) => item !== null)) ?? validModels[0];
 }
 function getValidArrayModelOrNull(model, schema) {
   if (!isArraySchema(schema)) {
@@ -1081,7 +1070,7 @@ function cleanObjectModelWithObjectSchema(model, schema) {
       const subSchema = schema.properties[property];
       const newValue = getValidModelParts(subModel, subSchema);
       if (!isNull(newValue)) {
-        return __spreadProps(__spreadValues({}, cleanedModel), { [property]: newValue });
+        return { ...cleanedModel, [property]: newValue };
       }
     }
     return cleanedModel;
@@ -1091,7 +1080,7 @@ function cleanObjectModelWithAllOfSchema(model, schema) {
   return schema.allOf.reduce((cleanObjectModel, nestedSchema) => {
     const validSubsetOfModel = getValidObjectModelParts(model, nestedSchema);
     if (isObjectModel(validSubsetOfModel)) {
-      return __spreadValues(__spreadValues({}, cleanObjectModel), validSubsetOfModel);
+      return { ...cleanObjectModel, ...validSubsetOfModel };
     }
     return cleanObjectModel;
   }, {});
@@ -1116,15 +1105,17 @@ function deepMergeObject(object1, object2) {
       const object1Property = object1[property];
       const object2Property = object2[property];
       if (isObjectModel(object1Property) && isObjectModel(object2Property)) {
-        return __spreadProps(__spreadValues({}, acc), {
+        return {
+          ...acc,
           [property]: deepMergeObject(object1Property, object2Property)
-        });
+        };
       }
-      return __spreadProps(__spreadValues({}, acc), {
+      return {
+        ...acc,
         [property]: object2[property]
-      });
+      };
     },
-    __spreadValues({}, object1)
+    { ...object1 }
   );
 }
 
@@ -1539,7 +1530,7 @@ var toBase64 = (file) => {
 };
 function areFilesSame(newFiles, files) {
   const fileIdToExistingFileMap = files.reduce((map, fileObject) => {
-    return __spreadProps(__spreadValues({}, map), { [fileObject.id]: fileObject });
+    return { ...map, [fileObject.id]: fileObject };
   }, {});
   for (const newFile of newFiles) {
     const existingFileObject = fileIdToExistingFileMap[newFile.id];
@@ -1562,7 +1553,7 @@ var generateRandomId = (prefix = "") => {
 
 // src/common/utils/schema-utils.ts
 function isConstSchema(schema) {
-  return !isUndefined(schema == null ? void 0 : schema.const);
+  return !isUndefined(schema?.const);
 }
 function isNoNConstSchema(schema) {
   return !!schema && !isConstSchema(schema);
@@ -1652,16 +1643,13 @@ var isCameraStep = (step) => {
   return isFormStep(step) && hasSingleAction(step) && hasSingleFileUploadSchemaWithCameraOnly(step);
 };
 var isFormStep = (step) => !step.type || step.type === "form";
-var hasSingleAction = (step) => {
-  var _a;
-  return ((_a = step == null ? void 0 : step.actions) == null ? void 0 : _a.length) === 1;
-};
+var hasSingleAction = (step) => step?.actions?.length === 1;
 var hasSingleFileUploadSchemaWithCameraOnly = (step) => {
   if (!step.schemas) {
     return false;
   }
   const schemas = filterHiddenSchemas(step.schemas);
-  if ((schemas == null ? void 0 : schemas.length) !== 1) {
+  if (schemas?.length !== 1) {
     return false;
   }
   const firstSchema = schemas[0];
@@ -1677,9 +1665,9 @@ var hasSingleFileUploadSchemaWithCameraOnly = (step) => {
 var filterHiddenSchemas = (schemas) => {
   return schemas.filter((schema) => {
     if (isObjectSchema(schema)) {
-      return Object.values((schema == null ? void 0 : schema.properties) || {}).find((schema2) => (schema2 == null ? void 0 : schema2.hidden) !== true);
+      return Object.values(schema?.properties || {}).find((schema2) => schema2?.hidden !== true);
     }
-    return (schema == null ? void 0 : schema.hidden) !== true;
+    return schema?.hidden !== true;
   });
 };
 
@@ -1709,30 +1697,6 @@ var isNullableArrayModel = (model) => {
 // src/common/utils/misc-utils.ts
 var isBasicError = (error) => isString(error) || isNull(error);
 
-// src/common/utils/mobile-utils.ts
-var isMobile = () => {
-  return isMobileScreenSize() && (isTouchScreen() || isMobileUA());
-};
-var isMobileUA = (userAgent = window.navigator.userAgent) => {
-  return /Mobi|\b(iPhone|Android|BlackBerry|webOS|Windows Phone)\b/i.test(userAgent);
-};
-var isMobileScreenSize = (width = window.screen.width, height = window.screen.height) => {
-  return width < 768 || height < 768;
-};
-var isTouchScreen = (navigator2 = window.navigator, matchMedia = window.matchMedia) => {
-  if ("maxTouchPoints" in navigator2) {
-    return navigator2.maxTouchPoints > 0;
-  }
-  if ("msMaxTouchPoints" in navigator2) {
-    return navigator2["msMaxTouchPoints"] > 0;
-  }
-  const mQ = matchMedia == null ? void 0 : matchMedia("(pointer:coarse)");
-  if ((mQ == null ? void 0 : mQ.media) === "(pointer:coarse)") {
-    return !!mQ.matches;
-  }
-  return false;
-};
-
 // src/common/hooks/useDebouncedFunction/useDebouncedFunction.tsx
 var import_react6 = require("react");
 function useDebouncedFunction(callback, waitMs) {
@@ -1766,7 +1730,7 @@ function useExternalStepPolling(polling, onAction) {
           if (response.ok) {
             try {
               return response.json();
-            } catch (e) {
+            } catch {
               throw new Error("failed");
             }
           } else {
@@ -1780,30 +1744,30 @@ function useExternalStepPolling(polling, onAction) {
   }, [polling, httpClient]);
   const onPollingResponse = (0, import_react8.useCallback)(
     (pollingResponse) => {
-      const responseHandlers = (polling == null ? void 0 : polling.responseHandlers) || [];
+      const responseHandlers = polling?.responseHandlers || [];
       const responseHandler = responseHandlers.find(
         (handler) => handler.result === pollingResponse.result
       );
-      if (responseHandler == null ? void 0 : responseHandler.action) {
+      if (responseHandler?.action) {
         const { action } = responseHandler;
         if (action.exit) {
-          const mergedResult = __spreadValues(__spreadValues({}, action.result || {}), pollingResponse.data || {});
-          onAction(__spreadProps(__spreadValues({}, action), { result: mergedResult }));
+          const mergedResult = { ...action.result || {}, ...pollingResponse.data || {} };
+          onAction({ ...action, result: mergedResult });
         } else {
-          const mergedData = __spreadValues(__spreadValues({}, action.data || {}), pollingResponse.data || {});
-          onAction(__spreadProps(__spreadValues({}, action), { data: mergedData }));
+          const mergedData = { ...action.data || {}, ...pollingResponse.data || {} };
+          onAction({ ...action, data: mergedData });
         }
         return false;
       }
       return true;
     },
-    [polling == null ? void 0 : polling.responseHandlers, onAction]
+    [polling?.responseHandlers, onAction]
   );
   usePolling({
     asyncFn,
-    interval: (polling == null ? void 0 : polling.interval) || 0,
-    maxAttempts: (polling == null ? void 0 : polling.maxAttempts) || 0,
-    maxConsecutiveFails: (polling == null ? void 0 : polling.maxConsecutiveFails) || 0,
+    interval: polling?.interval || 0,
+    maxAttempts: polling?.maxAttempts || 0,
+    maxConsecutiveFails: polling?.maxConsecutiveFails || 0,
     onPollingResponse,
     onFailure: (0, import_react8.useCallback)(() => {
       if (polling) {
@@ -2099,10 +2063,7 @@ var NamedIcon = ({ name }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { size: 24 });
 };
 var toCapitalisedCamelCase = (value) => value.split("-").map(capitaliseFirstChar).join("");
-var capitaliseFirstChar = (value) => {
-  var _a;
-  return `${(_a = value[0]) == null ? void 0 : _a.toUpperCase()}${value.slice(1)}`;
-};
+var capitaliseFirstChar = (value) => `${value[0]?.toUpperCase()}${value.slice(1)}`;
 
 // src/layout/icon/DynamicIcon.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -2123,13 +2084,13 @@ var DynamicIcon_default = DynamicIcon;
 // src/layout/utils/getNavigationOptionMedia.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var getNavigationOptionMedia = ({ icon, image }) => {
-  if (icon == null ? void 0 : icon.name) {
+  if (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 == null ? void 0 : icon.text) {
+  if (icon?.text) {
     return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_components.Avatar, { type: import_components.AvatarType.INITIALS, children: icon.text });
   }
-  if (image == null ? void 0 : image.url) {
+  if (image?.url) {
     const { url, text } = image;
     return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("img", { src: url, alt: text });
   }
@@ -2266,9 +2227,8 @@ var priorities = {
   negative: "primary"
 };
 var getButtonPriority = (component) => {
-  var _a;
   const actionType = component.action.type;
-  return (_a = component.control) != null ? _a : actionType ? priorities[actionType] : "secondary";
+  return component.control ?? (actionType ? priorities[actionType] : "secondary");
 };
 var types = {
   primary: "neutral",
@@ -2278,9 +2238,8 @@ var types = {
   negative: "negative"
 };
 var getButtonType = (component) => {
-  var _a;
   const actionType = component.action.type;
-  const type = (_a = component.context) != null ? _a : actionType ? types[actionType] : "neutral";
+  const type = component.context ?? (actionType ? types[actionType] : "neutral");
   return type === "neutral" ? "accent" : type;
 };
 var getButtonSize = (size) => {
@@ -2300,7 +2259,6 @@ 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);
@@ -2317,7 +2275,7 @@ var DynamicButton = (props) => {
       className,
       disabled: component.disabled || componentAction.disabled || loading,
       onClick: () => onAction(componentAction),
-      children: (_a = component.title) != null ? _a : componentAction.title
+      children: component.title ?? componentAction.title
     }
   );
 };
@@ -2429,9 +2387,10 @@ var DynamicExternal = ({ component, onAction }) => {
   (0, import_react9.useEffect)(() => {
     openExternalUrl();
   }, [openExternalUrl]);
-  const pollingConfiguration = polling && responseHandlers ? __spreadProps(__spreadValues({}, polling), {
+  const pollingConfiguration = polling && responseHandlers ? {
+    ...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" } }),
@@ -2453,7 +2412,7 @@ var splitModel = (model, schemas) => {
 };
 var combineModels = (models) => {
   return models.reduce((current, combined) => {
-    return __spreadValues(__spreadValues({}, combined), current);
+    return { ...combined, ...current };
   }, {});
 };
 var getSchemaColumnClasses = (width) => {
@@ -2468,7 +2427,7 @@ var AllOfSchema = (props) => {
     const modelSchema = props.schema.allOf[index];
     models[index] = getValidObjectModelParts(onChangeProps.model, modelSchema) || {};
     setModels(models);
-    props.onChange(__spreadProps(__spreadValues({}, onChangeProps), { model: combineModels(models) }));
+    props.onChange({ ...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: [
@@ -2484,10 +2443,11 @@ var AllOfSchema = (props) => {
           errors: props.errors,
           submitted: props.submitted,
           disabled: props.disabled,
-          onChange: (onChangeProps) => onChangeModelIndex(index, __spreadProps(__spreadValues({}, onChangeProps), {
+          onChange: (onChangeProps) => onChangeModelIndex(index, {
+            ...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)
@@ -2567,11 +2527,17 @@ 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 = __spreadValues(__spreadValues(__spreadValues({}, defaultValidationMessages), props.validationMessages), props.schema.validationMessages);
+  const validationMessages = {
+    ...defaultValidationMessages,
+    //       default validation messages
+    ...props.validationMessages,
+    //        overridden by props
+    ...props.schema.validationMessages
+    // overriden by schema
+  };
   const isErrorVisible = (props.submitted || !props.changed) && !!props.errors;
-  const isValidationVisible = !isErrorVisible && (props.submitted || props.changed && props.blurred) && !!((_a = props.validations) == null ? void 0 : _a.length);
+  const isValidationVisible = !isErrorVisible && (props.submitted || props.changed && props.blurred) && !!props.validations?.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: [
@@ -2632,7 +2598,10 @@ function useDefaultValidationMessages(schema) {
         )
       }) : void 0
     };
-    return __spreadValues(__spreadValues({}, formattedMessages), dateOverrides);
+    return {
+      ...formattedMessages,
+      ...dateOverrides
+    };
   }
   return formattedMessages;
 }
@@ -2653,7 +2622,7 @@ async function createPayload(userUploadedFile, isBlobSchema2) {
 }
 function constructUploadResponse(response) {
   const id = response.data;
-  return __spreadValues({ id }, response);
+  return { id, ...response };
 }
 function constructUploadError(response) {
   const isError = response instanceof Error;
@@ -2666,9 +2635,10 @@ function constructUploadError(response) {
     const error = response;
     return { id: generateRandomId(), message: error.message };
   } else {
-    return __spreadValues({
-      message: isString(response.message) ? response.message : ""
-    }, response);
+    return {
+      message: isString(response.message) ? response.message : "",
+      ...response
+    };
   }
 }
 
@@ -2723,7 +2693,6 @@ 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);
@@ -2765,27 +2734,28 @@ 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 = __spreadProps(__spreadValues(__spreadValues({
+  const uploadInputProps = {
     multiple: true,
     className: "form-control",
     files,
     fileInputName: uid,
-    id: uid
-  }, accepts ? { fileTypes: accepts } : void 0), maxSize ? { sizeLimit: toKilobytes(maxSize) } : void 0), {
-    sizeLimitErrorMessage: ((_a = fileSchemaDescriptor.validationMessages) == null ? void 0 : _a.maxSize) || defaultErrorMessages.maxFileSizeErrorMessage,
+    id: uid,
+    ...accepts ? { fileTypes: accepts } : void 0,
+    ...maxSize ? { sizeLimit: toKilobytes(maxSize) } : void 0,
+    sizeLimitErrorMessage: fileSchemaDescriptor.validationMessages?.maxSize || defaultErrorMessages.maxFileSizeErrorMessage,
     maxFiles: props.schema.maxItems,
-    maxFilesErrorMessage: ((_b = props.schema.validationMessages) == null ? void 0 : _b.maxItems) || defaultErrorMessages.maxItemsErrorMessage,
+    maxFilesErrorMessage: props.schema.validationMessages?.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, __spreadValues({}, uploadInputProps)) }),
+    /* @__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)(
       ControlFeedback_default,
       {
@@ -2823,7 +2793,11 @@ function isValidId(id) {
 }
 function getValidationMessages(schema, required, defaultErrorMessages) {
   const { minItems, maxItems } = schema;
-  return __spreadValues(__spreadValues(__spreadValues({}, required && { required: defaultErrorMessages.requiredMessage }), minItems && { minItems: defaultErrorMessages.minItemsErrorMessage }), maxItems && { maxItems: defaultErrorMessages.maxItemsErrorMessage });
+  return {
+    ...required && { required: defaultErrorMessages.requiredMessage },
+    ...minItems && { minItems: defaultErrorMessages.minItemsErrorMessage },
+    ...maxItems && { maxItems: defaultErrorMessages.maxItemsErrorMessage }
+  };
 }
 
 // src/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/RepeatableSchema.tsx
@@ -3005,19 +2979,13 @@ var getItemSummaryFromSchema = (schema, model, defaults = {}) => {
     schema,
     model,
     providesProp: "providesIcon",
-    getValueFromSchema: (schema2) => {
-      var _a;
-      return (_a = schema2.icon) != null ? _a : null;
-    }
+    getValueFromSchema: (schema2) => schema2.icon ?? null
   });
   const image = getSummaryPropFromSchema({
     schema,
     model,
     providesProp: "providesImage",
-    getValueFromSchema: (schema2) => {
-      var _a;
-      return (_a = schema2.image) != null ? _a : null;
-    }
+    getValueFromSchema: (schema2) => schema2.image ?? null
   });
   return {
     value: model,
@@ -3053,10 +3021,11 @@ 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(__spreadProps(__spreadValues({}, props), {
+    const result = getSummaryPropFromSchema({
+      ...props,
       schema: propertySchema,
       model: propertyModel
-    }));
+    });
     if (result) {
       return result;
     }
@@ -3074,26 +3043,29 @@ var getOneOfValueFromSchema = (props) => {
       return null;
     }
     const activeSchema = schema.oneOf[activeSchemaIndex2];
-    return getSummaryPropFromSchema(__spreadProps(__spreadValues({}, props), {
+    return getSummaryPropFromSchema({
+      ...props,
       schema: activeSchema
-    }));
+    });
   }
   const oneOfSchema = schema;
   const activeSchemaIndex = getActiveSchemaIndex(oneOfSchema, model);
   if (activeSchemaIndex === null || activeSchemaIndex < 0) {
     return null;
   }
-  return getSummaryPropFromSchema(__spreadProps(__spreadValues({}, props), {
+  return getSummaryPropFromSchema({
+    ...props,
     schema: oneOfSchema.oneOf[activeSchemaIndex]
-  }));
+  });
 };
 var getAllOfValueFromSchema = (props) => {
   const { schema } = props;
   const allOfSchema = schema;
   for (const childSchema of allOfSchema.allOf) {
-    const result = getSummaryPropFromSchema(__spreadProps(__spreadValues({}, props), {
+    const result = getSummaryPropFromSchema({
+      ...props,
       schema: childSchema
-    }));
+    });
     if (result) {
       return result;
     }
@@ -3130,7 +3102,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 == null ? void 0 : schema.summary)) : null;
+    return model ? model.map((item) => getItemSummaryFromSchema(schema.items, item, schema?.summary)) : null;
   });
   const [editableItem, setEditableItem] = (0, import_react12.useState)({ item: null, model: null });
   const broadcastModelChange = (updatedItems) => {
@@ -3149,7 +3121,10 @@ var RepeatableSchema = ({
     setOpenModalType("edit");
   };
   const onSaveItem = (action) => {
-    const updatedItem = action === "remove" ? null : getItemSummaryFromSchema(schema.items, editableItem.model, schema == null ? void 0 : schema.summary);
+    const updatedItem = action === "remove" ? null : getItemSummaryFromSchema(schema.items, editableItem.model, schema?.summary);
+    if (action !== "remove" && !isValidSchema(updatedItem?.value ?? null, schema.items)) {
+      return;
+    }
     const updatedItemSummaries = getUpdatedItemSummaries(action, {
       originalItem: editableItem.item,
       updatedItem,
@@ -3192,13 +3167,13 @@ var RepeatableSchema = ({
         body: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           RepeatableSchemaStep_default,
           {
-            type: openModalType != null ? openModalType : "add",
+            type: openModalType ?? "add",
             schema,
             model: editableItem.model,
             errors,
             submitted,
             onAction: onSaveItem,
-            onModelChange: ({ model: model2 }) => setEditableItem(__spreadProps(__spreadValues({}, editableItem), { model: model2 }))
+            onModelChange: ({ model: model2 }) => setEditableItem({ ...editableItem, model: model2 })
           }
         )
       }
@@ -3234,10 +3209,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, __spreadProps(__spreadValues({}, props), { schema }));
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(MultipleFileUploadSchema_default, { ...props, schema });
   }
   if (isListArraySchema(schema)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(RepeatableSchema_default, __spreadProps(__spreadValues({}, props), { schema }));
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(RepeatableSchema_default, { ...props, schema });
   }
   throw new Error("Invalid array list schema");
 };
@@ -3252,7 +3227,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, __spreadValues({}, props));
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ArrayListSchema_default, { ...props });
   }
   throw new Error("Not implemented");
 };
@@ -3273,7 +3248,9 @@ var getSchemaColumnClasses2 = (width) => {
   };
 };
 var ObjectSchema = (props) => {
-  const [model, setModel] = (0, import_react13.useState)(() => __spreadValues({}, getValidObjectModelParts(props.model, props.schema)));
+  const [model, setModel] = (0, import_react13.useState)(() => ({
+    ...getValidObjectModelParts(props.model, props.schema)
+  }));
   const onChangeProperty = (propertyName, onChangeProps) => {
     if (onChangeProps.model !== null) {
       model[propertyName] = onChangeProps.model;
@@ -3281,7 +3258,7 @@ var ObjectSchema = (props) => {
       delete model[propertyName];
     }
     setModel(model);
-    props.onChange(__spreadProps(__spreadValues({}, onChangeProps), { model }));
+    props.onChange({ ...onChangeProps, model });
   };
   const isRequired = (propertyName) => props.schema.required && props.schema.required.includes(propertyName);
   (0, import_react13.useEffect)(() => {
@@ -3495,7 +3472,7 @@ var logInvalidTypeFallbackWarning = ({
 
 // src/formControl/FormControl.tsx
 var import_jsx_runtime26 = require("react/jsx-runtime");
-var _FormControl = class extends import_react14.PureComponent {
+var FormControl = class _FormControl extends import_react14.PureComponent {
   constructor(props) {
     super(props);
     /**
@@ -3511,19 +3488,14 @@ var _FormControl = class extends import_react14.PureComponent {
       this.props.onChange(event.target.value);
     };
     this.handleOnFocus = () => {
-      var _a, _b;
-      (_b = (_a = this.props).onFocus) == null ? void 0 : _b.call(_a);
+      this.props.onFocus?.();
     };
     this.handleOnBlur = () => {
-      var _a, _b;
-      (_b = (_a = this.props).onBlur) == null ? void 0 : _b.call(_a);
+      this.props.onBlur?.();
     };
     this.getSelectedOption = (options) => {
       if (this.state.selectedOption !== null && typeof this.state.selectedOption !== "undefined") {
-        return options.find((option) => {
-          var _a;
-          return ((_a = this.state.selectedOption) == null ? void 0 : _a.value) === option.value;
-        });
+        return options.find((option) => this.state.selectedOption?.value === option.value);
       }
       if (this.props.value !== null && typeof this.props.value !== "undefined") {
         return options.find((option) => this.props.value === option.value);
@@ -3531,12 +3503,13 @@ var _FormControl = class extends import_react14.PureComponent {
       return void 0;
     };
     this.mapOption = (option) => {
-      return __spreadProps(__spreadValues({}, option), {
+      return {
+        ...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,
@@ -3544,6 +3517,18 @@ var _FormControl = class 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 };
@@ -3551,7 +3536,6 @@ var _FormControl = class extends import_react14.PureComponent {
     return null;
   }
   render() {
-    var _a;
     const {
       name,
       placeholder,
@@ -3621,9 +3605,8 @@ var _FormControl = class extends import_react14.PureComponent {
             searchPlaceholder,
             searchValue,
             onChange: (option) => {
-              var _a2;
-              this.setState({ selectedOption: option != null ? option : void 0 });
-              this.props.onChange((_a2 = option == null ? void 0 : option.value) != null ? _a2 : null);
+              this.setState({ selectedOption: option ?? void 0 });
+              this.props.onChange(option?.value ?? null);
             },
             onFocus: this.handleOnFocus,
             onBlur: this.handleOnBlur,
@@ -3635,7 +3618,7 @@ var _FormControl = class extends import_react14.PureComponent {
         return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           import_components11.Tabs,
           {
-            selected: ((_a = this.getSelectedOption(options)) == null ? void 0 : _a.value) || 0,
+            selected: this.getSelectedOption(options)?.value || 0,
             tabs: options.map((option) => ({
               title: option.label,
               content: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, {}),
@@ -3777,19 +3760,20 @@ var _FormControl = class extends import_react14.PureComponent {
         if (this.props.displayPattern) {
           return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             import_components11.TextareaWithDisplayFormat,
-            __spreadProps(__spreadValues({
-              displayPattern: this.props.displayPattern
-            }, textareaProps), {
+            {
+              displayPattern: this.props.displayPattern,
+              ...textareaProps,
               onChange: this.handleOnChange
-            })
+            }
           );
         }
         return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "textarea",
-          __spreadProps(__spreadValues({}, textareaProps), {
+          {
+            ...textareaProps,
             onChange: this.handleInputOnChange,
             "aria-describedby": describedBy
-          })
+          }
         );
       }
       case FormControlType.FILE:
@@ -3799,7 +3783,8 @@ var _FormControl = class 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,
-            __spreadProps(__spreadValues({}, uploadProps), {
+            {
+              ...uploadProps,
               usAccept: uploadProps.usAccept || "*",
               usDisabled: uploadProps.usDisabled || disabled,
               onSuccess: (base64url) => {
@@ -3811,7 +3796,7 @@ var _FormControl = class extends import_react14.PureComponent {
               onCancel: () => {
                 this.handleOnChange(null);
               }
-            })
+            }
           )
         );
       }
@@ -3836,59 +3821,57 @@ var _FormControl = class extends import_react14.PureComponent {
         if (this.props.displayPattern) {
           return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             import_components11.InputWithDisplayFormat,
-            __spreadProps(__spreadValues({
-              displayPattern: this.props.displayPattern
-            }, inputProps), {
+            {
+              displayPattern: this.props.displayPattern,
+              ...inputProps,
               onChange: this.handleOnChange
-            })
+            }
           );
         }
         return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "input",
-          __spreadProps(__spreadValues({}, inputProps), {
+          {
+            ...inputProps,
             onChange: this.handleInputOnChange,
             "aria-describedby": describedBy
-          })
+          }
         );
       }
     }
   }
-};
-var FormControl = _FormControl;
-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
+  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
+    };
+  }
 };
 
 // src/jsonSchemaForm/schemaFormControl/utils/mapping-utils.tsx
@@ -3904,22 +3887,30 @@ var mapConstSchemaToOption = (schema, controlType) => {
   }
 };
 var mapConstSchemaToRadioOption = (schema) => {
-  return __spreadValues(__spreadValues(__spreadValues({
+  return {
     // 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 __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
+  return {
     // 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 == null ? void 0 : image.url) {
+  if (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 || "" }) }) })
     };
@@ -3927,36 +3918,38 @@ var mapImage = (image) => {
   return null;
 };
 var getIconPropertyForSelectOption = (icon) => {
-  if ((icon == null ? void 0 : icon.name) && isFlagIcon(icon.name)) {
+  if (icon?.name && isFlagIcon(icon.name)) {
     return { currency: icon.name.substring(5) };
   }
-  if ((icon == null ? void 0 : icon.name) && isValidIconName(icon.name)) {
+  if (icon?.name && isValidIconName(icon.name)) {
     return { icon: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DynamicIcon_default, { type: icon.name }) };
   }
-  if (icon == null ? void 0 : icon.text) {
+  if (icon?.text) {
     return { icon: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { children: icon.text }) };
   }
   return null;
 };
 var getAvatarPropertyForRadioOption = ({ image, icon }) => {
-  if (image == null ? void 0 : image.url) {
+  if (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 == null ? void 0 : icon.name) && isValidIconName(icon.name)) {
+  if (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 == null ? void 0 : icon.text) {
+  if (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 }) => __spreadValues({}, isArray(accepts) && { usAccept: accepts.join(",") });
+var mapSchemaToUploadOptions = ({ accepts }) => ({
+  ...isArray(accepts) && { usAccept: accepts.join(",") }
+});
 var getOptionDescription = (title, description) => {
   if (title && description) {
     const keyForDescription = (title + description).length > 50 ? "secondary" : "note";
@@ -4049,7 +4042,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, __spreadValues(__spreadValues({ 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, { type: controlType, value: safeValue, ...events, ...controlProps }) });
 };
 SchemaFormControl.defaultProps = {
   value: null,
@@ -4141,7 +4134,7 @@ var OneOfSchema = (props) => {
     if (type !== "init" && props.schema.analyticsId) {
       onEvent("Dynamic Flow - OneOf Selected", {
         oneOfId: props.schema.analyticsId,
-        schemaId: newSchema == null ? void 0 : newSchema.analyticsId
+        schemaId: newSchema?.analyticsId
       });
     }
   };
@@ -4216,7 +4209,7 @@ function getTitleAndHelp(schema, id) {
   return schema.title ? titleElement : helpElement;
 }
 function getValidations(props, schemaIndex) {
-  const selectedSchema = props.schema.oneOf[schemaIndex != null ? schemaIndex : -1];
+  const selectedSchema = props.schema.oneOf[schemaIndex ?? -1];
   if (isConstSchema(selectedSchema)) {
     return getValidationFailures(selectedSchema.const, props.schema, !!props.required);
   }
@@ -4235,7 +4228,7 @@ function getModelPartsForSchemas(model, schemas) {
   return schemas.map((schema) => getValidModelParts(model, schema));
 }
 function mapSchemasForSelect(schema) {
-  return __spreadProps(__spreadValues({}, schema), { oneOf: schema.oneOf.map(mapOneOfToConst) });
+  return { ...schema, oneOf: schema.oneOf.map(mapOneOfToConst) };
 }
 function mapOneOfToConst(schema, index) {
   const { title, description, disabled = false, icon, image, keywords } = schema;
@@ -4355,7 +4348,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,
@@ -4367,8 +4360,9 @@ 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,
@@ -4381,9 +4375,10 @@ var PersistAsyncBlobSchema = (props) => {
         errors: props.errors,
         schema: props.schema,
         validations: combinedValidations,
-        validationMessages: __spreadValues({
-          required: "Value is required..."
-        }, persistAsyncValidationMessages),
+        validationMessages: {
+          required: "Value is required...",
+          ...persistAsyncValidationMessages
+        },
         infoMessage: null
       }
     )
@@ -4402,10 +4397,12 @@ var PersistAsyncSchema = (props) => {
   if (persistAsyncSchemaType === "blob") {
     return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       PersistAsyncBlobSchema_default,
-      __spreadValues({}, props)
+      {
+        ...props
+      }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PersistAsyncBasicSchema_default, __spreadValues({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PersistAsyncBasicSchema_default, { ...props });
 };
 PersistAsyncSchema.defaultProps = {
   required: false
@@ -4430,7 +4427,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 == null ? void 0 : promoted.title) || props.promotedOneOf.title;
+  const title = checkedMeans === "other" ? other.title : promoted?.title || props.promotedOneOf.title;
   const selectionWhenChecked = checkedMeans === "other" ? "other" : "promoted";
   const selectionWhenUnchecked = checkedMeans === "other" ? "promoted" : "other";
   const checked = selection === selectionWhenChecked;
@@ -4446,20 +4443,21 @@ 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: ((_a = promotion.promoted) == null ? void 0 : _a.title) || promotedOneOf.title,
-      secondary: ((_b = promotion.promoted) == null ? void 0 : _b.description) || promotedOneOf.description
-    }, getAvatarPropertyForRadioOption(promotedOneOf)),
-    __spreadValues({
+      label: promotion.promoted?.title || promotedOneOf.title,
+      secondary: promotion.promoted?.description || promotedOneOf.description,
+      ...getAvatarPropertyForRadioOption(promotedOneOf)
+    },
+    {
       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 }),
@@ -4486,9 +4484,9 @@ var PromotedOneOfControl = (props) => {
   const controlType = props.promotion.control || "radio";
   switch (controlType) {
     case "radio":
-      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PromotedOneOfRadioControl_default, __spreadValues({}, props));
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PromotedOneOfRadioControl_default, { ...props });
     case "checkbox":
-      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PromotedOneOfCheckboxControl_default, __spreadValues({}, props));
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PromotedOneOfCheckboxControl_default, { ...props });
     default:
       return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, {});
   }
@@ -4503,9 +4501,8 @@ 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) || ((_a = props.schema.promotion) == null ? void 0 : _a.default) || "promoted"
+    getSelectionFromModel(props.schema, props.model) || props.schema.promotion?.default || "promoted"
   );
   const promotedAlert = props.schema.alert;
   const promotedOneOf = props.schema.oneOf.find(isPromoted);
@@ -4524,23 +4521,23 @@ var PromotedOneOfSchema = (props) => {
         setSelection
       }
     ),
-    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 }))
+    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 })
   ] });
 };
 function getPromotedObjectSchema(promotedSchema) {
-  return __spreadProps(__spreadValues({}, promotedSchema), {
+  return {
+    ...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) {
-  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;
+  const other = schema.promotion?.displayTwice ? [...schema.oneOf] : schema.oneOf.filter((one) => !isPromoted(one));
+  const title = schema.promotion?.other.heading?.text;
   if (other.length === 1) {
-    return __spreadProps(__spreadValues({}, other[0]), { title });
+    return { ...other[0], title };
   }
   if (other.length > 1) {
     return {
@@ -4612,7 +4609,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 == null ? void 0 : icon.avatar) ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
+  return icon?.avatar ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
     icon.avatar,
     " ",
     text
@@ -4669,7 +4666,7 @@ var ValidationAsyncSchema = (props) => {
       } else if (response.status === 422) {
         setValidationAsyncErrors(isString(jsonResponse.message) ? jsonResponse.message : null);
       }
-    } catch (e) {
+    } catch {
       onEvent("Dynamic Flow - ValidationAsync", { status: "failure" });
     }
   };
@@ -4687,10 +4684,11 @@ var ValidationAsyncSchema = (props) => {
     }
   };
   const onValidationAsyncChange = (parameters) => {
-    onChange(__spreadProps(__spreadValues({}, parameters), {
+    onChange({
+      ...parameters,
       triggerSchema: schema,
       triggerModel: parameters.model
-    }));
+    });
     setValidationAsyncErrors(null);
     setValidationAsyncSuccessMessage(null);
     setValidationAsyncModel(parameters.model);
@@ -4705,7 +4703,7 @@ var ValidationAsyncSchema = (props) => {
     required,
     schema
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(BasicTypeSchema_default, __spreadValues({}, basicTypeSchemaProps));
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(BasicTypeSchema_default, { ...basicTypeSchemaProps });
 };
 ValidationAsyncSchema.defaultProps = { required: false };
 var ValidationAsyncSchema_default = ValidationAsyncSchema;
@@ -4715,7 +4713,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 = __spreadProps(__spreadValues({}, props), { model, errors, hideTitle, disabled });
+  const schemaProps = { ...props, model, errors, hideTitle, disabled };
   const type = getSchemaType(schema);
   const log = useLogger();
   (0, import_react21.useEffect)(() => {
@@ -4728,25 +4726,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, __spreadValues({}, schemaProps));
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ReadOnlySchema_default, { ...schemaProps });
     case "persistAsync":
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PersistAsyncSchema_default, __spreadValues({}, schemaProps));
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PersistAsyncSchema_default, { ...schemaProps });
     case "validationAsync":
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ValidationAsyncSchema_default, __spreadValues({}, schemaProps));
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ValidationAsyncSchema_default, { ...schemaProps });
     case "basic": {
-      const basicTypeProps = __spreadValues({ infoMessage: null }, schemaProps);
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(BasicTypeSchema_default, __spreadValues({}, basicTypeProps));
+      const basicTypeProps = { infoMessage: null, ...schemaProps };
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(BasicTypeSchema_default, { ...basicTypeProps });
     }
     case "object":
-      return /* @__PURE__ */ (0, import_react22.createElement)(ObjectSchema_default, __spreadProps(__spreadValues({}, schemaProps), { key: JSON.stringify(schema) }));
+      return /* @__PURE__ */ (0, import_react22.createElement)(ObjectSchema_default, { ...schemaProps, key: JSON.stringify(schema) });
     case "array":
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ArraySchema_default, __spreadValues({}, schemaProps));
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ArraySchema_default, { ...schemaProps });
     case "promotedOneOf":
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PromotedOneOfSchema_default, __spreadValues({}, schemaProps));
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PromotedOneOfSchema_default, { ...schemaProps });
     case "oneOf":
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(OneOfSchema_default, __spreadValues({}, schemaProps));
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(OneOfSchema_default, { ...schemaProps });
     case "allOf":
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AllOfSchema_default, __spreadValues({}, schemaProps));
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AllOfSchema_default, { ...schemaProps });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_jsx_runtime39.Fragment, {});
 };
@@ -4777,14 +4775,15 @@ var isValidGenericSchema = (schema, model, errors) => {
 // src/jsonSchemaForm/JsonSchemaForm.tsx
 var import_jsx_runtime40 = require("react/jsx-runtime");
 var JsonSchemaForm = (props) => {
-  const schemaProps = __spreadValues({
+  const schemaProps = {
     model: null,
     errors: null,
     disabled: false,
-    baseUrl: ""
-  }, props);
+    baseUrl: "",
+    ...props
+  };
   if (useHasHttpClientProvider() || schemaProps.baseUrl == null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(GenericSchema_default, __spreadValues({}, schemaProps));
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(GenericSchema_default, { ...schemaProps });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     Providers,
@@ -4792,17 +4791,17 @@ var JsonSchemaForm = (props) => {
       baseUrl: schemaProps.baseUrl,
       onEvent: schemaProps.onEvent,
       onLog: schemaProps.onLog,
-      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(GenericSchema_default, __spreadValues({}, schemaProps))
+      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(GenericSchema_default, { ...schemaProps })
     }
   );
 };
 var JsonSchemaForm_default = JsonSchemaForm;
 var Providers = ({ baseUrl, onEvent, onLog, children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(LogProvider, { flowId: "JsonSchemaForm", stepId: "JsonSchemaForm", onLog: onLog != null ? onLog : noop2, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(LogProvider, { flowId: "JsonSchemaForm", stepId: "JsonSchemaForm", onLog: onLog ?? noop2, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     EventsContextProvider,
     {
       metadata: { flowId: "JsonSchemaForm", stepId: "JsonSchemaForm" },
-      onEvent: onEvent != null ? onEvent : noop2,
+      onEvent: onEvent ?? noop2,
       children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(HttpClientProviderFromBaseUrl, { baseUrl, children })
     }
   ) });
@@ -4823,7 +4822,7 @@ var DynamicForm = (props) => {
       submitted: props.submitted,
       errors: props.errors,
       onChange: (parameters) => {
-        props.onModelChange(__spreadValues({ formSchema }, parameters));
+        props.onModelChange({ formSchema, ...parameters });
       },
       onPersistAsync: props.onPersistAsync
     }
@@ -4883,7 +4882,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, __spreadValues({ 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, { className: `img-responsive ${getMargin(margin || "md")}`, ...imageProps }) });
 };
 var readImageBlobAsDataURL = (imageBlob) => {
   return new Promise((resolve, reject) => {
@@ -4894,9 +4893,8 @@ var readImageBlobAsDataURL = (imageBlob) => {
   });
 };
 var getImageSource = async (httpClient, imageUrl) => {
-  var _a;
   try {
-    if (isRelativePath(imageUrl) || (imageUrl == null ? void 0 : imageUrl.indexOf(`${(_a = window == null ? void 0 : window.location) == null ? void 0 : _a.origin}/`)) === 0) {
+    if (isRelativePath(imageUrl) || imageUrl?.indexOf(`${window?.location?.origin}/`) === 0) {
       return httpClient(imageUrl, {
         method: "GET",
         headers: { "Content-Type": "image/image" },
@@ -4909,7 +4907,7 @@ var getImageSource = async (httpClient, imageUrl) => {
       }).then(readImageBlobAsDataURL).catch(() => imageUrl);
     }
     return imageUrl;
-  } catch (e) {
+  } catch {
     return imageUrl;
   }
 };
@@ -4981,7 +4979,7 @@ var DynamicLayout = (props) => {
             onModelChange,
             onPersistAsync
           },
-          getKey(__spreadProps(__spreadValues({}, component), { errors: errors != null ? errors : null }))
+          getKey({ ...component, errors: errors ?? null })
         );
       case "button":
         return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DynamicButton_default, { component, onAction }, getKey(component));
@@ -5036,12 +5034,14 @@ var DynamicStatusList = ({ component }) => {
   ] });
 };
 var mapListItemToSummary = ({ title, description, icon, status }) => {
-  const props = __spreadValues(__spreadValues({
+  const props = {
     key: `${title}/${description || ""}`,
     title,
-    description
-  }, (icon == null ? void 0 : icon.name) ? { icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DynamicIcon_default, { type: icon.name }) } : {}), status ? { status: statusMap[status] } : {});
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_components20.Summary, __spreadValues({}, props));
+    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 });
 };
 var statusListMap = {
   done: "done",
@@ -5053,7 +5053,7 @@ var legacyStatusMap = {
   warning: "pending",
   neutral: "notDone"
 };
-var statusMap = __spreadValues(__spreadValues({}, statusListMap), legacyStatusMap);
+var statusMap = { ...statusListMap, ...legacyStatusMap };
 var DynamicStatusList_default = DynamicStatusList;
 
 // src/layout/loadingIndicator/DynamicLoadingIndicator.tsx
@@ -5116,8 +5116,7 @@ var CopyableDynamicParagraph = ({ component }) => {
   const createSnackbar = useSnackBarIfAvailable();
   const { text } = component;
   const copy = () => {
-    var _a;
-    (_a = navigator.clipboard) == null ? void 0 : _a.writeText(text).then(() => createSnackbar({ text: formatMessage(DynamicParagraph_messages_default.copied) })).catch(noop4);
+    navigator.clipboard?.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: [
@@ -5205,10 +5204,18 @@ var import_react26 = require("react");
 // src/layout/search/SearchInput.tsx
 var import_components25 = require("@transferwise/components");
 var import_jsx_runtime51 = require("react/jsx-runtime");
-var SearchInput = ({ title, value, onChange }) => {
+var SearchInput = ({ title, value, onFocus, onChange }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("label", { className: "control-label d-inline", children: [
     title,
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_components25.Input, { type: "text", value, onChange: (event) => onChange(event.currentTarget.value) })
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      import_components25.Input,
+      {
+        type: "text",
+        value,
+        onFocus,
+        onChange: (event) => onChange(event.currentTarget.value)
+      }
+    )
   ] });
 };
 
@@ -5282,8 +5289,7 @@ var useSearch = (defaultSearchConfig) => {
   const httpClient = useHttpClient();
   const search = (0, import_react25.useCallback)(
     async (query, { url, method, param } = defaultSearchConfig) => {
-      var _a;
-      (_a = abortControllerRef.current) == null ? void 0 : _a.abort();
+      abortControllerRef.current?.abort();
       if (!query) {
         setState({ status: "idle" });
         return;
@@ -5349,18 +5355,27 @@ var DynamicSearch = ({ component, onAction }) => {
   const [query, setQuery] = (0, import_react26.useState)("");
   const { title, margin, url, method, param, emptyMessage } = component;
   const { status, results, search } = useSearch({ url, method, param });
+  const onEvent = useEventDispatcher();
   const debouncedSearch = (0, import_react26.useMemo)(() => debounce(search, DEBOUNCE_TIME), [search]);
+  const onSearchStart = () => {
+    onEvent("Dynamic Flow - Search Started", {});
+  };
   const onChange = (value) => {
     setQuery(value);
     debouncedSearch(value);
   };
   const onResultSelected = ({ type, value }) => {
     if (type === "action") {
+      onEvent("Dynamic Flow - Search Result Selected", {
+        type: "action",
+        actionId: value.id || value.$id
+      });
       onAction(value);
     }
     if (type === "search") {
       setQuery(value.query);
       const { url: url2, method: method2, param: param2, query: query2 } = value;
+      onEvent("Dynamic Flow - Search Result Selected", { type: "search" });
       void search(query2, { url: url2, method: method2, param: param2 });
     }
   };
@@ -5369,7 +5384,7 @@ var DynamicSearch = ({ component, onAction }) => {
     void search(query);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: getMargin(margin), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SearchInput, { title, value: query, onChange }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SearchInput, { title, value: query, onChange, onFocus: onSearchStart }),
     status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DynamicLoadingIndicator_default, { component: { type: "loading-indicator", size: "sm" } }),
     status === "error" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ErrorResult, { onRetrySearch }),
     status === "success" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SearchResults, { results, emptyMessage, onSelect: onResultSelected })
@@ -5384,7 +5399,6 @@ 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");
@@ -5415,8 +5429,8 @@ var BasicTypeSchema = (props) => {
       props.onBlur();
     }
   };
-  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 [model, setModel] = (0, import_react27.useState)(props.model ?? null);
+  const [lastModel, setLastModel] = (0, import_react27.useState)(props.model ?? 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);
@@ -5439,8 +5453,7 @@ var BasicTypeSchema = (props) => {
   (0, import_react27.useEffect)(refreshValidations, [props.model, props.submitted]);
   (0, import_react27.useEffect)(onSchemaChange, [props.schema]);
   (0, import_react27.useEffect)(() => {
-    var _a2;
-    const newModel = (_a2 = props.model) != null ? _a2 : null;
+    const newModel = props.model ?? null;
     if (newModel !== model) {
       setModel(newModel);
     }
@@ -5482,7 +5495,7 @@ var BasicTypeSchema = (props) => {
           focused,
           blurred,
           submitted: props.submitted,
-          errors: (_c = props.errors) != null ? _c : null,
+          errors: props.errors ?? null,
           schema: props.schema,
           validations,
           infoMessage: props.infoMessage
@@ -5504,8 +5517,7 @@ var getIdFromResponse = (idProperty, response) => {
   return response[idProperty];
 };
 var getErrorFromResponse = (errorProperty, response) => {
-  var _a;
-  return (_a = response.validation) == null ? void 0 : _a[errorProperty];
+  return response.validation?.[errorProperty];
 };
 var controlTypesWithPersistOnChange = /* @__PURE__ */ new Set([
   FormControlType.RADIO,
@@ -5557,14 +5569,14 @@ var PersistAsyncBasicSchema = (props) => {
         onChange({ model: id, triggerSchema: schema, triggerModel: id });
       } else if (isStatus422(response.status)) {
         const { validation } = responseBody;
-        const error = isObject(validation) && (validation == null ? void 0 : validation[param]) || null;
+        const error = isObject(validation) && validation?.[param] || null;
         setPersistAsyncError(error);
         onChange({ model: null, triggerSchema: schema, triggerModel: null });
       } else {
         setGenericPersistAsyncError();
       }
       onEvent("Dynamic Flow - PersistAsync", { status: "success", schemaId: schema.$id });
-    } catch (e) {
+    } catch {
       onEvent("Dynamic Flow - PersistAsync", { status: "failure", schemaId: schema.$id });
       setGenericPersistAsyncError();
     }
@@ -5638,7 +5650,9 @@ var usePersistAsync = (persistAsync) => {
     const requestBody = isBlob ? wrapInFormData(requestKey, model) : JSON.stringify({ [requestKey]: model });
     return {
       method: persistAsync.method,
-      headers: __spreadValues({}, !isBlob && { "Content-Type": "application/json" }),
+      headers: {
+        ...!isBlob && { "Content-Type": "application/json" }
+      },
       body: requestBody,
       signal
     };
@@ -5779,7 +5793,7 @@ function useStepPolling(polling, onAction) {
   }, [polling, httpClient]);
   const onPollingResponse = (0, import_react32.useCallback)(
     (pollingResponse) => {
-      if (pollingResponse == null ? void 0 : pollingResponse.action) {
+      if (pollingResponse?.action) {
         onAction(pollingResponse.action);
         return false;
       }
@@ -5789,8 +5803,8 @@ function useStepPolling(polling, onAction) {
   );
   usePolling({
     asyncFn,
-    interval: 1e3 * ((polling == null ? void 0 : polling.interval) || 0),
-    maxAttempts: (polling == null ? void 0 : polling.maxAttempts) || 0,
+    interval: 1e3 * (polling?.interval || 0),
+    maxAttempts: polling?.maxAttempts || 0,
     maxConsecutiveFails: 1,
     onPollingResponse,
     onFailure: (0, import_react32.useCallback)(() => {
@@ -5804,7 +5818,6 @@ 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 [];
   }
@@ -5813,7 +5826,7 @@ var getComponents = (step, options) => {
     layout,
     schemas: step.schemas || [],
     actions: step.actions || [],
-    model: (_a = step.model) != null ? _a : null
+    model: step.model ?? null
   });
 };
 var LayoutStep = (props) => {
@@ -5845,7 +5858,7 @@ var import_react36 = require("react");
 
 // src/step/cameraStep/cameraCapture/CameraCapture.tsx
 var import_react35 = require("react");
-var import_react_intl30 = require("react-intl");
+var import_react_intl28 = require("react-intl");
 var import_react_webcam = __toESM(require_react_webcam());
 
 // src/step/cameraStep/cameraCapture/CameraCapture.messages.ts
@@ -5870,56 +5883,16 @@ var CameraCapture_messages_default = (0, import_react_intl22.defineMessages)({
 
 // src/step/cameraStep/cameraCapture/components/index.tsx
 var import_components27 = require("@transferwise/components");
-var import_react_intl25 = require("react-intl");
-
-// src/step/cameraStep/cameraCapture/components/orientationLock/OrientationLock.tsx
-var import_react_intl24 = require("react-intl");
-
-// src/step/cameraStep/cameraCapture/components/orientationLock/OrientationLock.messages.ts
 var import_react_intl23 = require("react-intl");
-var OrientationLock_messages_default = (0, import_react_intl23.defineMessages)({
-  text: {
-    id: "dynamicFlows.CameraCapture.rotatePhone.text",
-    defaultMessage: "Rotate your phone to portrait view to take a photo",
-    description: "Prompt the user to rotate their phone from landscape to portrait mode when attempting to take a photo"
-  },
-  imgAlt: {
-    id: "dynamicFlows.CameraCapture.rotatePhone.imgAlt",
-    defaultMessage: "Rotate your phone icon",
-    description: "Rotate phone icon alt text"
-  }
-});
-
-// src/step/cameraStep/cameraCapture/components/orientationLock/OrientationLock.tsx
 var import_jsx_runtime57 = require("react/jsx-runtime");
-var OrientationLock = () => {
-  const intl = (0, import_react_intl24.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "orientation-lock-overlay p-x-3 p-y-3", "data-testid": "orientation-lock", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-      "img",
-      {
-        className: "m-b-3",
-        src: "https://transferwise.com/public-resources/assets/camera-guidelines/icon-rotate-phone.svg",
-        width: "96",
-        height: "96",
-        alt: intl.formatMessage(OrientationLock_messages_default.imgAlt)
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-center m-b-0", children: intl.formatMessage(OrientationLock_messages_default.text) })
-  ] });
-};
-var OrientationLock_default = OrientationLock;
-
-// src/step/cameraStep/cameraCapture/components/index.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
-var CaptureBottomBar = ({ onCapture }) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "bottom-bar", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CaptureButton, { onClick: onCapture }) });
+var CaptureBottomBar = ({ onCapture }) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bottom-bar", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CaptureButton, { onClick: onCapture }) });
 var ReviewBottomBar = ({
   onSubmit,
   onRetry
 }) => {
-  const intl = (0, import_react_intl25.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "bottom-bar p-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "col-xs-12 col-md-6 col-md-offset-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  const intl = (0, import_react_intl23.useIntl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bottom-bar p-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "col-xs-12 col-md-6 col-md-offset-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       import_components27.Button,
       {
         className: "m-b-1",
@@ -5930,7 +5903,7 @@ var ReviewBottomBar = ({
         children: intl.formatMessage(CameraCapture_messages_default.reviewSubmit)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       import_components27.Button,
       {
         className: "m-b-2",
@@ -5944,14 +5917,14 @@ var ReviewBottomBar = ({
     )
   ] }) }) });
 };
-var CaptureButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+var CaptureButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
   "button",
   {
     type: "button",
     className: "camera-capture-btn m-b-2",
     "data-testid": "camera-capture-button",
     onClick,
-    children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "camera-capture-btn-inner" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "camera-capture-btn-inner" })
   }
 );
 
@@ -5960,17 +5933,16 @@ var import_react33 = require("react");
 
 // src/step/cameraStep/cameraCapture/utils/index.ts
 var isSelfieCamera = (stream) => {
-  var _a;
-  const { facingMode } = ((_a = getVideoTrack(stream)) == null ? void 0 : _a.getSettings()) || {};
+  const { facingMode } = getVideoTrack(stream)?.getSettings() || {};
   return facingMode === "user" || facingMode === void 0;
 };
-var isMainBackCamera = (deviceInfo) => !!((deviceInfo == null ? void 0 : deviceInfo.label) || "").match(/camera2? 0/g);
+var isMainBackCamera = (deviceInfo) => !!(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 == null ? void 0 : canvas.getContext("2d");
+    const context = canvas?.getContext("2d");
     if (context) {
       await new Promise((resolve) => setTimeout(resolve, 100));
       context.drawImage(video, 0, 0, canvas.width, canvas.height);
@@ -5978,29 +5950,16 @@ var generateCanvasFromVideo = async (video) => {
   }
   return canvas;
 };
-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 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 getActiveVideoDeviceLabel = async (videoStream) => {
-  var _a, _b, _c;
   const capabilities = getVideoCapabilities(videoStream);
-  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);
+  return (await navigator?.mediaDevices?.enumerateDevices?.() || []).filter((deviceInfo) => deviceInfo.kind === "videoinput").find((deviceInfo) => deviceInfo.deviceId === capabilities?.deviceId)?.label;
 };
+var getVideoTrack = (videoStream) => (videoStream?.getVideoTracks?.() || [])[0];
+var getVideoCapabilities = (videoStream) => getVideoTrack(videoStream)?.getCapabilities?.();
 
 // src/step/cameraStep/cameraCapture/hooks/index.ts
 var useVideoConstraints = (direction) => {
@@ -6018,10 +5977,11 @@ var useVideoConstraints = (direction) => {
   const getVideoConstraints = async (direction2) => {
     if (direction2 === "back") {
       const mainCamera = (await getAvailableVideoDevices()).find(isMainBackCamera);
-      if (mainCamera == null ? void 0 : mainCamera.deviceId) {
-        return __spreadProps(__spreadValues({}, defaultVideoConstraints), {
+      if (mainCamera?.deviceId) {
+        return {
+          ...defaultVideoConstraints,
           deviceId: { exact: mainCamera.deviceId }
-        });
+        };
       }
     }
     return defaultVideoConstraints;
@@ -6031,7 +5991,7 @@ var useVideoConstraints = (direction) => {
 
 // src/step/cameraStep/cameraCapture/overlay/Overlay.tsx
 var import_react34 = require("react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var captureButtonHeight = 92;
 var reviewButtonsHeight = 120;
 var imageHeight = 40;
@@ -6050,8 +6010,7 @@ var Overlay = ({
   const svgReference = (0, import_react34.useRef)(null);
   (0, import_react34.useEffect)(() => {
     const listener = debounce(() => {
-      var _a;
-      if ((_a = svgReference.current) == null ? void 0 : _a.innerHTML) {
+      if (svgReference.current?.innerHTML) {
         const reference = svgReference.current;
         reference.innerHTML += "";
       }
@@ -6060,18 +6019,18 @@ var Overlay = ({
     return () => window.removeEventListener("resize", listener);
   });
   let helperBoxHeight = (imageUrl ? imageHeight : 0) + (title ? titleHeight : 0) + (instructions ? instructionsHeight : 0);
-  let helperBox = /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
-    imageUrl && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("img", { className: "camera-capture-img", src: imageUrl, alt: "" }),
-    title && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h4", { className: "camera-capture-title", children: title }),
-    instructions && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("small", { className: "camera-capture-instructions", children: instructions })
+  let helperBox = /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
+    imageUrl && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("img", { className: "camera-capture-img", src: imageUrl, alt: "" }),
+    title && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("h4", { className: "camera-capture-title", children: title }),
+    instructions && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("small", { className: "camera-capture-instructions", children: instructions })
   ] });
   const frameBottomMargin = captureButtonHeight + helperBoxHeight;
   if (reviewInstructions) {
     helperBoxHeight = frameBottomMargin - reviewButtonsHeight;
-    helperBox = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("small", { className: "camera-capture-instructions", children: reviewInstructions });
+    helperBox = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("small", { className: "camera-capture-instructions", children: reviewInstructions });
     const frameWithReviewInstructionsMinBottomMargin = reviewButtonsHeight + reviewInstructionsHeight;
     if (frameBottomMargin < frameWithReviewInstructionsMinBottomMargin) {
-      helperBox = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_jsx_runtime59.Fragment, {});
+      helperBox = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, {});
     }
   }
   const framePosition = {
@@ -6089,25 +6048,25 @@ var Overlay = ({
       width: "90%"
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("svg", { ref: svgReference, xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("mask", { id: "mask", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("rect", { width: "100%", height: "100%", fill: "#fff" }),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("image", __spreadValues({ href: overlay }, framePosition))
+  return /* @__PURE__ */ (0, import_jsx_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 })
     ] }) }),
-    overlay && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("rect", { width: "100%", height: "100%", mask: "url(#mask)", fillOpacity: "0.72" }),
-    outline && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("image", __spreadValues({ href: outline }, framePosition)),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("foreignObject", { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", __spreadProps(__spreadValues({ className: "camera-capture-text-and-image-container" }, helperBoxPosition), { children: helperBox })) })
+    overlay && /* @__PURE__ */ (0, import_jsx_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 }) })
   ] });
 };
 var Overlay_default = Overlay;
 
 // src/step/cameraStep/cameraCapture/screens/NoCameraAccess/NoCameraAccess.tsx
 var import_components28 = require("@transferwise/components");
-var import_react_intl27 = require("react-intl");
+var import_react_intl25 = require("react-intl");
 
 // src/step/cameraStep/cameraCapture/screens/NoCameraAccess/NoCameraAccess.messages.ts
-var import_react_intl26 = require("react-intl");
-var NoCameraAccess_messages_default = (0, import_react_intl26.defineMessages)({
+var import_react_intl24 = require("react-intl");
+var NoCameraAccess_messages_default = (0, import_react_intl24.defineMessages)({
   title: {
     id: "dynamicFlows.CameraCapture.NoCameraAccess.title",
     defaultMessage: "We can't access your camera",
@@ -6126,23 +6085,23 @@ var NoCameraAccess_messages_default = (0, import_react_intl26.defineMessages)({
 });
 
 // src/step/cameraStep/cameraCapture/screens/NoCameraAccess/NoCameraAccess.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var NoCameraAccess = ({ onAction }) => {
-  const intl = (0, import_react_intl27.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { id: "no-camera-access", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "container p-t-5", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "col-md-6 col-md-offset-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h2", { className: "text-xs-center m-b-3", children: intl.formatMessage(NoCameraAccess_messages_default.title) }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-xs-center m-b-5", children: intl.formatMessage(NoCameraAccess_messages_default.paragraph) }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_components28.Button, { block: true, onClick: onAction, children: intl.formatMessage(NoCameraAccess_messages_default.action) })
+  const intl = (0, import_react_intl25.useIntl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { id: "no-camera-access", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "container p-t-5", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "col-md-6 col-md-offset-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h2", { className: "text-xs-center m-b-3", children: intl.formatMessage(NoCameraAccess_messages_default.title) }),
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-xs-center m-b-5", children: intl.formatMessage(NoCameraAccess_messages_default.paragraph) }),
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_components28.Button, { block: true, onClick: onAction, children: intl.formatMessage(NoCameraAccess_messages_default.action) })
   ] }) }) }) });
 };
 var NoCameraAccess_default = NoCameraAccess;
 
 // src/step/cameraStep/cameraCapture/screens/CameraNotSupported/CameraNotSupported.tsx
-var import_react_intl29 = require("react-intl");
+var import_react_intl27 = require("react-intl");
 
 // src/step/cameraStep/cameraCapture/screens/CameraNotSupported/CameraNotSupported.messages.ts
-var import_react_intl28 = require("react-intl");
-var CameraNotSupported_messages_default = (0, import_react_intl28.defineMessages)({
+var import_react_intl26 = require("react-intl");
+var CameraNotSupported_messages_default = (0, import_react_intl26.defineMessages)({
   title: {
     id: "dynamicFlows.CameraCapture.CameraNotSupported.title",
     defaultMessage: "Camera not supported",
@@ -6156,37 +6115,37 @@ var CameraNotSupported_messages_default = (0, import_react_intl28.defineMessages
 });
 
 // src/step/cameraStep/cameraCapture/screens/CameraNotSupported/CameraNotSupported.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var CameraNotSupported = () => {
-  const intl = (0, import_react_intl29.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { id: "camera-not-supported", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "container p-t-5", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "col-md-6 col-md-offset-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("h2", { className: "text-xs-center m-b-3", children: intl.formatMessage(CameraNotSupported_messages_default.title) }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-xs-center m-b-5", children: intl.formatMessage(CameraNotSupported_messages_default.paragraph) })
+  const intl = (0, import_react_intl27.useIntl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { id: "camera-not-supported", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "container p-t-5", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "col-md-6 col-md-offset-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h2", { className: "text-xs-center m-b-3", children: intl.formatMessage(CameraNotSupported_messages_default.title) }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-xs-center m-b-5", children: intl.formatMessage(CameraNotSupported_messages_default.paragraph) })
   ] }) }) }) });
 };
 var CameraNotSupported_default = CameraNotSupported;
 
 // src/step/cameraStep/cameraCapture/tracking/index.ts
-var trackCameraPermissionDenied = (onEvent) => onEvent == null ? void 0 : onEvent("Dynamic Flow - Camera Permission Denied", {});
-var trackCameraFeedStarted = async (onEvent, props, stream) => onEvent == null ? void 0 : onEvent("Dynamic Flow - Camera Feed Started", await getCameraStartedProperties(props, stream));
-var trackCameraNotSupported = (onEvent, error) => onEvent == null ? void 0 : onEvent("Dynamic Flow - Camera Not Supported", { Error: error });
+var 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 getCameraStartedProperties = async (props, videoStream) => {
-  var _a;
   const videoTrack = getVideoTrack(videoStream);
   const capabilities = getVideoCapabilities(videoStream);
-  const settings = (_a = videoTrack == null ? void 0 : videoTrack.getSettings) == null ? void 0 : _a.call(videoTrack);
-  return __spreadProps(__spreadValues({}, videoTrack && {
-    "Available Video Devices (by label)": await getAvailableVideoDeviceLabels(),
-    "Active Video Device (by label)": await getActiveVideoDeviceLabel(videoStream),
-    "Camera Capabilities": capabilities,
-    "Camera Settings": settings
-  }), {
-    "Camera Direction (Asked)": props == null ? void 0 : props.direction
-  });
+  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
+  };
 };
 
 // src/step/cameraStep/cameraCapture/CameraCapture.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var CameraCapture = ({
   direction = "back",
   overlay = "",
@@ -6202,16 +6161,14 @@ var CameraCapture = ({
   const [isVideoMirrored, setIsVideoMirrored] = (0, import_react35.useState)(false);
   const [ready, setReady] = (0, import_react35.useState)(false);
   const [reviewImage, setReviewImage] = (0, import_react35.useState)();
-  const isMobileDevice = (0, import_react35.useMemo)(() => isMobile(), []);
   const webcamReference = (0, import_react35.useRef)(null);
   const { videoConstraints } = useVideoConstraints(direction);
-  const intl = (0, import_react_intl30.useIntl)();
+  const intl = (0, import_react_intl28.useIntl)();
   const handleCapture = (0, import_react35.useCallback)(async () => {
-    var _a, _b, _c, _d, _e, _f;
-    if (((_a = webcamReference == null ? void 0 : webcamReference.current) == null ? void 0 : _a.video) && ((_c = (_b = webcamReference == null ? void 0 : webcamReference.current) == null ? void 0 : _b.video) == null ? void 0 : _c.readyState) >= 3) {
-      (_e = (_d = webcamReference == null ? void 0 : webcamReference.current) == null ? void 0 : _d.video) == null ? void 0 : _e.pause();
-      const canvas = await generateCanvasFromVideo((_f = webcamReference == null ? void 0 : webcamReference.current) == null ? void 0 : _f.video);
-      canvas == null ? void 0 : canvas.toBlob(
+    if (webcamReference?.current?.video && webcamReference?.current?.video?.readyState >= 3) {
+      webcamReference?.current?.video?.pause();
+      const canvas = await generateCanvasFromVideo(webcamReference?.current?.video);
+      canvas?.toBlob(
         (blob) => {
           if (blob) {
             if (showReview) {
@@ -6230,7 +6187,7 @@ var CameraCapture = ({
   }, [webcamReference, showReview, setReviewImage, setMode, onCapture, isVideoMirrored]);
   const handleUserMediaError = (0, import_react35.useCallback)(
     (error) => {
-      if (error instanceof DOMException && (error == null ? void 0 : error.name) === "NotAllowedError") {
+      if (error instanceof DOMException && error?.name === "NotAllowedError") {
         setMode("NO_CAMERA_ACCESS");
         trackCameraPermissionDenied(onEvent);
         return;
@@ -6249,27 +6206,15 @@ var CameraCapture = ({
     [setIsVideoMirrored, onEvent, direction]
   );
   const handleReviewSubmit = () => {
-    onCapture((reviewImage == null ? void 0 : reviewImage.blob) || null);
+    onCapture(reviewImage?.blob || null);
   };
   const handleReviewRetry = () => {
     setMode("CAPTURE");
     setReviewImage(void 0);
   };
   const handleRetryCameraAccess = () => setMode("CAPTURE");
-  (0, import_react35.useEffect)(() => {
-    if (mode === "CAPTURE" && isMobileDevice && window.screen.orientation && "lock" in window.screen.orientation && typeof window.screen.orientation.lock === "function") {
-      window.screen.orientation.lock("portrait").catch(() => {
-      });
-    }
-    return () => {
-      var _a, _b;
-      if ((_b = (_a = window.screen) == null ? void 0 : _a.orientation) == null ? void 0 : _b.unlock) {
-        window.screen.orientation.unlock();
-      }
-    };
-  }, [mode, isMobileDevice]);
-  const captureScreen = /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
-    videoConstraints && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  const captureScreen = /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
+    videoConstraints && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       import_react_webcam.default,
       {
         ref: webcamReference,
@@ -6280,7 +6225,7 @@ var CameraCapture = ({
         onUserMedia: handleUserMedia
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       Overlay_default,
       {
         overlay,
@@ -6290,12 +6235,11 @@ var CameraCapture = ({
         instructions
       }
     ),
-    isMobileDevice && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(OrientationLock_default, {}),
-    ready && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CaptureBottomBar, { onCapture: () => void handleCapture() })
+    ready && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(CaptureBottomBar, { onCapture: () => void handleCapture() })
   ] });
-  const reviewScreen = /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("img", { className: "review-image", src: reviewImage == null ? void 0 : reviewImage.source, alt: "" }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  const reviewScreen = /* @__PURE__ */ (0, import_jsx_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)(
       Overlay_default,
       {
         overlay,
@@ -6305,19 +6249,19 @@ var CameraCapture = ({
         reviewInstructions: intl.formatMessage(CameraCapture_messages_default.reviewInstructions)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ReviewBottomBar, { onSubmit: handleReviewSubmit, onRetry: handleReviewRetry })
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ReviewBottomBar, { onSubmit: handleReviewSubmit, onRetry: handleReviewRetry })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("section", { className: "camera-capture", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("section", { className: "camera-capture", children: [
     mode === "CAPTURE" && captureScreen,
     mode === "REVIEW" && reviewScreen,
-    mode === "NO_CAMERA_ACCESS" && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(NoCameraAccess_default, { onAction: handleRetryCameraAccess }),
-    mode === "CAMERA_NOT_SUPPORTED" && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CameraNotSupported_default, {})
+    mode === "NO_CAMERA_ACCESS" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(NoCameraAccess_default, { onAction: handleRetryCameraAccess }),
+    mode === "CAMERA_NOT_SUPPORTED" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(CameraNotSupported_default, {})
   ] });
 };
 var CameraCapture_default = CameraCapture;
 
 // src/step/cameraStep/CameraStep.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function blobToBase64(blob) {
   return new Promise((resolve, _) => {
     const reader = new FileReader();
@@ -6355,7 +6299,7 @@ var CameraStep = (props) => {
       });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     CameraCapture_default,
     {
       overlay,
@@ -6393,22 +6337,21 @@ function getCameraSchema(step) {
   return firstProperty;
 }
 function getFirstAction(step) {
-  var _a, _b;
-  if (!step.schemas || ((_a = filterHiddenSchemas(step.schemas)) == null ? void 0 : _a.length) !== 1) {
+  if (!step.schemas || filterHiddenSchemas(step.schemas)?.length !== 1) {
     throw new Error("camera step expects 1 non-hidden object schema");
   }
-  if (((_b = step == null ? void 0 : step.actions) == null ? void 0 : _b.length) !== 1) {
+  if (step?.actions?.length !== 1) {
     throw new Error("camera step expects 1 action");
   }
   return step.actions[0];
 }
 
 // src/step/externalConfirmationStep/ExternalConfirmationStep.tsx
-var import_react_intl32 = require("react-intl");
+var import_react_intl30 = require("react-intl");
 
 // src/step/externalConfirmationStep/ExternalConfirmationStep.messages.ts
-var import_react_intl31 = require("react-intl");
-var ExternalConfirmationStep_messages_default = (0, import_react_intl31.defineMessages)({
+var import_react_intl29 = require("react-intl");
+var ExternalConfirmationStep_messages_default = (0, import_react_intl29.defineMessages)({
   title: {
     id: "dynamicFlows.ExternalConfirmation.title",
     defaultMessage: "Please confirm",
@@ -6432,12 +6375,12 @@ var ExternalConfirmationStep_messages_default = (0, import_react_intl31.defineMe
 });
 
 // src/step/externalConfirmationStep/ExternalConfirmationStep.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var noop5 = () => {
 };
 var ExternalConfirmationStep = ({ url, onClose }) => {
-  const { formatMessage } = (0, import_react_intl32.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  const { formatMessage } = (0, import_react_intl30.useIntl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
     DynamicLayout_default,
     {
       components: [
@@ -6496,7 +6439,7 @@ var ExternalConfirmationStep_default = ExternalConfirmationStep;
 function getOrigin(url) {
   try {
     return new URL(url).origin;
-  } catch (e) {
+  } catch {
     return url;
   }
 }
@@ -6504,21 +6447,21 @@ function getOrigin(url) {
 // src/dynamicFlow/BackButton.tsx
 var import_components30 = require("@transferwise/components");
 var import_icons2 = require("@transferwise/icons");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var BackButton = ({ title, action, onAction }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
     "a",
     {
       onClick: (event) => {
         event.preventDefault();
-        onAction(__spreadProps(__spreadValues({}, action), { skipValidation: true }));
+        onAction({ ...action, skipValidation: true });
       },
       href: "/",
       className: "df-back-btn",
       "aria-label": title,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "sr-only", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_components30.Avatar, { type: "icon", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_icons2.ArrowLeft, { size: "24" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "sr-only", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_components30.Avatar, { type: "icon", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons2.ArrowLeft, { size: "24" }) })
       ]
     }
   );
@@ -6526,26 +6469,25 @@ var BackButton = ({ title, action, onAction }) => {
 var BackButton_default = BackButton;
 
 // src/dynamicFlow/DynamicFlowStep.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var DynamicFlowStep = (props) => {
-  var _a, _b, _c;
   const { step, globalError, onAction } = props;
-  const externalUrl = (_a = step == null ? void 0 : step.external) == null ? void 0 : _a.url;
-  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 externalUrl = step?.external?.url;
+  const backButton = step?.navigation?.back || step?.navigation?.backButton;
   const { requiresManualTrigger, dismissConfirmation } = useExternal(externalUrl);
   if (step === void 0) {
     return null;
   }
   if (externalUrl && requiresManualTrigger) {
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ExternalConfirmationStep_default, { url: externalUrl, onClose: dismissConfirmation });
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ExternalConfirmationStep_default, { url: externalUrl, onClose: dismissConfirmation });
   }
   if (isCameraStep(step)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(CameraStep_default, __spreadProps(__spreadValues({}, props), { step }));
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(CameraStep_default, { ...props, step });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
-    backButton && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(BackButton_default, __spreadProps(__spreadValues({}, backButton), { onAction })),
-    globalError ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DynamicAlert_default, { component: { context: "negative", markdown: globalError, margin: "lg" } }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(LayoutStep_default, __spreadProps(__spreadValues({}, props), { stepSpecification: step }))
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
+    backButton && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(BackButton_default, { ...backButton, onAction }),
+    globalError ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(DynamicAlert_default, { component: { context: "negative", markdown: globalError, margin: "lg" } }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(LayoutStep_default, { ...props, stepSpecification: step })
   ] });
 };
 
@@ -6578,30 +6520,29 @@ var shouldDebounceSchema = (schema) => getSchemaType(schema) === "basic" && sche
 // src/dynamicFlow/utils/useDynamicFlowState.ts
 var import_react38 = require("react");
 var useDynamicFlowState = (initialStep) => {
-  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 [formErrors, setFormErrors] = (0, import_react38.useState)(initialStep?.errors?.validation);
+  const [globalError, setGlobalError] = (0, import_react38.useState)(initialStep?.errors?.error);
   const [stepAndModels, setStepAndModels] = (0, import_react38.useState)({
     step: initialStep || void 0,
-    models: (initialStep == null ? void 0 : initialStep.model) ? buildInitialModels(initialStep.model, getAllSchemas(initialStep)) : {},
+    models: 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((_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);
+    setFormErrors(step2?.errors?.validation ?? null);
+    setGlobalError(step2?.errors?.error ?? null);
   };
   const setSchemaModel = (schemaId, objectModel, onModelsUpdated) => {
     setStepAndModels((previous) => {
-      const updatedModels = __spreadProps(__spreadValues({}, previous.models), {
+      const updatedModels = {
+        ...previous.models,
         [schemaId]: objectModel
-      });
+      };
       const updatedState = {
         step: previous.step,
         models: updatedModels,
@@ -6633,14 +6574,15 @@ var buildInitialModels = (model, schemas = []) => {
     if (!schema.$id) {
       console.warn("Schema without $id property found.");
     }
-    return __spreadProps(__spreadValues({}, acc), {
+    return {
+      ...acc,
       [schema.$id || ""]: getValidObjectModelParts(model, schema) || {}
-    });
+    };
   }, {});
 };
 var getAllSchemas = (step) => [
-  ...getAllSchemasInLayout((step == null ? void 0 : step.layout) || []),
-  ...(step == null ? void 0 : step.schemas) || []
+  ...getAllSchemasInLayout(step?.layout || []),
+  ...step?.schemas || []
 ];
 var getAllSchemasInLayout = (components) => components.flatMap((component) => {
   switch (component.type) {
@@ -6655,8 +6597,8 @@ var getAllSchemasInLayout = (components) => components.flatMap((component) => {
   }
 });
 var getAllValidatableSchemas = (step) => [
-  ...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) || [])
+  ...getAllReferencedSchemaIds(step?.layout || []).map((id) => (step?.schemas || []).find((schema) => schema.$id === id)).filter(Boolean),
+  ...getAllSchemasInLayout(step?.layout || [])
 ];
 var getAllReferencedSchemaIds = (components) => components.flatMap((component) => {
   switch (component.type) {
@@ -6671,12 +6613,12 @@ var getAllReferencedSchemaIds = (components) => components.flatMap((component) =
   }
 }).filter(Boolean);
 var areModelsValid = (formModels, schemas = []) => {
-  return !(schemas == null ? void 0 : schemas.some((schema) => {
+  return !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)) {
@@ -6691,16 +6633,17 @@ var isInlineSchema = (schema) => {
 // src/dynamicFlow/utils/useLoader.tsx
 var import_components31 = require("@transferwise/components");
 var import_react39 = require("react");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function useLoader(loaderConfig, initialState) {
-  const config = __spreadValues({
+  const config = {
     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_runtime67.jsx)(
+  const loader = shouldDisplayLoader ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     import_components31.Loader,
     {
       size: config.size,
@@ -6716,11 +6659,11 @@ var import_react40 = require("react");
 
 // src/dynamicFlow/utils/errorBoundary/ErrorBoundaryAlert.tsx
 var import_components32 = require("@transferwise/components");
-var import_react_intl33 = require("react-intl");
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_react_intl31 = require("react-intl");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var ErrorBoundaryAlert = ({ onDismiss }) => {
-  const { formatMessage } = (0, import_react_intl33.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  const { formatMessage } = (0, import_react_intl31.useIntl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     import_components32.Alert,
     {
       action: {
@@ -6736,7 +6679,7 @@ var ErrorBoundaryAlert = ({ onDismiss }) => {
 };
 
 // src/dynamicFlow/utils/errorBoundary/ErrorBoundary.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var noop6 = () => {
 };
 var ErrorBoundary = class extends import_react40.Component {
@@ -6757,8 +6700,8 @@ var ErrorBoundary = class extends import_react40.Component {
   render() {
     const { children } = this.props;
     const { hasError, isFatalError } = this.state;
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
-      hasError && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ErrorBoundaryAlert, { onDismiss: this.handleErrorReset }),
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
+      hasError && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ErrorBoundaryAlert, { onDismiss: this.handleErrorReset }),
       !isFatalError && children
     ] });
   }
@@ -6808,17 +6751,16 @@ var parseExitResponse = async (response) => {
   return { type: "exit", result: await getJsonObjectOrNull(response) };
 };
 var parseFetchResponse = async (response) => {
-  var _a, _b, _c;
   assertResponseIsValid(response);
-  if ((_a = response.headers) == null ? void 0 : _a.has("X-Df-Response-Type")) {
+  if (response.headers?.has("X-Df-Response-Type")) {
     const type = response.headers.get("X-Df-Response-Type");
     return parseFetchResponseByResponseType(response, type);
   }
-  if ((_b = response.headers) == null ? void 0 : _b.has("X-Df-ResponseType")) {
+  if (response.headers?.has("X-Df-ResponseType")) {
     const type = response.headers.get("X-Df-ResponseType");
     return parseFetchResponseByResponseType(response, type);
   }
-  if ((_c = response.headers) == null ? void 0 : _c.has("X-Df-Exit")) {
+  if (response.headers?.has("X-Df-Exit")) {
     return parseExitResponse(response);
   }
   const jsonBody = await parseResponseJson(response.clone());
@@ -6846,7 +6788,7 @@ var getJsonObjectOrNull = async (response) => {
 var parseResponseJson = async (response) => {
   try {
     return await response.json();
-  } catch (e) {
+  } catch {
     return null;
   }
 };
@@ -6863,7 +6805,7 @@ var assertResponseIsValid = (response) => {
 var isResponse = (response) => typeof response === "object" && response !== null && "clone" in response && "bodyUsed" in response;
 
 // src/dynamicFlow/DynamicFlow.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var noop7 = () => {
 };
 var DynamicFlowComponent = ({
@@ -6878,7 +6820,7 @@ var DynamicFlowComponent = ({
   onEvent = noop7,
   onLog = noop7
 }) => {
-  const { locale } = (0, import_react_intl34.useIntl)();
+  const { locale } = (0, import_react_intl32.useIntl)();
   const {
     formErrors,
     globalError,
@@ -6896,12 +6838,9 @@ var DynamicFlowComponent = ({
     loaderConfig,
     initialStep ? "idle" : "initial"
   );
-  const logCritical = getLogger("critical", onLog, flowId, (step == null ? void 0 : step.id) || (step == null ? void 0 : step.key));
+  const logCritical = getLogger("critical", onLog, flowId, step?.id || step?.key);
   const analyticsMetadata = (0, import_react41.useMemo)(
-    () => {
-      var _a;
-      return __spreadValues({ flowId, stepId: (step == null ? void 0 : step.id) || (step == null ? void 0 : step.key) }, (_a = step == null ? void 0 : step.analytics) != null ? _a : {});
-    },
+    () => ({ flowId, stepId: step?.id || step?.key, ...step?.analytics ?? {} }),
     [flowId, step]
   );
   const dispatchEvent = (0, import_react41.useMemo)(
@@ -6911,13 +6850,14 @@ var DynamicFlowComponent = ({
   const dfHttpClient = (0, import_react41.useCallback)(
     ({ action, data, etag: etag2 }) => {
       const { url, method = "POST" } = action;
-      return httpClient(url != null ? url : "", {
+      return httpClient(url ?? "", {
         method,
-        headers: __spreadValues({
+        headers: {
           "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)
       });
@@ -6955,7 +6895,7 @@ var DynamicFlowComponent = ({
   };
   const handleExitResponse = async (response, actionResult) => {
     const exitResult = await getJsonObjectOrNull(response);
-    dispatchEventAndComplete(__spreadValues(__spreadValues({}, exitResult), actionResult));
+    dispatchEventAndComplete({ ...exitResult, ...actionResult });
   };
   const debouncedRefresh = useDebouncedRefresh(performRefresh);
   const dispatchEventAndComplete = (0, import_react41.useCallback)(
@@ -6970,10 +6910,11 @@ var DynamicFlowComponent = ({
   }, []);
   (0, import_react41.useEffect)(() => {
     if (!initialStep) {
-      const action = __spreadValues({
+      const action = {
         id: "#initial-step-request",
-        method: "GET"
-      }, initialAction);
+        method: "GET",
+        ...initialAction
+      };
       void performAction(action, action.data);
     }
   }, [httpClient, locale, JSON.stringify(initialStep), JSON.stringify(initialAction)]);
@@ -7005,9 +6946,10 @@ var DynamicFlowComponent = ({
     setLoadingState("idle");
     if (fetchType === "submission") {
       setSubmitted(false);
-      dispatchEvent("Dynamic Flow - Step Started", __spreadValues({
-        stepId: newStep.id || newStep.key
-      }, newStep == null ? void 0 : newStep.analytics));
+      dispatchEvent("Dynamic Flow - Step Started", {
+        stepId: newStep.id || newStep.key,
+        ...newStep?.analytics
+      });
     } else {
       dispatchEvent("Dynamic Flow - Step Refreshed", { status: "success" });
     }
@@ -7053,7 +6995,7 @@ var DynamicFlowComponent = ({
     const { triggerSchema } = props;
     if (shouldTriggerRefresh(props)) {
       const triggerSchemaRefreshUrl = triggerSchema.refreshUrl || triggerSchema.refreshFormUrl;
-      const stepRefreshUrl = (step == null ? void 0 : step.refreshUrl) || (step == null ? void 0 : step.refreshFormUrl);
+      const stepRefreshUrl = step?.refreshUrl || step?.refreshFormUrl;
       const refreshUrl = triggerSchemaRefreshUrl || stepRefreshUrl;
       if (refreshUrl) {
         debouncedRefresh(refreshUrl, combineModels2(updatedModels), etag, triggerSchema);
@@ -7070,7 +7012,7 @@ var DynamicFlowComponent = ({
     }
     const actionHandler = action.exit ? performExitAction : performAction;
     const { data, method, skipValidation } = action;
-    const submissionData = __spreadValues(__spreadValues({}, combineModels2(models)), data);
+    const submissionData = { ...combineModels2(models), ...data };
     if (isSubmissionMethod(method)) {
       setFormErrors(null);
       if (!skipValidation) {
@@ -7083,7 +7025,7 @@ var DynamicFlowComponent = ({
       await actionHandler(action);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(LogProvider, { flowId, stepId: (step == null ? void 0 : step.id) || (step == null ? void 0 : step.key), onLog, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(EventsContextProvider, { metadata: analyticsMetadata, onEvent, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DynamicFlowProvider, { loading: isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(HttpClientProvider, { httpClient, children: loader !== null ? loader : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  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)(
     DynamicFlowStep,
     {
       step,
@@ -7099,10 +7041,10 @@ var DynamicFlowComponent = ({
     }
   ) }) }) }) });
 };
-var DynamicFlow = (props) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ErrorBoundary_default, { onError: props.onError, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DynamicFlowComponent, __spreadValues({}, props)) });
+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_default = DynamicFlow;
 var combineModels2 = (formModels) => {
-  return Object.values(formModels).reduce((previous, model) => __spreadValues(__spreadValues({}, previous), model), {});
+  return Object.values(formModels).reduce((previous, model) => ({ ...previous, ...model }), {});
 };
 var isSubmissionMethod = (method = "POST") => {
   const submissionMethods = ["POST", "PUT", "PATCH"];
@@ -7112,7 +7054,7 @@ var shouldTriggerRefresh = (props) => {
   const { type, triggerSchema, triggerModel, lastTriggerModel = null } = props;
   const isValid = () => isValidSchema(triggerModel, triggerSchema);
   const wasValid = () => isValidSchema(lastTriggerModel, triggerSchema);
-  const hasRefreshOnChange = (triggerSchema == null ? void 0 : triggerSchema.refreshStepOnChange) || (triggerSchema == null ? void 0 : triggerSchema.refreshFormOnChange);
+  const hasRefreshOnChange = triggerSchema?.refreshStepOnChange || triggerSchema?.refreshFormOnChange;
   return type !== "init" && hasRefreshOnChange && (isValid() || wasValid());
 };
 
@@ -7176,8 +7118,6 @@ var en_default = {
   "dynamicFlows.CameraCapture.reviewInstructions": "Is your picture clear, readable and complete?",
   "dynamicFlows.CameraCapture.reviewRetry": "No, try again",
   "dynamicFlows.CameraCapture.reviewSubmit": "Yes, submit",
-  "dynamicFlows.CameraCapture.rotatePhone.imgAlt": "Rotate your phone icon",
-  "dynamicFlows.CameraCapture.rotatePhone.text": "Rotate your phone to portrait view to take a photo",
   "dynamicFlows.ControlFeedback.maxLength": "Please enter {maxLength} or fewer characters.",
   "dynamicFlows.ControlFeedback.maximum": "Please enter a number that's {maximum} or less.",
   "dynamicFlows.ControlFeedback.maximumDate": "Please enter a date that's on or before {maximum}.",