@wise/dynamic-flow-client 3.16.6 → 3.17.0

package/build/main.js

@@ -6246,7 +6246,9 @@ var reviewLayoutSchema = z.object({
 var searchResultSchema = z.union([searchResultActionSchema, searchResultSearchSchema]);
 var pollingSchema = z.object({
   url: z.string(),
-  interval: z.number(),
+  interval: z.number().optional(),
+  delay: z.number().optional(),
+  timeout: z.number().optional(),
   maxAttempts: z.number(),
   onError: pollingOnErrorSchema
 });
@@ -6358,6 +6360,7 @@ var modalLayoutSchema = z.lazy(
 );
 var modalLayoutContentSchema = z.lazy(
   () => z.object({
+    title: z.string().optional(),
     components: z.array(layoutSchema)
   })
 );
@@ -6693,6 +6696,7 @@ var import_react_intl6 = require("react-intl");
 var getSubmittableData = async (components) => Promise.all(components.map(async (component) => component.getSubmittableValue())).then(
   (values) => values.reduce((acc, value) => mergeModels(acc, value), null)
 );
+var getSubmittableDataSync = (components) => components.map((component) => component.getSubmittableValueSync()).reduce((acc, value) => mergeModels(acc, value), null);
 var getLocalValues = (components) => components.map((component) => component.getLocalValue()).reduce((acc, value) => mergeLocalValues(acc, value), null);
 var mergeLocalValues = (valueA, valueB) => {
   if (valueA === null) {
@@ -6781,6 +6785,9 @@ var createStepComponent = (stepProps) => {
     async getSubmittableValue() {
       return getSubmittableData(this.components);
     },
+    getSubmittableValueSync() {
+      return getSubmittableDataSync(this.components);
+    },
     getSummary() {
       return summariseFromChildren(this.getChildren());
     },
@@ -6847,8 +6854,11 @@ var getStepPolling = ({
   pollingConfig,
   onAction
 }) => {
-  const { interval, maxAttempts, url, onError } = pollingConfig;
+  const { interval, delay = interval, maxAttempts, url, onError } = pollingConfig;
   let abortController = new AbortController();
+  if (delay == null) {
+    throw new Error("Polling configuration must include delay or interval");
+  }
   const onFailure = () => {
     stop();
     void onAction(onError.action);
@@ -6877,10 +6887,11 @@ var getStepPolling = ({
       onFailure();
     }
   };
-  const intervalRef = setInterval(poll, interval * 1e3);
+  poll();
+  const intervalRef = setInterval(poll, delay * 1e3);
   const stop = () => {
-    abortController.abort();
     clearTimeout(intervalRef);
+    abortController.abort();
   };
   return { stop };
 };
@@ -6890,6 +6901,7 @@ var createAlertComponent = (alertProps) => __spreadProps(__spreadValues({
   type: "alert"
 }, alertProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   // Noop
@@ -6991,6 +7003,9 @@ var createBoxComponent = (boxProps) => __spreadProps(__spreadValues({}, boxProps
   async getSubmittableValue() {
     return getSubmittableData(this.components);
   },
+  getSubmittableValueSync() {
+    return getSubmittableDataSync(this.components);
+  },
   getSummary() {
     return summariseFromChildren(this.getChildren());
   },
@@ -7019,6 +7034,7 @@ var createButtonComponent = (buttonProps) => __spreadProps(__spreadValues({
   type: "button"
 }, buttonProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   // Noop
@@ -7086,6 +7102,9 @@ var createColumnsComponent = (columnsProps) => __spreadProps(__spreadValues({},
   async getSubmittableValue() {
     return getSubmittableData(this.getChildren());
   },
+  getSubmittableValueSync() {
+    return getSubmittableDataSync(this.getChildren());
+  },
   getSummary() {
     return summariseFromChildren(this.getChildren());
   },
@@ -7116,6 +7135,7 @@ var createDecisionComponent = (decisionProps) => __spreadProps(__spreadValues({
   type: "decision"
 }, decisionProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   // Noop
@@ -7144,6 +7164,7 @@ var createDividerComponent = (props) => __spreadProps(__spreadValues({
   type: "divider"
 }, props), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   // Noop
@@ -7180,15 +7201,15 @@ var abortAndResetController = (abortController) => {
   return new AbortController();
 };
 
-// src/revamp/domain/components/utils/local-value.ts
-var compareLocalValue = (valueA, valueB) => {
+// src/revamp/domain/components/utils/isExactLocalValueMatch.ts
+var isExactLocalValueMatch = (valueA, valueB) => {
   if (isArrayLocalValue(valueA) && isArrayLocalValue(valueB)) {
-    return valueA.length === valueB.length && valueA.every((value, index) => compareLocalValue(value, valueB[index]));
+    return valueA.length === valueB.length && valueA.every((value, index) => isExactLocalValueMatch(value, valueB[index]));
   }
   if (isObjectLocalValue(valueA) && isObjectLocalValue(valueB)) {
     const keysA = Object.keys(valueA);
     const keysB = Object.keys(valueB);
-    return keysA.length === keysB.length && keysA.every((key) => compareLocalValue(valueA[key], valueB[key]));
+    return keysA.length === keysB.length && keysA.every((key) => isExactLocalValueMatch(valueA[key], valueB[key]));
   }
   return valueA === valueB;
 };
@@ -7201,7 +7222,7 @@ var getComponentPersistAsync = (update, performPersistAsync) => (
    */
   async (persistedState, currentValue) => {
     const { abortController, lastSubmitted, submission } = persistedState;
-    if (compareLocalValue(lastSubmitted, currentValue)) {
+    if (isExactLocalValueMatch(lastSubmitted, currentValue)) {
       return submission;
     }
     const newAbortController = abortAndResetController(abortController);
@@ -7209,27 +7230,33 @@ var getComponentPersistAsync = (update, performPersistAsync) => (
       const resolvedNull = Promise.resolve(null);
       update((draft) => {
         draft.persistedState.abortController = newAbortController;
+        draft.persistedState.lastResponse = null;
         draft.persistedState.lastSubmitted = currentValue;
         draft.persistedState.submission = resolvedNull;
       });
       return resolvedNull;
     }
     const { signal } = newAbortController;
-    const newSubmission = performPersistAsync({ value: currentValue, signal }).catch(
-      (error) => {
-        if (error instanceof DOMException && error.name === "AbortError") {
-          return null;
-        }
-        update((draft) => {
-          draft.errors = [error.message];
-          draft.persistedState.lastSubmitted = null;
-        });
-        throw error;
+    const newSubmission = performPersistAsync({ value: currentValue, signal }).then((newValue) => {
+      update((draft) => {
+        draft.persistedState.lastResponse = newValue;
+      });
+      return newValue;
+    }).catch((error) => {
+      if (error instanceof DOMException && error.name === "AbortError") {
+        return null;
       }
-    );
+      update((draft) => {
+        draft.errors = [error.message];
+        draft.persistedState.lastResponse = null;
+        draft.persistedState.lastSubmitted = null;
+      });
+      throw error;
+    });
     update((draft) => {
       draft.persistedState = {
         abortController: newAbortController,
+        lastResponse: null,
         lastSubmitted: currentValue,
         submission: newSubmission
       };
@@ -7248,7 +7275,13 @@ var getComponentMultiPersistAsync = (update, performPersistAsync) => (
     }
     const newAbortController = new AbortController();
     const { signal } = newAbortController;
-    const newSubmission = performPersistAsync({ value, signal }).catch((error) => {
+    const newSubmission = performPersistAsync({ value, signal }).then((newValue) => {
+      update((draft) => {
+        const index = draft.persistedState.findIndex((state) => state.id === id);
+        draft.persistedState[index].lastResponse = newValue;
+      });
+      return newValue;
+    }).catch((error) => {
       update((draft) => {
         draft.persistedState = draft.persistedState.filter((state) => state.id !== id);
       });
@@ -7260,6 +7293,7 @@ var getComponentMultiPersistAsync = (update, performPersistAsync) => (
         {
           id,
           abortController: newAbortController,
+          lastResponse: null,
           lastSubmitted: null,
           submission: newSubmission
         }
@@ -7420,6 +7454,9 @@ var createNumberInputComponent = (numberInputProps, updateComponent) => {
       onValueChange();
     },
     async getSubmittableValue() {
+      return this.getSubmittableValueSync();
+    },
+    getSubmittableValueSync() {
       var _a2;
       return (_a2 = this.getLocalValue()) != null ? _a2 : null;
     },
@@ -7440,7 +7477,6 @@ var createNumberInputComponent = (numberInputProps, updateComponent) => {
   if (performPersistAsync) {
     const persist = getComponentPersistAsync(update, performPersistAsync);
     return __spreadProps(__spreadValues({}, numberComponent), {
-      isPersisted: true,
       onBlur() {
         if (this.validate()) {
           persist(this.persistedState, this.getLocalValue()).catch(() => {
@@ -7449,6 +7485,9 @@ var createNumberInputComponent = (numberInputProps, updateComponent) => {
       },
       async getSubmittableValue() {
         return persist(this.persistedState, this.getLocalValue());
+      },
+      getSubmittableValueSync() {
+        return this.persistedState.lastResponse;
       }
     });
   }
@@ -7684,6 +7723,7 @@ var getValidationError = (param, response) => {
 var getInitialPersistedState = (lastSubmitted, model) => ({
   abortController: new AbortController(),
   lastSubmitted: !isNullish(model) ? lastSubmitted != null ? lastSubmitted : null : null,
+  lastResponse: model != null ? model : null,
   submission: Promise.resolve(model != null ? model : null)
 });
 
@@ -7893,6 +7933,12 @@ var createObjectComponent = (objectProps) => {
         )
       );
     },
+    getSubmittableValueSync() {
+      return mergeChildrenValues(
+        displayOrder,
+        (propName) => this.componentMap[propName].getSubmittableValueSync()
+      );
+    },
     getSummary() {
       const summary = summariser(this.getLocalValue());
       const childSummary = summariseFromChildren(this.getChildren());
@@ -7989,6 +8035,9 @@ var createAllOfComponent = (allOfProps) => {
     async getSubmittableValue() {
       return getSubmittableData(this.components);
     },
+    getSubmittableValueSync() {
+      return getSubmittableDataSync(this.components);
+    },
     getLocalValue() {
       return getLocalValues(this.components);
     },
@@ -8029,6 +8078,7 @@ var createConstComponent = (hiddenProps) => {
     analyticsId,
     getLocalValue: () => value,
     getSubmittableValue: async () => value,
+    getSubmittableValueSync: () => value,
     getSummary: () => summary,
     validate: () => true
   };
@@ -8103,6 +8153,9 @@ var createIntegerInputComponent = (integerInputProps, updateComponent) => {
       onValueChange();
     },
     async getSubmittableValue() {
+      return this.getSubmittableValueSync();
+    },
+    getSubmittableValueSync() {
       var _a2;
       return (_a2 = this.getLocalValue()) != null ? _a2 : null;
     },
@@ -8123,7 +8176,6 @@ var createIntegerInputComponent = (integerInputProps, updateComponent) => {
   if (performPersistAsync) {
     const persist = getComponentPersistAsync(update, performPersistAsync);
     return __spreadProps(__spreadValues({}, integerComponent), {
-      isPersisted: true,
       onBlur() {
         if (this.validate()) {
           persist(this.persistedState, this.getLocalValue()).catch(() => {
@@ -8132,6 +8184,9 @@ var createIntegerInputComponent = (integerInputProps, updateComponent) => {
       },
       async getSubmittableValue() {
         return persist(this.persistedState, this.getLocalValue());
+      },
+      getSubmittableValueSync() {
+        return this.persistedState.lastResponse;
       }
     });
   }
@@ -8210,7 +8265,7 @@ var isPartialLocalValueMatch = (partialValue, component) => {
   }
   const componentValue = component.getLocalValue();
   if (component.type === "const") {
-    return compareLocalValue(partialValue, componentValue);
+    return isExactLocalValueMatch(partialValue, componentValue);
   }
   if (isObjectLocalValue(partialValue) && isObjectLocalValue(componentValue)) {
     return isPartialObjectMatch(partialValue, componentValue, component);
@@ -8257,25 +8312,7 @@ var getMatchingKeys = (a, b) => {
 
 // src/revamp/domain/components/SelectInputComponent.ts
 var createSelectInputComponent = (selectProps, updateComponent) => {
-  const _a = selectProps, {
-    uid,
-    checks,
-    initialValue,
-    options,
-    performPersistAsync,
-    performRefresh,
-    onValueChange,
-    summariser
-  } = _a, rest = __objRest(_a, [
-    "uid",
-    "checks",
-    "initialValue",
-    "options",
-    "performPersistAsync",
-    "performRefresh",
-    "onValueChange",
-    "summariser"
-  ]);
+  const _a = selectProps, { uid, checks, initialValue, options, performRefresh, onValueChange, summariser } = _a, rest = __objRest(_a, ["uid", "checks", "initialValue", "options", "performRefresh", "onValueChange", "summariser"]);
   const children = options.map((option) => option.component);
   const matchingOptions = options.map(
     (option) => isPartialLocalValueMatch(selectProps.initialValue, option.component)
@@ -8290,7 +8327,7 @@ var createSelectInputComponent = (selectProps, updateComponent) => {
     });
     return messages;
   };
-  const selectComponent = __spreadProps(__spreadValues({
+  return __spreadProps(__spreadValues({
     uid,
     type: "select",
     children,
@@ -8308,6 +8345,10 @@ var createSelectInputComponent = (selectProps, updateComponent) => {
       var _a2, _b;
       return (_b = await ((_a2 = this.getSelectedChild()) == null ? void 0 : _a2.getSubmittableValue())) != null ? _b : null;
     },
+    getSubmittableValueSync() {
+      var _a2, _b;
+      return (_b = (_a2 = this.getSelectedChild()) == null ? void 0 : _a2.getSubmittableValueSync()) != null ? _b : null;
+    },
     getSummary() {
       var _a2, _b;
       return (_b = (_a2 = this.getSelectedChild()) == null ? void 0 : _a2.getSummary()) != null ? _b : {};
@@ -8343,25 +8384,6 @@ var createSelectInputComponent = (selectProps, updateComponent) => {
       return messages.length === 0 && validChild;
     }
   });
-  if (!performPersistAsync) {
-    return selectComponent;
-  }
-  const persist = getComponentPersistAsync(update, performPersistAsync);
-  return __spreadProps(__spreadValues({}, selectComponent), {
-    isPersisted: true,
-    onSelect(updatedIndex) {
-      selectComponent.onSelect.call(this, updatedIndex);
-      const isValid2 = getValidationErrors(this.getLocalValue()).length === 0;
-      if (isValid2 && updatedIndex !== null) {
-        persist(this.persistedState, this.getLocalValue()).catch(() => {
-        });
-        onValueChange();
-      }
-    },
-    async getSubmittableValue() {
-      return persist(this.persistedState, this.getLocalValue());
-    }
-  });
 };
 var isTrue = (value) => value === true;
 
@@ -8402,19 +8424,13 @@ var oneOfSchemaToComponent = (schemaMapperProps, mapperProps) => {
   const { getErrorMessageFunctions, updateComponent, trackEvent, onRefresh, onValueChange } = mapperProps;
   const { default: defaultValue, validationMessages } = schema;
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
-  const { performPersistAsync, persistedState } = getPersistAsyncInitialState(
-    schemaMapperProps,
-    mapperProps
-  );
-  const initialValue = performPersistAsync ? localValue : (_b = model != null ? model : defaultValue) != null ? _b : null;
+  const initialValue = (_b = model != null ? model : defaultValue) != null ? _b : null;
   return createSelectInputComponent(
     __spreadProps(__spreadValues({}, mapCommonSchemaProps(schemaMapperProps)), {
       autoComplete: getAutocompleteString(schema.autocompleteHint),
       checks: schema.hidden ? [] : [getRequiredCheck(required, errorMessageFunctions)],
       options,
       initialValue,
-      persistedState,
-      performPersistAsync,
       performRefresh: getPerformRefresh(schema, onRefresh),
       onValueChange,
       trackEvent
@@ -8480,6 +8496,9 @@ var createDateInputComponent = (textInputProps, updateComponent) => {
       onValueChange();
     },
     async getSubmittableValue() {
+      return this.getSubmittableValueSync();
+    },
+    getSubmittableValueSync() {
       var _a2;
       return (_a2 = this.getLocalValue()) != null ? _a2 : null;
     },
@@ -8500,7 +8519,6 @@ var createDateInputComponent = (textInputProps, updateComponent) => {
   if (performPersistAsync) {
     const persist = getComponentPersistAsync(update, performPersistAsync);
     return __spreadProps(__spreadValues({}, dateInputComponent), {
-      isPersisted: true,
       onChange(updatedValue) {
         dateInputComponent.onChange.call(this, updatedValue);
         const isValid2 = getValidationErrors(updatedValue).length === 0;
@@ -8511,6 +8529,9 @@ var createDateInputComponent = (textInputProps, updateComponent) => {
       },
       async getSubmittableValue() {
         return persist(this.persistedState, this.getLocalValue());
+      },
+      getSubmittableValueSync() {
+        return this.persistedState.lastResponse;
       }
     });
   }
@@ -8649,6 +8670,9 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
       const file = this.getLocalValue();
       return file ? toBase64(file) : null;
     },
+    getSubmittableValueSync() {
+      return null;
+    },
     getSummary() {
       var _a2, _b;
       return summariser((_b = (_a2 = this.getLocalValue()) == null ? void 0 : _a2.name) != null ? _b : null);
@@ -8667,7 +8691,6 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
   const persist = getComponentPersistAsync(update, performPersistAsync);
   return __spreadProps(__spreadValues({}, uploadComponent), {
     format,
-    isPersisted: true,
     async onUpload(file) {
       update((draft) => {
         draft.errors = [];
@@ -8677,6 +8700,7 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
       const submission = format === "base64" && file ? await toBase64(file) : file;
       await persist(this.persistedState, submission).catch((error) => {
         update((draft) => {
+          draft.persistedState.lastResponse = null;
           draft.persistedState.lastSubmitted = null;
           draft.persistedState.submission = Promise.resolve(null);
           draft.errors = [];
@@ -8687,6 +8711,9 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
     },
     async getSubmittableValue() {
       return this.persistedState.submission;
+    },
+    getSubmittableValueSync() {
+      return this.persistedState.lastResponse;
     }
   });
 };
@@ -8775,6 +8802,9 @@ var createTextInputComponent = (textInputProps, updateComponent) => {
       onValueChange();
     },
     async getSubmittableValue() {
+      return this.getSubmittableValueSync();
+    },
+    getSubmittableValueSync() {
       var _a2;
       return (_a2 = this.getLocalValue()) != null ? _a2 : null;
     },
@@ -8795,7 +8825,6 @@ var createTextInputComponent = (textInputProps, updateComponent) => {
   if (performPersistAsync) {
     const persist = getComponentPersistAsync(update, performPersistAsync);
     return __spreadProps(__spreadValues({}, inputComponent), {
-      isPersisted: true,
       onBlur() {
         if (this.validate()) {
           persist(this.persistedState, this.getLocalValue()).catch(() => {
@@ -8804,6 +8833,9 @@ var createTextInputComponent = (textInputProps, updateComponent) => {
       },
       async getSubmittableValue() {
         return persist(this.persistedState, this.getLocalValue());
+      },
+      getSubmittableValueSync() {
+        return this.persistedState.lastResponse;
       }
     });
   }
@@ -8897,6 +8929,9 @@ var createContainerComponent = (containerProps) => __spreadProps(__spreadValues(
   async getSubmittableValue() {
     return getSubmittableData(this.components);
   },
+  getSubmittableValueSync() {
+    return getSubmittableDataSync(this.components);
+  },
   getSummary() {
     return summariseFromChildren(this.getChildren());
   },
@@ -9001,6 +9036,9 @@ var createRepeatableComponent = (repeatableProps, updateComponent) => {
     async getSubmittableValue() {
       return Promise.all(this.components.map(async (component) => component.getSubmittableValue()));
     },
+    getSubmittableValueSync() {
+      return this.components.map((component) => component.getSubmittableValueSync());
+    },
     getSummary() {
       return summariser(null);
     },
@@ -9136,6 +9174,9 @@ var createMultiUploadInputComponent = (uploadInputProps, updateComponent) => {
       const files = this.getLocalValue();
       return files ? Promise.all(files.map(toBase64)) : null;
     },
+    getSubmittableValueSync() {
+      return null;
+    },
     getSummary() {
       return summariser(this.getLocalValue().map(({ name }) => name));
     },
@@ -9153,7 +9194,6 @@ var createMultiUploadInputComponent = (uploadInputProps, updateComponent) => {
   const persist = getComponentMultiPersistAsync(update, performPersistAsync);
   return __spreadProps(__spreadValues({}, uploadComponent), {
     format,
-    isPersisted: true,
     async onUpload(file, fileId) {
       await uploadComponent.onUpload.call(this, file, fileId);
       const submission = format === "blob" ? file : await toBase64(file);
@@ -9170,6 +9210,9 @@ var createMultiUploadInputComponent = (uploadInputProps, updateComponent) => {
     },
     async getSubmittableValue() {
       return Promise.all(this.persistedState.map(async ({ submission }) => submission));
+    },
+    getSubmittableValueSync() {
+      return this.persistedState.map(({ lastResponse }) => lastResponse);
     }
   });
 };
@@ -9243,7 +9286,6 @@ var createMultiSelectComponent = (multiSelectProps, updateComponent) => {
     checks,
     options,
     initialValue,
-    performPersistAsync,
     performValidationAsync,
     performRefresh,
     onValueChange
@@ -9252,7 +9294,6 @@ var createMultiSelectComponent = (multiSelectProps, updateComponent) => {
     "checks",
     "options",
     "initialValue",
-    "performPersistAsync",
     "performValidationAsync",
     "performRefresh",
     "onValueChange"
@@ -9306,6 +9347,10 @@ var createMultiSelectComponent = (multiSelectProps, updateComponent) => {
       }
       return null;
     },
+    getSubmittableValueSync() {
+      var _a2, _b;
+      return (_b = (_a2 = this.getSelectedChildren()) == null ? void 0 : _a2.map((child) => child.getSubmittableValueSync())) != null ? _b : null;
+    },
     getSummary: () => ({}),
     getChildren() {
       return this.children;
@@ -9317,23 +9362,6 @@ var createMultiSelectComponent = (multiSelectProps, updateComponent) => {
   if (performRefresh) {
     return inputComponent;
   }
-  if (performPersistAsync) {
-    const persist = getComponentPersistAsync(update, performPersistAsync);
-    return __spreadProps(__spreadValues({}, inputComponent), {
-      isPersisted: true,
-      onSelect(indices) {
-        inputComponent.onSelect.call(this, indices);
-        const isValid2 = getValidationErrors(this.getLocalValue()).length === 0;
-        if (isValid2 && indices != null) {
-          persist(this.persistedState, this.getLocalValue()).catch(() => {
-          });
-        }
-      },
-      async getSubmittableValue() {
-        return persist(this.persistedState, this.getLocalValue());
-      }
-    });
-  }
   if (performValidationAsync) {
     const validateAsync = getComponentValidationAsync(update, performValidationAsync);
     return __spreadProps(__spreadValues({}, inputComponent), {
@@ -9391,15 +9419,11 @@ var arraySchemaToMultiSelectComponent = (schemaMapperProps, mapperProps) => {
   const { title, validationMessages } = schema;
   const { getErrorMessageFunctions, onRefresh, onValueChange, updateComponent } = mapperProps;
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
-  const { performPersistAsync, persistedState } = getPersistAsyncInitialState(
-    schemaMapperProps,
-    mapperProps
-  );
   const { performValidationAsync, validationState } = getValidationAsyncInitialState(
     schemaMapperProps,
     mapperProps
   );
-  const initialValue = performPersistAsync ? localValue : model != null ? model : null;
+  const initialValue = model != null ? model : null;
   return createMultiSelectComponent(
     __spreadProps(__spreadValues({}, mapCommonSchemaProps(schemaMapperProps)), {
       autoComplete: "off",
@@ -9411,8 +9435,6 @@ var arraySchemaToMultiSelectComponent = (schemaMapperProps, mapperProps) => {
       initialValue,
       options,
       required,
-      persistedState,
-      performPersistAsync,
       title,
       validationState,
       performValidationAsync,
@@ -9440,7 +9462,10 @@ var createTupleComponent = (tupleProps) => {
       return this.components;
     },
     async getSubmittableValue() {
-      return Promise.all(this.components.map((child) => child.getSubmittableValue()));
+      return Promise.all(this.components.map(async (child) => child.getSubmittableValue()));
+    },
+    getSubmittableValueSync() {
+      return this.components.map((child) => child.getSubmittableValueSync());
     },
     getSummary() {
       const summary = summariser(this.getLocalValue());
@@ -9550,6 +9575,9 @@ var createBooleanInputComponent = (booleanInputProps, updateComponent) => {
       onValueChange();
     },
     async getSubmittableValue() {
+      return this.getSubmittableValueSync();
+    },
+    getSubmittableValueSync() {
       return this.getLocalValue();
     },
     getSummary() {
@@ -9566,7 +9594,6 @@ var createBooleanInputComponent = (booleanInputProps, updateComponent) => {
   if (performPersistAsync) {
     const persist = getComponentPersistAsync(update, performPersistAsync);
     return __spreadProps(__spreadValues({}, booleanComponent), {
-      isPersisted: true,
       onChange(updatedValue) {
         booleanComponent.onChange.call(this, updatedValue);
         persist(this.persistedState, this.getLocalValue()).catch(() => {
@@ -9574,6 +9601,9 @@ var createBooleanInputComponent = (booleanInputProps, updateComponent) => {
       },
       async getSubmittableValue() {
         return persist(this.persistedState, this.getLocalValue());
+      },
+      getSubmittableValueSync() {
+        return this.persistedState.lastResponse;
       }
     });
   }
@@ -9729,6 +9759,9 @@ var createFormComponent = (formProps) => __spreadProps(__spreadValues({}, formPr
   async getSubmittableValue() {
     return getSubmittableData(this.getChildren());
   },
+  getSubmittableValueSync() {
+    return getSubmittableDataSync(this.getChildren());
+  },
   getSummary() {
     return summariseFromChildren(this.getChildren());
   },
@@ -9774,6 +9807,7 @@ var createHeadingComponent = (headingProps) => __spreadProps(__spreadValues({
   type: "heading"
 }, headingProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getSummary: () => ({}),
   // Noop
   getLocalValue: () => null,
@@ -9795,6 +9829,7 @@ var createImageComponent = (imageProps) => __spreadProps(__spreadValues({
   type: "image"
 }, imageProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   // Noop
@@ -9816,6 +9851,7 @@ var createMarkdownComponent = (markdownProps) => __spreadProps(__spreadValues({
   type: "markdown"
 }, markdownProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   validate: () => true
@@ -9836,6 +9872,7 @@ var createInstructionsComponent = (instructionsProps) => __spreadProps(__spreadV
 }, instructionsProps), {
   getLocalValue: () => null,
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getSummary: () => ({}),
   // Noop
   validate: () => true
@@ -9858,6 +9895,7 @@ var createLoadingIndicatorComponent = (loadingIndicatorProps) => __spreadProps(_
   type: "loading-indicator"
 }, loadingIndicatorProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   // Noop
@@ -9889,6 +9927,9 @@ var createModalComponent = (modalProps) => __spreadProps(__spreadValues({
   async getSubmittableValue() {
     return getSubmittableData(this.getChildren());
   },
+  getSubmittableValueSync() {
+    return getSubmittableDataSync(this.getChildren());
+  },
   getSummary() {
     return summariseFromChildren(this.getChildren());
   },
@@ -9918,6 +9959,7 @@ var createParagraphComponent = (paragraphProps) => __spreadProps(__spreadValues(
   type: "paragraph"
 }, paragraphProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getSummary: () => ({}),
   // Noop
   getLocalValue: () => null,
@@ -9939,6 +9981,7 @@ var createReviewComponent = (reviewProps) => __spreadProps(__spreadValues({
 }, reviewProps), {
   getLocalValue: () => null,
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getSummary: () => ({}),
   // Noop
   validate: () => true
@@ -10049,6 +10092,7 @@ var createSearchComponent = (searchProps, performSearch, onAction, updateCompone
     query: "",
     results: [],
     getSubmittableValue: async () => null,
+    getSubmittableValueSync: () => null,
     getLocalValue: () => null,
     getSummary: () => ({}),
     // Noop
@@ -10124,6 +10168,7 @@ var createStatusListComponent = (statusListProps) => __spreadProps(__spreadValue
 }, statusListProps), {
   getLocalValue: () => null,
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getSummary: () => ({}),
   // Noop,
   validate: () => true
@@ -14220,6 +14265,7 @@ function useExternal2(url) {
 // src/legacy/common/hooks/useExternalStepPolling/useExternalStepPolling.tsx
 var import_react31 = require("react");
 function useExternalStepPolling(polling, onAction) {
+  var _a, _b;
   const httpClient = useHttpClient();
   const asyncFn = (0, import_react31.useMemo)(() => {
     if (polling) {
@@ -14262,7 +14308,7 @@ function useExternalStepPolling(polling, onAction) {
   );
   usePolling({
     asyncFn,
-    interval: (polling == null ? void 0 : polling.interval) || 0,
+    delay: (_b = (_a = polling == null ? void 0 : polling.delay) != null ? _a : polling == null ? void 0 : polling.interval) != null ? _b : 0,
     maxAttempts: (polling == null ? void 0 : polling.maxAttempts) || 0,
     maxConsecutiveFails: (polling == null ? void 0 : polling.maxConsecutiveFails) || 0,
     onPollingResponse,
@@ -18376,7 +18422,7 @@ function hasStringMessage(value) {
 var import_react56 = require("react");
 function usePolling({
   asyncFn,
-  interval,
+  delay,
   maxAttempts,
   maxConsecutiveFails,
   onPollingResponse,
@@ -18395,13 +18441,14 @@ function usePolling({
     [asyncFn, maxAttempts, maxConsecutiveFails]
   );
   (0, import_react56.useEffect)(() => {
-    if (interval > 0) {
+    if (delay > 0) {
+      poll();
       const intervalReference = setInterval(() => {
         poll();
-      }, interval);
+      }, delay);
       return () => clearInterval(intervalReference);
     }
-  }, [poll, interval]);
+  }, [poll, delay]);
   (0, import_react56.useEffect)(() => {
     onPollingResponseReference.current = onPollingResponse;
     onFailureReference.current = onFailure;
@@ -18445,6 +18492,7 @@ var usePrevious = (value) => {
 // src/legacy/common/hooks/useStepPolling/useStepPolling.tsx
 var import_react58 = require("react");
 function useStepPolling(polling, onAction) {
+  var _a, _b;
   const httpClient = useHttpClient();
   const asyncFn = (0, import_react58.useMemo)(() => {
     if (polling) {
@@ -18471,7 +18519,7 @@ function useStepPolling(polling, onAction) {
   );
   usePolling({
     asyncFn,
-    interval: 1e3 * ((polling == null ? void 0 : polling.interval) || 0),
+    delay: 1e3 * ((_b = (_a = polling == null ? void 0 : polling.delay) != null ? _a : polling == null ? void 0 : polling.interval) != null ? _b : 0),
     maxAttempts: (polling == null ? void 0 : polling.maxAttempts) || 0,
     maxConsecutiveFails: 1,
     onPollingResponse,