@wise/dynamic-flow-client 3.16.5 → 3.16.7

package/build/main.js

@@ -144,10 +144,10 @@ var init_clsx = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.14.0_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-93a0c34e.esm.js
+// ../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.15.0_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-93a0c34e.esm.js
 var import_react7, import_jsx_runtime17, unknownFlagName, Flag, Sizes, ImageSizes, imageSizes, Assets, RenderMode;
 var init_index_93a0c34e_esm = __esm({
-  "../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.14.0_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-93a0c34e.esm.js"() {
+  "../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.15.0_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-93a0c34e.esm.js"() {
     "use strict";
     init_clsx();
     import_react7 = require("react");
@@ -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,7 +6887,7 @@ var getStepPolling = ({
       onFailure();
     }
   };
-  const intervalRef = setInterval(poll, interval * 1e3);
+  const intervalRef = setInterval(poll, delay * 1e3);
   const stop = () => {
     abortController.abort();
     clearTimeout(intervalRef);
@@ -6890,6 +6900,7 @@ var createAlertComponent = (alertProps) => __spreadProps(__spreadValues({
   type: "alert"
 }, alertProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   // Noop
@@ -6991,6 +7002,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 +7033,7 @@ var createButtonComponent = (buttonProps) => __spreadProps(__spreadValues({
   type: "button"
 }, buttonProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   // Noop
@@ -7086,6 +7101,9 @@ var createColumnsComponent = (columnsProps) => __spreadProps(__spreadValues({},
   async getSubmittableValue() {
     return getSubmittableData(this.getChildren());
   },
+  getSubmittableValueSync() {
+    return getSubmittableDataSync(this.getChildren());
+  },
   getSummary() {
     return summariseFromChildren(this.getChildren());
   },
@@ -7116,6 +7134,7 @@ var createDecisionComponent = (decisionProps) => __spreadProps(__spreadValues({
   type: "decision"
 }, decisionProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   // Noop
@@ -7144,6 +7163,7 @@ var createDividerComponent = (props) => __spreadProps(__spreadValues({
   type: "divider"
 }, props), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   // Noop
@@ -7180,15 +7200,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 +7221,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 +7229,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 +7274,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 +7292,7 @@ var getComponentMultiPersistAsync = (update, performPersistAsync) => (
         {
           id,
           abortController: newAbortController,
+          lastResponse: null,
           lastSubmitted: null,
           submission: newSubmission
         }
@@ -7420,6 +7453,9 @@ var createNumberInputComponent = (numberInputProps, updateComponent) => {
       onValueChange();
     },
     async getSubmittableValue() {
+      return this.getSubmittableValueSync();
+    },
+    getSubmittableValueSync() {
       var _a2;
       return (_a2 = this.getLocalValue()) != null ? _a2 : null;
     },
@@ -7440,7 +7476,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 +7484,9 @@ var createNumberInputComponent = (numberInputProps, updateComponent) => {
       },
       async getSubmittableValue() {
         return persist(this.persistedState, this.getLocalValue());
+      },
+      getSubmittableValueSync() {
+        return this.persistedState.lastResponse;
       }
     });
   }
@@ -7684,6 +7722,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 +7932,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 +8034,9 @@ var createAllOfComponent = (allOfProps) => {
     async getSubmittableValue() {
       return getSubmittableData(this.components);
     },
+    getSubmittableValueSync() {
+      return getSubmittableDataSync(this.components);
+    },
     getLocalValue() {
       return getLocalValues(this.components);
     },
@@ -8029,6 +8077,7 @@ var createConstComponent = (hiddenProps) => {
     analyticsId,
     getLocalValue: () => value,
     getSubmittableValue: async () => value,
+    getSubmittableValueSync: () => value,
     getSummary: () => summary,
     validate: () => true
   };
@@ -8103,6 +8152,9 @@ var createIntegerInputComponent = (integerInputProps, updateComponent) => {
       onValueChange();
     },
     async getSubmittableValue() {
+      return this.getSubmittableValueSync();
+    },
+    getSubmittableValueSync() {
       var _a2;
       return (_a2 = this.getLocalValue()) != null ? _a2 : null;
     },
@@ -8123,7 +8175,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 +8183,9 @@ var createIntegerInputComponent = (integerInputProps, updateComponent) => {
       },
       async getSubmittableValue() {
         return persist(this.persistedState, this.getLocalValue());
+      },
+      getSubmittableValueSync() {
+        return this.persistedState.lastResponse;
       }
     });
   }
@@ -8210,7 +8264,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 +8311,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 +8326,7 @@ var createSelectInputComponent = (selectProps, updateComponent) => {
     });
     return messages;
   };
-  const selectComponent = __spreadProps(__spreadValues({
+  return __spreadProps(__spreadValues({
     uid,
     type: "select",
     children,
@@ -8308,6 +8344,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 +8383,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 +8423,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 +8495,9 @@ var createDateInputComponent = (textInputProps, updateComponent) => {
       onValueChange();
     },
     async getSubmittableValue() {
+      return this.getSubmittableValueSync();
+    },
+    getSubmittableValueSync() {
       var _a2;
       return (_a2 = this.getLocalValue()) != null ? _a2 : null;
     },
@@ -8500,7 +8518,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 +8528,9 @@ var createDateInputComponent = (textInputProps, updateComponent) => {
       },
       async getSubmittableValue() {
         return persist(this.persistedState, this.getLocalValue());
+      },
+      getSubmittableValueSync() {
+        return this.persistedState.lastResponse;
       }
     });
   }
@@ -8649,6 +8669,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 +8690,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 +8699,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 +8710,9 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
     },
     async getSubmittableValue() {
       return this.persistedState.submission;
+    },
+    getSubmittableValueSync() {
+      return this.persistedState.lastResponse;
     }
   });
 };
@@ -8775,6 +8801,9 @@ var createTextInputComponent = (textInputProps, updateComponent) => {
       onValueChange();
     },
     async getSubmittableValue() {
+      return this.getSubmittableValueSync();
+    },
+    getSubmittableValueSync() {
       var _a2;
       return (_a2 = this.getLocalValue()) != null ? _a2 : null;
     },
@@ -8795,7 +8824,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 +8832,9 @@ var createTextInputComponent = (textInputProps, updateComponent) => {
       },
       async getSubmittableValue() {
         return persist(this.persistedState, this.getLocalValue());
+      },
+      getSubmittableValueSync() {
+        return this.persistedState.lastResponse;
       }
     });
   }
@@ -8897,6 +8928,9 @@ var createContainerComponent = (containerProps) => __spreadProps(__spreadValues(
   async getSubmittableValue() {
     return getSubmittableData(this.components);
   },
+  getSubmittableValueSync() {
+    return getSubmittableDataSync(this.components);
+  },
   getSummary() {
     return summariseFromChildren(this.getChildren());
   },
@@ -9001,6 +9035,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 +9173,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 +9193,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 +9209,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 +9285,6 @@ var createMultiSelectComponent = (multiSelectProps, updateComponent) => {
     checks,
     options,
     initialValue,
-    performPersistAsync,
     performValidationAsync,
     performRefresh,
     onValueChange
@@ -9252,7 +9293,6 @@ var createMultiSelectComponent = (multiSelectProps, updateComponent) => {
     "checks",
     "options",
     "initialValue",
-    "performPersistAsync",
     "performValidationAsync",
     "performRefresh",
     "onValueChange"
@@ -9306,6 +9346,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 +9361,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 +9418,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 +9434,6 @@ var arraySchemaToMultiSelectComponent = (schemaMapperProps, mapperProps) => {
       initialValue,
       options,
       required,
-      persistedState,
-      performPersistAsync,
       title,
       validationState,
       performValidationAsync,
@@ -9440,7 +9461,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 +9574,9 @@ var createBooleanInputComponent = (booleanInputProps, updateComponent) => {
       onValueChange();
     },
     async getSubmittableValue() {
+      return this.getSubmittableValueSync();
+    },
+    getSubmittableValueSync() {
       return this.getLocalValue();
     },
     getSummary() {
@@ -9566,7 +9593,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 +9600,9 @@ var createBooleanInputComponent = (booleanInputProps, updateComponent) => {
       },
       async getSubmittableValue() {
         return persist(this.persistedState, this.getLocalValue());
+      },
+      getSubmittableValueSync() {
+        return this.persistedState.lastResponse;
       }
     });
   }
@@ -9729,6 +9758,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 +9806,7 @@ var createHeadingComponent = (headingProps) => __spreadProps(__spreadValues({
   type: "heading"
 }, headingProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getSummary: () => ({}),
   // Noop
   getLocalValue: () => null,
@@ -9795,6 +9828,7 @@ var createImageComponent = (imageProps) => __spreadProps(__spreadValues({
   type: "image"
 }, imageProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   // Noop
@@ -9816,6 +9850,7 @@ var createMarkdownComponent = (markdownProps) => __spreadProps(__spreadValues({
   type: "markdown"
 }, markdownProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   validate: () => true
@@ -9836,6 +9871,7 @@ var createInstructionsComponent = (instructionsProps) => __spreadProps(__spreadV
 }, instructionsProps), {
   getLocalValue: () => null,
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getSummary: () => ({}),
   // Noop
   validate: () => true
@@ -9858,6 +9894,7 @@ var createLoadingIndicatorComponent = (loadingIndicatorProps) => __spreadProps(_
   type: "loading-indicator"
 }, loadingIndicatorProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   // Noop
@@ -9889,6 +9926,9 @@ var createModalComponent = (modalProps) => __spreadProps(__spreadValues({
   async getSubmittableValue() {
     return getSubmittableData(this.getChildren());
   },
+  getSubmittableValueSync() {
+    return getSubmittableDataSync(this.getChildren());
+  },
   getSummary() {
     return summariseFromChildren(this.getChildren());
   },
@@ -9918,6 +9958,7 @@ var createParagraphComponent = (paragraphProps) => __spreadProps(__spreadValues(
   type: "paragraph"
 }, paragraphProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getSummary: () => ({}),
   // Noop
   getLocalValue: () => null,
@@ -9939,6 +9980,7 @@ var createReviewComponent = (reviewProps) => __spreadProps(__spreadValues({
 }, reviewProps), {
   getLocalValue: () => null,
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getSummary: () => ({}),
   // Noop
   validate: () => true
@@ -10049,6 +10091,7 @@ var createSearchComponent = (searchProps, performSearch, onAction, updateCompone
     query: "",
     results: [],
     getSubmittableValue: async () => null,
+    getSubmittableValueSync: () => null,
     getLocalValue: () => null,
     getSummary: () => ({}),
     // Noop
@@ -10124,6 +10167,7 @@ var createStatusListComponent = (statusListProps) => __spreadProps(__spreadValue
 }, statusListProps), {
   getLocalValue: () => null,
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getSummary: () => ({}),
   // Noop,
   validate: () => true
@@ -11265,7 +11309,7 @@ var DateInputRenderer_default = DateInputRenderer;
 // ../renderers/src/DecisionRenderer.tsx
 var import_components9 = require("@transferwise/components");
 
-// ../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.14.0_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index.esm.js
+// ../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.15.0_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index.esm.js
 init_index_93a0c34e_esm();
 init_clsx();
 var import_react8 = require("react");
@@ -11908,7 +11952,7 @@ function Paragraph({ align, control, margin, text }) {
   return control === "copyable" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CopyableParagraph, { className, align, text }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(StandardParagraph, { className, text });
 }
 function StandardParagraph({ text, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className, children: text });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: `np-text-body-large ${className}`, children: text });
 }
 function CopyableParagraph({
   text,
@@ -12897,7 +12941,7 @@ function StepRendererComponent(props) {
     back ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(BackButton_default, __spreadValues({}, back)) : null,
     title || description ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "m-b-4", children: [
       title ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_components39.Title, { as: "h1", type: "title-section", className: "text-xs-center m-b-2", children: title }) : void 0,
-      description ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-xs-center", children: description }) : void 0
+      description ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-xs-center np-text-body-large", children: description }) : void 0
     ] }) : void 0,
     error ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_components39.Alert, { type: "negative", className: "m-b-2", message: error }) : void 0,
     children
@@ -14262,7 +14306,7 @@ function useExternalStepPolling(polling, onAction) {
   );
   usePolling({
     asyncFn,
-    interval: (polling == null ? void 0 : polling.interval) || 0,
+    interval: (polling == null ? void 0 : polling.delay) || (polling == null ? void 0 : polling.interval) || 0,
     maxAttempts: (polling == null ? void 0 : polling.maxAttempts) || 0,
     maxConsecutiveFails: (polling == null ? void 0 : polling.maxConsecutiveFails) || 0,
     onPollingResponse,
@@ -17688,11 +17732,7 @@ function DynamicParagraph({ component }) {
   return component.control === "copyable" ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(CopyableDynamicParagraph, { component }) : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(BasicDynamicParagraph, { component });
 }
 function BasicDynamicParagraph({ component }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("p", { className: getTextAlignmentAndMargin2(component), children: [
-    " ",
-    component.text,
-    " "
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: `np-text-body-large ${getTextAlignmentAndMargin2(component)}`, children: component.text });
 }
 function CopyableDynamicParagraph({ component }) {
   const { formatMessage } = (0, import_react_intl37.useIntl)();