@wise/dynamic-flow-client-internal 5.0.1-exp-css-28d60ea → 5.1.0

package/README.md

@@ -37,9 +37,14 @@ pnpm install @transferwise/components @transferwise/formatting @transferwise/ico
 
 **Note:** Keep in mind that some of these dependencies have their own peer dependencies. Don't forget to install those, for instance: `@transferwise/components` needs `@wise/art` and `@wise/components-theming`.
 
+3. In addition to the design system styles, you need to import the DynamicFlow styles once into your application. You can do this either via JavaScript or CSS.
+
 ```js
-// Should be imported once in your application
-import '@wise/dynamic-flow-client-internal/build/main.css';
+import '@wise/dynamic-flow-client-internal/main.css'; // JavaScript
+```
+
+```css
+@import url('@wise/dynamic-flow-client-internal/build/main.css'); /* CSS */
 ```
 
 The `DynamicFlow` component must be wraped in a Neptune `Provider` to support localisation, a `ThemeProvider` to provide theming, and a `SnackbarProvider` to ensure snackbars display correctly. Translations should be imported from both components and dynamic flows, merged, and passed to the `Provider` component (as below).

package/build/main.js

@@ -1584,7 +1584,7 @@ function MoneyInputRendererComponent(props) {
           ),
           placeholder: (_a = parseFloatOrNull(placeholder)) != null ? _a : void 0,
           onAmountChange: (newAmount) => {
-            onAmountChange(String(newAmount));
+            onAmountChange(newAmount !== null ? String(newAmount) : null);
           },
           onCurrencyChange: (item) => {
             const selectedIndex = Number.parseInt(item.value, 10);
@@ -3749,7 +3749,7 @@ var messages_default = (0, import_react_intl26.defineMessages)({
 // src/dynamicFlow/telemetry/app-version.ts
 var appVersion = (
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  typeof process !== "undefined" ? "5.0.0" : "0.0.0"
+  typeof process !== "undefined" ? "5.1.0" : "0.0.0"
 );
 
 // src/dynamicFlow/telemetry/getLogEvent.ts

package/build/main.mjs

@@ -1572,7 +1572,7 @@ function MoneyInputRendererComponent(props) {
           ),
           placeholder: (_a = parseFloatOrNull(placeholder)) != null ? _a : void 0,
           onAmountChange: (newAmount) => {
-            onAmountChange(String(newAmount));
+            onAmountChange(newAmount !== null ? String(newAmount) : null);
           },
           onCurrencyChange: (item) => {
             const selectedIndex = Number.parseInt(item.value, 10);
@@ -3743,7 +3743,7 @@ var messages_default = defineMessages12({
 // src/dynamicFlow/telemetry/app-version.ts
 var appVersion = (
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  typeof process !== "undefined" ? "5.0.0" : "0.0.0"
+  typeof process !== "undefined" ? "5.1.0" : "0.0.0"
 );
 
 // src/dynamicFlow/telemetry/getLogEvent.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client-internal",
-  "version": "5.0.1-exp-css-28d60ea",
+  "version": "5.1.0",
   "description": "Dynamic Flow web client for Wise",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -31,40 +31,28 @@
     "url": "git+https://github.com/transferwise/dynamic-flow.git"
   },
   "devDependencies": {
-    "@babel/core": "7.28.5",
-    "@babel/plugin-syntax-flow": "7.27.1",
-    "@babel/plugin-transform-react-jsx": "7.27.1",
-    "@babel/preset-env": "7.28.5",
-    "@babel/preset-react": "7.28.5",
-    "@babel/preset-typescript": "7.28.5",
-    "@chromatic-com/storybook": "4.1.2",
+    "@chromatic-com/storybook": "4.1.3",
     "@formatjs/cli": "^6.7.4",
-    "@storybook/addon-a11y": "^9.1.16",
-    "@storybook/addon-docs": "^9.1.16",
-    "@storybook/addon-links": "^9.1.16",
-    "@storybook/react-vite": "9.1.16",
+    "@storybook/addon-a11y": "^10.1.4",
+    "@storybook/addon-docs": "^10.1.4",
+    "@storybook/addon-links": "^10.1.4",
+    "@storybook/react-vite": "10.1.4",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
-    "@transferwise/components": "46.113.1",
+    "@transferwise/components": "^46.115.1",
     "@transferwise/formatting": "^2.13.4",
     "@transferwise/icons": "4.0.0",
-    "@transferwise/neptune-css": "14.25.1",
-    "@types/jest": "30.0.0",
-    "@types/react": "18.3.26",
+    "@transferwise/neptune-css": "14.25.2",
+    "@types/react": "18.3.27",
     "@types/react-dom": "18.3.7",
     "@wise/art": "2.24.7",
-    "@wise/components-theming": "^1.8.0",
-    "babel-jest": "30.2.0",
+    "@wise/components-theming": "^1.9.0",
     "currency-flags": "4.0.7",
     "esbuild": "0.27.0",
-    "eslint-plugin-storybook": "9.1.16",
-    "framer-motion": "^12.23.24",
-    "jest": "30.2.0",
-    "jest-environment-jsdom": "30.2.0",
-    "jest-fetch-mock": "^3.0.3",
-    "jest-watch-typeahead": "^3.0.1",
+    "eslint-plugin-storybook": "10.1.4",
+    "framer-motion": "^12.23.25",
     "npm-run-all2": "8.0.4",
     "postcss": "^8.5.6",
     "postcss-cli": "^11.0.1",
@@ -72,16 +60,18 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-intl": "6.8.9",
-    "storybook": "^9.1.16",
-    "stylelint": "16.25.0",
+    "storybook": "^10.1.4",
+    "stylelint": "16.26.1",
     "stylelint-config-standard": "36.0.1",
     "stylelint-no-unsupported-browser-features": "8.0.5",
     "stylelint-value-no-unknown-custom-properties": "6.0.1",
-    "tsx": "4.20.6",
+    "tsx": "4.21.0",
     "typescript": "5.9.3",
+    "vitest": "4.0.15",
+    "vitest-fetch-mock": "0.4.5",
     "@wise/dynamic-flow-fixtures": "0.0.1",
-    "@wise/dynamic-flow-types": "4.0.0",
-    "@wise/dynamic-flow-renderers": "0.0.0"
+    "@wise/dynamic-flow-renderers": "0.0.0",
+    "@wise/dynamic-flow-types": "4.1.0"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.104.0",
@@ -95,8 +85,8 @@
     "react-intl": "^6"
   },
   "dependencies": {
-    "@wise/dynamic-flow-client": "5.0.1-exp-css-28d60ea",
-    "@wise/dynamic-flow-types": "4.0.0"
+    "@wise/dynamic-flow-client": "5.1.0",
+    "@wise/dynamic-flow-types": "4.1.0"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3005",
@@ -107,10 +97,10 @@
     "build:messages-source": "formatjs extract '../renderers/src/**/{*.messages,messages}.{js,ts}' './src/**/{*.messages,messages}.{js,ts}' --out-file src/i18n/en.json --format simple && prettier --find-config-path --write src/i18n/*.json",
     "build:compiled-messages": "mkdir -p build/i18n && cp src/i18n/*.json build/i18n",
     "build:visual-tests": "tsx ./scripts/build-visual-tests.mjs",
-    "test": "pnpm test:once",
-    "test:once": "jest --config jest.config.js --env=jsdom --passWithNoTests",
-    "test:coverage": "jest --config jest.config.js --env=jsdom --coverage",
-    "test:watch": "pnpm test:once --watch",
+    "test": "npm-run-all test:once",
+    "test:once": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "test:watch": "vitest",
     "types": "pnpm tsc",
     "types:watch": "pnpm tsc --watch",
     "lint": "npm-run-all lint:ts lint:css",