@abgov/jsonforms-components 2.70.3 → 2.71.0

package/index.esm.js

@@ -6,7 +6,8 @@ import axios from 'axios';
 import get$1 from 'lodash/get';
 import { toDataPath, INIT, UPDATE_CORE, isVisible, isEnabled, deriveLabelForUISchemaElement, rankWith, isStringControl, and, optionIs, isDateControl, isNumberControl, isIntegerControl, isDateTimeControl, isTimeControl, uiTypeIs, isControl as isControl$1, isEnumControl, or, isOneOfEnumControl, isBooleanControl, createDefaultValue, Paths, Resolve, schemaTypeIs, formatIs, getAjv, schemaMatches, isObjectArrayControl, isPrimitiveArrayControl, composePaths, hasType, isCategorization, isLayout } from '@jsonforms/core';
 import * as _$c from 'lodash';
-import ___default, { isEmpty, isObject as isObject$i } from 'lodash';
+import ___default, { isEqual as isEqual$1, isEmpty, isObject as isObject$i } from 'lodash';
+import isEqual from 'lodash/isEqual';
 import { useJsonForms, withJsonFormsControlProps, withJsonFormsEnumProps, withTranslateProps, JsonFormsDispatch, withJsonFormsAllOfProps, withJsonFormsArrayLayoutProps, withJsonFormsLayoutProps, withJsonFormsCellProps } from '@jsonforms/react';
 import dompurify from 'dompurify';
 import * as xss from 'xss';
@@ -6811,20 +6812,192 @@ $$f({ target: 'Array', proto: true, forced: FORCED$3 }, {
   }
 });
 
+var tryToString = tryToString$5;
+
+var $TypeError$1 = TypeError;
+
+var deletePropertyOrThrow$2 = function (O, P) {
+  if (!delete O[P]) throw new $TypeError$1('Cannot delete property ' + tryToString(P) + ' of ' + tryToString(O));
+};
+
+var arraySlice$1 = arraySlice$4;
+
+var floor$2 = Math.floor;
+
+var sort = function (array, comparefn) {
+  var length = array.length;
+
+  if (length < 8) {
+    // insertion sort
+    var i = 1;
+    var element, j;
+
+    while (i < length) {
+      j = i;
+      element = array[i];
+      while (j && comparefn(array[j - 1], element) > 0) {
+        array[j] = array[--j];
+      }
+      if (j !== i++) array[j] = element;
+    }
+  } else {
+    // merge sort
+    var middle = floor$2(length / 2);
+    var left = sort(arraySlice$1(array, 0, middle), comparefn);
+    var right = sort(arraySlice$1(array, middle), comparefn);
+    var llength = left.length;
+    var rlength = right.length;
+    var lindex = 0;
+    var rindex = 0;
+
+    while (lindex < llength || rindex < rlength) {
+      array[lindex + rindex] = (lindex < llength && rindex < rlength)
+        ? comparefn(left[lindex], right[rindex]) <= 0 ? left[lindex++] : right[rindex++]
+        : lindex < llength ? left[lindex++] : right[rindex++];
+    }
+  }
+
+  return array;
+};
+
+var arraySort$1 = sort;
+
+var userAgent$2 = engineUserAgent;
+
+var firefox = userAgent$2.match(/firefox\/(\d+)/i);
+
+var engineFfVersion = !!firefox && +firefox[1];
+
+var UA = engineUserAgent;
+
+var engineIsIeOrEdge = /MSIE|Trident/.test(UA);
+
+var userAgent$1 = engineUserAgent;
+
+var webkit = userAgent$1.match(/AppleWebKit\/(\d+)\./);
+
+var engineWebkitVersion = !!webkit && +webkit[1];
+
 var $$e = _export;
-var iterate$1 = iterate$a;
+var uncurryThis$d = functionUncurryThis;
 var aCallable$3 = aCallable$k;
+var toObject$4 = toObject$c;
+var lengthOfArrayLike$6 = lengthOfArrayLike$c;
+var deletePropertyOrThrow$1 = deletePropertyOrThrow$2;
+var toString$b = toString$n;
+var fails$4 = fails$y;
+var internalSort = arraySort$1;
+var arrayMethodIsStrict = arrayMethodIsStrict$2;
+var FF = engineFfVersion;
+var IE_OR_EDGE = engineIsIeOrEdge;
+var V8 = engineV8Version;
+var WEBKIT = engineWebkitVersion;
+
+var test = [];
+var nativeSort = uncurryThis$d(test.sort);
+var push$6 = uncurryThis$d(test.push);
+
+// IE8-
+var FAILS_ON_UNDEFINED = fails$4(function () {
+  test.sort(undefined);
+});
+// V8 bug
+var FAILS_ON_NULL = fails$4(function () {
+  test.sort(null);
+});
+// Old WebKit
+var STRICT_METHOD = arrayMethodIsStrict('sort');
+
+var STABLE_SORT = !fails$4(function () {
+  // feature detection can be too slow, so check engines versions
+  if (V8) return V8 < 70;
+  if (FF && FF > 3) return;
+  if (IE_OR_EDGE) return true;
+  if (WEBKIT) return WEBKIT < 603;
+
+  var result = '';
+  var code, chr, value, index;
+
+  // generate an array with more 512 elements (Chakra and old V8 fails only in this case)
+  for (code = 65; code < 76; code++) {
+    chr = String.fromCharCode(code);
+
+    switch (code) {
+      case 66: case 69: case 70: case 72: value = 3; break;
+      case 68: case 71: value = 4; break;
+      default: value = 2;
+    }
+
+    for (index = 0; index < 47; index++) {
+      test.push({ k: chr + index, v: value });
+    }
+  }
+
+  test.sort(function (a, b) { return b.v - a.v; });
+
+  for (index = 0; index < test.length; index++) {
+    chr = test[index].k.charAt(0);
+    if (result.charAt(result.length - 1) !== chr) result += chr;
+  }
+
+  return result !== 'DGBEFHACIJK';
+});
+
+var FORCED$2 = FAILS_ON_UNDEFINED || !FAILS_ON_NULL || !STRICT_METHOD || !STABLE_SORT;
+
+var getSortCompare = function (comparefn) {
+  return function (x, y) {
+    if (y === undefined) return -1;
+    if (x === undefined) return 1;
+    if (comparefn !== undefined) return +comparefn(x, y) || 0;
+    return toString$b(x) > toString$b(y) ? 1 : -1;
+  };
+};
+
+// `Array.prototype.sort` method
+// https://tc39.es/ecma262/#sec-array.prototype.sort
+$$e({ target: 'Array', proto: true, forced: FORCED$2 }, {
+  sort: function sort(comparefn) {
+    if (comparefn !== undefined) aCallable$3(comparefn);
+
+    var array = toObject$4(this);
+
+    if (STABLE_SORT) return comparefn === undefined ? nativeSort(array) : nativeSort(array, comparefn);
+
+    var items = [];
+    var arrayLength = lengthOfArrayLike$6(array);
+    var itemsLength, index;
+
+    for (index = 0; index < arrayLength; index++) {
+      if (index in array) push$6(items, array[index]);
+    }
+
+    internalSort(items, getSortCompare(comparefn));
+
+    itemsLength = lengthOfArrayLike$6(items);
+    index = 0;
+
+    while (index < itemsLength) array[index] = items[index++];
+    while (index < arrayLength) deletePropertyOrThrow$1(array, index++);
+
+    return array;
+  }
+});
+
+var $$d = _export;
+var iterate$1 = iterate$a;
+var aCallable$2 = aCallable$k;
 var anObject$5 = anObject$t;
 var getIteratorDirect$2 = getIteratorDirect$a;
 
-var $TypeError$1 = TypeError;
+var $TypeError = TypeError;
 
 // `Iterator.prototype.reduce` method
 // https://github.com/tc39/proposal-iterator-helpers
-$$e({ target: 'Iterator', proto: true, real: true }, {
+$$d({ target: 'Iterator', proto: true, real: true }, {
   reduce: function reduce(reducer /* , initialValue */) {
     anObject$5(this);
-    aCallable$3(reducer);
+    aCallable$2(reducer);
     var record = getIteratorDirect$2(this);
     var noInitial = arguments.length < 2;
     var accumulator = noInitial ? undefined : arguments[1];
@@ -6838,7 +7011,7 @@ $$e({ target: 'Iterator', proto: true, real: true }, {
       }
       counter++;
     }, { IS_RECORD: true });
-    if (noInitial) throw new $TypeError$1('Reduce of empty iterator with no initial value');
+    if (noInitial) throw new $TypeError('Reduce of empty iterator with no initial value');
     return accumulator;
   }
 });
@@ -6869,15 +7042,15 @@ const pickPropertyValues = (obj, property, endWithType) => {
   return values;
 };
 
-var uncurryThis$d = functionUncurryThis;
+var uncurryThis$c = functionUncurryThis;
 var hasOwn$4 = hasOwnProperty_1;
 
 var $SyntaxError = SyntaxError;
 var $parseInt$2 = parseInt;
 var fromCharCode$1 = String.fromCharCode;
-var at$1 = uncurryThis$d(''.charAt);
-var slice$2 = uncurryThis$d(''.slice);
-var exec$4 = uncurryThis$d(/./.exec);
+var at$1 = uncurryThis$c(''.charAt);
+var slice$2 = uncurryThis$c(''.slice);
+var exec$4 = uncurryThis$c(/./.exec);
 
 var codePoints = {
   '\\"': '"',
@@ -6925,20 +7098,20 @@ var parseJsonString = function (source, i) {
   return { value: value, end: i };
 };
 
-var $$d = _export;
+var $$c = _export;
 var DESCRIPTORS$5 = descriptors;
 var global$5 = global$t;
 var getBuiltIn = getBuiltIn$b;
-var uncurryThis$c = functionUncurryThis;
+var uncurryThis$b = functionUncurryThis;
 var call$7 = functionCall;
 var isCallable$2 = isCallable$t;
 var isObject$2 = isObject$h;
 var isArray$2 = isArray$5;
 var hasOwn$3 = hasOwnProperty_1;
-var toString$b = toString$n;
-var lengthOfArrayLike$6 = lengthOfArrayLike$c;
+var toString$a = toString$n;
+var lengthOfArrayLike$5 = lengthOfArrayLike$c;
 var createProperty$2 = createProperty$4;
-var fails$4 = fails$y;
+var fails$3 = fails$y;
 var parseJSONString = parseJsonString;
 var NATIVE_SYMBOL$1 = symbolConstructorDetection;
 
@@ -6949,10 +7122,10 @@ var nativeParse = JSON$1 && JSON$1.parse;
 var enumerableOwnProperties = getBuiltIn('Object', 'keys');
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
 var getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
-var at = uncurryThis$c(''.charAt);
-var slice$1 = uncurryThis$c(''.slice);
-var exec$3 = uncurryThis$c(/./.exec);
-var push$6 = uncurryThis$c([].push);
+var at = uncurryThis$b(''.charAt);
+var slice$1 = uncurryThis$b(''.slice);
+var exec$3 = uncurryThis$b(/./.exec);
+var push$5 = uncurryThis$b([].push);
 
 var IS_DIGIT = /^\d$/;
 var IS_NON_ZERO_DIGIT = /^[1-9]$/;
@@ -6963,7 +7136,7 @@ var PRIMITIVE = 0;
 var OBJECT = 1;
 
 var $parse = function (source, reviver) {
-  source = toString$b(source);
+  source = toString$a(source);
   var context = new Context(source, 0);
   var root = context.parse();
   var value = root.value;
@@ -6984,13 +7157,13 @@ var internalize = function (holder, name, reviver, node) {
     var nodes = unmodified ? node.nodes : nodeIsArray ? [] : {};
     if (nodeIsArray) {
       elementRecordsLen = nodes.length;
-      len = lengthOfArrayLike$6(val);
+      len = lengthOfArrayLike$5(val);
       for (i = 0; i < len; i++) {
         internalizeProperty(val, i, internalize(val, '' + i, reviver, i < elementRecordsLen ? nodes[i] : undefined));
       }
     } else {
       keys = enumerableOwnProperties(val);
-      len = lengthOfArrayLike$6(keys);
+      len = lengthOfArrayLike$5(keys);
       for (i = 0; i < len; i++) {
         P = keys[i];
         internalizeProperty(val, P, internalize(val, P, reviver, hasOwn$3(nodes, P) ? nodes[P] : undefined));
@@ -7097,8 +7270,8 @@ Context.prototype = {
         break;
       }
       var result = this.fork(i).parse();
-      push$6(nodes, result);
-      push$6(array, result.value);
+      push$5(nodes, result);
+      push$5(array, result.value);
       i = this.until([',', ']'], result.end);
       if (at(source, i) === ',') {
         expectElement = true;
@@ -7153,7 +7326,7 @@ Context.prototype = {
   }
 };
 
-var NO_SOURCE_SUPPORT = fails$4(function () {
+var NO_SOURCE_SUPPORT = fails$3(function () {
   var unsafeInt = '9007199254740993';
   var source;
   nativeParse(unsafeInt, function (key, value, context) {
@@ -7162,7 +7335,7 @@ var NO_SOURCE_SUPPORT = fails$4(function () {
   return source !== unsafeInt;
 });
 
-var PROPER_BASE_PARSE = NATIVE_SYMBOL$1 && !fails$4(function () {
+var PROPER_BASE_PARSE = NATIVE_SYMBOL$1 && !fails$3(function () {
   // Safari 9 bug
   return 1 / nativeParse('-0 \t') !== -Infinity;
 });
@@ -7170,7 +7343,7 @@ var PROPER_BASE_PARSE = NATIVE_SYMBOL$1 && !fails$4(function () {
 // `JSON.parse` method
 // https://tc39.es/ecma262/#sec-json.parse
 // https://github.com/tc39/proposal-json-parse-with-source
-$$d({ target: 'JSON', stat: true, forced: NO_SOURCE_SUPPORT }, {
+$$c({ target: 'JSON', stat: true, forced: NO_SOURCE_SUPPORT }, {
   parse: function parse(text, reviver) {
     return PROPER_BASE_PARSE && !isCallable$2(reviver) ? nativeParse(text) : $parse(text, reviver);
   }
@@ -7343,6 +7516,9 @@ function anyRequiredFieldEmpty(scopes, data, required, schema) {
   }
   return false;
 }
+// Auto-populate targets reach us either as schema scopes (#/properties/firstName) or as the data
+// paths toDataPath produces (firstName). Normalize both to the dot form used for value lookups.
+const toNormalizedPath = pathOrScope => pathOrScope != null && pathOrScope.startsWith('#/') ? normalizeSchemaPath(pathOrScope) : pathOrScope || '';
 function getStepStatus(opts) {
   const {
     scopes,
@@ -7350,7 +7526,8 @@ function getStepStatus(opts) {
     schema,
     data,
     visited,
-    autoPopulatedScopes = []
+    autoPopulatedScopes = [],
+    autoPopulatedValues = []
   } = opts;
   const normalizedScopes = scopes.map(normalizeSchemaPath).filter(Boolean);
   const requiredForScopes = getRequiredForScopes(scopes, schema);
@@ -7359,9 +7536,32 @@ function getStepStatus(opts) {
   // Auto-populated values (system-filled from the user profile) are excluded, so:
   //  - a page the user has never opened is NotStarted even when auto-populated, and
   //  - a saved form the user actually filled still shows its status when resumed.
-  const autoPopulatedSet = new Set(autoPopulatedScopes.map(normalizeSchemaPath).filter(Boolean));
+  const autoPopulatedSet = new Set(autoPopulatedScopes.map(toNormalizedPath).filter(Boolean));
+  const autoPopulatedValueByPath = new Map();
+  autoPopulatedValues.forEach(({
+    path,
+    value
+  }) => {
+    const normalized = toNormalizedPath(path);
+    if (normalized) {
+      autoPopulatedSet.add(normalized);
+      autoPopulatedValueByPath.set(normalized, value);
+    }
+  });
+  // Still system-filled only while the value matches what auto-populate would write. Without a
+  // known value we can't tell an edit from the original, so assume it is untouched.
+  const isStillAutoPopulated = path => {
+    if (!autoPopulatedValueByPath.has(path)) {
+      return true;
+    }
+    return isEqual(get$1(data || {}, path), autoPopulatedValueByPath.get(path));
+  };
+  // Editing or clearing an auto-populated field is user activity in its own right, even when what
+  // is left behind is empty — otherwise clearing a pre-filled field would send the step back to
+  // NotStarted.
+  const userEditedAutoPopulated = normalizedScopes.some(path => autoPopulatedSet.has(path) && !isStillAutoPopulated(path));
   const userDataScopes = normalizedScopes.filter(path => !autoPopulatedSet.has(path));
-  const stepHasUserData = userDataScopes.length > 0 ? userDataScopes.some(path => hasMeaningfulValue(get$1(data || {}, path))) : false;
+  const stepHasUserData = userDataScopes.some(path => hasMeaningfulValue(get$1(data || {}, path))) || userEditedAutoPopulated;
   const started = (visited != null ? visited : false) || stepHasUserData;
   if (!started) {
     return {
@@ -7499,6 +7699,37 @@ function getIncompletePaths(errors, scopePaths) {
 const getLocalStorageKeyPrefix = () => {
   return window.location.href + '_' + new Date().toISOString().slice(0, 10);
 };
+// Steps the user has opened, persisted per form so the status survives a resume.
+//
+// Whether a step was opened cannot be recovered from the form data: a user who edits an
+// auto-populated field and then puts the original value back leaves data identical to the
+// untouched case. The visit has to be recorded when it happens, or it is lost.
+//
+// Deliberately keyed on the form id rather than the URL+date used by the cacheStatus cache above,
+// so resuming a draft tomorrow — or from a different route to the same form — still restores it.
+const getVisitedStepsKey = formId => `adsp.form.${formId}.visitedSteps`;
+const saveVisitedSteps = (formId, ids) => {
+  if (!formId) return;
+  try {
+    localStorage.setItem(getVisitedStepsKey(formId), JSON.stringify(ids));
+  } catch (err) {
+    // Private browsing and full quotas both throw here. Losing the cache only costs the user the
+    // restored status on resume, so it must never take the form down with it.
+    console.warn(`Could not persist visited steps: ${err}`);
+  }
+};
+const getVisitedSteps = formId => {
+  if (!formId) return undefined;
+  try {
+    const value = localStorage.getItem(getVisitedStepsKey(formId));
+    if (!value || !isJson(value)) return undefined;
+    const parsed = JSON.parse(value);
+    return Array.isArray(parsed) ? parsed.filter(id => typeof id === 'number') : undefined;
+  } catch (err) {
+    console.warn(`Could not read visited steps: ${err}`);
+    return undefined;
+  }
+};
 function isJson(str) {
   try {
     JSON.parse(str);
@@ -7670,7 +7901,7 @@ const stepperReducer = (state, action) => {
 };
 
 var isArray$1 = isArray$5;
-var lengthOfArrayLike$5 = lengthOfArrayLike$c;
+var lengthOfArrayLike$4 = lengthOfArrayLike$c;
 var doesNotExceedSafeInteger$1 = doesNotExceedSafeInteger$3;
 var bind$3 = functionBindContext;
 
@@ -7687,7 +7918,7 @@ var flattenIntoArray$2 = function (target, original, source, sourceLen, start, d
       element = mapFn ? mapFn(source[sourceIndex], sourceIndex, original) : source[sourceIndex];
 
       if (depth > 0 && isArray$1(element)) {
-        elementLen = lengthOfArrayLike$5(element);
+        elementLen = lengthOfArrayLike$4(element);
         targetIndex = flattenIntoArray$2(target, original, element, elementLen, targetIndex, depth - 1) - 1;
       } else {
         doesNotExceedSafeInteger$1(targetIndex + 1);
@@ -7734,21 +7965,21 @@ var arraySpeciesCreate$2 = function (originalArray, length) {
   return new (arraySpeciesConstructor(originalArray))(length === 0 ? 0 : length);
 };
 
-var $$c = _export;
+var $$b = _export;
 var flattenIntoArray$1 = flattenIntoArray_1;
-var aCallable$2 = aCallable$k;
-var toObject$4 = toObject$c;
-var lengthOfArrayLike$4 = lengthOfArrayLike$c;
+var aCallable$1 = aCallable$k;
+var toObject$3 = toObject$c;
+var lengthOfArrayLike$3 = lengthOfArrayLike$c;
 var arraySpeciesCreate$1 = arraySpeciesCreate$2;
 
 // `Array.prototype.flatMap` method
 // https://tc39.es/ecma262/#sec-array.prototype.flatmap
-$$c({ target: 'Array', proto: true }, {
+$$b({ target: 'Array', proto: true }, {
   flatMap: function flatMap(callbackfn /* , thisArg */) {
-    var O = toObject$4(this);
-    var sourceLen = lengthOfArrayLike$4(O);
+    var O = toObject$3(this);
+    var sourceLen = lengthOfArrayLike$3(O);
     var A;
-    aCallable$2(callbackfn);
+    aCallable$1(callbackfn);
     A = arraySpeciesCreate$1(O, 0);
     A.length = flattenIntoArray$1(A, O, O, sourceLen, 0, 1, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
     return A;
@@ -7763,7 +7994,7 @@ var addToUnscopables$1 = addToUnscopables$5;
 addToUnscopables$1('flatMap');
 
 var call$6 = functionCall;
-var uncurryThis$b = functionUncurryThis;
+var uncurryThis$a = functionUncurryThis;
 var fixRegExpWellKnownSymbolLogic$1 = fixRegexpWellKnownSymbolLogic;
 var anObject$4 = anObject$t;
 var isNullOrUndefined$1 = isNullOrUndefined$7;
@@ -7771,21 +8002,21 @@ var requireObjectCoercible$4 = requireObjectCoercible$e;
 var speciesConstructor = speciesConstructor$2;
 var advanceStringIndex$1 = advanceStringIndex$3;
 var toLength$3 = toLength$7;
-var toString$a = toString$n;
+var toString$9 = toString$n;
 var getMethod$1 = getMethod$7;
 var regExpExec$1 = regexpExecAbstract;
 var stickyHelpers = regexpStickyHelpers;
-var fails$3 = fails$y;
+var fails$2 = fails$y;
 
 var UNSUPPORTED_Y = stickyHelpers.UNSUPPORTED_Y;
 var MAX_UINT32 = 0xFFFFFFFF;
 var min$1 = Math.min;
-var push$5 = uncurryThis$b([].push);
-var stringSlice$4 = uncurryThis$b(''.slice);
+var push$4 = uncurryThis$a([].push);
+var stringSlice$4 = uncurryThis$a(''.slice);
 
 // Chrome 51 has a buggy "split" implementation when RegExp#exec !== nativeExec
 // Weex JS has frozen built-in prototypes, so use try / catch wrapper
-var SPLIT_WORKS_WITH_OVERWRITTEN_EXEC = !fails$3(function () {
+var SPLIT_WORKS_WITH_OVERWRITTEN_EXEC = !fails$2(function () {
   // eslint-disable-next-line regexp/no-empty-group -- required for testing
   var re = /(?:)/;
   var originalExec = re.exec;
@@ -7817,7 +8048,7 @@ fixRegExpWellKnownSymbolLogic$1('split', function (SPLIT, nativeSplit, maybeCall
       var splitter = isNullOrUndefined$1(separator) ? undefined : getMethod$1(separator, SPLIT);
       return splitter
         ? call$6(splitter, separator, O, limit)
-        : call$6(internalSplit, toString$a(O), separator, limit);
+        : call$6(internalSplit, toString$9(O), separator, limit);
     },
     // `RegExp.prototype[@@split]` method
     // https://tc39.es/ecma262/#sec-regexp.prototype-@@split
@@ -7826,7 +8057,7 @@ fixRegExpWellKnownSymbolLogic$1('split', function (SPLIT, nativeSplit, maybeCall
     // the 'y' flag.
     function (string, limit) {
       var rx = anObject$4(this);
-      var S = toString$a(string);
+      var S = toString$9(string);
 
       if (!BUGGY) {
         var res = maybeCallNative(internalSplit, rx, S, limit, internalSplit !== nativeSplit);
@@ -7858,16 +8089,16 @@ fixRegExpWellKnownSymbolLogic$1('split', function (SPLIT, nativeSplit, maybeCall
         ) {
           q = advanceStringIndex$1(S, q, unicodeMatching);
         } else {
-          push$5(A, stringSlice$4(S, p, q));
+          push$4(A, stringSlice$4(S, p, q));
           if (A.length === lim) return A;
           for (var i = 1; i <= z.length - 1; i++) {
-            push$5(A, z[i]);
+            push$4(A, z[i]);
             if (A.length === lim) return A;
           }
           q = p = e;
         }
       }
-      push$5(A, stringSlice$4(S, p));
+      push$4(A, stringSlice$4(S, p));
       return A;
     }
   ];
@@ -7884,9 +8115,9 @@ var getIteratorFlattenable$1 = function (obj, stringHandling) {
   return getIteratorDirect$1(anObject$3(method !== undefined ? call$5(method, obj) : obj));
 };
 
-var $$b = _export;
+var $$a = _export;
 var call$4 = functionCall;
-var aCallable$1 = aCallable$k;
+var aCallable = aCallable$k;
 var anObject$2 = anObject$t;
 var getIteratorDirect = getIteratorDirect$a;
 var getIteratorFlattenable = getIteratorFlattenable$1;
@@ -7918,10 +8149,10 @@ var IteratorProxy = createIteratorProxy(function () {
 
 // `Iterator.prototype.flatMap` method
 // https://github.com/tc39/proposal-iterator-helpers
-$$b({ target: 'Iterator', proto: true, real: true, forced: IS_PURE$1 }, {
+$$a({ target: 'Iterator', proto: true, real: true, forced: IS_PURE$1 }, {
   flatMap: function flatMap(mapper) {
     anObject$2(this);
-    aCallable$1(mapper);
+    aCallable(mapper);
     return new IteratorProxy(getIteratorDirect(this), {
       mapper: mapper,
       inner: null
@@ -8087,7 +8318,182 @@ const createAutoPopulateMiddleware = (uischema, user) => (state, action, default
  */
 const autoPopulatePropertiesMonaco = [];
 
-const createStepperContextInitData = props => {
+class ContextProviderClass {
+  async addDataByUrl(key, url, processDataFunction, token) {
+    let header = {};
+    const [requestId, axiosWithConfig] = this.getAxiosInterceptorConfig(axios);
+    if (token) {
+      header = Object.assign({}, header, {
+        Authorization: `Bearer ${token}`
+      });
+    }
+    await axiosWithConfig.get(url, header).then(response => {
+      const processedData = processDataFunction(response.data);
+      this.enumValues.set(key, () => processedData);
+    }).catch(err => {
+      if (err.message.includes('CORS')) {
+        console.warn(err.message);
+      } else {
+        console.warn(`addDataByUrl: ${err.message}`);
+      }
+    });
+    axiosWithConfig.interceptors.request.eject(requestId);
+  }
+  constructor() {
+    this.selfProps = void 0;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    this.enumValues = new Map();
+    this.enumFunctions = new Map();
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    this.enumSubmitFunctions = new Map();
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    this.enumSaveFunctions = new Map();
+    this.baseEnumerator = void 0;
+    this.addFormContextData = (key, data) => {
+      this.enumValues.set(key, () => data);
+    };
+    this.setup = props => {
+      var _props$isFormSubmitte, _props$autoPopulatedD, _this$selfProps;
+      this.selfProps = props;
+      if (props.fileManagement) {
+        const {
+          fileList,
+          uploadFile,
+          downloadFile,
+          deleteFile
+        } = props.fileManagement;
+        this.enumValues.set('file-list', () => fileList);
+        this.enumFunctions.set('upload-file', () => uploadFile);
+        this.enumFunctions.set('download-file', () => downloadFile);
+        this.enumFunctions.set('delete-file', () => deleteFile);
+      }
+      if (props.submit) {
+        const {
+          submitForm,
+          saveForm
+        } = props.submit;
+        const submitFunction = submitForm;
+        const saveFormFunction = saveForm;
+        this.enumSubmitFunctions.set('submit-form', () => submitFunction);
+        this.enumSaveFunctions.set('save-form', () => saveFormFunction);
+      }
+      if (props.data) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        Object.keys(props.data).forEach(item => {
+          this.enumValues.set(item, () => props.data[item]);
+        });
+      }
+      if (!props.children) {
+        return null;
+      }
+      if (props.formUrl) {
+        this.baseEnumerator.formUrl = props.formUrl;
+      }
+      this.baseEnumerator.isFormSubmitted = (_props$isFormSubmitte = props.isFormSubmitted) != null ? _props$isFormSubmitte : false;
+      this.baseEnumerator.autoPopulatedData = (_props$autoPopulatedD = props.autoPopulatedData) != null ? _props$autoPopulatedD : [];
+      this.baseEnumerator.formId = props.formId;
+      return jsx(JsonFormContext.Provider, {
+        value: this.baseEnumerator,
+        children: (_this$selfProps = this.selfProps) == null ? void 0 : _this$selfProps.children
+      });
+    };
+    this.getContextProvider = () => {
+      var _this$selfProps2;
+      return jsx(JsonFormContext.Provider, {
+        value: this.baseEnumerator,
+        children: (_this$selfProps2 = this.selfProps) == null ? void 0 : _this$selfProps2.children
+      });
+    };
+    this.getFormUrl = () => {
+      var _this$selfProps3;
+      return (_this$selfProps3 = this.selfProps) == null ? void 0 : _this$selfProps3.formUrl;
+    };
+    this.getAxiosInterceptorConfig = axios => {
+      const requestId = axios.interceptors.request.use(req => {
+        if (req.data === undefined) {
+          throw new Error(`The URL: ${req.url} encountered a CORS error.`);
+        }
+        return req;
+      });
+      return [requestId, axios];
+    };
+    /**
+     * Grabs data stored under a given key
+     *
+     */
+    this.getFormContextData = key => {
+      const dataFunction = this.baseEnumerator.data.get(key);
+      return dataFunction && dataFunction();
+    };
+    /**
+     * Grabs all data
+     *
+     */
+    this.getAllFormContextData = () => {
+      const allData = [];
+      this.baseEnumerator.data.forEach((d, key) => {
+        allData.push({
+          [key]: d()
+        });
+      });
+      return allData;
+    };
+    this.baseEnumerator = {
+      data: this.enumValues,
+      functions: this.enumFunctions,
+      submitFunction: this.enumSubmitFunctions,
+      saveFunction: this.enumSaveFunctions,
+      addFormContextData: this.addFormContextData,
+      getFormContextData: this.getFormContextData,
+      getAllFormContextData: this.getAllFormContextData,
+      formUrl: this.getFormUrl()
+    };
+    this.selfProps = {};
+  }
+}
+const ContextProviderC = new ContextProviderClass();
+const ContextProviderFactory = () => new ContextProviderClass().setup;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const JsonFormContext = /*#__PURE__*/createContext(null);
+
+const REVIEW_CHANGE_ACTION = 'jsonforms/review/change';
+function reviewReducer(_state, action) {
+  if (action.type === REVIEW_CHANGE_ACTION) {
+    return action.payload;
+  }
+  return null;
+}
+const ReviewRenderContext = /*#__PURE__*/createContext(undefined);
+const ReviewRenderProvider = ({
+  children,
+  onReviewChange
+}) => {
+  const [reviewChange, dispatch] = useReducer(reviewReducer, null);
+  const onChangeDispatch = useCallback((stepId, scope) => {
+    dispatch({
+      type: REVIEW_CHANGE_ACTION,
+      payload: {
+        stepId,
+        scope
+      }
+    });
+    onReviewChange == null || onReviewChange(stepId, scope);
+  }, [onReviewChange]);
+  const context = useMemo(() => ({
+    isProvided: true,
+    onChangeDispatch,
+    reviewChange
+  }), [onChangeDispatch, reviewChange]);
+  return jsx(ReviewRenderContext.Provider, {
+    value: context,
+    children: children
+  });
+};
+const useReviewContext = () => {
+  return useContext(ReviewRenderContext);
+};
+
+const createStepperContextInitData = (props, options) => {
   var _uischema$options, _uischema$options2, _categorization$eleme;
   const {
     uischema,
@@ -8107,13 +8513,14 @@ const createStepperContextInitData = props => {
   const isCacheStatus = (_uischema$options2 = uischema.options) == null ? void 0 : _uischema$options2.cacheStatus;
   isCacheStatus && getIsVisitFromLocalStorage() || [];
   const categories = (_categorization$eleme = categorization.elements) == null ? void 0 : _categorization$eleme.map((c, id) => {
-    var _deriveLabelForUISche;
+    var _options$visitedIds$h, _options$visitedIds, _deriveLabelForUISche;
     const scopes = pickPropertyValues(c, 'scope', 'ListWithDetail');
-    // A step is not visited on initial mount, so its status is driven by whether it already holds
+    // On first mount nothing is visited, so status is driven by whether the step already holds
     // user-entered data. Auto-populated fields (system-filled from the user profile) are excluded
     // so an unopened page with only auto-populated values stays NotStarted, while a resumed form
-    // the user actually filled still shows its saved status.
-    let visited = false;
+    // the user actually filled still shows its saved status. On the recomputes that follow every
+    // data change, pages the user has already opened keep their visited state.
+    let visited = (_options$visitedIds$h = options == null || (_options$visitedIds = options.visitedIds) == null ? void 0 : _options$visitedIds.has(id)) != null ? _options$visitedIds$h : false;
     const autoPopulatedScopes = getAutoPopulateControls(c).map(control => control.scope);
     const {
       status,
@@ -8124,7 +8531,8 @@ const createStepperContextInitData = props => {
       errors: filteredErrors != null ? filteredErrors : [],
       schema,
       visited,
-      autoPopulatedScopes
+      autoPopulatedScopes,
+      autoPopulatedValues: options == null ? void 0 : options.autoPopulatedValues
     });
     //If the step has all conditional fields, set visited to true so that the step status will be
     //completed to enable form to be saved.
@@ -8174,7 +8582,21 @@ const JsonFormsStepperContextProvider = ({
     data,
     uischema
   } = StepperProps;
-  const [stepperState, dispatch] = useReducer(stepperReducer, createStepperContextInitData(StepperProps));
+  const formCtx = useContext(JsonFormContext);
+  const autoPopulatedValues = formCtx == null ? void 0 : formCtx.autoPopulatedData;
+  const formId = formCtx == null ? void 0 : formCtx.formId;
+  // Steps opened in an earlier session. Seeding these on first mount is what keeps a step the user
+  // has been through from dropping back to NotStarted on resume — including the case where they
+  // edited an auto-populated field and then restored the original value, which leaves nothing in
+  // the data to distinguish it from a step that was never opened.
+  const persistedVisitedIds = useMemo(() => {
+    var _getVisitedSteps;
+    return new Set((_getVisitedSteps = getVisitedSteps(formId)) != null ? _getVisitedSteps : []);
+  }, [formId]);
+  const [stepperState, dispatch] = useReducer(stepperReducer, createStepperContextInitData(StepperProps, {
+    visitedIds: persistedVisitedIds,
+    autoPopulatedValues
+  }));
   const stepperDispatch = (StepperProps == null ? void 0 : StepperProps.customDispatch) || dispatch;
   const isCacheStatus = (_uischema$options3 = uischema.options) == null ? void 0 : _uischema$options3.cacheStatus;
   //prevents infinite loop refresh
@@ -8276,12 +8698,31 @@ const JsonFormsStepperContextProvider = ({
     });
     //eslint-disable-next-line
   }, [ctx == null || (_ctx$core5 = ctx.core) == null ? void 0 : _ctx$core5.errors]);
+  // Persist as the user goes rather than on unload: a draft resumed on another tab, or after a
+  // crash or a killed mobile tab, never fires beforeunload and would otherwise lose the visits.
+  // The categories array is rebuilt on every data change, so this effect runs on each keystroke —
+  // only touch storage when the set has actually grown.
+  const lastPersistedVisited = useRef(null);
+  useEffect(() => {
+    var _stepperState$categor3, _stepperState$categor4;
+    const visitedIds = (_stepperState$categor3 = stepperState == null || (_stepperState$categor4 = stepperState.categories) == null ? void 0 : _stepperState$categor4.filter(c => c.isVisited).map(c => c.id)) != null ? _stepperState$categor3 : [];
+    const merged = [...new Set([...persistedVisitedIds, ...visitedIds])].sort((a, b) => a - b);
+    if (merged.length === 0) {
+      return;
+    }
+    const serialized = JSON.stringify(merged);
+    if (serialized === lastPersistedVisited.current) {
+      return;
+    }
+    lastPersistedVisited.current = serialized;
+    saveVisitedSteps(formId, merged);
+  }, [formId, persistedVisitedIds, stepperState == null ? void 0 : stepperState.categories]);
   /* istanbul ignore next */
   useEffect(() => {
     const handleBeforeUnload = () => {
       if (isCacheStatus) {
-        var _stepperState$categor3;
-        saveIsVisitFromLocalStorage((stepperState == null || (_stepperState$categor3 = stepperState.categories) == null ? void 0 : _stepperState$categor3.map(c => c == null ? void 0 : c.isVisited)) || []);
+        var _stepperState$categor5;
+        saveIsVisitFromLocalStorage((stepperState == null || (_stepperState$categor5 = stepperState.categories) == null ? void 0 : _stepperState$categor5.map(c => c == null ? void 0 : c.isVisited)) || []);
       }
     };
     window.addEventListener('beforeunload', handleBeforeUnload);
@@ -8292,13 +8733,17 @@ const JsonFormsStepperContextProvider = ({
   }, [stepperState]);
   useEffect(() => {
     if ((context == null ? void 0 : context.isProvided) === true) {
+      var _stepperState$categor6, _stepperState$categor7;
       /* The block is used to cache the state for the tenant web app review editor  */
       stepperDispatch({
         type: 'update/uischema',
         payload: {
           state: createStepperContextInitData(Object.assign({}, StepperProps, {
             activeId: Math.min(stepperState == null ? void 0 : stepperState.activeId, stepperState.maxReachedStep)
-          }))
+          }), {
+            visitedIds: new Set([...persistedVisitedIds, ...((_stepperState$categor6 = stepperState == null || (_stepperState$categor7 = stepperState.categories) == null ? void 0 : _stepperState$categor7.filter(c => c.isVisited).map(c => c.id)) != null ? _stepperState$categor6 : [])]),
+            autoPopulatedValues
+          })
         }
       });
       if (stepperState.activeId !== stepperState.categories.length + 1) {
@@ -8467,14 +8912,14 @@ const GoAInputBaseControl = props => {
   });
 };
 
-var $$a = _export;
+var $$9 = _export;
 var DESCRIPTORS$4 = descriptors;
 var global$4 = global$t;
-var uncurryThis$a = functionUncurryThis;
+var uncurryThis$9 = functionUncurryThis;
 var hasOwn$2 = hasOwnProperty_1;
 var isCallable$1 = isCallable$t;
 var isPrototypeOf = objectIsPrototypeOf;
-var toString$9 = toString$n;
+var toString$8 = toString$n;
 var defineBuiltInAccessor$3 = defineBuiltInAccessor$7;
 var copyConstructorProperties = copyConstructorProperties$3;
 
@@ -8488,7 +8933,7 @@ if (DESCRIPTORS$4 && isCallable$1(NativeSymbol) && (!('description' in SymbolPro
   var EmptyStringDescriptionStore = {};
   // wrap Symbol constructor for correct work with undefined description
   var SymbolWrapper = function Symbol() {
-    var description = arguments.length < 1 || arguments[0] === undefined ? undefined : toString$9(arguments[0]);
+    var description = arguments.length < 1 || arguments[0] === undefined ? undefined : toString$8(arguments[0]);
     var result = isPrototypeOf(SymbolPrototype, this)
       ? new NativeSymbol(description)
       // in Edge 13, String(Symbol(undefined)) === 'Symbol(undefined)'
@@ -8502,11 +8947,11 @@ if (DESCRIPTORS$4 && isCallable$1(NativeSymbol) && (!('description' in SymbolPro
   SymbolPrototype.constructor = SymbolWrapper;
 
   var NATIVE_SYMBOL = String(NativeSymbol('description detection')) === 'Symbol(description detection)';
-  var thisSymbolValue = uncurryThis$a(SymbolPrototype.valueOf);
-  var symbolDescriptiveString = uncurryThis$a(SymbolPrototype.toString);
+  var thisSymbolValue = uncurryThis$9(SymbolPrototype.valueOf);
+  var symbolDescriptiveString = uncurryThis$9(SymbolPrototype.toString);
   var regexp = /^Symbol\((.*)\)[^)]+$/;
-  var replace$3 = uncurryThis$a(''.replace);
-  var stringSlice$3 = uncurryThis$a(''.slice);
+  var replace$3 = uncurryThis$9(''.replace);
+  var stringSlice$3 = uncurryThis$9(''.slice);
 
   defineBuiltInAccessor$3(SymbolPrototype, 'description', {
     configurable: true,
@@ -8519,7 +8964,7 @@ if (DESCRIPTORS$4 && isCallable$1(NativeSymbol) && (!('description' in SymbolPro
     }
   });
 
-  $$a({ global: true, constructor: true, forced: true }, {
+  $$9({ global: true, constructor: true, forced: true }, {
     Symbol: SymbolWrapper
   });
 }
@@ -8529,7 +8974,7 @@ var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
 var anObject$1 = anObject$t;
 var isNullOrUndefined = isNullOrUndefined$7;
 var toLength$2 = toLength$7;
-var toString$8 = toString$n;
+var toString$7 = toString$n;
 var requireObjectCoercible$3 = requireObjectCoercible$e;
 var getMethod = getMethod$7;
 var advanceStringIndex = advanceStringIndex$3;
@@ -8543,13 +8988,13 @@ fixRegExpWellKnownSymbolLogic('match', function (MATCH, nativeMatch, maybeCallNa
     function match(regexp) {
       var O = requireObjectCoercible$3(this);
       var matcher = isNullOrUndefined(regexp) ? undefined : getMethod(regexp, MATCH);
-      return matcher ? call$3(matcher, regexp, O) : new RegExp(regexp)[MATCH](toString$8(O));
+      return matcher ? call$3(matcher, regexp, O) : new RegExp(regexp)[MATCH](toString$7(O));
     },
     // `RegExp.prototype[@@match]` method
     // https://tc39.es/ecma262/#sec-regexp.prototype-@@match
     function (string) {
       var rx = anObject$1(this);
-      var S = toString$8(string);
+      var S = toString$7(string);
       var res = maybeCallNative(nativeMatch, rx, S);
 
       if (res.done) return res.value;
@@ -8562,7 +9007,7 @@ fixRegExpWellKnownSymbolLogic('match', function (MATCH, nativeMatch, maybeCallNa
       var n = 0;
       var result;
       while ((result = regExpExec(rx, S)) !== null) {
-        var matchStr = toString$8(result[0]);
+        var matchStr = toString$7(result[0]);
         A[n] = matchStr;
         if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength$2(rx.lastIndex), fullUnicode);
         n++;
@@ -8818,7 +9263,75 @@ const GoATextControl = props => jsx(GoAInputBaseControl, Object.assign({}, props
 const GoATextControlTester = rankWith(1, isStringControl);
 const GoAInputTextControl = withJsonFormsControlProps(GoATextControl);
 
-const DEBOUNCE_DELAY = 550;
+const COMMIT_DELAY = 300;
+/**
+ * Keeps a live, per-keystroke mirror of a control's value and pushes it into the form data only
+ * once the user pauses typing.
+ *
+ * The GoA web components keep the value in their own DOM and report changes back a macrotask
+ * late, while their update path writes an incoming `value` prop straight back into the field
+ * whenever it differs from what is in the box. So a render that commits a value older than what
+ * has been typed since wipes out the characters in between. Committing on every keystroke
+ * re-renders and revalidates the whole form, which makes that window wide enough to swallow
+ * characters; debouncing the commit keeps it to a single local render.
+ *
+ * The echo of our own commit is ignored while further edits are outstanding, so data arriving
+ * back from the form can never overwrite what the user has typed in the meantime.
+ *
+ * @param externalValue the value held in the form data; must be referentially stable between
+ *   renders (memoize it when it is an object), otherwise the sync effect runs on every render
+ * @param commit pushes a settled value into the form data
+ * @param delay how long to wait for typing to stop before committing
+ */
+function useDebouncedCommit(externalValue, commit, delay = COMMIT_DELAY) {
+  const [value, setLocalValue] = useState(externalValue);
+  // Set while the user has edits we have not pushed upstream yet.
+  const pendingRef = useRef(null);
+  const autoCommitRef = useRef(true);
+  const commitRef = useRef(commit);
+  useEffect(() => {
+    commitRef.current = commit;
+  });
+  const debouncedValue = useDebounce(value, delay);
+  const flush = useCallback(() => {
+    const pending = pendingRef.current;
+    if (pending === null) {
+      return;
+    }
+    pendingRef.current = null;
+    autoCommitRef.current = true;
+    commitRef.current(pending);
+  }, []);
+  const setValue = useCallback((next, options) => {
+    pendingRef.current = next;
+    autoCommitRef.current = (options == null ? void 0 : options.autoCommit) !== false;
+    setLocalValue(next);
+  }, []);
+  useEffect(() => {
+    if (!autoCommitRef.current) {
+      return;
+    }
+    // Only commit once the debounce has caught up with the latest keystroke.
+    if (pendingRef.current === null || pendingRef.current !== debouncedValue) {
+      return;
+    }
+    flush();
+  }, [debouncedValue, flush]);
+  useEffect(() => {
+    if (pendingRef.current !== null) {
+      return;
+    }
+    setLocalValue(current => isEqual$1(current, externalValue) ? current : externalValue);
+  }, [externalValue]);
+  // Don't drop the tail of what was typed when the control goes away, e.g. on stepper navigation.
+  useEffect(() => flush, [flush]);
+  return {
+    value,
+    setValue,
+    flush
+  };
+}
+
 const MultiLineText = props => {
   var _uischema$options$com, _uischema$options, _uischema$options2, _uischema$options3, _uischema$options$com2, _uischema$options4, _uischema$options5;
   const {
@@ -8833,30 +9346,30 @@ const MultiLineText = props => {
     isVisited,
     errors,
     setIsVisited
-  } = props;
-  const [textAreaValue, setTextAreaValue] = React.useState(data || '');
-  const debouncedValue = useDebounce(textAreaValue, DEBOUNCE_DELAY);
-  useEffect(() => {
-    setTextAreaValue(data || '');
-  }, [data]);
-  /* istanbul ignore next */
-  useEffect(() => {
-    if (debouncedValue !== data && (debouncedValue !== '' || data !== undefined)) {
-      onChangeForInputControl({
-        value: debouncedValue,
-        controlProps: props
-      });
-    }
-  }, [debouncedValue]);
+  } = props;
+  const {
+    value: textAreaValue,
+    setValue: setTextAreaValue,
+    flush: flushTextArea
+  } = useDebouncedCommit(data || '', value => onChangeForInputControl({
+    value,
+    controlProps: props
+  }));
   const appliedUiSchemaOptions = Object.assign({}, config, uischema == null ? void 0 : uischema.options);
   const placeholder = (appliedUiSchemaOptions == null ? void 0 : appliedUiSchemaOptions.placeholder) || (schema == null ? void 0 : schema.description) || '';
   const width = (_uischema$options$com = uischema == null || (_uischema$options = uischema.options) == null || (_uischema$options = _uischema$options.componentProps) == null ? void 0 : _uischema$options.width) != null ? _uischema$options$com : '100%';
   const autoCapitalize = (uischema == null || (_uischema$options2 = uischema.options) == null || (_uischema$options2 = _uischema$options2.componentProps) == null ? void 0 : _uischema$options2.autoCapitalize) === true || (uischema == null || (_uischema$options3 = uischema.options) == null ? void 0 : _uischema$options3.autoCapitalize) === true;
   const readOnly = (_uischema$options$com2 = uischema == null || (_uischema$options4 = uischema.options) == null || (_uischema$options4 = _uischema$options4.componentProps) == null ? void 0 : _uischema$options4.readOnly) != null ? _uischema$options$com2 : false;
   const textAreaName = `${label || path}-text-area` || '';
+  const applyCapitalization = value => autoCapitalize ? value.toUpperCase() : value;
+  const markVisited = () => {
+    if (isVisited === false && setIsVisited) {
+      setIsVisited();
+    }
+  };
   const txtAreaComponent = jsx(GoabTextArea, Object.assign({
     error: isVisited && errors.length > 0,
-    value: debouncedValue,
+    value: textAreaValue,
     disabled: !enabled,
     readOnly: readOnly,
     placeholder: placeholder,
@@ -8865,21 +9378,21 @@ const MultiLineText = props => {
     width: width,
     // Note: Paul Jan-09-2023. The latest ui-component come with the maxCount. We need to uncomment the following line when the component is updated
     // maxCount={schema.maxLength || 256}
+    // The component raises _change from its input event, so unlike _keyPress (keyup) this also
+    // covers pasting, IME composition and held-key repeats.
+    onChange: detail => {
+      setTextAreaValue(applyCapitalization(detail.value));
+      markVisited();
+    },
     onKeyPress: detail => {
-      const newValue = autoCapitalize ? detail.value.toUpperCase() : detail.value;
-      setTextAreaValue(newValue);
-      if (isVisited === false && setIsVisited) {
-        setIsVisited();
-      }
+      setTextAreaValue(applyCapitalization(detail.value));
+      markVisited();
     },
     onBlur: detail => {
-      const newValue = autoCapitalize ? detail.value.toUpperCase() : detail.value;
-      setTextAreaValue(newValue);
-      if (isVisited === false && setIsVisited) {
-        setIsVisited();
-      }
-    },
-    onChange: detail => {}
+      setTextAreaValue(applyCapitalization(detail.value));
+      flushTextArea();
+      markVisited();
+    }
   }, uischema == null || (_uischema$options5 = uischema.options) == null ? void 0 : _uischema$options5.componentProps));
   return txtAreaComponent;
 };
@@ -8900,7 +9413,7 @@ function _objectWithoutPropertiesLoose(r, e) {
 }
 
 var toIntegerOrInfinity$1 = toIntegerOrInfinity$9;
-var toString$7 = toString$n;
+var toString$6 = toString$n;
 var requireObjectCoercible$2 = requireObjectCoercible$e;
 
 var $RangeError$1 = RangeError;
@@ -8908,7 +9421,7 @@ var $RangeError$1 = RangeError;
 // `String.prototype.repeat` method implementation
 // https://tc39.es/ecma262/#sec-string.prototype.repeat
 var stringRepeat = function repeat(count) {
-  var str = toString$7(requireObjectCoercible$2(this));
+  var str = toString$6(requireObjectCoercible$2(this));
   var result = '';
   var n = toIntegerOrInfinity$1(count);
   if (n < 0 || n === Infinity) throw new $RangeError$1('Wrong number of repetitions');
@@ -8917,23 +9430,23 @@ var stringRepeat = function repeat(count) {
 };
 
 // https://github.com/tc39/proposal-string-pad-start-end
-var uncurryThis$9 = functionUncurryThis;
+var uncurryThis$8 = functionUncurryThis;
 var toLength$1 = toLength$7;
-var toString$6 = toString$n;
+var toString$5 = toString$n;
 var $repeat = stringRepeat;
 var requireObjectCoercible$1 = requireObjectCoercible$e;
 
-var repeat = uncurryThis$9($repeat);
-var stringSlice$2 = uncurryThis$9(''.slice);
+var repeat = uncurryThis$8($repeat);
+var stringSlice$2 = uncurryThis$8(''.slice);
 var ceil = Math.ceil;
 
 // `String.prototype.{ padStart, padEnd }` methods implementation
 var createMethod = function (IS_END) {
   return function ($this, maxLength, fillString) {
-    var S = toString$6(requireObjectCoercible$1($this));
+    var S = toString$5(requireObjectCoercible$1($this));
     var intMaxLength = toLength$1(maxLength);
     var stringLength = S.length;
-    var fillStr = fillString === undefined ? ' ' : toString$6(fillString);
+    var fillStr = fillString === undefined ? ' ' : toString$5(fillString);
     var fillLen, stringFiller;
     if (intMaxLength <= stringLength || fillStr === '') return S;
     fillLen = intMaxLength - stringLength;
@@ -8949,17 +9462,17 @@ var stringPad = {
   start: createMethod(false)};
 
 // https://github.com/zloirock/core-js/issues/280
-var userAgent$2 = engineUserAgent;
+var userAgent = engineUserAgent;
 
-var stringPadWebkitBug = /Version\/10(?:\.\d+){1,2}(?: [\w./]+)?(?: Mobile\/\w+)? Safari\//.test(userAgent$2);
+var stringPadWebkitBug = /Version\/10(?:\.\d+){1,2}(?: [\w./]+)?(?: Mobile\/\w+)? Safari\//.test(userAgent);
 
-var $$9 = _export;
+var $$8 = _export;
 var $padStart = stringPad.start;
 var WEBKIT_BUG = stringPadWebkitBug;
 
 // `String.prototype.padStart` method
 // https://tc39.es/ecma262/#sec-string.prototype.padstart
-$$9({ target: 'String', proto: true, forced: WEBKIT_BUG }, {
+$$8({ target: 'String', proto: true, forced: WEBKIT_BUG }, {
   padStart: function padStart(maxLength /* , fillString = ' ' */) {
     return $padStart(this, maxLength, arguments.length > 1 ? arguments[1] : undefined);
   }
@@ -9960,19 +10473,11 @@ const GoInputBaseReview = props => jsx(GoAInputBaseControl, Object.assign({}, pr
 }));
 const GoAInputBaseReviewControl = withJsonFormsControlProps(GoInputBaseReview);
 
-var tryToString = tryToString$5;
-
-var $TypeError = TypeError;
-
-var deletePropertyOrThrow$2 = function (O, P) {
-  if (!delete O[P]) throw new $TypeError('Cannot delete property ' + tryToString(P) + ' of ' + tryToString(O));
-};
-
-var $$8 = _export;
-var toObject$3 = toObject$c;
-var lengthOfArrayLike$3 = lengthOfArrayLike$c;
+var $$7 = _export;
+var toObject$2 = toObject$c;
+var lengthOfArrayLike$2 = lengthOfArrayLike$c;
 var setArrayLength = arraySetLength;
-var deletePropertyOrThrow$1 = deletePropertyOrThrow$2;
+var deletePropertyOrThrow = deletePropertyOrThrow$2;
 var doesNotExceedSafeInteger = doesNotExceedSafeInteger$3;
 
 // IE8-
@@ -9988,15 +10493,15 @@ var properErrorOnNonWritableLength = function () {
   }
 };
 
-var FORCED$2 = INCORRECT_RESULT || !properErrorOnNonWritableLength();
+var FORCED$1 = INCORRECT_RESULT || !properErrorOnNonWritableLength();
 
 // `Array.prototype.unshift` method
 // https://tc39.es/ecma262/#sec-array.prototype.unshift
-$$8({ target: 'Array', proto: true, arity: 1, forced: FORCED$2 }, {
+$$7({ target: 'Array', proto: true, arity: 1, forced: FORCED$1 }, {
   // eslint-disable-next-line no-unused-vars -- required for `.length`
   unshift: function unshift(item) {
-    var O = toObject$3(this);
-    var len = lengthOfArrayLike$3(O);
+    var O = toObject$2(this);
+    var len = lengthOfArrayLike$2(O);
     var argCount = arguments.length;
     if (argCount) {
       doesNotExceedSafeInteger(len + argCount);
@@ -10004,7 +10509,7 @@ $$8({ target: 'Array', proto: true, arity: 1, forced: FORCED$2 }, {
       while (k--) {
         var to = k + argCount;
         if (k in O) O[to] = O[k];
-        else deletePropertyOrThrow$1(O, to);
+        else deletePropertyOrThrow(O, to);
       }
       for (var j = 0; j < argCount; j++) {
         O[j] = arguments[j];
@@ -11443,43 +11948,6 @@ class ListWithDetailControl extends React.Component {
   }
 }
 
-const REVIEW_CHANGE_ACTION = 'jsonforms/review/change';
-function reviewReducer(_state, action) {
-  if (action.type === REVIEW_CHANGE_ACTION) {
-    return action.payload;
-  }
-  return null;
-}
-const ReviewRenderContext = /*#__PURE__*/createContext(undefined);
-const ReviewRenderProvider = ({
-  children,
-  onReviewChange
-}) => {
-  const [reviewChange, dispatch] = useReducer(reviewReducer, null);
-  const onChangeDispatch = useCallback((stepId, scope) => {
-    dispatch({
-      type: REVIEW_CHANGE_ACTION,
-      payload: {
-        stepId,
-        scope
-      }
-    });
-    onReviewChange == null || onReviewChange(stepId, scope);
-  }, [onReviewChange]);
-  const context = useMemo(() => ({
-    isProvided: true,
-    onChangeDispatch,
-    reviewChange
-  }), [onChangeDispatch, reviewChange]);
-  return jsx(ReviewRenderContext.Provider, {
-    value: context,
-    children: children
-  });
-};
-const useReviewContext = () => {
-  return useContext(ReviewRenderContext);
-};
-
 const GoAInputBaseTableReview = props => {
   var _uischema$options, _uischema$scope2, _jsonForms$core, _uischema$options4, _uischema$options5, _uischema$options6;
   const {
@@ -12090,189 +12558,53 @@ const Center = styled.div(_t24 || (_t24 = _$6`
 const PageStepperRow = styled.tr(_t25 || (_t25 = _$6`
   ${0}
 `), ({
-  disabled
-}) => disabled ? `
-          pointer-events: none;
-          opacity: 0.5;
-          cursor: not-allowed;
-        ` : `
-          cursor: pointer;
-
-          &:hover td {
-            background-color: var(--goa-color-greyscale-100);
-          }
-
-          td {
-            transition: background-color 0.2s ease-in-out;
-          }
-
-
-          &:focus-visible {
-            border-radius: 0.25rem;
-            outline: 3px solid var(--goa-color-interactive-focus);
-          }
-        `);
-const SectionHeaderRowTr = styled.tr(_t26 || (_t26 = _$6`
-  & > td {
-    border: 0 !important;
-    padding-top: var(--goa-space-l);
-    padding-bottom: var(--goa-space-s);
-    padding-left: 0 !important;
-  }
-
-  & + tr > td {
-    border-top: none !important;
-  }
-`));
-const SummaryRowLink = styled.a(_t27 || (_t27 = _$6`
-  position: relative;
-  top: var(--goa-space-xs);
-  &:focus-visible {
-    border-radius: 0.25rem;
-    outline: 3px solid var(--goa-color-interactive-focus);
-  }
-  padding: 0 var(--goa-space-s) var(--goa-space-xs); var(--goa-space-s);
-`));
-const SummaryTd = styled.td(_t28 || (_t28 = _$6`
-  border: 0 !important;
-  padding: 0 !important;
-`));
-
-class ContextProviderClass {
-  async addDataByUrl(key, url, processDataFunction, token) {
-    let header = {};
-    const [requestId, axiosWithConfig] = this.getAxiosInterceptorConfig(axios);
-    if (token) {
-      header = Object.assign({}, header, {
-        Authorization: `Bearer ${token}`
-      });
-    }
-    await axiosWithConfig.get(url, header).then(response => {
-      const processedData = processDataFunction(response.data);
-      this.enumValues.set(key, () => processedData);
-    }).catch(err => {
-      if (err.message.includes('CORS')) {
-        console.warn(err.message);
-      } else {
-        console.warn(`addDataByUrl: ${err.message}`);
-      }
-    });
-    axiosWithConfig.interceptors.request.eject(requestId);
-  }
-  constructor() {
-    this.selfProps = void 0;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    this.enumValues = new Map();
-    this.enumFunctions = new Map();
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    this.enumSubmitFunctions = new Map();
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    this.enumSaveFunctions = new Map();
-    this.baseEnumerator = void 0;
-    this.addFormContextData = (key, data) => {
-      this.enumValues.set(key, () => data);
-    };
-    this.setup = props => {
-      var _props$isFormSubmitte, _this$selfProps;
-      this.selfProps = props;
-      if (props.fileManagement) {
-        const {
-          fileList,
-          uploadFile,
-          downloadFile,
-          deleteFile
-        } = props.fileManagement;
-        this.enumValues.set('file-list', () => fileList);
-        this.enumFunctions.set('upload-file', () => uploadFile);
-        this.enumFunctions.set('download-file', () => downloadFile);
-        this.enumFunctions.set('delete-file', () => deleteFile);
-      }
-      if (props.submit) {
-        const {
-          submitForm,
-          saveForm
-        } = props.submit;
-        const submitFunction = submitForm;
-        const saveFormFunction = saveForm;
-        this.enumSubmitFunctions.set('submit-form', () => submitFunction);
-        this.enumSaveFunctions.set('save-form', () => saveFormFunction);
-      }
-      if (props.data) {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        Object.keys(props.data).forEach(item => {
-          this.enumValues.set(item, () => props.data[item]);
-        });
-      }
-      if (!props.children) {
-        return null;
-      }
-      if (props.formUrl) {
-        this.baseEnumerator.formUrl = props.formUrl;
-      }
-      this.baseEnumerator.isFormSubmitted = (_props$isFormSubmitte = props.isFormSubmitted) != null ? _props$isFormSubmitte : false;
-      return jsx(JsonFormContext.Provider, {
-        value: this.baseEnumerator,
-        children: (_this$selfProps = this.selfProps) == null ? void 0 : _this$selfProps.children
-      });
-    };
-    this.getContextProvider = () => {
-      var _this$selfProps2;
-      return jsx(JsonFormContext.Provider, {
-        value: this.baseEnumerator,
-        children: (_this$selfProps2 = this.selfProps) == null ? void 0 : _this$selfProps2.children
-      });
-    };
-    this.getFormUrl = () => {
-      var _this$selfProps3;
-      return (_this$selfProps3 = this.selfProps) == null ? void 0 : _this$selfProps3.formUrl;
-    };
-    this.getAxiosInterceptorConfig = axios => {
-      const requestId = axios.interceptors.request.use(req => {
-        if (req.data === undefined) {
-          throw new Error(`The URL: ${req.url} encountered a CORS error.`);
-        }
-        return req;
-      });
-      return [requestId, axios];
-    };
-    /**
-     * Grabs data stored under a given key
-     *
-     */
-    this.getFormContextData = key => {
-      const dataFunction = this.baseEnumerator.data.get(key);
-      return dataFunction && dataFunction();
-    };
-    /**
-     * Grabs all data
-     *
-     */
-    this.getAllFormContextData = () => {
-      const allData = [];
-      this.baseEnumerator.data.forEach((d, key) => {
-        allData.push({
-          [key]: d()
-        });
-      });
-      return allData;
-    };
-    this.baseEnumerator = {
-      data: this.enumValues,
-      functions: this.enumFunctions,
-      submitFunction: this.enumSubmitFunctions,
-      saveFunction: this.enumSaveFunctions,
-      addFormContextData: this.addFormContextData,
-      getFormContextData: this.getFormContextData,
-      getAllFormContextData: this.getAllFormContextData,
-      formUrl: this.getFormUrl()
-    };
-    this.selfProps = {};
+  disabled
+}) => disabled ? `
+          pointer-events: none;
+          opacity: 0.5;
+          cursor: not-allowed;
+        ` : `
+          cursor: pointer;
+
+          &:hover td {
+            background-color: var(--goa-color-greyscale-100);
+          }
+
+          td {
+            transition: background-color 0.2s ease-in-out;
+          }
+
+
+          &:focus-visible {
+            border-radius: 0.25rem;
+            outline: 3px solid var(--goa-color-interactive-focus);
+          }
+        `);
+const SectionHeaderRowTr = styled.tr(_t26 || (_t26 = _$6`
+  & > td {
+    border: 0 !important;
+    padding-top: var(--goa-space-l);
+    padding-bottom: var(--goa-space-s);
+    padding-left: 0 !important;
   }
-}
-const ContextProviderC = new ContextProviderClass();
-const ContextProviderFactory = () => new ContextProviderClass().setup;
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const JsonFormContext = /*#__PURE__*/createContext(null);
+
+  & + tr > td {
+    border-top: none !important;
+  }
+`));
+const SummaryRowLink = styled.a(_t27 || (_t27 = _$6`
+  position: relative;
+  top: var(--goa-space-xs);
+  &:focus-visible {
+    border-radius: 0.25rem;
+    outline: 3px solid var(--goa-color-interactive-focus);
+  }
+  padding: 0 var(--goa-space-s) var(--goa-space-xs); var(--goa-space-s);
+`));
+const SummaryTd = styled.td(_t28 || (_t28 = _$6`
+  border: 0 !important;
+  padding: 0 !important;
+`));
 
 const RenderStepElements = props => {
   var _props$category;
@@ -12295,20 +12627,20 @@ const RenderStepElements = props => {
   });
 };
 
-var $$7 = _export;
+var $$6 = _export;
 var flattenIntoArray = flattenIntoArray_1;
-var toObject$2 = toObject$c;
-var lengthOfArrayLike$2 = lengthOfArrayLike$c;
+var toObject$1 = toObject$c;
+var lengthOfArrayLike$1 = lengthOfArrayLike$c;
 var toIntegerOrInfinity = toIntegerOrInfinity$9;
 var arraySpeciesCreate = arraySpeciesCreate$2;
 
 // `Array.prototype.flat` method
 // https://tc39.es/ecma262/#sec-array.prototype.flat
-$$7({ target: 'Array', proto: true }, {
+$$6({ target: 'Array', proto: true }, {
   flat: function flat(/* depthArg = 1 */) {
     var depthArg = arguments.length ? arguments[0] : undefined;
-    var O = toObject$2(this);
-    var sourceLen = lengthOfArrayLike$2(O);
+    var O = toObject$1(this);
+    var sourceLen = lengthOfArrayLike$1(O);
     var A = arraySpeciesCreate(O, 0);
     A.length = flattenIntoArray(A, O, O, sourceLen, 0, depthArg === undefined ? 1 : toIntegerOrInfinity(depthArg));
     return A;
@@ -12836,170 +13168,6 @@ const GoAContractInfoControlReview = withJsonFormsAllOfProps(ContractInfoControl
 const isContactInformation = createSchemaMatchTester(['email', 'phone', 'preferredContactMethod']);
 const ContactInformationTester = rankWith(4, isContactInformation);
 
-var arraySlice$1 = arraySlice$4;
-
-var floor$2 = Math.floor;
-
-var sort = function (array, comparefn) {
-  var length = array.length;
-
-  if (length < 8) {
-    // insertion sort
-    var i = 1;
-    var element, j;
-
-    while (i < length) {
-      j = i;
-      element = array[i];
-      while (j && comparefn(array[j - 1], element) > 0) {
-        array[j] = array[--j];
-      }
-      if (j !== i++) array[j] = element;
-    }
-  } else {
-    // merge sort
-    var middle = floor$2(length / 2);
-    var left = sort(arraySlice$1(array, 0, middle), comparefn);
-    var right = sort(arraySlice$1(array, middle), comparefn);
-    var llength = left.length;
-    var rlength = right.length;
-    var lindex = 0;
-    var rindex = 0;
-
-    while (lindex < llength || rindex < rlength) {
-      array[lindex + rindex] = (lindex < llength && rindex < rlength)
-        ? comparefn(left[lindex], right[rindex]) <= 0 ? left[lindex++] : right[rindex++]
-        : lindex < llength ? left[lindex++] : right[rindex++];
-    }
-  }
-
-  return array;
-};
-
-var arraySort$1 = sort;
-
-var userAgent$1 = engineUserAgent;
-
-var firefox = userAgent$1.match(/firefox\/(\d+)/i);
-
-var engineFfVersion = !!firefox && +firefox[1];
-
-var UA = engineUserAgent;
-
-var engineIsIeOrEdge = /MSIE|Trident/.test(UA);
-
-var userAgent = engineUserAgent;
-
-var webkit = userAgent.match(/AppleWebKit\/(\d+)\./);
-
-var engineWebkitVersion = !!webkit && +webkit[1];
-
-var $$6 = _export;
-var uncurryThis$8 = functionUncurryThis;
-var aCallable = aCallable$k;
-var toObject$1 = toObject$c;
-var lengthOfArrayLike$1 = lengthOfArrayLike$c;
-var deletePropertyOrThrow = deletePropertyOrThrow$2;
-var toString$5 = toString$n;
-var fails$2 = fails$y;
-var internalSort = arraySort$1;
-var arrayMethodIsStrict = arrayMethodIsStrict$2;
-var FF = engineFfVersion;
-var IE_OR_EDGE = engineIsIeOrEdge;
-var V8 = engineV8Version;
-var WEBKIT = engineWebkitVersion;
-
-var test = [];
-var nativeSort = uncurryThis$8(test.sort);
-var push$4 = uncurryThis$8(test.push);
-
-// IE8-
-var FAILS_ON_UNDEFINED = fails$2(function () {
-  test.sort(undefined);
-});
-// V8 bug
-var FAILS_ON_NULL = fails$2(function () {
-  test.sort(null);
-});
-// Old WebKit
-var STRICT_METHOD = arrayMethodIsStrict('sort');
-
-var STABLE_SORT = !fails$2(function () {
-  // feature detection can be too slow, so check engines versions
-  if (V8) return V8 < 70;
-  if (FF && FF > 3) return;
-  if (IE_OR_EDGE) return true;
-  if (WEBKIT) return WEBKIT < 603;
-
-  var result = '';
-  var code, chr, value, index;
-
-  // generate an array with more 512 elements (Chakra and old V8 fails only in this case)
-  for (code = 65; code < 76; code++) {
-    chr = String.fromCharCode(code);
-
-    switch (code) {
-      case 66: case 69: case 70: case 72: value = 3; break;
-      case 68: case 71: value = 4; break;
-      default: value = 2;
-    }
-
-    for (index = 0; index < 47; index++) {
-      test.push({ k: chr + index, v: value });
-    }
-  }
-
-  test.sort(function (a, b) { return b.v - a.v; });
-
-  for (index = 0; index < test.length; index++) {
-    chr = test[index].k.charAt(0);
-    if (result.charAt(result.length - 1) !== chr) result += chr;
-  }
-
-  return result !== 'DGBEFHACIJK';
-});
-
-var FORCED$1 = FAILS_ON_UNDEFINED || !FAILS_ON_NULL || !STRICT_METHOD || !STABLE_SORT;
-
-var getSortCompare = function (comparefn) {
-  return function (x, y) {
-    if (y === undefined) return -1;
-    if (x === undefined) return 1;
-    if (comparefn !== undefined) return +comparefn(x, y) || 0;
-    return toString$5(x) > toString$5(y) ? 1 : -1;
-  };
-};
-
-// `Array.prototype.sort` method
-// https://tc39.es/ecma262/#sec-array.prototype.sort
-$$6({ target: 'Array', proto: true, forced: FORCED$1 }, {
-  sort: function sort(comparefn) {
-    if (comparefn !== undefined) aCallable(comparefn);
-
-    var array = toObject$1(this);
-
-    if (STABLE_SORT) return comparefn === undefined ? nativeSort(array) : nativeSort(array, comparefn);
-
-    var items = [];
-    var arrayLength = lengthOfArrayLike$1(array);
-    var itemsLength, index;
-
-    for (index = 0; index < arrayLength; index++) {
-      if (index in array) push$4(items, array[index]);
-    }
-
-    internalSort(items, getSortCompare(comparefn));
-
-    itemsLength = lengthOfArrayLike$1(items);
-    index = 0;
-
-    while (index < itemsLength) array[index] = items[index++];
-    while (index < arrayLength) deletePropertyOrThrow(array, index++);
-
-    return array;
-  }
-});
-
 var $$5 = _export;
 var iterate = iterate$a;
 var createProperty$1 = createProperty$4;
@@ -18523,21 +18691,19 @@ const filterSuggestionsWithoutAddressCount = suggestions => {
   });
 };
 const mapSuggestionToAddress = suggestion => {
-  let addressLine1, addressLine2;
-  const suiteMatch = suggestion.Text.match(/(Suite|Apt|Unit|#)+/i);
-  const textParts = suggestion.Text.split(' ');
-  if (suiteMatch) {
-    addressLine1 = suggestion.Text.replace(textParts[0], '').trim();
-    addressLine2 = textParts[0].trim();
-  } else {
-    addressLine2 = '';
-    addressLine1 = suggestion.Text.trim();
-  }
-  const descriptionParts = suggestion.Description.split(',');
-  const municipality = descriptionParts[0].trim();
-  const provinceAndPostalCode = descriptionParts[1].trim().split(' ');
-  const subdivisionCode = provinceAndPostalCode[0];
-  const postalCode = descriptionParts[2].trim();
+  var _suggestion$Text$trim, _suggestion$Text, _suggestion$Descripti;
+  const text = (_suggestion$Text$trim = suggestion == null || (_suggestion$Text = suggestion.Text) == null ? void 0 : _suggestion$Text.trim()) != null ? _suggestion$Text$trim : '';
+  const textParts = text.split(' ');
+  const hasSuite = /(Suite|Apt|Unit|#)+/i.test(text) && textParts.length > 1;
+  const addressLine1 = hasSuite ? text.replace(textParts[0], '').trim() : text;
+  const addressLine2 = hasSuite ? textParts[0].trim() : '';
+  // Descriptions usually read "municipality, province, postalCode", but the lookup also returns
+  // "municipality, province postalCode" and, for partial matches, drops the postal code entirely.
+  // Reading the parts positionally used to throw on anything but the three part form.
+  const descriptionParts = ((_suggestion$Descripti = suggestion == null ? void 0 : suggestion.Description) != null ? _suggestion$Descripti : '').split(',').map(part => part.trim());
+  const [municipality = '', provinceAndPostalCode = '', trailingPostalCode = ''] = descriptionParts;
+  const [subdivisionCode = '', ...postalCodeParts] = provinceAndPostalCode.split(' ').filter(Boolean);
+  const postalCode = postalCodeParts.length > 0 ? postalCodeParts.join(' ') : trailingPostalCode;
   return {
     addressLine1,
     addressLine2,
@@ -18639,17 +18805,18 @@ const AddressLookUpControl = props => {
   const [open, setOpen] = useState(false);
   const addressContainerRef = useRef(null);
   const label = typeof (uischema == null ? void 0 : uischema.label) === 'string' && uischema.label ? uischema.label : '';
-  const [address, setAddress] = useState(normalizeAddressData(data, isAlbertaAddress));
+  const normalizedData = useMemo(() => normalizeAddressData(data, isAlbertaAddress), [data, isAlbertaAddress]);
+  const {
+    value: address,
+    setValue: setAddress,
+    flush: flushAddress
+  } = useDebouncedCommit(normalizedData, updatedAddress => handleChange(path, updatedAddress));
   const [searchTerm, setSearchTerm] = useState('');
   const [suggestions, setSuggestions] = useState([]);
   const [loading, setLoading] = useState(false);
   const [errors, setErrors] = useState({});
   const requiredFields = schema.required;
   const [dropdownSelected, setDropdownSelected] = useState(false);
-  const updateFormData = updatedAddress => {
-    handleChange(path, updatedAddress);
-  };
-  const debouncedRenderAddress = useDebounce(searchTerm, 500);
   const [activeIndex, setActiveIndex] = useState(0);
   const dropdownRef = useRef(null);
   const debouncedTerm = useDebounce(searchTerm, 500);
@@ -18657,39 +18824,35 @@ const AddressLookUpControl = props => {
   const lastQueryRef = useRef('');
   const cacheRef = useRef(new Map());
   const spinnerTimerRef = useRef(null);
-  useEffect(() => {
-    const nextAddress = normalizeAddressData(data, isAlbertaAddress);
-    setAddress(currentAddress => {
-      const keys = ['addressLine1', 'addressLine2', 'municipality', 'postalCode', 'country', 'subdivisionCode'];
-      const unchanged = keys.every(key => currentAddress[key] === nextAddress[key]);
-      return unchanged ? currentAddress : nextAddress;
-    });
-  }, [data, isAlbertaAddress]);
-  const handleInputChange = (field, value) => {
+  const handleInputChange = (field, value, options) => {
     var _schema$errorMessage;
-    if (field === 'addressLine1') {
-      setDropdownSelected(false);
-    }
-    let newAddress;
+    let newValue = value;
     const postalCodeErrorMessage = (_schema$errorMessage = schema.errorMessage) == null || (_schema$errorMessage = _schema$errorMessage.properties) == null ? void 0 : _schema$errorMessage.postalCode;
     if (field === 'postalCode') {
       const validatePc = validatePostalCode(value);
-      setErrors(handlePostalCodeValidation(validatePc, postalCodeErrorMessage ? postalCodeErrorMessage : '', value, errors));
-      value = formatPostalCode(value);
-      newAddress = Object.assign({}, address, {
-        [field]: value.toUpperCase()
-      });
+      setErrors(currentErrors => handlePostalCodeValidation(validatePc, postalCodeErrorMessage != null ? postalCodeErrorMessage : '', value, currentErrors));
+      newValue = formatPostalCode(value).toUpperCase();
     } else {
-      newAddress = Object.assign({}, address, {
-        [field]: value
+      setErrors(currentErrors => {
+        if (!(field in currentErrors)) {
+          return currentErrors;
+        }
+        const nextErrors = Object.assign({}, currentErrors);
+        delete nextErrors[field];
+        return nextErrors;
       });
-      delete errors[field];
     }
-    if (value === '' && field in newAddress) {
+    const newAddress = Object.assign({}, address, {
+      [field]: newValue
+    });
+    if (newValue === '') {
       delete newAddress[field];
     }
-    setAddress(newAddress);
-    updateFormData(newAddress);
+    setAddress(newAddress, options);
+    // Picking a province isn't typing, so there is nothing to wait for.
+    if (field === 'subdivisionCode') {
+      flushAddress();
+    }
   };
   const renderHelp = () => {
     return jsx(HelpContentComponent, Object.assign({}, props, {
@@ -18697,70 +18860,46 @@ const AddressLookUpControl = props => {
       showLabel: false
     }));
   };
-  useEffect(() => {
-    const fetchSuggestions = async () => {
-      /* istanbul ignore next */
-      if (debouncedRenderAddress.length > 2 && dropdownSelected === false) {
-        setLoading(true);
-        setOpen(true);
-        try {
-          await fetchAddressSuggestions(formUrl, formatPostalCodeIfNeeded(searchTerm), isAlbertaAddress).then(response => {
-            const suggestions = filterSuggestionsWithoutAddressCount(response);
-            if (isAlbertaAddress) {
-              setSuggestions(filterAlbertaAddresses(suggestions));
-            } else {
-              setSuggestions(suggestions);
-            }
-            setLoading(false);
-          });
-          // eslint-disable-next-line
-        } catch (error) {
-          if (error.name !== 'AbortError') {
-            console.error('Address fetch failed:', error);
-          }
-        } finally {
-          setLoading(false);
-        }
-      } else {
-        setSuggestions([]);
-        setOpen(false);
-      }
-    };
-    fetchSuggestions();
-  }, [debouncedTerm]); // eslint-disable-line react-hooks/exhaustive-deps
-  const handleDropdownChange = value => {
+  const handleAddressLine1Change = value => {
     setDropdownSelected(false);
     setSearchTerm(value);
+    // Mirror the keystroke so the field never renders a stale value, but leave the form data alone
+    // until blur or a suggestion is picked. Committing mid-lookup re-renders the whole form while
+    // the search is still debouncing, which is what closed the suggestions dropdown.
+    handleInputChange('addressLine1', value, {
+      autoCommit: false
+    });
   };
   /* istanbul ignore next */
   const handleSuggestionClick = suggestion => {
     const suggestAddress = mapSuggestionToAddress(suggestion);
     setAddress(suggestAddress);
-    handleChange(path, suggestAddress);
+    flushAddress();
     setSuggestions([]);
     setErrors({});
     setDropdownSelected(true);
   };
   const handleRequiredFieldBlur = (name, value) => {
-    var _ref, _ref2, _ref3, _addressContainerRef$;
-    const err = Object.assign({}, errors);
-    const addressValue = name in address ? address[name] : undefined;
-    const liveInputValue = (_ref = (_ref2 = (_ref3 = value != null ? value : (_addressContainerRef$ = addressContainerRef.current) == null || (_addressContainerRef$ = _addressContainerRef$.querySelector(`goa-input[name="${name}"]`)) == null ? void 0 : _addressContainerRef$.value) != null ? _ref3 : addressValue) != null ? _ref2 : data == null ? void 0 : data[name]) != null ? _ref : '';
-    if (liveInputValue.trim() === '') {
-      err[name] = `${getAddressLookupFieldLabel(name)} is required`;
-    } else {
-      delete err[name];
-    }
-    setErrors(err);
+    var _ref, _ref2;
+    const liveInputValue = (_ref = (_ref2 = value != null ? value : address[name]) != null ? _ref2 : data == null ? void 0 : data[name]) != null ? _ref : '';
+    setErrors(currentErrors => {
+      const nextErrors = Object.assign({}, currentErrors);
+      if (liveInputValue.trim() === '') {
+        nextErrors[name] = `${getAddressLookupFieldLabel(name)} is required`;
+      } else {
+        delete nextErrors[name];
+      }
+      return nextErrors;
+    });
     setSuggestions([]);
     setOpen(false);
     if (name === 'addressLine1' && value !== undefined) {
-      const newAddress = Object.assign({}, address, {
+      setAddress(Object.assign({}, address, {
         addressLine1: value
-      });
-      setAddress(newAddress);
-      updateFormData(newAddress);
+      }));
     }
+    // Leaving the field ends the burst of typing, so push what is there now.
+    flushAddress();
   };
   useEffect(() => {
     if (dropdownRef.current && activeIndex !== -1) {
@@ -18889,12 +19028,14 @@ const AddressLookUpControl = props => {
               ariaLabel: 'address-form-address1',
               placeholder: "Start typing the first line of your address, required.",
               value: (address == null ? void 0 : address.addressLine1) || '',
-              onChange: detail => handleDropdownChange(detail.value),
+              onChange: detail => handleAddressLine1Change(detail.value),
               onBlur: detail => handleRequiredFieldBlur(detail.name, detail.value),
               width: "100%",
               onKeyPress: detail => {
                 if (open) {
-                  const newIndex = handleAddressKeyDown(detail.key, detail.value, activeIndex, suggestions, val => handleInputChange('addressLine1', val), suggestion => handleSuggestionClick(suggestion));
+                  const newIndex = handleAddressKeyDown(detail.key, detail.value, activeIndex, suggestions,
+                  // Navigating the suggestions must never blank out what has been typed.
+                  val => typeof val === 'string' && handleInputChange('addressLine1', val), suggestion => handleSuggestionClick(suggestion));
                   setActiveIndex(newIndex);
                 }
               }
@@ -18947,7 +19088,8 @@ const NameInputs = ({
   requiredFields,
   disabled,
   errors,
-  onFieldBlur
+  onFieldBlur,
+  onFieldCommit
 }) => {
   var _displayedErrors$firs, _displayedErrors$last;
   const [internalErrors, setInternalErrors] = useState({});
@@ -19001,6 +19143,7 @@ const NameInputs = ({
   };
   const displayedErrors = errors != null ? errors : internalErrors;
   const handleBlur = name => {
+    onFieldCommit == null || onFieldCommit();
     if (onFieldBlur) {
       onFieldBlur(name);
     } else {
@@ -19047,6 +19190,7 @@ const NameInputs = ({
           ariaLabel: 'name-form-middle-name',
           value: middleName || '',
           onChange: detail => handleInputChange(detail.name, detail.value),
+          onBlur: () => onFieldCommit == null ? void 0 : onFieldCommit(),
           width: "100%"
         })
       }), jsx(GoabFormItem, {
@@ -19137,24 +19281,19 @@ const FullNameControl = props => {
     uischema
   } = props;
   const requiredFields = schema.required;
-  const [nameData, setNameData] = useState(normalizeNameData(data));
   const controlRef = useRef(null);
   const formStepperCtx = useContext(JsonFormsStepperContext);
   const stepperState = formStepperCtx == null || formStepperCtx.selectStepperState == null ? void 0 : formStepperCtx.selectStepperState();
-  const updateFormData = updatedData => {
-    updatedData = Object.fromEntries(Object.entries(updatedData).filter(([_, value]) => value !== ''));
-    handleChange(path, updatedData);
-  };
-  useEffect(() => {
-    const nextData = normalizeNameData(data);
-    setNameData(currentData => currentData.firstName === nextData.firstName && currentData.middleName === nextData.middleName && currentData.lastName === nextData.lastName ? currentData : nextData);
-  }, [data]);
+  const normalizedData = useMemo(() => normalizeNameData(data), [data]);
+  const {
+    value: nameData,
+    setValue: setNameData,
+    flush: flushName
+  } = useDebouncedCommit(normalizedData, updatedData => handleChange(path, Object.fromEntries(Object.entries(updatedData).filter(([, value]) => value !== ''))));
   const handleInputChange = (field, value) => {
-    const updatedName = Object.assign({}, nameData, {
+    setNameData(Object.assign({}, nameData, {
       [field]: value
-    });
-    setNameData(updatedName);
-    updateFormData(updatedName);
+    }));
   };
   /* istanbul ignore next */
   useEffect(() => {
@@ -19197,7 +19336,8 @@ const FullNameControl = props => {
         handleInputChange: handleInputChange,
         data: data,
         disabled: !enabled,
-        requiredFields: requiredFields
+        requiredFields: requiredFields,
+        onFieldCommit: flushName
       })
     })
   });
@@ -19270,21 +19410,20 @@ const FullNameDobControl = props => {
       maxDate: currentDate.toISOString().substring(0, 10)
     };
   };
-  const [formData, setFormData] = useState(normalizeNameDobData(data));
+  const normalizedData = useMemo(() => normalizeNameDobData(data), [data]);
+  const {
+    value: formData,
+    setValue: setFormData,
+    flush: flushFormData
+  } = useDebouncedCommit(normalizedData, updatedData => handleChange(path, Object.fromEntries(Object.entries(updatedData).filter(([, value]) => value !== ''))));
   const updateFormData = updatedData => {
-    const nextData = Object.fromEntries(Object.entries(updatedData).filter(([_, value]) => value !== ''));
-    setFormData(nextData);
-    handleChange(path, nextData);
+    setFormData(updatedData);
+    flushFormData();
   };
-  useEffect(() => {
-    const nextData = normalizeNameDobData(data);
-    setFormData(currentData => currentData.firstName === nextData.firstName && currentData.middleName === nextData.middleName && currentData.lastName === nextData.lastName && currentData.dateOfBirth === nextData.dateOfBirth ? currentData : nextData);
-  }, [data]);
   const handleInputChange = (field, value) => {
-    const updatedData = Object.assign({}, formData, {
+    setFormData(Object.assign({}, formData, {
       [field]: value
-    });
-    updateFormData(updatedData);
+    }));
   };
   // eslint-disable-next-line
   const handleRequiredFieldBlur = (name, updatedData) => {
@@ -19348,7 +19487,8 @@ const FullNameDobControl = props => {
         disabled: !enabled,
         requiredFields: requiredFields,
         errors: errors,
-        onFieldBlur: handleRequiredFieldBlur
+        onFieldBlur: handleRequiredFieldBlur,
+        onFieldCommit: flushFormData
       }), jsx(GoabGrid, {
         minChildWidth: "0ch",
         gap: "s",
@@ -19369,7 +19509,7 @@ const FullNameDobControl = props => {
             value: formData == null ? void 0 : formData.dateOfBirth,
             onChange: detail => handleInputChange(detail.name, detail.value),
             onBlur: detail => {
-              /* istanbul ignore next */
+              flushFormData();
               handleRequiredFieldBlur(detail.name);
             },
             width: "100%"