@wise/dynamic-flow-client 3.16.5 → 3.16.7

package/build/main.mjs

@@ -138,12 +138,12 @@ 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
 import { useState as useState2, useEffect as useEffect2, forwardRef, Suspense, lazy } from "react";
 import { jsx as jsx17, jsxs as jsxs4, Fragment as Fragment3 } from "react/jsx-runtime";
 var 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();
     unknownFlagName = "wise";
@@ -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,7 +6863,7 @@ var getStepPolling = ({
       onFailure();
     }
   };
-  const intervalRef = setInterval(poll, interval * 1e3);
+  const intervalRef = setInterval(poll, delay * 1e3);
   const stop = () => {
     abortController.abort();
     clearTimeout(intervalRef);
@@ -6866,6 +6876,7 @@ var createAlertComponent = (alertProps) => __spreadProps(__spreadValues({
   type: "alert"
 }, alertProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   // Noop
@@ -6967,6 +6978,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 +7009,7 @@ var createButtonComponent = (buttonProps) => __spreadProps(__spreadValues({
   type: "button"
 }, buttonProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   // Noop
@@ -7062,6 +7077,9 @@ var createColumnsComponent = (columnsProps) => __spreadProps(__spreadValues({},
   async getSubmittableValue() {
     return getSubmittableData(this.getChildren());
   },
+  getSubmittableValueSync() {
+    return getSubmittableDataSync(this.getChildren());
+  },
   getSummary() {
     return summariseFromChildren(this.getChildren());
   },
@@ -7092,6 +7110,7 @@ var createDecisionComponent = (decisionProps) => __spreadProps(__spreadValues({
   type: "decision"
 }, decisionProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   // Noop
@@ -7120,6 +7139,7 @@ var createDividerComponent = (props) => __spreadProps(__spreadValues({
   type: "divider"
 }, props), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   // Noop
@@ -7156,15 +7176,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 +7197,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 +7205,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 +7250,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 +7268,7 @@ var getComponentMultiPersistAsync = (update, performPersistAsync) => (
         {
           id,
           abortController: newAbortController,
+          lastResponse: null,
           lastSubmitted: null,
           submission: newSubmission
         }
@@ -7396,6 +7429,9 @@ var createNumberInputComponent = (numberInputProps, updateComponent) => {
       onValueChange();
     },
     async getSubmittableValue() {
+      return this.getSubmittableValueSync();
+    },
+    getSubmittableValueSync() {
       var _a2;
       return (_a2 = this.getLocalValue()) != null ? _a2 : null;
     },
@@ -7416,7 +7452,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 +7460,9 @@ var createNumberInputComponent = (numberInputProps, updateComponent) => {
       },
       async getSubmittableValue() {
         return persist(this.persistedState, this.getLocalValue());
+      },
+      getSubmittableValueSync() {
+        return this.persistedState.lastResponse;
       }
     });
   }
@@ -7660,6 +7698,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 +7908,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 +8010,9 @@ var createAllOfComponent = (allOfProps) => {
     async getSubmittableValue() {
       return getSubmittableData(this.components);
     },
+    getSubmittableValueSync() {
+      return getSubmittableDataSync(this.components);
+    },
     getLocalValue() {
       return getLocalValues(this.components);
     },
@@ -8005,6 +8053,7 @@ var createConstComponent = (hiddenProps) => {
     analyticsId,
     getLocalValue: () => value,
     getSubmittableValue: async () => value,
+    getSubmittableValueSync: () => value,
     getSummary: () => summary,
     validate: () => true
   };
@@ -8079,6 +8128,9 @@ var createIntegerInputComponent = (integerInputProps, updateComponent) => {
       onValueChange();
     },
     async getSubmittableValue() {
+      return this.getSubmittableValueSync();
+    },
+    getSubmittableValueSync() {
       var _a2;
       return (_a2 = this.getLocalValue()) != null ? _a2 : null;
     },
@@ -8099,7 +8151,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 +8159,9 @@ var createIntegerInputComponent = (integerInputProps, updateComponent) => {
       },
       async getSubmittableValue() {
         return persist(this.persistedState, this.getLocalValue());
+      },
+      getSubmittableValueSync() {
+        return this.persistedState.lastResponse;
       }
     });
   }
@@ -8186,7 +8240,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 +8287,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 +8302,7 @@ var createSelectInputComponent = (selectProps, updateComponent) => {
     });
     return messages;
   };
-  const selectComponent = __spreadProps(__spreadValues({
+  return __spreadProps(__spreadValues({
     uid,
     type: "select",
     children,
@@ -8284,6 +8320,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 +8359,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 +8399,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 +8471,9 @@ var createDateInputComponent = (textInputProps, updateComponent) => {
       onValueChange();
     },
     async getSubmittableValue() {
+      return this.getSubmittableValueSync();
+    },
+    getSubmittableValueSync() {
       var _a2;
       return (_a2 = this.getLocalValue()) != null ? _a2 : null;
     },
@@ -8476,7 +8494,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 +8504,9 @@ var createDateInputComponent = (textInputProps, updateComponent) => {
       },
       async getSubmittableValue() {
         return persist(this.persistedState, this.getLocalValue());
+      },
+      getSubmittableValueSync() {
+        return this.persistedState.lastResponse;
       }
     });
   }
@@ -8625,6 +8645,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 +8666,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 +8675,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 +8686,9 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
     },
     async getSubmittableValue() {
       return this.persistedState.submission;
+    },
+    getSubmittableValueSync() {
+      return this.persistedState.lastResponse;
     }
   });
 };
@@ -8751,6 +8777,9 @@ var createTextInputComponent = (textInputProps, updateComponent) => {
       onValueChange();
     },
     async getSubmittableValue() {
+      return this.getSubmittableValueSync();
+    },
+    getSubmittableValueSync() {
       var _a2;
       return (_a2 = this.getLocalValue()) != null ? _a2 : null;
     },
@@ -8771,7 +8800,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 +8808,9 @@ var createTextInputComponent = (textInputProps, updateComponent) => {
       },
       async getSubmittableValue() {
         return persist(this.persistedState, this.getLocalValue());
+      },
+      getSubmittableValueSync() {
+        return this.persistedState.lastResponse;
       }
     });
   }
@@ -8873,6 +8904,9 @@ var createContainerComponent = (containerProps) => __spreadProps(__spreadValues(
   async getSubmittableValue() {
     return getSubmittableData(this.components);
   },
+  getSubmittableValueSync() {
+    return getSubmittableDataSync(this.components);
+  },
   getSummary() {
     return summariseFromChildren(this.getChildren());
   },
@@ -8977,6 +9011,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 +9149,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 +9169,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 +9185,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 +9261,6 @@ var createMultiSelectComponent = (multiSelectProps, updateComponent) => {
     checks,
     options,
     initialValue,
-    performPersistAsync,
     performValidationAsync,
     performRefresh,
     onValueChange
@@ -9228,7 +9269,6 @@ var createMultiSelectComponent = (multiSelectProps, updateComponent) => {
     "checks",
     "options",
     "initialValue",
-    "performPersistAsync",
     "performValidationAsync",
     "performRefresh",
     "onValueChange"
@@ -9282,6 +9322,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 +9337,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 +9394,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 +9410,6 @@ var arraySchemaToMultiSelectComponent = (schemaMapperProps, mapperProps) => {
       initialValue,
       options,
       required,
-      persistedState,
-      performPersistAsync,
       title,
       validationState,
       performValidationAsync,
@@ -9416,7 +9437,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 +9550,9 @@ var createBooleanInputComponent = (booleanInputProps, updateComponent) => {
       onValueChange();
     },
     async getSubmittableValue() {
+      return this.getSubmittableValueSync();
+    },
+    getSubmittableValueSync() {
       return this.getLocalValue();
     },
     getSummary() {
@@ -9542,7 +9569,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 +9576,9 @@ var createBooleanInputComponent = (booleanInputProps, updateComponent) => {
       },
       async getSubmittableValue() {
         return persist(this.persistedState, this.getLocalValue());
+      },
+      getSubmittableValueSync() {
+        return this.persistedState.lastResponse;
       }
     });
   }
@@ -9705,6 +9734,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 +9782,7 @@ var createHeadingComponent = (headingProps) => __spreadProps(__spreadValues({
   type: "heading"
 }, headingProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getSummary: () => ({}),
   // Noop
   getLocalValue: () => null,
@@ -9771,6 +9804,7 @@ var createImageComponent = (imageProps) => __spreadProps(__spreadValues({
   type: "image"
 }, imageProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   // Noop
@@ -9792,6 +9826,7 @@ var createMarkdownComponent = (markdownProps) => __spreadProps(__spreadValues({
   type: "markdown"
 }, markdownProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   validate: () => true
@@ -9812,6 +9847,7 @@ var createInstructionsComponent = (instructionsProps) => __spreadProps(__spreadV
 }, instructionsProps), {
   getLocalValue: () => null,
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getSummary: () => ({}),
   // Noop
   validate: () => true
@@ -9834,6 +9870,7 @@ var createLoadingIndicatorComponent = (loadingIndicatorProps) => __spreadProps(_
   type: "loading-indicator"
 }, loadingIndicatorProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getLocalValue: () => null,
   getSummary: () => ({}),
   // Noop
@@ -9865,6 +9902,9 @@ var createModalComponent = (modalProps) => __spreadProps(__spreadValues({
   async getSubmittableValue() {
     return getSubmittableData(this.getChildren());
   },
+  getSubmittableValueSync() {
+    return getSubmittableDataSync(this.getChildren());
+  },
   getSummary() {
     return summariseFromChildren(this.getChildren());
   },
@@ -9894,6 +9934,7 @@ var createParagraphComponent = (paragraphProps) => __spreadProps(__spreadValues(
   type: "paragraph"
 }, paragraphProps), {
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getSummary: () => ({}),
   // Noop
   getLocalValue: () => null,
@@ -9915,6 +9956,7 @@ var createReviewComponent = (reviewProps) => __spreadProps(__spreadValues({
 }, reviewProps), {
   getLocalValue: () => null,
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getSummary: () => ({}),
   // Noop
   validate: () => true
@@ -10025,6 +10067,7 @@ var createSearchComponent = (searchProps, performSearch, onAction, updateCompone
     query: "",
     results: [],
     getSubmittableValue: async () => null,
+    getSubmittableValueSync: () => null,
     getLocalValue: () => null,
     getSummary: () => ({}),
     // Noop
@@ -10100,6 +10143,7 @@ var createStatusListComponent = (statusListProps) => __spreadProps(__spreadValue
 }, statusListProps), {
   getLocalValue: () => null,
   getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
   getSummary: () => ({}),
   // Noop,
   validate: () => true
@@ -11241,7 +11285,7 @@ var DateInputRenderer_default = DateInputRenderer;
 // ../renderers/src/DecisionRenderer.tsx
 import { NavigationOptionsList, NavigationOption, Header } from "@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();
 import "react";
@@ -11884,7 +11928,7 @@ function Paragraph({ align, control, margin, text }) {
   return control === "copyable" ? /* @__PURE__ */ jsx38(CopyableParagraph, { className, align, text }) : /* @__PURE__ */ jsx38(StandardParagraph, { className, text });
 }
 function StandardParagraph({ text, className }) {
-  return /* @__PURE__ */ jsx38("p", { className, children: text });
+  return /* @__PURE__ */ jsx38("p", { className: `np-text-body-large ${className}`, children: text });
 }
 function CopyableParagraph({
   text,
@@ -12879,7 +12923,7 @@ function StepRendererComponent(props) {
     back ? /* @__PURE__ */ jsx57(BackButton_default, __spreadValues({}, back)) : null,
     title || description ? /* @__PURE__ */ jsxs22("div", { className: "m-b-4", children: [
       title ? /* @__PURE__ */ jsx57(Title, { as: "h1", type: "title-section", className: "text-xs-center m-b-2", children: title }) : void 0,
-      description ? /* @__PURE__ */ jsx57("p", { className: "text-xs-center", children: description }) : void 0
+      description ? /* @__PURE__ */ jsx57("p", { className: "text-xs-center np-text-body-large", children: description }) : void 0
     ] }) : void 0,
     error ? /* @__PURE__ */ jsx57(Alert3, { type: "negative", className: "m-b-2", message: error }) : void 0,
     children
@@ -14244,7 +14288,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,
@@ -17685,11 +17729,7 @@ function DynamicParagraph({ component }) {
   return component.control === "copyable" ? /* @__PURE__ */ jsx110(CopyableDynamicParagraph, { component }) : /* @__PURE__ */ jsx110(BasicDynamicParagraph, { component });
 }
 function BasicDynamicParagraph({ component }) {
-  return /* @__PURE__ */ jsxs39("p", { className: getTextAlignmentAndMargin2(component), children: [
-    " ",
-    component.text,
-    " "
-  ] });
+  return /* @__PURE__ */ jsx110("p", { className: `np-text-body-large ${getTextAlignmentAndMargin2(component)}`, children: component.text });
 }
 function CopyableDynamicParagraph({ component }) {
   const { formatMessage } = useIntl20();