@wise/dynamic-flow-client 4.0.2 → 4.0.3

package/build/i18n/nl.json

@@ -1,51 +1,51 @@
 {
-  "dynamicFlows.ArraySchema.addItem": "Save",
-  "dynamicFlows.ArraySchema.addItemTitle": "Add Item",
-  "dynamicFlows.ArraySchema.editItem": "Save",
-  "dynamicFlows.ArraySchema.maxItemsError": "Please add {maxItems} or fewer.",
-  "dynamicFlows.ArraySchema.minItemsError": "Please add at least {minItems}.",
-  "dynamicFlows.ArraySchema.removeItem": "Remove",
-  "dynamicFlows.CameraCapture.CameraConnectionIssue.action": "Try again",
-  "dynamicFlows.CameraCapture.CameraConnectionIssue.paragraph": "Please check if it is connected and try again.",
-  "dynamicFlows.CameraCapture.CameraConnectionIssue.title": "We can't access your camera",
-  "dynamicFlows.CameraCapture.CameraNotSupported.paragraph": "The browser you're using doesn't have support for a camera. Try a different browser, device, or download our mobile app.",
-  "dynamicFlows.CameraCapture.CameraNotSupported.title": "Camera not supported",
-  "dynamicFlows.CameraCapture.NoCameraAccess.action": "Enable camera access",
-  "dynamicFlows.CameraCapture.NoCameraAccess.paragraph": "Enable camera access in your browser's settings to get going again.",
-  "dynamicFlows.CameraCapture.NoCameraAccess.title": "We can't access your camera",
-  "dynamicFlows.CameraCapture.reviewInstructions": "Is your picture clear, readable and complete?",
-  "dynamicFlows.CameraCapture.reviewRetry": "No, try again",
-  "dynamicFlows.CameraCapture.reviewSubmit": "Yes, submit",
-  "dynamicFlows.CameraCapture.rotatePhone.text": "Rotate your phone to portrait view to take a photo",
-  "dynamicFlows.ControlFeedback.maxLength": "Please enter {maxLength} or fewer characters.",
-  "dynamicFlows.ControlFeedback.maximum": "Please enter a number that's {maximum} or less.",
-  "dynamicFlows.ControlFeedback.maximumDate": "Please enter a date that's on or before {maximum}.",
-  "dynamicFlows.ControlFeedback.minLength": "Please enter at least {minLength} characters.",
-  "dynamicFlows.ControlFeedback.minimum": "Please enter a number that's {minimum} or more.",
-  "dynamicFlows.ControlFeedback.minimumDate": "Please enter a date that's on or after {minimum}.",
-  "dynamicFlows.ControlFeedback.pattern": "Please enter this in the correct format.",
-  "dynamicFlows.ControlFeedback.patternDate": "Please enter a date in the corrrect format.",
-  "dynamicFlows.ControlFeedback.required": "Please fill out this field.",
-  "dynamicFlows.ControlFeedback.type": "Incorrect type",
-  "dynamicFlows.DefaultErrorMessages.required": "Please fill out this field.",
-  "dynamicFlows.DynamicExternal.retryTitle": "Reopen window",
-  "dynamicFlows.DynamicParagraph.copied": "Copied to clipboard",
+  "dynamicFlows.ArraySchema.addItem": "Opslaan",
+  "dynamicFlows.ArraySchema.addItemTitle": "Item toevoegen",
+  "dynamicFlows.ArraySchema.editItem": "Opslaan",
+  "dynamicFlows.ArraySchema.maxItemsError": "Voeg {maxItems} of minder toe.",
+  "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.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",
+  "dynamicFlows.CameraCapture.NoCameraAccess.action": "Cameratoegang inschakelen",
+  "dynamicFlows.CameraCapture.NoCameraAccess.paragraph": "Schakel in je browserinstellingen cameratoegang in en begin opnieuw.",
+  "dynamicFlows.CameraCapture.NoCameraAccess.title": "We hebben geen toegang tot je camera",
+  "dynamicFlows.CameraCapture.reviewInstructions": "Is je foto duidelijk, leesbaar en volledig?",
+  "dynamicFlows.CameraCapture.reviewRetry": "Nee, opnieuw proberen",
+  "dynamicFlows.CameraCapture.reviewSubmit": "Ja, verzenden",
+  "dynamicFlows.CameraCapture.rotatePhone.text": "Draai je telefoon verticaal om een foto te maken",
+  "dynamicFlows.ControlFeedback.maxLength": "Voer {maxLength} of minder tekens in.",
+  "dynamicFlows.ControlFeedback.maximum": "Voer een getal in dat {maximum} of lager is.",
+  "dynamicFlows.ControlFeedback.maximumDate": "Voer een datum in die op of voor {maximum} is.",
+  "dynamicFlows.ControlFeedback.minLength": "Voer minimaal {minLength} tekens in.",
+  "dynamicFlows.ControlFeedback.minimum": "Voer een getal in dat {minimum} of hoger is.",
+  "dynamicFlows.ControlFeedback.minimumDate": "Voer een datum in die op of na {minimum} is.",
+  "dynamicFlows.ControlFeedback.pattern": "Voer dit in de juiste indeling in.",
+  "dynamicFlows.ControlFeedback.patternDate": "Voer een datum in de juiste indeling in.",
+  "dynamicFlows.ControlFeedback.required": "Vul dit veld in.",
+  "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.copy": "Kopiëren",
-  "dynamicFlows.ErrorBoundary.errorAlert": "Something went wrong.",
-  "dynamicFlows.ErrorBoundary.retry": "Retry",
-  "dynamicFlows.ExternalConfirmation.cancel": "Cancel",
-  "dynamicFlows.ExternalConfirmation.description": "Please confirm you want to open **{origin}** in a new browser tab.",
-  "dynamicFlows.ExternalConfirmation.open": "Open in new tab",
-  "dynamicFlows.ExternalConfirmation.title": "Please confirm",
-  "dynamicFlows.FileUploadSchema.maxFileSizeError": "Sorry, that file is too big. Please upload a smaller file.",
-  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "Sorry, that file format is not supported. Please upload a different file.",
-  "dynamicFlows.Help.ariaLabel": "Click here for more info.",
-  "dynamicFlows.MultiSelect.summary": "{first} and {count} more",
-  "dynamicFlows.MultipleFileUploadSchema.maxFileSizeError": "Sorry, that file is too big. Please upload a smaller file.",
-  "dynamicFlows.MultipleFileUploadSchema.maxItemsError": "Please upload {maxItems} or fewer files.",
-  "dynamicFlows.MultipleFileUploadSchema.minItemsError": "Please upload at least {minItems} file(s).",
+  "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.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.ReadOnlySchema.no": "Nee",
   "dynamicFlows.ReadOnlySchema.yes": "Ja",
-  "dynamicFlows.SearchLayout.loading": "Loading..."
+  "dynamicFlows.SearchLayout.loading": "Laden..."
 }

package/build/main.css

@@ -265,6 +265,9 @@ button.df-back-btn {
     flex-direction: row;
   }
 }
+.df-image .df-illustration {
+  padding: 0;
+}
 .df-back-btn .tw-avatar__content {
   cursor: pointer;
   background-color: var(--color-background-neutral);
@@ -275,6 +278,7 @@ button.df-back-btn {
 .df-back-btn:active .tw-avatar__content {
   background-color: var(--color-background-neutral-active);
 }
-.df-image .df-illustration {
-  padding: 0;
+.splash-screen {
+  display: flex;
+  flex-direction: column;
 }

package/build/main.js

@@ -5570,7 +5570,8 @@ var imageLayoutSchema = z.object({
   content: imageSchema.optional(),
   size: sizeSchema.optional(),
   control: z.string().optional(),
-  margin: sizeSchema.optional()
+  margin: sizeSchema.optional(),
+  align: alignSchema.optional()
 });
 var statusListLayoutStatusSchema = z.union([
   z.literal("not-done"),
@@ -5684,6 +5685,13 @@ var summaryProviderSchema = z.object({
   providesImage: z.boolean().optional()
 });
 var uploadSourceSchema = z.union([z.literal("camera"), z.literal("file")]);
+var suggestionsValueSchema = z.object({
+  label: z.string(),
+  value: jsonElementSchema.optional(),
+  icon: iconSchema.optional(),
+  image: imageSchema.optional(),
+  tag: z.string().optional()
+});
 var navigationStackBehaviorSchema = z.union([
   z.literal("default"),
   z.literal("remove-previous"),
@@ -5771,6 +5779,9 @@ var errorResponseBodySchema = z.object({
   validation: jsonElementSchema.optional(),
   refreshUrl: z.string().optional()
 });
+var suggestionsSchema = z.object({
+  values: z.array(suggestionsValueSchema)
+});
 var navigationBackBehaviorSchema = z.object({
   title: z.string().optional(),
   action: actionSchema
@@ -6019,7 +6030,8 @@ var stepSchema = z.lazy(
     errors: stepErrorSchema.optional(),
     navigation: navigationSchema.optional(),
     refreshUrl: z.string().optional(),
-    control: z.string().optional()
+    control: z.string().optional(),
+    refreshAfter: z.string().optional()
   })
 );
 var schemaSchema = z.lazy(
@@ -6244,7 +6256,8 @@ var stringSchemaSchema = z.lazy(
     source: uploadSourceSchema.optional(),
     autocompleteHint: z.array(autocompleteTokenSchema).optional(),
     autofillKey: z.string().optional(),
-    help: helpSchema.optional()
+    help: helpSchema.optional(),
+    suggestions: suggestionsSchema.optional()
   })
 );
 var arraySchemaListSchema = z.lazy(
@@ -7210,6 +7223,9 @@ var getComponentValidationAsync = (update, performValidationAsync) => (
   }
 );
 
+// src/revamp/domain/components/utils/isOrWasValid.ts
+var isOrWasValid = (getErrors, previous, current) => getErrors(previous).length === 0 || getErrors(current).length === 0;
+
 // src/revamp/domain/components/NumberInputComponent.ts
 var createNumberInputComponent = (numberInputProps, updateComponent) => {
   const _a = numberInputProps, {
@@ -7253,12 +7269,15 @@ var createNumberInputComponent = (numberInputProps, updateComponent) => {
     },
     // Noop
     onChange(updatedValue) {
+      const prevValue = this.value;
       update((draft) => {
         draft.errors = [];
         draft.validationAsyncState.messages = {};
         draft.value = updatedValue;
       });
-      performDebouncedRefresh == null ? void 0 : performDebouncedRefresh();
+      if (isOrWasValid(getValidationErrors, prevValue, updatedValue)) {
+        performDebouncedRefresh == null ? void 0 : performDebouncedRefresh();
+      }
       onValueChange();
     },
     async getSubmittableValue() {
@@ -8042,12 +8061,15 @@ var createIntegerInputComponent = (integerInputProps, updateComponent) => {
     },
     // Noop
     onChange(updatedValue) {
+      const prevValue = this.value;
       update((draft) => {
         draft.errors = [];
         draft.validationAsyncState.messages = {};
         draft.value = updatedValue;
       });
-      performDebouncedRefresh == null ? void 0 : performDebouncedRefresh();
+      if (isOrWasValid(getValidationErrors, prevValue, updatedValue)) {
+        performDebouncedRefresh == null ? void 0 : performDebouncedRefresh();
+      }
       onValueChange();
     },
     async getSubmittableValue() {
@@ -8349,12 +8371,15 @@ var createDateInputComponent = (textInputProps, updateComponent) => {
     },
     // Noop
     onChange(updatedValue) {
+      const prevValue = this.value;
       update((draft) => {
         draft.errors = [];
         draft.validationAsyncState.messages = {};
         draft.value = updatedValue;
       });
-      performRefresh == null ? void 0 : performRefresh();
+      if (isOrWasValid(getValidationErrors, prevValue, updatedValue)) {
+        performRefresh == null ? void 0 : performRefresh();
+      }
       onValueChange();
     },
     async getSubmittableValue() {
@@ -8663,12 +8688,15 @@ var createTextInputComponent = (textInputProps, updateComponent) => {
     },
     // Noop
     onChange(updatedValue) {
+      const prevValue = this.value;
       update((draft) => {
         draft.errors = [];
         draft.validationAsyncState.messages = {};
         draft.value = updatedValue;
       });
-      performDebouncedRefresh == null ? void 0 : performDebouncedRefresh();
+      if (isOrWasValid(getValidationErrors, prevValue, updatedValue)) {
+        performDebouncedRefresh == null ? void 0 : performDebouncedRefresh();
+      }
       onValueChange();
     },
     async getSubmittableValue() {

package/build/main.mjs

@@ -5547,7 +5547,8 @@ var imageLayoutSchema = z.object({
   content: imageSchema.optional(),
   size: sizeSchema.optional(),
   control: z.string().optional(),
-  margin: sizeSchema.optional()
+  margin: sizeSchema.optional(),
+  align: alignSchema.optional()
 });
 var statusListLayoutStatusSchema = z.union([
   z.literal("not-done"),
@@ -5661,6 +5662,13 @@ var summaryProviderSchema = z.object({
   providesImage: z.boolean().optional()
 });
 var uploadSourceSchema = z.union([z.literal("camera"), z.literal("file")]);
+var suggestionsValueSchema = z.object({
+  label: z.string(),
+  value: jsonElementSchema.optional(),
+  icon: iconSchema.optional(),
+  image: imageSchema.optional(),
+  tag: z.string().optional()
+});
 var navigationStackBehaviorSchema = z.union([
   z.literal("default"),
   z.literal("remove-previous"),
@@ -5748,6 +5756,9 @@ var errorResponseBodySchema = z.object({
   validation: jsonElementSchema.optional(),
   refreshUrl: z.string().optional()
 });
+var suggestionsSchema = z.object({
+  values: z.array(suggestionsValueSchema)
+});
 var navigationBackBehaviorSchema = z.object({
   title: z.string().optional(),
   action: actionSchema
@@ -5996,7 +6007,8 @@ var stepSchema = z.lazy(
     errors: stepErrorSchema.optional(),
     navigation: navigationSchema.optional(),
     refreshUrl: z.string().optional(),
-    control: z.string().optional()
+    control: z.string().optional(),
+    refreshAfter: z.string().optional()
   })
 );
 var schemaSchema = z.lazy(
@@ -6221,7 +6233,8 @@ var stringSchemaSchema = z.lazy(
     source: uploadSourceSchema.optional(),
     autocompleteHint: z.array(autocompleteTokenSchema).optional(),
     autofillKey: z.string().optional(),
-    help: helpSchema.optional()
+    help: helpSchema.optional(),
+    suggestions: suggestionsSchema.optional()
   })
 );
 var arraySchemaListSchema = z.lazy(
@@ -7187,6 +7200,9 @@ var getComponentValidationAsync = (update, performValidationAsync) => (
   }
 );
 
+// src/revamp/domain/components/utils/isOrWasValid.ts
+var isOrWasValid = (getErrors, previous, current) => getErrors(previous).length === 0 || getErrors(current).length === 0;
+
 // src/revamp/domain/components/NumberInputComponent.ts
 var createNumberInputComponent = (numberInputProps, updateComponent) => {
   const _a = numberInputProps, {
@@ -7230,12 +7246,15 @@ var createNumberInputComponent = (numberInputProps, updateComponent) => {
     },
     // Noop
     onChange(updatedValue) {
+      const prevValue = this.value;
       update((draft) => {
         draft.errors = [];
         draft.validationAsyncState.messages = {};
         draft.value = updatedValue;
       });
-      performDebouncedRefresh == null ? void 0 : performDebouncedRefresh();
+      if (isOrWasValid(getValidationErrors, prevValue, updatedValue)) {
+        performDebouncedRefresh == null ? void 0 : performDebouncedRefresh();
+      }
       onValueChange();
     },
     async getSubmittableValue() {
@@ -8019,12 +8038,15 @@ var createIntegerInputComponent = (integerInputProps, updateComponent) => {
     },
     // Noop
     onChange(updatedValue) {
+      const prevValue = this.value;
       update((draft) => {
         draft.errors = [];
         draft.validationAsyncState.messages = {};
         draft.value = updatedValue;
       });
-      performDebouncedRefresh == null ? void 0 : performDebouncedRefresh();
+      if (isOrWasValid(getValidationErrors, prevValue, updatedValue)) {
+        performDebouncedRefresh == null ? void 0 : performDebouncedRefresh();
+      }
       onValueChange();
     },
     async getSubmittableValue() {
@@ -8326,12 +8348,15 @@ var createDateInputComponent = (textInputProps, updateComponent) => {
     },
     // Noop
     onChange(updatedValue) {
+      const prevValue = this.value;
       update((draft) => {
         draft.errors = [];
         draft.validationAsyncState.messages = {};
         draft.value = updatedValue;
       });
-      performRefresh == null ? void 0 : performRefresh();
+      if (isOrWasValid(getValidationErrors, prevValue, updatedValue)) {
+        performRefresh == null ? void 0 : performRefresh();
+      }
       onValueChange();
     },
     async getSubmittableValue() {
@@ -8640,12 +8665,15 @@ var createTextInputComponent = (textInputProps, updateComponent) => {
     },
     // Noop
     onChange(updatedValue) {
+      const prevValue = this.value;
       update((draft) => {
         draft.errors = [];
         draft.validationAsyncState.messages = {};
         draft.value = updatedValue;
       });
-      performDebouncedRefresh == null ? void 0 : performDebouncedRefresh();
+      if (isOrWasValid(getValidationErrors, prevValue, updatedValue)) {
+        performDebouncedRefresh == null ? void 0 : performDebouncedRefresh();
+      }
       onValueChange();
     },
     async getSubmittableValue() {

package/build/types/revamp/domain/components/utils/isOrWasValid.d.ts

@@ -0,0 +1,2 @@
+import { LocalValue } from '../../types';
+export declare const isOrWasValid: <V extends LocalValue>(getErrors: (value: V) => string[], previous: V, current: V) => boolean;

package/build/types/revamp/test-utils/DynamicFlowWise.d.ts

@@ -1,10 +1,15 @@
 import { DynamicFlowCorePropsWithInitialAction, DynamicFlowCorePropsWithInitialStep } from '../types';
+import { Theming } from '@wise/components-theming';
 type MakeOptional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
 export type DynamicFlowWisePropsWithInitialAction = MakeOptional<DynamicFlowCorePropsWithInitialAction, 'renderers' | 'onLink'>;
 export type DynamicFlowWisePropsWithInitialStep = MakeOptional<DynamicFlowCorePropsWithInitialStep, 'renderers' | 'onLink'>;
-export type DynamicFlowWiseProps = DynamicFlowWisePropsWithInitialAction | DynamicFlowWisePropsWithInitialStep;
+export type DynamicFlowWiseProps = (DynamicFlowWisePropsWithInitialAction | DynamicFlowWisePropsWithInitialStep) & {
+    onAnalytics?: DynamicFlowWiseProps['onEvent'];
+    onThemeChange?: OnThemeChange;
+};
 /**
  * This component is only used in tests.
  */
 declare function DynamicFlowWise(props: DynamicFlowWiseProps): import("react/jsx-runtime").JSX.Element;
+type OnThemeChange = (theme: Theming['theme']) => void;
 export default DynamicFlowWise;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "4.0.2",
+  "version": "4.0.3",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -30,34 +30,34 @@
     "url": "git+https://github.com/transferwise/dynamic-flow.git"
   },
   "devDependencies": {
-    "@babel/core": "7.26.9",
+    "@babel/core": "7.26.10",
     "@babel/plugin-syntax-flow": "7.26.0",
     "@babel/plugin-transform-react-jsx": "7.25.9",
     "@babel/preset-env": "7.26.9",
     "@babel/preset-react": "7.26.3",
     "@babel/preset-typescript": "7.26.0",
-    "@chromatic-com/storybook": "3.2.5",
+    "@chromatic-com/storybook": "3.2.6",
     "@formatjs/cli": "^6.6.1",
-    "@storybook/addon-a11y": "^8.6.3",
-    "@storybook/addon-actions": "^8.6.3",
-    "@storybook/addon-essentials": "^8.6.3",
-    "@storybook/addon-interactions": "^8.6.3",
-    "@storybook/addon-links": "^8.6.3",
+    "@storybook/addon-a11y": "^8.6.7",
+    "@storybook/addon-actions": "^8.6.7",
+    "@storybook/addon-essentials": "^8.6.7",
+    "@storybook/addon-interactions": "^8.6.7",
+    "@storybook/addon-links": "^8.6.7",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
-    "@storybook/manager-api": "^8.6.3",
-    "@storybook/react": "^8.6.3",
-    "@storybook/react-webpack5": "^8.6.3",
-    "@storybook/test": "^8.6.3",
-    "@storybook/types": "^8.6.3",
+    "@storybook/manager-api": "^8.6.7",
+    "@storybook/react": "^8.6.7",
+    "@storybook/react-webpack5": "^8.6.7",
+    "@storybook/test": "^8.6.7",
+    "@storybook/types": "^8.6.7",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.2.0",
     "@testing-library/user-event": "14.6.1",
-    "@transferwise/components": "46.93.1",
+    "@transferwise/components": "46.94.1",
     "@transferwise/formatting": "^2.13.1",
-    "@transferwise/icons": "3.18.0",
+    "@transferwise/icons": "3.19.1",
     "@transferwise/neptune-css": "14.22.0",
-    "@types/node": "22.13.9",
+    "@types/node": "22.13.10",
     "@types/jest": "29.5.14",
     "@types/react": "18.3.18",
     "@types/react-dom": "18.3.5",
@@ -65,20 +65,20 @@
     "@wise/art": "2.20.0",
     "@wise/components-theming": "^1.6.1",
     "babel-jest": "29.7.0",
-    "esbuild": "0.25.0",
+    "esbuild": "0.25.1",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "jest-fetch-mock": "^3.0.3",
     "jest-watch-typeahead": "^2.2.2",
     "npm-run-all2": "7.0.2",
     "postcss": "^8.5.3",
-    "postcss-cli": "^11.0.0",
+    "postcss-cli": "^11.0.1",
     "postcss-import": "^16.1.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-intl": "6.8.9",
-    "storybook": "^8.6.3",
-    "stylelint": "16.15.0",
+    "storybook": "^8.6.7",
+    "stylelint": "16.16.0",
     "stylelint-config-standard": "36.0.1",
     "stylelint-no-unsupported-browser-features": "8.0.4",
     "stylelint-value-no-unknown-custom-properties": "6.0.1",
@@ -102,7 +102,7 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "3.0.1"
+    "@wise/dynamic-flow-types": "3.1.0"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",