@wise/dynamic-flow-client 3.16.6 → 3.17.0

package/build/main.mjs

@@ -6222,7 +6222,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
 });
@@ -6334,6 +6336,7 @@ var modalLayoutSchema = z.lazy(
 );
 var modalLayoutContentSchema = z.lazy(
   () => z.object({
+    title: z.string().optional(),
     components: z.array(layoutSchema)
   })
 );
@@ -6669,6 +6672,7 @@ import { useIntl as useIntl2 } from "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) {
@@ -6757,6 +6761,9 @@ var createStepComponent = (stepProps) => {
     async getSubmittableValue() {
       return getSubmittableData(this.components);
     },
+    getSubmittableValueSync() {
+      return getSubmittableDataSync(this.components);
+    },
     getSummary() {
       return summariseFromChildren(this.getChildren());
     },
@@ -6823,8 +6830,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);
@@ -6853,10 +6863,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 };
 };
@@ -6866,6 +6877,7 @@ var createAlertComponent = (alertProps) => __spreadProps(__spreadValues({
   type: "alert"
 }, alertProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   // Noop
@@ -6967,6 +6979,9 @@ var createBoxComponent = (boxProps) => __spreadProps(__spreadValues({}, boxProps
   async getSubmittableValue() {
     return getSubmittableData(this.components);
   },
+  getSubmittableValueSync() {
+    return getSubmittableDataSync(this.components);
+  },
   getSummary() {
     return summariseFromChildren(this.getChildren());
   },
@@ -6995,6 +7010,7 @@ var createButtonComponent = (buttonProps) => __spreadProps(__spreadValues({
   type: "button"
 }, buttonProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   // Noop
@@ -7062,6 +7078,9 @@ var createColumnsComponent = (columnsProps) => __spreadProps(__spreadValues({},
   async getSubmittableValue() {
     return getSubmittableData(this.getChildren());
   },
+  getSubmittableValueSync() {
+    return getSubmittableDataSync(this.getChildren());
+  },
   getSummary() {
     return summariseFromChildren(this.getChildren());
   },
@@ -7092,6 +7111,7 @@ var createDecisionComponent = (decisionProps) => __spreadProps(__spreadValues({
   type: "decision"
 }, decisionProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   // Noop
@@ -7120,6 +7140,7 @@ var createDividerComponent = (props) => __spreadProps(__spreadValues({
   type: "divider"
 }, props), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   // Noop
@@ -7156,15 +7177,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;
 };
@@ -7177,7 +7198,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);
@@ -7185,27 +7206,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
       };
@@ -7224,7 +7251,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);
       });
@@ -7236,6 +7269,7 @@ var getComponentMultiPersistAsync = (update, performPersistAsync) => (
         {
           id,
           abortController: newAbortController,
+          lastResponse: null,
           lastSubmitted: null,
           submission: newSubmission
         }
@@ -7396,6 +7430,9 @@ var createNumberInputComponent = (numberInputProps, updateComponent) => {
       onValueChange();
     },
     async getSubmittableValue() {
+      return this.getSubmittableValueSync();
+    },
+    getSubmittableValueSync() {
       var _a2;
       return (_a2 = this.getLocalValue()) != null ? _a2 : null;
     },
@@ -7416,7 +7453,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(() => {
@@ -7425,6 +7461,9 @@ var createNumberInputComponent = (numberInputProps, updateComponent) => {
       },
       async getSubmittableValue() {
         return persist(this.persistedState, this.getLocalValue());
+      },
+      getSubmittableValueSync() {
+        return this.persistedState.lastResponse;
       }
     });
   }
@@ -7660,6 +7699,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)
 });
 
@@ -7869,6 +7909,12 @@ var createObjectComponent = (objectProps) => {
         )
       );
     },
+    getSubmittableValueSync() {
+      return mergeChildrenValues(
+        displayOrder,
+        (propName) => this.componentMap[propName].getSubmittableValueSync()
+      );
+    },
     getSummary() {
       const summary = summariser(this.getLocalValue());
       const childSummary = summariseFromChildren(this.getChildren());
@@ -7965,6 +8011,9 @@ var createAllOfComponent = (allOfProps) => {
     async getSubmittableValue() {
       return getSubmittableData(this.components);
     },
+    getSubmittableValueSync() {
+      return getSubmittableDataSync(this.components);
+    },
     getLocalValue() {
       return getLocalValues(this.components);
     },
@@ -8005,6 +8054,7 @@ var createConstComponent = (hiddenProps) => {
     analyticsId,
     getLocalValue: () => value,
     getSubmittableValue: async () => value,
+    getSubmittableValueSync: () => value,
     getSummary: () => summary,
     validate: () => true
   };
@@ -8079,6 +8129,9 @@ var createIntegerInputComponent = (integerInputProps, updateComponent) => {
       onValueChange();
     },
     async getSubmittableValue() {
+      return this.getSubmittableValueSync();
+    },
+    getSubmittableValueSync() {
       var _a2;
       return (_a2 = this.getLocalValue()) != null ? _a2 : null;
     },
@@ -8099,7 +8152,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(() => {
@@ -8108,6 +8160,9 @@ var createIntegerInputComponent = (integerInputProps, updateComponent) => {
       },
       async getSubmittableValue() {
         return persist(this.persistedState, this.getLocalValue());
+      },
+      getSubmittableValueSync() {
+        return this.persistedState.lastResponse;
       }
     });
   }
@@ -8186,7 +8241,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);
@@ -8233,25 +8288,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)
@@ -8266,7 +8303,7 @@ var createSelectInputComponent = (selectProps, updateComponent) => {
     });
     return messages;
   };
-  const selectComponent = __spreadProps(__spreadValues({
+  return __spreadProps(__spreadValues({
     uid,
     type: "select",
     children,
@@ -8284,6 +8321,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 : {};
@@ -8319,25 +8360,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;
 
@@ -8378,19 +8400,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
@@ -8456,6 +8472,9 @@ var createDateInputComponent = (textInputProps, updateComponent) => {
       onValueChange();
     },
     async getSubmittableValue() {
+      return this.getSubmittableValueSync();
+    },
+    getSubmittableValueSync() {
       var _a2;
       return (_a2 = this.getLocalValue()) != null ? _a2 : null;
     },
@@ -8476,7 +8495,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;
@@ -8487,6 +8505,9 @@ var createDateInputComponent = (textInputProps, updateComponent) => {
       },
       async getSubmittableValue() {
         return persist(this.persistedState, this.getLocalValue());
+      },
+      getSubmittableValueSync() {
+        return this.persistedState.lastResponse;
       }
     });
   }
@@ -8625,6 +8646,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);
@@ -8643,7 +8667,6 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
   const persist = getComponentPersistAsync(update, performPersistAsync);
   return __spreadProps(__spreadValues({}, uploadComponent), {
     format,
-    isPersisted: true,
     async onUpload(file) {
       update((draft) => {
         draft.errors = [];
@@ -8653,6 +8676,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 = [];
@@ -8663,6 +8687,9 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
     },
     async getSubmittableValue() {
       return this.persistedState.submission;
+    },
+    getSubmittableValueSync() {
+      return this.persistedState.lastResponse;
     }
   });
 };
@@ -8751,6 +8778,9 @@ var createTextInputComponent = (textInputProps, updateComponent) => {
       onValueChange();
     },
     async getSubmittableValue() {
+      return this.getSubmittableValueSync();
+    },
+    getSubmittableValueSync() {
       var _a2;
       return (_a2 = this.getLocalValue()) != null ? _a2 : null;
     },
@@ -8771,7 +8801,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(() => {
@@ -8780,6 +8809,9 @@ var createTextInputComponent = (textInputProps, updateComponent) => {
       },
       async getSubmittableValue() {
         return persist(this.persistedState, this.getLocalValue());
+      },
+      getSubmittableValueSync() {
+        return this.persistedState.lastResponse;
       }
     });
   }
@@ -8873,6 +8905,9 @@ var createContainerComponent = (containerProps) => __spreadProps(__spreadValues(
   async getSubmittableValue() {
     return getSubmittableData(this.components);
   },
+  getSubmittableValueSync() {
+    return getSubmittableDataSync(this.components);
+  },
   getSummary() {
     return summariseFromChildren(this.getChildren());
   },
@@ -8977,6 +9012,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);
     },
@@ -9112,6 +9150,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));
     },
@@ -9129,7 +9170,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);
@@ -9146,6 +9186,9 @@ var createMultiUploadInputComponent = (uploadInputProps, updateComponent) => {
     },
     async getSubmittableValue() {
       return Promise.all(this.persistedState.map(async ({ submission }) => submission));
+    },
+    getSubmittableValueSync() {
+      return this.persistedState.map(({ lastResponse }) => lastResponse);
     }
   });
 };
@@ -9219,7 +9262,6 @@ var createMultiSelectComponent = (multiSelectProps, updateComponent) => {
     checks,
     options,
     initialValue,
-    performPersistAsync,
     performValidationAsync,
     performRefresh,
     onValueChange
@@ -9228,7 +9270,6 @@ var createMultiSelectComponent = (multiSelectProps, updateComponent) => {
     "checks",
     "options",
     "initialValue",
-    "performPersistAsync",
     "performValidationAsync",
     "performRefresh",
     "onValueChange"
@@ -9282,6 +9323,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;
@@ -9293,23 +9338,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), {
@@ -9367,15 +9395,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",
@@ -9387,8 +9411,6 @@ var arraySchemaToMultiSelectComponent = (schemaMapperProps, mapperProps) => {
       initialValue,
       options,
       required,
-      persistedState,
-      performPersistAsync,
       title,
       validationState,
       performValidationAsync,
@@ -9416,7 +9438,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());
@@ -9526,6 +9551,9 @@ var createBooleanInputComponent = (booleanInputProps, updateComponent) => {
       onValueChange();
     },
     async getSubmittableValue() {
+      return this.getSubmittableValueSync();
+    },
+    getSubmittableValueSync() {
       return this.getLocalValue();
     },
     getSummary() {
@@ -9542,7 +9570,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(() => {
@@ -9550,6 +9577,9 @@ var createBooleanInputComponent = (booleanInputProps, updateComponent) => {
       },
       async getSubmittableValue() {
         return persist(this.persistedState, this.getLocalValue());
+      },
+      getSubmittableValueSync() {
+        return this.persistedState.lastResponse;
       }
     });
   }
@@ -9705,6 +9735,9 @@ var createFormComponent = (formProps) => __spreadProps(__spreadValues({}, formPr
   async getSubmittableValue() {
     return getSubmittableData(this.getChildren());
   },
+  getSubmittableValueSync() {
+    return getSubmittableDataSync(this.getChildren());
+  },
   getSummary() {
     return summariseFromChildren(this.getChildren());
   },
@@ -9750,6 +9783,7 @@ var createHeadingComponent = (headingProps) => __spreadProps(__spreadValues({
   type: "heading"
 }, headingProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getSummary: () => ({}),
   // Noop
   getLocalValue: () => null,
@@ -9771,6 +9805,7 @@ var createImageComponent = (imageProps) => __spreadProps(__spreadValues({
   type: "image"
 }, imageProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   // Noop
@@ -9792,6 +9827,7 @@ var createMarkdownComponent = (markdownProps) => __spreadProps(__spreadValues({
   type: "markdown"
 }, markdownProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   validate: () => true
@@ -9812,6 +9848,7 @@ var createInstructionsComponent = (instructionsProps) => __spreadProps(__spreadV
 }, instructionsProps), {
   getLocalValue: () => null,
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getSummary: () => ({}),
   // Noop
   validate: () => true
@@ -9834,6 +9871,7 @@ var createLoadingIndicatorComponent = (loadingIndicatorProps) => __spreadProps(_
   type: "loading-indicator"
 }, loadingIndicatorProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   // Noop
@@ -9865,6 +9903,9 @@ var createModalComponent = (modalProps) => __spreadProps(__spreadValues({
   async getSubmittableValue() {
     return getSubmittableData(this.getChildren());
   },
+  getSubmittableValueSync() {
+    return getSubmittableDataSync(this.getChildren());
+  },
   getSummary() {
     return summariseFromChildren(this.getChildren());
   },
@@ -9894,6 +9935,7 @@ var createParagraphComponent = (paragraphProps) => __spreadProps(__spreadValues(
   type: "paragraph"
 }, paragraphProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getSummary: () => ({}),
   // Noop
   getLocalValue: () => null,
@@ -9915,6 +9957,7 @@ var createReviewComponent = (reviewProps) => __spreadProps(__spreadValues({
 }, reviewProps), {
   getLocalValue: () => null,
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getSummary: () => ({}),
   // Noop
   validate: () => true
@@ -10025,6 +10068,7 @@ var createSearchComponent = (searchProps, performSearch, onAction, updateCompone
     query: "",
     results: [],
     getSubmittableValue: async () => null,
+    getSubmittableValueSync: () => null,
     getLocalValue: () => null,
     getSummary: () => ({}),
     // Noop
@@ -10100,6 +10144,7 @@ var createStatusListComponent = (statusListProps) => __spreadProps(__spreadValue
 }, statusListProps), {
   getLocalValue: () => null,
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getSummary: () => ({}),
   // Noop,
   validate: () => true
@@ -14202,6 +14247,7 @@ function useExternal2(url) {
 // src/legacy/common/hooks/useExternalStepPolling/useExternalStepPolling.tsx
 import { useCallback as useCallback5, useMemo as useMemo11 } from "react";
 function useExternalStepPolling(polling, onAction) {
+  var _a, _b;
   const httpClient = useHttpClient();
   const asyncFn = useMemo11(() => {
     if (polling) {
@@ -14244,7 +14290,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,
@@ -18373,7 +18419,7 @@ function hasStringMessage(value) {
 import { useEffect as useEffect19, useMemo as useMemo19, useRef as useRef5 } from "react";
 function usePolling({
   asyncFn,
-  interval,
+  delay,
   maxAttempts,
   maxConsecutiveFails,
   onPollingResponse,
@@ -18392,13 +18438,14 @@ function usePolling({
     [asyncFn, maxAttempts, maxConsecutiveFails]
   );
   useEffect19(() => {
-    if (interval > 0) {
+    if (delay > 0) {
+      poll();
       const intervalReference = setInterval(() => {
         poll();
-      }, interval);
+      }, delay);
       return () => clearInterval(intervalReference);
     }
-  }, [poll, interval]);
+  }, [poll, delay]);
   useEffect19(() => {
     onPollingResponseReference.current = onPollingResponse;
     onFailureReference.current = onFailure;
@@ -18442,6 +18489,7 @@ var usePrevious = (value) => {
 // src/legacy/common/hooks/useStepPolling/useStepPolling.tsx
 import { useCallback as useCallback8, useMemo as useMemo20 } from "react";
 function useStepPolling(polling, onAction) {
+  var _a, _b;
   const httpClient = useHttpClient();
   const asyncFn = useMemo20(() => {
     if (polling) {
@@ -18468,7 +18516,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,