@wise/dynamic-flow-client-internal 4.9.5 → 4.10.1

package/build/main.css

@@ -336,3 +336,6 @@ button.df-back-btn {
   display: flex;
   flex-direction: column;
 }
+.df-standard-heading {
+  hyphens: auto;
+}

package/build/main.js

@@ -1243,7 +1243,7 @@ var HeadingRenderer = {
 function Heading(props) {
   const { text, size, align, margin, control } = props;
   const className = getTextAlignmentAndMargin({ align, margin });
-  return control === "display" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DisplayHeading, { size, text, className }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StandardHeading, { size, text, className });
+  return control === "display" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DisplayHeading, { size, text, className }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StandardHeading, { size, text, className: `${className} df-standard-heading` });
 }
 function DisplayHeading({ size, text, className }) {
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_components11.Display, { type: getDisplayType(size), className, children: text });
@@ -3173,8 +3173,18 @@ var getWiseRenderers = () => [
   StepRenderer
 ];
 
+// ../renderers/src/ModalContentRenderer.tsx
+var import_components42 = require("@transferwise/components");
+var import_jsx_runtime59 = require("react/jsx-runtime");
+var ModalContentRenderer = {
+  canRenderType: "modal-content",
+  render: ({ title, children, open, onClose }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_components42.Modal, { open, title, body: children, onClose });
+  }
+};
+
 // src/dynamicFlow/telemetry/app-version.ts
-var appVersion = "4.9.5";
+var appVersion = "4.10.1";
 
 // src/dynamicFlow/telemetry/getLogEvent.ts
 var getLogEvent = (onLog) => (level, message, extra) => {
@@ -3213,12 +3223,12 @@ var getTrackEvent = (onEvent, onAnalytics, onThemeChange) => (name, properties)
 };
 
 // src/dynamicFlow/DynamicFlow.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var wiseRenderers = getWiseRenderers();
 function DynamicFlowLegacy(props) {
   const { customFetch = globalThis.fetch } = props;
   const coreProps = __spreadProps(__spreadValues({}, props), { httpClient: customFetch });
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_dynamic_flow_client2.DynamicFlow, __spreadValues({}, coreProps));
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_dynamic_flow_client2.DynamicFlow, __spreadValues({}, coreProps));
 }
 function DynamicFlowRevamp(props) {
   const {
@@ -3231,7 +3241,10 @@ function DynamicFlowRevamp(props) {
     onThemeChange
   } = props;
   const httpClient = useWiseHttpClient(customFetch);
-  const mergedRenderers = (0, import_react12.useMemo)(() => [...renderers != null ? renderers : [], ...wiseRenderers], [renderers]);
+  const mergedRenderers = (0, import_react12.useMemo)(
+    () => [ModalContentRenderer, ...renderers != null ? renderers : [], ...wiseRenderers],
+    [renderers]
+  );
   const logEvent = (0, import_react12.useMemo)(() => getLogEvent(onLog), [onLog]);
   const trackEvent = (0, import_react12.useMemo)(
     () => getTrackEvent(onEvent, onAnalytics, onThemeChange),
@@ -3244,7 +3257,7 @@ function DynamicFlowRevamp(props) {
     onLog: logEvent,
     onLink
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_dynamic_flow_client2.DynamicFlowCoreRevamp, __spreadValues({}, coreProps));
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_dynamic_flow_client2.DynamicFlowCoreRevamp, __spreadValues({}, coreProps));
 }
 var DynamicForm = (0, import_react12.forwardRef)(function DynamicForm2(props, ref) {
   const {
@@ -3257,7 +3270,10 @@ var DynamicForm = (0, import_react12.forwardRef)(function DynamicForm2(props, re
     onThemeChange
   } = props;
   const httpClient = useWiseHttpClient(customFetch);
-  const mergedRenderers = (0, import_react12.useMemo)(() => [...renderers != null ? renderers : [], ...wiseRenderers], [renderers]);
+  const mergedRenderers = (0, import_react12.useMemo)(
+    () => [ModalContentRenderer, ...renderers != null ? renderers : [], ...wiseRenderers],
+    [renderers]
+  );
   const logEvent = (0, import_react12.useMemo)(() => getLogEvent(onLog), [onLog]);
   const trackEvent = (0, import_react12.useMemo)(
     () => getTrackEvent(onEvent, onAnalytics, onThemeChange),
@@ -3270,7 +3286,7 @@ var DynamicForm = (0, import_react12.forwardRef)(function DynamicForm2(props, re
     onLog: logEvent,
     onLink
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_dynamic_flow_client2.DynamicFormCore, __spreadProps(__spreadValues({}, coreProps), { ref }));
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_dynamic_flow_client2.DynamicFormCore, __spreadProps(__spreadValues({}, coreProps), { ref }));
 });
 var useWiseHttpClient = (httpClient) => {
   const { locale } = (0, import_react_intl16.useIntl)();

package/build/main.mjs

@@ -1209,7 +1209,7 @@ var HeadingRenderer = {
 function Heading(props) {
   const { text, size, align, margin, control } = props;
   const className = getTextAlignmentAndMargin({ align, margin });
-  return control === "display" ? /* @__PURE__ */ jsx21(DisplayHeading, { size, text, className }) : /* @__PURE__ */ jsx21(StandardHeading, { size, text, className });
+  return control === "display" ? /* @__PURE__ */ jsx21(DisplayHeading, { size, text, className }) : /* @__PURE__ */ jsx21(StandardHeading, { size, text, className: `${className} df-standard-heading` });
 }
 function DisplayHeading({ size, text, className }) {
   return /* @__PURE__ */ jsx21(Display, { type: getDisplayType(size), className, children: text });
@@ -3149,8 +3149,18 @@ var getWiseRenderers = () => [
   StepRenderer
 ];
 
+// ../renderers/src/ModalContentRenderer.tsx
+import { Modal as Modal3 } from "@transferwise/components";
+import { jsx as jsx59 } from "react/jsx-runtime";
+var ModalContentRenderer = {
+  canRenderType: "modal-content",
+  render: ({ title, children, open, onClose }) => {
+    return /* @__PURE__ */ jsx59(Modal3, { open, title, body: children, onClose });
+  }
+};
+
 // src/dynamicFlow/telemetry/app-version.ts
-var appVersion = "4.9.5";
+var appVersion = "4.10.1";
 
 // src/dynamicFlow/telemetry/getLogEvent.ts
 var getLogEvent = (onLog) => (level, message, extra) => {
@@ -3189,12 +3199,12 @@ var getTrackEvent = (onEvent, onAnalytics, onThemeChange) => (name, properties)
 };
 
 // src/dynamicFlow/DynamicFlow.tsx
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { jsx as jsx60 } from "react/jsx-runtime";
 var wiseRenderers = getWiseRenderers();
 function DynamicFlowLegacy(props) {
   const { customFetch = globalThis.fetch } = props;
   const coreProps = __spreadProps(__spreadValues({}, props), { httpClient: customFetch });
-  return /* @__PURE__ */ jsx59(DynamicFlowCoreLegacy, __spreadValues({}, coreProps));
+  return /* @__PURE__ */ jsx60(DynamicFlowCoreLegacy, __spreadValues({}, coreProps));
 }
 function DynamicFlowRevamp(props) {
   const {
@@ -3207,7 +3217,10 @@ function DynamicFlowRevamp(props) {
     onThemeChange
   } = props;
   const httpClient = useWiseHttpClient(customFetch);
-  const mergedRenderers = useMemo2(() => [...renderers != null ? renderers : [], ...wiseRenderers], [renderers]);
+  const mergedRenderers = useMemo2(
+    () => [ModalContentRenderer, ...renderers != null ? renderers : [], ...wiseRenderers],
+    [renderers]
+  );
   const logEvent = useMemo2(() => getLogEvent(onLog), [onLog]);
   const trackEvent = useMemo2(
     () => getTrackEvent(onEvent, onAnalytics, onThemeChange),
@@ -3220,7 +3233,7 @@ function DynamicFlowRevamp(props) {
     onLog: logEvent,
     onLink
   });
-  return /* @__PURE__ */ jsx59(DynamicFlowCoreRevamp, __spreadValues({}, coreProps));
+  return /* @__PURE__ */ jsx60(DynamicFlowCoreRevamp, __spreadValues({}, coreProps));
 }
 var DynamicForm = forwardRef(function DynamicForm2(props, ref) {
   const {
@@ -3233,7 +3246,10 @@ var DynamicForm = forwardRef(function DynamicForm2(props, ref) {
     onThemeChange
   } = props;
   const httpClient = useWiseHttpClient(customFetch);
-  const mergedRenderers = useMemo2(() => [...renderers != null ? renderers : [], ...wiseRenderers], [renderers]);
+  const mergedRenderers = useMemo2(
+    () => [ModalContentRenderer, ...renderers != null ? renderers : [], ...wiseRenderers],
+    [renderers]
+  );
   const logEvent = useMemo2(() => getLogEvent(onLog), [onLog]);
   const trackEvent = useMemo2(
     () => getTrackEvent(onEvent, onAnalytics, onThemeChange),
@@ -3246,7 +3262,7 @@ var DynamicForm = forwardRef(function DynamicForm2(props, ref) {
     onLog: logEvent,
     onLink
   });
-  return /* @__PURE__ */ jsx59(DynamicFormCore, __spreadProps(__spreadValues({}, coreProps), { ref }));
+  return /* @__PURE__ */ jsx60(DynamicFormCore, __spreadProps(__spreadValues({}, coreProps), { ref }));
 });
 var useWiseHttpClient = (httpClient) => {
   const { locale } = useIntl9();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client-internal",
-  "version": "4.9.5",
+  "version": "4.10.1",
   "description": "Dynamic Flow web client for Wise",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -51,10 +51,10 @@
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
-    "@transferwise/components": "46.95.1",
+    "@transferwise/components": "46.96.0",
     "@transferwise/formatting": "^2.13.1",
-    "@transferwise/icons": "3.19.1",
-    "@transferwise/neptune-css": "14.24.0",
+    "@transferwise/icons": "3.20.0",
+    "@transferwise/neptune-css": "14.24.2",
     "@types/jest": "29.5.14",
     "@types/react": "18.3.20",
     "@types/react-dom": "18.3.6",
@@ -62,7 +62,7 @@
     "@wise/components-theming": "^1.6.2",
     "babel-jest": "29.7.0",
     "currency-flags": "4.0.7",
-    "esbuild": "0.25.2",
+    "esbuild": "0.25.3",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "jest-fetch-mock": "^3.0.3",
@@ -75,16 +75,16 @@
     "react-dom": "18.3.1",
     "react-intl": "6.8.9",
     "storybook": "^8.6.12",
-    "stylelint": "16.18.0",
+    "stylelint": "16.19.1",
     "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.19.3",
     "typescript": "5.8.3",
-    "webpack": "5.99.6",
+    "webpack": "5.99.7",
     "@wise/dynamic-flow-fixtures": "0.0.1",
-    "@wise/dynamic-flow-types": "3.1.4",
-    "@wise/dynamic-flow-renderers": "0.0.0"
+    "@wise/dynamic-flow-renderers": "0.0.0",
+    "@wise/dynamic-flow-types": "3.2.0"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.92.0",
@@ -99,8 +99,8 @@
   },
   "dependencies": {
     "classnames": "2.5.1",
-    "@wise/dynamic-flow-client": "4.3.14",
-    "@wise/dynamic-flow-types": "3.1.4"
+    "@wise/dynamic-flow-client": "4.4.0",
+    "@wise/dynamic-flow-types": "3.2.0"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3005",