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

@wise/dynamic-flow-client 2.1.5 → 2.2.0

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

Files changed (6) hide show

package/build/i18n/es.json +1 -1
package/build/main.js +435 -415
package/build/main.min.js +1 -1
package/build/types/common/contexts/eventsContext/EventsContext.d.ts +1 -1
package/build/types/layout/search/SearchInput.d.ts +2 -1
package/package.json +42 -42

package/build/main.js CHANGED Viewed

@@ -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);
@@ -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;
   });
 };
@@ -1742,7 +1730,7 @@ function useExternalStepPolling(polling, onAction) {
           if (response.ok) {
             try {
               return response.json();
-            } catch (e) {
+            } catch {
               throw new Error("failed");
             }
           } else {
@@ -1756,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) {
@@ -2075,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");
@@ -2099,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 });
   }
@@ -2242,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",
@@ -2254,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) => {
@@ -2276,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);
@@ -2293,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
     }
   );
 };
@@ -2405,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" } }),
@@ -2429,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) => {
@@ -2444,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: [
@@ -2460,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)
@@ -2543,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: [
@@ -2608,7 +2598,10 @@ function useDefaultValidationMessages(schema) {
         )
       }) : void 0
     };
-    return __spreadValues(__spreadValues({}, formattedMessages), dateOverrides);
+    return {
+      ...formattedMessages,
+      ...dateOverrides
+    };
   }
   return formattedMessages;
 }
@@ -2629,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;
@@ -2642,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
+    };
   }
 }
@@ -2699,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);
@@ -2741,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,
       {
@@ -2799,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
@@ -2981,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,
@@ -3029,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;
     }
@@ -3050,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;
     }
@@ -3106,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) => {
@@ -3125,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,
@@ -3168,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 })
           }
         )
       }
@@ -3210,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");
 };
@@ -3228,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");
 };
@@ -3249,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;
@@ -3257,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)(() => {
@@ -3471,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);
     /**
@@ -3487,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);
@@ -3507,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,
@@ -3520,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 };
@@ -3527,7 +3536,6 @@ var _FormControl = class extends import_react14.PureComponent {
     return null;
   }
   render() {
-    var _a;
     const {
       name,
       placeholder,
@@ -3597,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,
@@ -3611,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, {}),
@@ -3753,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:
@@ -3775,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) => {
@@ -3787,7 +3796,7 @@ var _FormControl = class extends import_react14.PureComponent {
               onCancel: () => {
                 this.handleOnChange(null);
               }
-            })
+            }
           )
         );
       }
@@ -3812,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
@@ -3880,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 || "" }) }) })
     };
@@ -3903,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";
@@ -4025,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,
@@ -4117,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
       });
     }
   };
@@ -4192,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);
   }
@@ -4211,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;
@@ -4331,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,
@@ -4343,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,
@@ -4357,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
       }
     )
@@ -4378,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
@@ -4406,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;
@@ -4422,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 }),
@@ -4462,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, {});
   }
@@ -4479,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);
@@ -4500,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 {
@@ -4588,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
@@ -4645,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" });
     }
   };
@@ -4663,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);
@@ -4681,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;
@@ -4691,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)(() => {
@@ -4704,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, {});
 };
@@ -4753,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,
@@ -4768,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 })
     }
   ) });
@@ -4799,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
     }
@@ -4859,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) => {
@@ -4870,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" },
@@ -4885,7 +4907,7 @@ var getImageSource = async (httpClient, imageUrl) => {
       }).then(readImageBlobAsDataURL).catch(() => imageUrl);
     }
     return imageUrl;
-  } catch (e) {
+  } catch {
     return imageUrl;
   }
 };
@@ -4957,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));
@@ -5012,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",
@@ -5029,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
@@ -5092,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: [
@@ -5181,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)
+      }
+    )
   ] });
 };
@@ -5258,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;
@@ -5325,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 });
     }
   };
@@ -5345,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 })
@@ -5360,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");
@@ -5391,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);
@@ -5415,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);
     }
@@ -5458,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
@@ -5480,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,
@@ -5533,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();
     }
@@ -5614,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
     };
@@ -5755,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;
       }
@@ -5765,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)(() => {
@@ -5780,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 [];
   }
@@ -5789,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) => {
@@ -5896,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);
@@ -5914,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) => {
@@ -5954,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;
@@ -5986,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 += "";
       }
@@ -6028,11 +6051,11 @@ var Overlay = ({
   return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("svg", { ref: svgReference, xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("mask", { id: "mask", children: [
       /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("rect", { width: "100%", height: "100%", fill: "#fff" }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("image", __spreadValues({ href: overlay }, framePosition))
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("image", { href: overlay, ...framePosition })
     ] }) }),
     overlay && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("rect", { width: "100%", height: "100%", mask: "url(#mask)", fillOpacity: "0.72" }),
-    outline && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("image", __spreadValues({ href: outline }, framePosition)),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("foreignObject", { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", __spreadProps(__spreadValues({ className: "camera-capture-text-and-image-container" }, helperBoxPosition), { children: helperBox })) })
+    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;
@@ -6103,22 +6126,22 @@ var CameraNotSupported = () => {
 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
@@ -6142,11 +6165,10 @@ var CameraCapture = ({
   const { videoConstraints } = useVideoConstraints(direction);
   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) {
@@ -6165,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;
@@ -6184,7 +6206,7 @@ var CameraCapture = ({
     [setIsVideoMirrored, onEvent, direction]
   );
   const handleReviewSubmit = () => {
-    onCapture((reviewImage == null ? void 0 : reviewImage.blob) || null);
+    onCapture(reviewImage?.blob || null);
   };
   const handleReviewRetry = () => {
     setMode("CAPTURE");
@@ -6216,7 +6238,7 @@ var CameraCapture = ({
     ready && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(CaptureBottomBar, { onCapture: () => void handleCapture() })
   ] });
   const reviewScreen = /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("img", { className: "review-image", src: reviewImage == null ? void 0 : reviewImage.source, alt: "" }),
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("img", { className: "review-image", src: reviewImage?.source, alt: "" }),
     /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       Overlay_default,
       {
@@ -6315,11 +6337,10 @@ 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];
@@ -6418,7 +6439,7 @@ var ExternalConfirmationStep_default = ExternalConfirmationStep;
 function getOrigin(url) {
   try {
     return new URL(url).origin;
-  } catch (e) {
+  } catch {
     return url;
   }
 }
@@ -6433,7 +6454,7 @@ var BackButton = ({ title, action, onAction }) => {
     {
       onClick: (event) => {
         event.preventDefault();
-        onAction(__spreadProps(__spreadValues({}, action), { skipValidation: true }));
+        onAction({ ...action, skipValidation: true });
       },
       href: "/",
       className: "df-back-btn",
@@ -6450,10 +6471,9 @@ var BackButton_default = BackButton;
 // src/dynamicFlow/DynamicFlowStep.tsx
 var import_jsx_runtime65 = require("react/jsx-runtime");
 var DynamicFlowStep = (props) => {
-  var _a, _b, _c;
   const { step, globalError, onAction } = props;
-  const externalUrl = (_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;
@@ -6462,12 +6482,12 @@ var DynamicFlowStep = (props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ExternalConfirmationStep_default, { url: externalUrl, onClose: dismissConfirmation });
   }
   if (isCameraStep(step)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(CameraStep_default, __spreadProps(__spreadValues({}, props), { step }));
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(CameraStep_default, { ...props, step });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
-    backButton && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(BackButton_default, __spreadProps(__spreadValues({}, backButton), { onAction })),
+    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, __spreadProps(__spreadValues({}, props), { stepSpecification: step }))
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(LayoutStep_default, { ...props, stepSpecification: step })
   ] });
 };
@@ -6500,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,
@@ -6555,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) {
@@ -6577,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) {
@@ -6593,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)) {
@@ -6615,11 +6635,12 @@ var import_components31 = require("@transferwise/components");
 var import_react39 = require("react");
 var import_jsx_runtime66 = require("react/jsx-runtime");
 function useLoader(loaderConfig, initialState) {
-  const config = __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_runtime66.jsx)(
@@ -6730,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());
@@ -6768,7 +6788,7 @@ var getJsonObjectOrNull = async (response) => {
 var parseResponseJson = async (response) => {
   try {
     return await response.json();
-  } catch (e) {
+  } catch {
     return null;
   }
 };
@@ -6818,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)(
@@ -6833,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)
       });
@@ -6877,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)(
@@ -6892,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)]);
@@ -6927,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" });
     }
@@ -6975,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);
@@ -6992,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) {
@@ -7005,7 +7025,7 @@ var DynamicFlowComponent = ({
       await actionHandler(action);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(LogProvider, { flowId, stepId: (step == null ? void 0 : step.id) || (step == null ? void 0 : step.key), onLog, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(EventsContextProvider, { metadata: analyticsMetadata, onEvent, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DynamicFlowProvider, { loading: isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(HttpClientProvider, { httpClient, children: loader !== null ? loader : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  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,
@@ -7021,10 +7041,10 @@ var DynamicFlowComponent = ({
     }
   ) }) }) }) });
 };
-var DynamicFlow = (props) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ErrorBoundary_default, { onError: props.onError, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DynamicFlowComponent, __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"];
@@ -7034,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());
 };
@@ -7129,7 +7149,7 @@ var en_default = {
 // src/i18n/es.json
 var es_default = {
   "dynamicFlows.ArraySchema.addItem": "Guardar",
-  "dynamicFlows.ArraySchema.addItemTitle": "Add Item",
+  "dynamicFlows.ArraySchema.addItemTitle": "A\xF1adir elemento",
   "dynamicFlows.ArraySchema.editItem": "Guardar",
   "dynamicFlows.ArraySchema.maxItemsError": "A\xF1ade {maxItems} o menos.",
   "dynamicFlows.ArraySchema.minItemsError": "A\xF1ade al menos {minItems}.",