@wise/dynamic-flow-client 5.17.0 → 5.18.0-exp-scroll-to-errors-d7a48a2

package/build/i18n/sv.json

@@ -0,0 +1,38 @@
+{
+  "dynamicFlows.ArraySchema.addItem": "Spara",
+  "dynamicFlows.ArraySchema.addItemTitle": "Add Item",
+  "dynamicFlows.ArraySchema.editItem": "Spara",
+  "dynamicFlows.ArraySchema.maxItemsError": "Please add {maxItems} or fewer.",
+  "dynamicFlows.ArraySchema.minItemsError": "Please add at least {minItems}.",
+  "dynamicFlows.ArraySchema.removeItem": "Remove",
+  "dynamicFlows.ControlFeedback.maxLength": "Please enter {maxLength} or fewer characters.",
+  "dynamicFlows.ControlFeedback.maximum": "Please enter a number that's {maximum} or less.",
+  "dynamicFlows.ControlFeedback.maximumDate": "Please enter a date that's on or before {maximum}.",
+  "dynamicFlows.ControlFeedback.minLength": "Please enter at least {minLength} characters.",
+  "dynamicFlows.ControlFeedback.minimum": "Please enter a number that's {minimum} or more.",
+  "dynamicFlows.ControlFeedback.minimumDate": "Please enter a date that's on or after {minimum}.",
+  "dynamicFlows.ControlFeedback.pattern": "Please enter this in the correct format.",
+  "dynamicFlows.ControlFeedback.patternDate": "Please enter a date in the corrrect format.",
+  "dynamicFlows.ControlFeedback.required": "Please fill out this field.",
+  "dynamicFlows.ControlFeedback.type": "Incorrect type",
+  "dynamicFlows.DownloadFeedback.failed": "Download failed",
+  "dynamicFlows.DownloadFeedback.started": "Downloading...",
+  "dynamicFlows.DownloadFeedback.successful": "Download successful",
+  "dynamicFlows.DynamicParagraph.copied": "Copied to clipboard",
+  "dynamicFlows.DynamicParagraph.copy": "Kopiera",
+  "dynamicFlows.ErrorBoundary.errorAlert": "Something went wrong.",
+  "dynamicFlows.ErrorBoundary.retry": "Retry",
+  "dynamicFlows.ExternalConfirmation.cancel": "Avbryt",
+  "dynamicFlows.ExternalConfirmation.description": "Please confirm you want to open **{origin}** in a new browser tab.",
+  "dynamicFlows.ExternalConfirmation.open": "Open in new tab",
+  "dynamicFlows.ExternalConfirmation.title": "Please confirm",
+  "dynamicFlows.FileUploadSchema.maxFileSizeError": "Sorry, that file is too big. Please upload a smaller file.",
+  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "Sorry, that file format is not supported. Please upload a different file.",
+  "dynamicFlows.Help.ariaLabel": "Click here for more info.",
+  "dynamicFlows.MultiSelect.summary": "{first} and {count} more",
+  "dynamicFlows.MultipleFileUploadSchema.maxFileSizeError": "Sorry, that file is too big. Please upload a smaller file.",
+  "dynamicFlows.MultipleFileUploadSchema.maxItemsError": "Please upload {maxItems} or fewer files.",
+  "dynamicFlows.MultipleFileUploadSchema.minItemsError": "Please upload at least {minItems} file(s).",
+  "dynamicFlows.PersistAsyncSchema.genericError": "Something went wrong, please try again.",
+  "dynamicFlows.SearchLayout.loading": "Loading..."
+}

package/build/main.js

@@ -2183,7 +2183,7 @@ var debounce = (callback, waitMs) => {
   let timeoutId = null;
   let lastArgs = null;
   const clearTimer = () => {
-    if (timeoutId) {
+    if (timeoutId !== null) {
       clearTimeout(timeoutId);
       timeoutId = null;
     }
@@ -3012,7 +3012,7 @@ var executeRequest = async (props) => {
       url,
       {
         method,
-        body: body ? JSON.stringify(body) : void 0,
+        body: body != null ? JSON.stringify(body) : void 0,
         headers: { "Content-Type": "application/json" }
       }
     ],
@@ -3406,6 +3406,7 @@ var createNumberInputComponent = (props, onComponentUpdate) => {
     "summariser"
   ]);
   const update = getInputUpdateFunction(onComponentUpdate);
+  const onValueChangeDebounced = debounce(onValueChange, 1e3);
   const getValidationErrors = getLocalValueValidator(checks);
   const performOnChange = getDebouncedSchemaOnChange(schemaOnChange, getValidationErrors);
   const validateAsync = performValidationAsync ? getDebouncedComponentValidationAsync(update, performValidationAsync) : void 0;
@@ -3422,6 +3423,7 @@ var createNumberInputComponent = (props, onComponentUpdate) => {
         }));
         validateAsync == null ? void 0 : validateAsync.flush();
       }
+      onValueChangeDebounced.flush();
     },
     onFocus() {
     },
@@ -3438,7 +3440,7 @@ var createNumberInputComponent = (props, onComponentUpdate) => {
       if (isValid) {
         validateAsync == null ? void 0 : validateAsync(component, updatedValue);
       }
-      onValueChange();
+      onValueChangeDebounced();
     },
     async getSubmittableValue() {
       return component.getSubmittableValueSync();
@@ -3631,11 +3633,14 @@ var getRequiredCheck = (required, messageFunctions) => (value) => {
   if (isArray(value) && value.length === 0) {
     return messageFunctions.required();
   }
-  if (value === "") {
-    return messageFunctions.required();
-  }
   return isNullish(value) ? messageFunctions.required() : null;
 };
+var getStringRequiredCheck = (required, messageFunctions) => (value) => {
+  if (!required) {
+    return null;
+  }
+  return isNullish(value) || value === "" ? messageFunctions.required() : null;
+};
 var getValidDateCheck = (required, messageFunctions) => (value) => {
   if (required && !isValidDate(value)) {
     return messageFunctions.required();
@@ -3897,9 +3902,16 @@ var schemaHasPlaceholder = (schema) => Boolean("placeholder" in schema && schema
 
 // src/domain/mappers/schema/numberSchemaToComponent.ts
 var numberSchemaToComponent = (schemaMapperProps, mapperProps) => {
-  const { schema, model, localValue, required = false, onPersistAsync } = schemaMapperProps;
+  const {
+    schema,
+    model,
+    localValue,
+    required = false,
+    onPersistAsync,
+    onValueChange
+  } = schemaMapperProps;
   const { autocompleteHint, validationMessages, default: defaultValue, maximum, minimum } = schema;
-  const { getErrorMessageFunctions, onComponentUpdate, onBehavior, onValueChange } = mapperProps;
+  const { getErrorMessageFunctions, onComponentUpdate, onBehavior } = mapperProps;
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
   const { performValidationAsync, validationAsyncState } = getValidationAsyncInitialState(
     schemaMapperProps,
@@ -4004,7 +4016,7 @@ var createAllOfComponent = (props) => {
 
 // src/domain/mappers/schema/allOfSchemaToComponent.ts
 var allOfSchemaToComponent = (schemaMapperProps, mapperProps) => {
-  const { uid, schema, localValue, model, required, validationErrors } = schemaMapperProps;
+  const { uid, schema, localValue, model, required, validationErrors, onValueChange } = schemaMapperProps;
   const { allOf } = schema;
   const components = allOf.map(
     (childSchema, index) => mapSchemaToComponent(
@@ -4014,7 +4026,8 @@ var allOfSchemaToComponent = (schemaMapperProps, mapperProps) => {
         model,
         localValue,
         required,
-        validationErrors
+        validationErrors,
+        onValueChange
       },
       mapperProps
     )
@@ -4152,7 +4165,8 @@ var arraySchemaToRepeatableComponent = (schemaMapperProps, mapperProps) => {
     schema,
     model: initialModel,
     required = false,
-    validationErrors
+    validationErrors,
+    onValueChange
   } = schemaMapperProps;
   const { items, addItemTitle, editItemTitle, maxItems, minItems, summary } = schema;
   const value = isArray(localValue) ? localValue : [];
@@ -4164,7 +4178,8 @@ var arraySchemaToRepeatableComponent = (schemaMapperProps, mapperProps) => {
         model: item,
         localValue: value == null ? void 0 : value[index],
         // TODO tests for this
-        validationErrors
+        validationErrors,
+        onValueChange
       },
       mapperProps
     )
@@ -4176,11 +4191,11 @@ var arraySchemaToRepeatableComponent = (schemaMapperProps, mapperProps) => {
       localValue: editableValue,
       model: localValueToJsonElement(editableValue),
       validationErrors: void 0,
-      required: true
+      required: true,
+      onValueChange
     },
     mapperProps
   );
-  const { onValueChange } = mapperProps;
   const errorMessageFunctions = getErrorMessageFunctions(schema.validationMessages);
   return createRepeatableComponent(
     __spreadProps(__spreadValues({}, mapCommonSchemaProps(schemaMapperProps)), {
@@ -4464,7 +4479,7 @@ var schemaHasValidationMessages = (schema) => Boolean("validationMessages" in sc
 var arraySchemaToMultiUploadComponent = (schemaMapperProps, mapperProps) => {
   var _a;
   const { getErrorMessageFunctions } = mapperProps;
-  const { localValue, model, schema, required = false } = schemaMapperProps;
+  const { localValue, model, schema, required = false, onValueChange } = schemaMapperProps;
   const uploadSchema = getUploadSchema(schema.items);
   const { accepts, cameraConfig, maxSize } = uploadSchema;
   const { minItems, maxItems, title, validationMessages } = schema;
@@ -4485,7 +4500,6 @@ var arraySchemaToMultiUploadComponent = (schemaMapperProps, mapperProps) => {
     persistAsyncConfig,
     schema: __spreadProps(__spreadValues({}, uploadSchema), { hidden: (_a = schema.hidden) != null ? _a : uploadSchema.hidden, alert: schema.alert })
   });
-  const { onValueChange } = mapperProps;
   const performPersistAsync = persistAsyncConfig ? getPerformPersistAsyncFn(combinedSchemaProps.schema, persistAsyncConfig, mapperProps) : void 0;
   const value = performPersistAsync ? getValueForPersistAsync(localValue) : [];
   const persistedState = performPersistAsync && isArray(model) ? model.map((itemModel) => getInitialPersistedState(null, itemModel)) : [];
@@ -4636,7 +4650,8 @@ var arraySchemaToMultiSelectComponent = (schemaMapperProps, mapperProps) => {
     schema,
     model,
     required = false,
-    validationErrors: initialError
+    validationErrors: initialError,
+    onValueChange
   } = schemaMapperProps;
   const initialModel = model != null ? model : null;
   const options = schema.items.oneOf.map((childSchema, index) => {
@@ -4660,14 +4675,15 @@ var arraySchemaToMultiSelectComponent = (schemaMapperProps, mapperProps) => {
           model: initialModel,
           localValue,
           validationErrors: initialError,
-          required
+          required,
+          onValueChange
         },
         mapperProps
       )
     };
   });
   const { maxItems, minItems, title, validationMessages } = schema;
-  const { getErrorMessageFunctions, onBehavior, onValueChange, onComponentUpdate } = mapperProps;
+  const { getErrorMessageFunctions, onBehavior, onComponentUpdate } = mapperProps;
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
   const { performValidationAsync, validationAsyncState } = getValidationAsyncInitialState(
     schemaMapperProps,
@@ -4761,7 +4777,8 @@ var arraySchemaToTupleComponent = (schemaMapperProps, mapperProps) => {
     schema,
     model: initialModel,
     required = false,
-    validationErrors
+    validationErrors,
+    onValueChange
   } = schemaMapperProps;
   const { items } = schema;
   const components = items.map(
@@ -4774,7 +4791,8 @@ var arraySchemaToTupleComponent = (schemaMapperProps, mapperProps) => {
           model: isArray(initialModel) ? (_a = initialModel[index]) != null ? _a : null : null,
           localValue: isArray(localValue) ? (_b = localValue[index]) != null ? _b : null : null,
           validationErrors: isArray(validationErrors) ? validationErrors[index] : void 0,
-          required
+          required,
+          onValueChange
         },
         mapperProps
       );
@@ -4898,9 +4916,16 @@ var createUploadInputComponent = (props, onComponentUpdate) => {
 
 // src/domain/mappers/schema/blobSchemaToComponent.ts
 var blobSchemaToComponent = (schemaMapperProps, mapperProps) => {
-  const { schema, localValue, model, required = false, onPersistAsync } = schemaMapperProps;
+  const {
+    schema,
+    localValue,
+    model,
+    required = false,
+    onPersistAsync,
+    onValueChange
+  } = schemaMapperProps;
   const { accepts, cameraConfig, maxSize, source, validationMessages } = schema;
-  const { getErrorMessageFunctions, onComponentUpdate, onValueChange } = mapperProps;
+  const { getErrorMessageFunctions, onComponentUpdate } = mapperProps;
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
   const validLocalValue = isFile(localValue) ? localValue : null;
   const value = onPersistAsync && model !== null ? validLocalValue : null;
@@ -4988,9 +5013,9 @@ var createBooleanInputComponent = (props, onComponentUpdate) => {
 
 // src/domain/mappers/schema/booleanSchemaToComponent.ts
 var booleanSchemaToComponent = (schemaMapperProps, mapperProps) => {
-  const { schema, localValue, model, onPersistAsync } = schemaMapperProps;
+  const { schema, localValue, model, onPersistAsync, onValueChange } = schemaMapperProps;
   const { default: defaultValue, additionalText, inlineAlert, supportingValues } = schema;
-  const { onComponentUpdate, onBehavior, onValueChange } = mapperProps;
+  const { onComponentUpdate, onBehavior } = mapperProps;
   const schemaOnChange = getSchemaOnChange(schema, onBehavior);
   const { performValidationAsync, validationAsyncState } = getValidationAsyncInitialState(
     schemaMapperProps,
@@ -5091,6 +5116,7 @@ var createIntegerInputComponent = (props, onComponentUpdate) => {
     "summariser"
   ]);
   const update = getInputUpdateFunction(onComponentUpdate);
+  const onValueChangeDebounced = debounce(onValueChange, 1e3);
   const getValidationErrors = getLocalValueValidator(checks);
   const performOnChange = getDebouncedSchemaOnChange(schemaOnChange, getValidationErrors);
   const validateAsync = performValidationAsync ? getDebouncedComponentValidationAsync(update, performValidationAsync) : void 0;
@@ -5108,6 +5134,7 @@ var createIntegerInputComponent = (props, onComponentUpdate) => {
         }));
         validateAsync == null ? void 0 : validateAsync.flush();
       }
+      onValueChangeDebounced.flush();
     },
     onFocus() {
     },
@@ -5124,7 +5151,7 @@ var createIntegerInputComponent = (props, onComponentUpdate) => {
       if (isValid) {
         validateAsync == null ? void 0 : validateAsync(component, updatedValue);
       }
-      onValueChange();
+      onValueChangeDebounced();
     },
     async getSubmittableValue() {
       return component.getSubmittableValueSync();
@@ -5152,9 +5179,16 @@ var createIntegerInputComponent = (props, onComponentUpdate) => {
 
 // src/domain/mappers/schema/integerSchemaToComponent.ts
 var integerSchemaToComponent = (schemaMapperProps, mapperProps) => {
-  const { schema, localValue, model, required = false, onPersistAsync } = schemaMapperProps;
+  const {
+    schema,
+    localValue,
+    model,
+    required = false,
+    onPersistAsync,
+    onValueChange
+  } = schemaMapperProps;
   const { autocompleteHint, validationMessages, default: defaultValue, maximum, minimum } = schema;
-  const { getErrorMessageFunctions, onComponentUpdate, onBehavior, onValueChange } = mapperProps;
+  const { getErrorMessageFunctions, onComponentUpdate, onBehavior } = mapperProps;
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
   const { performValidationAsync, validationAsyncState } = getValidationAsyncInitialState(
     schemaMapperProps,
@@ -5476,7 +5510,7 @@ var objectSchemaToObjectComponent = (schemaMapperProps, mapperProps) => {
   }));
 };
 var createComponentMap = (schemaMapperProps, mapperProps, uidPrefix) => {
-  const { uid, localValue, schema, model, validationErrors } = schemaMapperProps;
+  const { uid, localValue, schema, model, validationErrors, onValueChange } = schemaMapperProps;
   const { $id, displayOrder, properties, required } = schema;
   const initialReducerValue = {};
   return displayOrder.reduce((acc, propName) => {
@@ -5493,7 +5527,8 @@ var createComponentMap = (schemaMapperProps, mapperProps, uidPrefix) => {
           model: isObjectModel(model) ? model[propName] : null,
           localValue: isObjectLocalValue(localValue) ? localValue[propName] : null,
           required: (_a = required == null ? void 0 : required.includes(propName)) != null ? _a : false,
-          validationErrors: isObject(validationErrors) ? validationErrors[propName] : void 0
+          validationErrors: isObject(validationErrors) ? validationErrors[propName] : void 0,
+          onValueChange
         },
         mapperProps
       )
@@ -5711,7 +5746,8 @@ var oneOfSchemaToComponent = (schemaMapperProps, mapperProps) => {
     schema,
     model,
     validationErrors: initialError,
-    required = false
+    required = false,
+    onValueChange
   } = schemaMapperProps;
   const initialModel = (_a = model != null ? model : schema.default) != null ? _a : null;
   const options = schema.oneOf.map((childSchema, index) => {
@@ -5746,13 +5782,14 @@ var oneOfSchemaToComponent = (schemaMapperProps, mapperProps) => {
           model: initialModel,
           localValue,
           validationErrors: initialError,
-          required
+          required,
+          onValueChange
         },
         mapperProps
       )
     };
   });
-  const { getErrorMessageFunctions, onComponentUpdate, trackEvent, onBehavior, onValueChange } = mapperProps;
+  const { getErrorMessageFunctions, onComponentUpdate, trackEvent, onBehavior } = mapperProps;
   const { validationMessages } = schema;
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
   return createSelectInputComponent(
@@ -6030,7 +6067,14 @@ var mapStringSchemaSuggestions = (suggestions, logEvent) => {
 // src/domain/mappers/schema/stringSchemaToComponent/stringSchemaToDateInputComponent.ts
 var stringSchemaToDateInputComponent = (schemaMapperProps, mapperProps) => {
   var _a;
-  const { schema, localValue, model, required = false, onPersistAsync } = schemaMapperProps;
+  const {
+    schema,
+    localValue,
+    model,
+    required = false,
+    onPersistAsync,
+    onValueChange
+  } = schemaMapperProps;
   const {
     autocompleteHint,
     default: defaultValue,
@@ -6038,7 +6082,7 @@ var stringSchemaToDateInputComponent = (schemaMapperProps, mapperProps) => {
     maximum: maximumDate,
     suggestions
   } = schema;
-  const { getErrorMessageFunctions, onComponentUpdate, onBehavior, onValueChange } = mapperProps;
+  const { getErrorMessageFunctions, onComponentUpdate, onBehavior } = mapperProps;
   const errorMessageFunctions = getErrorMessageFunctions(schema.validationMessages);
   const { performValidationAsync, validationAsyncState } = getValidationAsyncInitialState(
     schemaMapperProps,
@@ -6051,7 +6095,7 @@ var stringSchemaToDateInputComponent = (schemaMapperProps, mapperProps) => {
     __spreadProps(__spreadValues({}, mapCommonSchemaProps(schemaMapperProps)), {
       autoComplete: getAutocompleteString(autocompleteHint),
       checks: schema.hidden ? [] : [
-        getRequiredCheck(required, errorMessageFunctions),
+        getStringRequiredCheck(required, errorMessageFunctions),
         getValidDateCheck(required, errorMessageFunctions),
         getAboveMaximumDateCheck(schema, errorMessageFunctions),
         getBelowMinimumDateCheck(schema, errorMessageFunctions)
@@ -6087,9 +6131,9 @@ var getValidDate = (model) => {
 // src/domain/mappers/schema/stringSchemaToComponent/stringSchemaToUploadInputComponent.ts
 var stringSchemaToUploadInputComponent = (schemaMapperProps, mapperProps) => {
   var _a;
-  const { schema, localValue, model, required = false } = schemaMapperProps;
+  const { schema, localValue, model, required = false, onValueChange } = schemaMapperProps;
   const { accepts, autocompleteHint, cameraConfig, hidden, maxSize, source, validationMessages } = schema;
-  const { getErrorMessageFunctions, onComponentUpdate, onBehavior, onValueChange } = mapperProps;
+  const { getErrorMessageFunctions, onComponentUpdate, onBehavior } = mapperProps;
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
   const validLocalValue = isFile(localValue) ? localValue : null;
   const value = (_a = getFileFromModel(model)) != null ? _a : validLocalValue;
@@ -6140,6 +6184,7 @@ var createTextInputComponent = (props, onComponentUpdate) => {
     "value"
   ]);
   const update = getInputUpdateFunction(onComponentUpdate);
+  const onValueChangeDebounced = debounce(onValueChange, 1e3);
   const getValidationErrors = getLocalValueValidator(checks);
   const performOnChange = getDebouncedSchemaOnChange(schemaOnChange, getValidationErrors);
   const validateAsync = performValidationAsync ? getDebouncedComponentValidationAsync(update, performValidationAsync) : void 0;
@@ -6157,6 +6202,7 @@ var createTextInputComponent = (props, onComponentUpdate) => {
         }));
         validateAsync == null ? void 0 : validateAsync.flush();
       }
+      onValueChangeDebounced.flush();
     },
     onFocus() {
     },
@@ -6176,7 +6222,7 @@ var createTextInputComponent = (props, onComponentUpdate) => {
       if (!updatedValue) {
         validateAsync == null ? void 0 : validateAsync.cancel();
       }
-      onValueChange();
+      onValueChangeDebounced();
     },
     async getSubmittableValue() {
       return component.getSubmittableValueSync();
@@ -6203,7 +6249,14 @@ var createTextInputComponent = (props, onComponentUpdate) => {
 
 // src/domain/mappers/schema/stringSchemaToComponent/stringSchemaToTextInputComponent.ts
 var stringSchemaToTextInputComponent = (schemaMapperProps, mapperProps) => {
-  const { schema, localValue, model, required = false, onPersistAsync } = schemaMapperProps;
+  const {
+    schema,
+    localValue,
+    model,
+    required = false,
+    onPersistAsync,
+    onValueChange
+  } = schemaMapperProps;
   const {
     autocapitalization,
     autocompleteHint,
@@ -6217,7 +6270,7 @@ var stringSchemaToTextInputComponent = (schemaMapperProps, mapperProps) => {
     suggestions,
     validationMessages
   } = schema;
-  const { getErrorMessageFunctions, onComponentUpdate, onBehavior, onValueChange, logEvent } = mapperProps;
+  const { getErrorMessageFunctions, onComponentUpdate, onBehavior, logEvent } = mapperProps;
   const controlForLegacyFormat = getControlForLegacyFormat(format);
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
   const { performValidationAsync, validationAsyncState } = getValidationAsyncInitialState(
@@ -6232,7 +6285,7 @@ var stringSchemaToTextInputComponent = (schemaMapperProps, mapperProps) => {
       autocapitalization,
       autoComplete: getAutocompleteString(autocompleteHint),
       checks: schema.hidden ? [] : [
-        getRequiredCheck(required, errorMessageFunctions),
+        getStringRequiredCheck(required, errorMessageFunctions),
         getAboveMaxLengthCheck(schema, errorMessageFunctions),
         getBelowMinLengthCheck(schema, errorMessageFunctions),
         getNotAdheringToPatternCheck(schema, errorMessageFunctions, { logEvent })
@@ -6331,6 +6384,8 @@ var mapSchemaToComponent = (schemaMapperProps, mapperProps) => {
 };
 
 // src/domain/mappers/mapStepSchemas.ts
+var noop2 = () => {
+};
 var mapStepSchemas = (uid, step, stepLocalValue, mapperProps) => {
   return step.schemas.map(
     (schema, i) => {
@@ -6343,7 +6398,8 @@ var mapStepSchemas = (uid, step, stepLocalValue, mapperProps) => {
           model: (_a = step.model) != null ? _a : null,
           localValue: stepLocalValue,
           validationErrors: (_b = step.errors) == null ? void 0 : _b.validation,
-          required: true
+          required: true,
+          onValueChange: noop2
         },
         mapperProps
       );
@@ -7012,8 +7068,7 @@ var createFlowController = (props) => {
     onNotification,
     onError,
     onEvent,
-    onLog,
-    onValueChange
+    onLog
   } = props;
   const httpClient = getHttpClientWithCapabilities(props.httpClient, nativeSubflowHandlers);
   const rootComponent = createRootDomainComponent(
@@ -7054,8 +7109,7 @@ var createFlowController = (props) => {
     httpClient,
     onBehavior,
     onLink,
-    onPoll,
-    onValueChange
+    onPoll
   });
   const createStepComponent2 = (newStep, etag, localValue) => {
     rootComponent.stop();
@@ -7379,6 +7433,7 @@ var createFlowController = (props) => {
     switch (command.type) {
       case "replace-step":
         createStep(command.step, command.etag);
+        trackCoreEvent("Step Shown", { isFirstStep: false });
         return true;
       case "behavior":
         void onBehavior(command.behavior);
@@ -7421,11 +7476,20 @@ var createFlowController = (props) => {
 };
 
 // src/domain/mappers/utils/FeatureFlags.ts
+var defaultFeatures = {
+  pinnedButtons: false,
+  nativeBack: false,
+  hideStepTitle: false,
+  strictButtonOperations: false,
+  continueAfterCompletion: false,
+  validateUnreferencedSchemas: false,
+  scrollToErrors: true
+};
 var _features;
 var FeatureFlags = class {
   constructor(features) {
     __privateAdd(this, _features);
-    __privateSet(this, _features, features);
+    __privateSet(this, _features, __spreadValues(__spreadValues({}, defaultFeatures), features));
   }
   isEnabled(featureName) {
     return __privateGet(this, _features)[featureName] != null && __privateGet(this, _features)[featureName] !== false;
@@ -8008,7 +8072,7 @@ var headingComponentToProps = (component, rendererMapperProps) => __spreadValues
 )), rendererMapperProps);
 
 // src/renderers/mappers/hiddenComponentToProps.ts
-var hiddenComponentToProps = ({ uid }) => ({
+var hiddenComponentToProps = ({ uid }, rendererMapperProps) => __spreadProps(__spreadValues({}, rendererMapperProps), {
   uid,
   type: "hidden"
 });
@@ -8470,13 +8534,13 @@ var upsellComponentToProps = (component, rendererMapperProps) => __spreadValues(
 
 // src/renderers/mappers/componentToRendererProps.ts
 var componentToRendererProps = (component, mapperProps) => {
-  if (isHiddenComponent(component)) {
-    return hiddenComponentToProps(component);
-  }
   const trackEventWithLayoutId = ((eventName, properties) => mapperProps.trackEvent(eventName, __spreadValues({
     layoutId: component.analyticsId
   }, properties)));
   const rendererMapperProps = component.kind === "layout" ? __spreadProps(__spreadValues({}, mapperProps), { trackEvent: trackEventWithLayoutId }) : mapperProps;
+  if (isHiddenComponent(component)) {
+    return hiddenComponentToProps(component, rendererMapperProps);
+  }
   const componentProps = getComponentProps(component, rendererMapperProps);
   const alertProps = getComponentAlertProps(component, rendererMapperProps);
   if (alertProps) {
@@ -8769,8 +8833,6 @@ function useStableCallback(handler) {
 // src/useDynamicFlow.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var className = "dynamic-flow";
-var noop2 = () => {
-};
 function useDynamicFlow(props) {
   var _a, _b;
   const { flowId, renderers } = props;
@@ -8792,7 +8854,6 @@ function useDynamicFlow(props) {
   const onError = useStableCallback(props.onError);
   const onEvent = useStableCallback(props.onEvent);
   const onLog = useStableCallback(props.onLog);
-  const onValueChange = noop2;
   const { formatMessage, locale } = (0, import_react_intl8.useIntl)();
   const getErrorMessageFunctions = (0, import_react3.useMemo)(
     () => getSchemaErrorMessageFunction(formatMessage, locale),
@@ -8814,7 +8875,6 @@ function useDynamicFlow(props) {
     onError,
     onEvent,
     onLog,
-    onValueChange,
     scrollToTop
   }));
   const render = (0, import_react3.useMemo)(
@@ -8842,7 +8902,8 @@ function useDynamicFlow(props) {
       httpClient,
       trackEvent: (_a = rootComponent.getTrackEvent()) != null ? _a : (() => {
       }),
-      stepLoadingState: rootComponent.getLoadingState()
+      stepLoadingState: rootComponent.getLoadingState(),
+      isFeatureEnabled: features.isEnabled.bind(features)
     },
     (_b = props.nativeSubflowHandlers) != null ? _b : []
   );