@wise/dynamic-flow-client 4.8.0 → 4.8.2

package/build/i18n/nl.json

@@ -6,7 +6,7 @@
   "dynamicFlows.ArraySchema.minItemsError": "Voeg minimaal {minItems} toe.",
   "dynamicFlows.ArraySchema.removeItem": "Verwijderen",
   "dynamicFlows.CameraCapture.CameraConnectionIssue.action": "Opnieuw proberen",
-  "dynamicFlows.CameraCapture.CameraConnectionIssue.paragraph": "Controleer of de camera verbonden is en probeer opnieuw.",
+  "dynamicFlows.CameraCapture.CameraConnectionIssue.paragraph": "Controleer of de camera verbonden is en probeer het opnieuw.",
   "dynamicFlows.CameraCapture.CameraConnectionIssue.title": "We hebben geen toegang tot je camera",
   "dynamicFlows.CameraCapture.CameraNotSupported.paragraph": "Je browser ondersteunt geen camera's. Probeer een andere browser of apparaat of download onze mobiele app.",
   "dynamicFlows.CameraCapture.CameraNotSupported.title": "Camera wordt niet ondersteund",
@@ -29,22 +29,22 @@
   "dynamicFlows.ControlFeedback.type": "Onjuist type",
   "dynamicFlows.DefaultErrorMessages.required": "Vul dit veld in.",
   "dynamicFlows.DynamicExternal.retryTitle": "Venster opnieuw openen",
-  "dynamicFlows.DynamicParagraph.copied": "Naar klembord gekopiëerd",
+  "dynamicFlows.DynamicParagraph.copied": "Naar klembord gekopieerd",
   "dynamicFlows.DynamicParagraph.copy": "Kopiëren",
   "dynamicFlows.ErrorBoundary.errorAlert": "Er is iets misgegaan.",
   "dynamicFlows.ErrorBoundary.retry": "Opnieuw proberen",
   "dynamicFlows.ExternalConfirmation.cancel": "Annuleren",
   "dynamicFlows.ExternalConfirmation.description": "Bevestig dat je **{origin}** in een nieuw browsertabblad wilt openen.",
   "dynamicFlows.ExternalConfirmation.open": "In nieuw tabblad openen",
-  "dynamicFlows.ExternalConfirmation.title": "Bevestig",
+  "dynamicFlows.ExternalConfirmation.title": "Bevestigen",
   "dynamicFlows.FileUploadSchema.maxFileSizeError": "Het bestand is te groot. Upload een kleiner bestand.",
   "dynamicFlows.FileUploadSchema.wrongFileTypeError": "De bestandsindeling wordt niet ondersteund. Upload een ander bestand.",
   "dynamicFlows.Help.ariaLabel": "Klik hier voor meer informatie.",
   "dynamicFlows.MultiSelect.summary": "{first} en nog {count}",
   "dynamicFlows.MultipleFileUploadSchema.maxFileSizeError": "Het bestand is te groot. Upload een kleiner bestand.",
   "dynamicFlows.MultipleFileUploadSchema.maxItemsError": "Upload {maxItems} of minder bestanden.",
-  "dynamicFlows.MultipleFileUploadSchema.minItemsError": "Upload mimimaal {minItems} bestand(en).",
-  "dynamicFlows.PersistAsyncSchema.genericError": "Er ging iets mis, probeer het a. u. b. opnieuw.",
+  "dynamicFlows.MultipleFileUploadSchema.minItemsError": "Upload minimaal {minItems} bestand(en).",
+  "dynamicFlows.PersistAsyncSchema.genericError": "Er is iets misgegaan, probeer het opnieuw.",
   "dynamicFlows.ReadOnlySchema.no": "Nee",
   "dynamicFlows.ReadOnlySchema.yes": "Ja",
   "dynamicFlows.SearchLayout.loading": "Laden..."

package/build/main.js

@@ -3288,7 +3288,7 @@ var createNumberInputComponent = (numberInputProps, updateComponent) => {
       const isValid = this.validate();
       performOnChange == null ? void 0 : performOnChange.flush();
       if (isValid) {
-        onPersistAsync == null ? void 0 : onPersistAsync();
+        void (onPersistAsync == null ? void 0 : onPersistAsync());
         validateAsync == null ? void 0 : validateAsync.flush();
       }
     },
@@ -4713,7 +4713,7 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
       });
       schemaOnChange == null ? void 0 : schemaOnChange();
       onValueChange();
-      onPersistAsync == null ? void 0 : onPersistAsync();
+      await (onPersistAsync == null ? void 0 : onPersistAsync());
     },
     async getSubmittableValue() {
       const file = this.getLocalValue();
@@ -4812,7 +4812,7 @@ var createBooleanInputComponent = (booleanInputProps, updateComponent) => {
         draft.value = updatedValue;
       });
       schemaOnChange == null ? void 0 : schemaOnChange();
-      onPersistAsync == null ? void 0 : onPersistAsync();
+      void (onPersistAsync == null ? void 0 : onPersistAsync());
       validateAsync == null ? void 0 : validateAsync(this, this.getLocalValue()).catch(() => {
       });
       onValueChange();
@@ -4939,7 +4939,7 @@ var createIntegerInputComponent = (integerInputProps, updateComponent) => {
       const isValid = this.validate();
       performOnChange == null ? void 0 : performOnChange.flush();
       if (isValid) {
-        onPersistAsync == null ? void 0 : onPersistAsync();
+        void (onPersistAsync == null ? void 0 : onPersistAsync());
         validateAsync == null ? void 0 : validateAsync.flush();
       }
     },
@@ -5367,7 +5367,7 @@ var createDateInputComponent = (textInputProps, updateComponent) => {
       }
       onValueChange();
       if (getValidationErrors(updatedValue).length === 0) {
-        onPersistAsync == null ? void 0 : onPersistAsync();
+        void (onPersistAsync == null ? void 0 : onPersistAsync());
       }
     },
     async getSubmittableValue() {
@@ -5509,7 +5509,7 @@ var createTextInputComponent = (textInputProps, updateComponent) => {
       const isValid = this.validate();
       performOnChange == null ? void 0 : performOnChange.flush();
       if (isValid) {
-        onPersistAsync == null ? void 0 : onPersistAsync();
+        void (onPersistAsync == null ? void 0 : onPersistAsync());
         validateAsync == null ? void 0 : validateAsync.flush();
       }
     },
@@ -5736,10 +5736,9 @@ var persistAsyncSchemaToComponent = (schemaMapperProps, mapperProps) => {
   const { uid, schema, model, localValue } = schemaMapperProps;
   const { persistAsync } = schema;
   const performPersistAsync = getPerformPersistAsyncFn(schema, persistAsync, mapperProps);
-  const onPersistAsync = () => {
-    void paComponent.persist().catch(() => {
-    });
-  };
+  const onPersistAsync = async () => paComponent.persist().catch(() => {
+  }).then(() => {
+  });
   const childComponent = mapSchemaToComponent(
     __spreadProps(__spreadValues({}, schemaMapperProps), { uid: `${uid}-persist`, schema: persistAsync.schema, onPersistAsync }),
     mapperProps

package/build/main.mjs

@@ -3245,7 +3245,7 @@ var createNumberInputComponent = (numberInputProps, updateComponent) => {
       const isValid = this.validate();
       performOnChange == null ? void 0 : performOnChange.flush();
       if (isValid) {
-        onPersistAsync == null ? void 0 : onPersistAsync();
+        void (onPersistAsync == null ? void 0 : onPersistAsync());
         validateAsync == null ? void 0 : validateAsync.flush();
       }
     },
@@ -4670,7 +4670,7 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
       });
       schemaOnChange == null ? void 0 : schemaOnChange();
       onValueChange();
-      onPersistAsync == null ? void 0 : onPersistAsync();
+      await (onPersistAsync == null ? void 0 : onPersistAsync());
     },
     async getSubmittableValue() {
       const file = this.getLocalValue();
@@ -4769,7 +4769,7 @@ var createBooleanInputComponent = (booleanInputProps, updateComponent) => {
         draft.value = updatedValue;
       });
       schemaOnChange == null ? void 0 : schemaOnChange();
-      onPersistAsync == null ? void 0 : onPersistAsync();
+      void (onPersistAsync == null ? void 0 : onPersistAsync());
       validateAsync == null ? void 0 : validateAsync(this, this.getLocalValue()).catch(() => {
       });
       onValueChange();
@@ -4896,7 +4896,7 @@ var createIntegerInputComponent = (integerInputProps, updateComponent) => {
       const isValid = this.validate();
       performOnChange == null ? void 0 : performOnChange.flush();
       if (isValid) {
-        onPersistAsync == null ? void 0 : onPersistAsync();
+        void (onPersistAsync == null ? void 0 : onPersistAsync());
         validateAsync == null ? void 0 : validateAsync.flush();
       }
     },
@@ -5324,7 +5324,7 @@ var createDateInputComponent = (textInputProps, updateComponent) => {
       }
       onValueChange();
       if (getValidationErrors(updatedValue).length === 0) {
-        onPersistAsync == null ? void 0 : onPersistAsync();
+        void (onPersistAsync == null ? void 0 : onPersistAsync());
       }
     },
     async getSubmittableValue() {
@@ -5466,7 +5466,7 @@ var createTextInputComponent = (textInputProps, updateComponent) => {
       const isValid = this.validate();
       performOnChange == null ? void 0 : performOnChange.flush();
       if (isValid) {
-        onPersistAsync == null ? void 0 : onPersistAsync();
+        void (onPersistAsync == null ? void 0 : onPersistAsync());
         validateAsync == null ? void 0 : validateAsync.flush();
       }
     },
@@ -5693,10 +5693,9 @@ var persistAsyncSchemaToComponent = (schemaMapperProps, mapperProps) => {
   const { uid, schema, model, localValue } = schemaMapperProps;
   const { persistAsync } = schema;
   const performPersistAsync = getPerformPersistAsyncFn(schema, persistAsync, mapperProps);
-  const onPersistAsync = () => {
-    void paComponent.persist().catch(() => {
-    });
-  };
+  const onPersistAsync = async () => paComponent.persist().catch(() => {
+  }).then(() => {
+  });
   const childComponent = mapSchemaToComponent(
     __spreadProps(__spreadValues({}, schemaMapperProps), { uid: `${uid}-persist`, schema: persistAsync.schema, onPersistAsync }),
     mapperProps

package/build/types/revamp/domain/mappers/schema/tests/test-utils.d.ts

@@ -27,7 +27,7 @@ export declare const getMockSchemaMapperProps: <S extends Schema>(schemaMapperPr
     required: boolean;
     validationErrors: import("@wise/dynamic-flow-types/build/next").ValidationError;
     persistAsyncConfig?: import("../../types").PersistAsyncConfig | undefined;
-    onPersistAsync?: (() => void) | undefined;
+    onPersistAsync?: import("../../../types").OnPersistAsync | undefined;
 };
 export declare const getMockRendererMapperProps: () => RendererMapperProps;
 export declare const mockUpdateFunction: <C extends DomainComponent>(draftComponent: C) => jest.Mock<any, any, any>;

package/build/types/revamp/domain/mappers/schema/types.d.ts

@@ -1,7 +1,7 @@
 import type { Step as DFStep, Model, Schema, ValidationError } from '@wise/dynamic-flow-types/build/next';
 import type { HttpClient } from '../../../types';
 import type { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../../features/events';
-import type { LocalValue, OnBehavior, OnValueChange, UpdateComponent } from '../../types';
+import type { LocalValue, OnBehavior, OnPersistAsync, OnValueChange, UpdateComponent } from '../../types';
 import type { GetErrorMessageFunctions, PersistAsyncConfig } from '../types';
 export type MapperProps = {
     stepLocalValue: LocalValue;
@@ -23,5 +23,5 @@ export type SchemaMapperProps = {
     required?: boolean;
     validationErrors?: ValidationError;
     persistAsyncConfig?: PersistAsyncConfig;
-    onPersistAsync?: () => void;
+    onPersistAsync?: OnPersistAsync;
 };

package/build/types/revamp/domain/mappers/schema/utils/mapCommonSchemaProps.d.ts

@@ -17,6 +17,6 @@ export declare const mapCommonSchemaProps: (schemaMapperProps: SchemaMapperProps
     keywords: string[] | undefined;
     required: boolean;
     title: string | undefined;
-    onPersistAsync: (() => void) | undefined;
+    onPersistAsync: import("../../../types").OnPersistAsync | undefined;
     summariser: (value: import("../../../types").LocalValue | null) => import("../../../types").RepeatableSummary;
 };

package/build/types/revamp/domain/types.d.ts

@@ -122,7 +122,7 @@ export type OnAction = (action: Action) => Promise<void>;
 export type OnPoll = (url: string, errorBehavior: Behavior, signal: AbortSignal) => Promise<boolean>;
 export type OnLink = (url: string) => boolean;
 export type OnValueChange = () => void;
-export type OnPersistAsync = () => void;
+export type OnPersistAsync = () => Promise<void>;
 export type Align = 'start' | 'center' | 'end';
 export type Autocapitalization = 'none' | 'sentences' | 'words' | 'characters';
 export type Bias = 'none' | 'start' | 'end';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "4.8.0",
+  "version": "4.8.2",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -36,22 +36,22 @@
     "@babel/preset-env": "7.27.2",
     "@babel/preset-react": "7.27.1",
     "@babel/preset-typescript": "7.27.1",
-    "@chromatic-com/storybook": "4.0.0",
+    "@chromatic-com/storybook": "4.0.1",
     "@formatjs/cli": "^6.7.2",
-    "@storybook/addon-a11y": "^9.0.10",
-    "@storybook/addon-docs": "^9.0.10",
-    "@storybook/addon-links": "^9.0.10",
-    "@storybook/react-vite": "9.0.10",
+    "@storybook/addon-a11y": "^9.0.12",
+    "@storybook/addon-docs": "^9.0.12",
+    "@storybook/addon-links": "^9.0.12",
+    "@storybook/react-vite": "9.0.12",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
     "@transferwise/components": "46.98.1",
     "@transferwise/formatting": "^2.13.1",
-    "@transferwise/icons": "3.22.0",
+    "@transferwise/icons": "3.22.2",
     "@transferwise/neptune-css": "14.24.4",
     "@types/jest": "29.5.14",
-    "@types/node": "22.15.31",
+    "@types/node": "22.15.32",
     "@types/react": "18.3.23",
     "@types/react-dom": "18.3.7",
     "@types/react-intl": "3.0.0",
@@ -59,27 +59,27 @@
     "@wise/components-theming": "^1.6.3",
     "babel-jest": "30.0.2",
     "esbuild": "0.25.5",
-    "eslint-plugin-storybook": "9.0.10",
+    "eslint-plugin-storybook": "9.0.12",
     "jest": "30.0.2",
     "jest-environment-jsdom": "30.0.2",
     "jest-fetch-mock": "^3.0.3",
     "jest-watch-typeahead": "^3.0.1",
     "npm-run-all2": "7.0.2",
-    "postcss": "^8.5.5",
+    "postcss": "^8.5.6",
     "postcss-cli": "^11.0.1",
-    "postcss-import": "^16.1.0",
+    "postcss-import": "^16.1.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-intl": "6.8.9",
-    "storybook": "^9.0.10",
-    "stylelint": "16.20.0",
+    "storybook": "^9.0.12",
+    "stylelint": "16.21.0",
     "stylelint-config-standard": "36.0.1",
     "stylelint-no-unsupported-browser-features": "8.0.4",
     "stylelint-value-no-unknown-custom-properties": "6.0.1",
     "tsx": "4.20.3",
     "typescript": "5.8.3",
-    "@wise/dynamic-flow-fixtures": "0.0.1",
-    "@wise/dynamic-flow-renderers": "0.0.0"
+    "@wise/dynamic-flow-renderers": "0.0.0",
+    "@wise/dynamic-flow-fixtures": "0.0.1"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.92.0",
@@ -95,7 +95,7 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "3.6.0"
+    "@wise/dynamic-flow-types": "3.6.1"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",