@wise/dynamic-flow-client-internal 4.15.3 → 4.15.5-experimental-4791b8d

package/build/main.css

@@ -360,3 +360,6 @@ button.df-back-btn {
   display: flex;
   flex-direction: column;
 }
+.chips-container {
+  overflow-x: scroll;
+}

package/build/main.js

@@ -951,7 +951,6 @@ var import_components6 = require("@transferwise/components");
 var isNumber = (value) => typeof value === "number" && !Number.isNaN(value);
 
 // ../renderers/src/utils/value-utils.ts
-var numericValueOrNull = (newValue) => /^\d+$/.test(newValue) && !Number.isNaN(Number.parseFloat(newValue)) ? newValue : null;
 var dateStringToDateOrNull = (dateString) => {
   if (!dateString) {
     return null;
@@ -2648,7 +2647,10 @@ function VariableTextInput(inputProps) {
       return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
         TextInput,
         __spreadProps(__spreadValues({}, numericProps), {
-          onChange: (newValue) => onChange(numericValueOrNull(newValue))
+          onChange: (newValue) => {
+            const numericValueOrNull = !Number.isNaN(Number.parseFloat(newValue)) ? newValue : null;
+            onChange(numericValueOrNull);
+          }
         })
       );
     }
@@ -3181,6 +3183,9 @@ var TabsRenderer = {
   render: (props) => {
     switch (props.control) {
       case "segmented":
+        if (props.tabs.length > 3) {
+          return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TabsRendererComponent, __spreadValues({}, props));
+        }
         return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SegmentedTabsRendererComponent, __spreadValues({}, props));
       case "chips":
         return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ChipsTabsRendererComponent, __spreadValues({}, props));
@@ -3231,18 +3236,18 @@ function SegmentedTabsRendererComponent({ uid, margin, tabs }) {
     /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { id: `${uid}-children`, className: "m-t-2", children: (_a = tabs[selectedIndex]) == null ? void 0 : _a.children })
   ] });
 }
-function ChipsTabsRendererComponent({ uid, margin, tabs }) {
+function ChipsTabsRendererComponent({ margin, tabs }) {
   var _a;
   const [selectedIndex, setSelectedIndex] = (0, import_react13.useState)(0);
   return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: getMargin(margin), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "chips-container", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       import_components43.Chips,
       {
         chips: tabs.map((tab, index) => ({ label: tab.title, value: index })),
         selected: selectedIndex,
         onChange: ({ selectedValue }) => setSelectedIndex(Number(selectedValue))
       }
-    ),
+    ) }),
     /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "m-t-2", children: (_a = tabs[selectedIndex]) == null ? void 0 : _a.children })
   ] });
 }
@@ -3300,7 +3305,7 @@ var ModalContentRenderer = {
 // src/dynamicFlow/telemetry/app-version.ts
 var appVersion = (
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  typeof process !== "undefined" ? "4.15.3" : "0.0.0"
+  typeof process !== "undefined" ? "4.15.4" : "0.0.0"
 );
 
 // src/dynamicFlow/telemetry/getLogEvent.ts

package/build/main.mjs

@@ -917,7 +917,6 @@ import { DateInput, DateLookup } from "@transferwise/components";
 var isNumber = (value) => typeof value === "number" && !Number.isNaN(value);
 
 // ../renderers/src/utils/value-utils.ts
-var numericValueOrNull = (newValue) => /^\d+$/.test(newValue) && !Number.isNaN(Number.parseFloat(newValue)) ? newValue : null;
 var dateStringToDateOrNull = (dateString) => {
   if (!dateString) {
     return null;
@@ -2624,7 +2623,10 @@ function VariableTextInput(inputProps) {
       return /* @__PURE__ */ jsx49(
         TextInput,
         __spreadProps(__spreadValues({}, numericProps), {
-          onChange: (newValue) => onChange(numericValueOrNull(newValue))
+          onChange: (newValue) => {
+            const numericValueOrNull = !Number.isNaN(Number.parseFloat(newValue)) ? newValue : null;
+            onChange(numericValueOrNull);
+          }
         })
       );
     }
@@ -3157,6 +3159,9 @@ var TabsRenderer = {
   render: (props) => {
     switch (props.control) {
       case "segmented":
+        if (props.tabs.length > 3) {
+          return /* @__PURE__ */ jsx60(TabsRendererComponent, __spreadValues({}, props));
+        }
         return /* @__PURE__ */ jsx60(SegmentedTabsRendererComponent, __spreadValues({}, props));
       case "chips":
         return /* @__PURE__ */ jsx60(ChipsTabsRendererComponent, __spreadValues({}, props));
@@ -3207,18 +3212,18 @@ function SegmentedTabsRendererComponent({ uid, margin, tabs }) {
     /* @__PURE__ */ jsx60("div", { id: `${uid}-children`, className: "m-t-2", children: (_a = tabs[selectedIndex]) == null ? void 0 : _a.children })
   ] });
 }
-function ChipsTabsRendererComponent({ uid, margin, tabs }) {
+function ChipsTabsRendererComponent({ margin, tabs }) {
   var _a;
   const [selectedIndex, setSelectedIndex] = useState8(0);
   return /* @__PURE__ */ jsxs25("div", { className: getMargin(margin), children: [
-    /* @__PURE__ */ jsx60(
+    /* @__PURE__ */ jsx60("div", { className: "chips-container", children: /* @__PURE__ */ jsx60(
       Chips,
       {
         chips: tabs.map((tab, index) => ({ label: tab.title, value: index })),
         selected: selectedIndex,
         onChange: ({ selectedValue }) => setSelectedIndex(Number(selectedValue))
       }
-    ),
+    ) }),
     /* @__PURE__ */ jsx60("div", { className: "m-t-2", children: (_a = tabs[selectedIndex]) == null ? void 0 : _a.children })
   ] });
 }
@@ -3276,7 +3281,7 @@ var ModalContentRenderer = {
 // src/dynamicFlow/telemetry/app-version.ts
 var appVersion = (
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  typeof process !== "undefined" ? "4.15.3" : "0.0.0"
+  typeof process !== "undefined" ? "4.15.4" : "0.0.0"
 );
 
 // src/dynamicFlow/telemetry/getLogEvent.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client-internal",
-  "version": "4.15.3",
+  "version": "4.15.5-experimental-4791b8d",
   "description": "Dynamic Flow web client for Wise",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -30,7 +30,7 @@
     "url": "git+https://github.com/transferwise/dynamic-flow.git"
   },
   "devDependencies": {
-    "@babel/core": "7.27.4",
+    "@babel/core": "7.27.7",
     "@babel/plugin-syntax-flow": "7.27.1",
     "@babel/plugin-transform-react-jsx": "7.27.1",
     "@babel/preset-env": "7.27.2",
@@ -38,13 +38,13 @@
     "@babel/preset-typescript": "7.27.1",
     "@chromatic-com/storybook": "4.0.1",
     "@formatjs/cli": "^6.7.2",
-    "@storybook/react-vite": "9.0.12",
+    "@storybook/react-vite": "9.0.15",
     "@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/components": "46.99.0",
+    "@transferwise/formatting": "^2.13.3",
     "@transferwise/icons": "3.22.2",
     "@transferwise/neptune-css": "14.24.4",
     "@types/jest": "29.5.14",
@@ -55,8 +55,8 @@
     "babel-jest": "30.0.2",
     "currency-flags": "4.0.7",
     "esbuild": "0.25.5",
-    "eslint-plugin-storybook": "9.0.12",
-    "jest": "30.0.2",
+    "eslint-plugin-storybook": "9.0.15",
+    "jest": "30.0.3",
     "jest-environment-jsdom": "30.0.2",
     "jest-fetch-mock": "^3.0.3",
     "jest-watch-typeahead": "^3.0.1",
@@ -67,7 +67,7 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-intl": "6.8.9",
-    "storybook": "^9.0.12",
+    "storybook": "^9.0.15",
     "stylelint": "16.21.0",
     "stylelint-config-standard": "36.0.1",
     "stylelint-no-unsupported-browser-features": "8.0.4",
@@ -75,8 +75,8 @@
     "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-types": "3.6.2"
+    "@wise/dynamic-flow-types": "3.6.2",
+    "@wise/dynamic-flow-renderers": "0.0.0"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.92.0",
@@ -91,7 +91,7 @@
   },
   "dependencies": {
     "classnames": "2.5.1",
-    "@wise/dynamic-flow-client": "4.8.3",
+    "@wise/dynamic-flow-client": "4.8.4",
     "@wise/dynamic-flow-types": "3.6.2"
   },
   "scripts": {