@wise/dynamic-flow-client 3.17.0 → 3.18.0

package/build/main.mjs

@@ -138,12 +138,12 @@ var init_clsx = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.15.0_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-93a0c34e.esm.js
+// ../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.18.0_@types+react@18.3.4_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-93a0c34e.esm.js
 import { useState as useState2, useEffect as useEffect2, forwardRef, Suspense, lazy } from "react";
 import { jsx as jsx17, jsxs as jsxs4, Fragment as Fragment3 } from "react/jsx-runtime";
 var unknownFlagName, Flag, Sizes, ImageSizes, imageSizes, Assets, RenderMode;
 var init_index_93a0c34e_esm = __esm({
-  "../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.15.0_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-93a0c34e.esm.js"() {
+  "../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.18.0_@types+react@18.3.4_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-93a0c34e.esm.js"() {
     "use strict";
     init_clsx();
     unknownFlagName = "wise";
@@ -1628,9 +1628,9 @@ var markdownComponentToProps = ({
 });
 
 // src/revamp/renderers/mappers/modalComponentToProps.ts
-var modalComponentToProps = ({ control, margin, trigger }, components) => ({
+var modalComponentToProps = ({ content, control, margin, trigger }, components) => ({
   type: "modal",
-  content: { components },
+  content: { components, title: content.title },
   control,
   margin,
   trigger
@@ -9916,13 +9916,14 @@ var createModalComponent = (modalProps) => __spreadProps(__spreadValues({
 
 // src/revamp/domain/mappers/layout/modalLayoutToComponent.ts
 var modalLayoutToComponent = (uid, { content, control, margin = "md", trigger }, mapperProps) => {
-  const { components } = content;
+  const { components, title } = content;
   return createModalComponent({
     uid,
     content: {
       components: components.map(
         (component, index) => mapLayoutToComponent(`${uid}.modal-${index}`, component, mapperProps)
-      )
+      ),
+      title
     },
     control,
     margin,
@@ -11286,7 +11287,7 @@ var DateInputRenderer_default = DateInputRenderer;
 // ../renderers/src/DecisionRenderer.tsx
 import { NavigationOptionsList, NavigationOption, Header } from "@transferwise/components";
 
-// ../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.15.0_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index.esm.js
+// ../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.18.0_@types+react@18.3.4_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index.esm.js
 init_index_93a0c34e_esm();
 init_clsx();
 import "react";
@@ -11623,6 +11624,7 @@ var ModalRenderer = {
 var ModalRenderer_default = ModalRenderer;
 function DFModal({ content, margin, trigger }) {
   const [visible, setVisible] = useState4(false);
+  const { components, title } = content;
   return /* @__PURE__ */ jsxs8("div", { className: getMargin(margin), children: [
     /* @__PURE__ */ jsx32(Button2, { priority: "tertiary", block: true, onClick: () => setVisible(true), children: trigger.title }),
     /* @__PURE__ */ jsx32(
@@ -11631,7 +11633,8 @@ function DFModal({ content, margin, trigger }) {
         scroll: "content",
         open: visible,
         size: "lg",
-        body: content.components,
+        title,
+        body: components,
         onClose: () => setVisible(false)
       }
     )
@@ -18084,6 +18087,7 @@ function DynamicModal(props) {
         scroll: "content",
         open: visible,
         size: "lg",
+        title: component.content.title,
         body: /* @__PURE__ */ jsx115(
           DynamicLayout_default,
           __spreadProps(__spreadValues({}, props), {

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

@@ -8,5 +8,6 @@ export type ModalComponent = LayoutComponent & {
 };
 export type ModalContent = {
     components: DomainComponent[];
+    title?: string;
 };
 export declare const createModalComponent: (modalProps: Pick<ModalComponent, "uid" | "content" | "control" | "margin" | "trigger">) => ModalComponent;

package/build/types/revamp/renderers/mappers/modalComponentToProps.d.ts

@@ -1,4 +1,4 @@
 import type { ReactNode } from 'react';
 import type { ModalComponent } from '../../domain/components/ModalComponent';
 import type { ModalRendererProps } from '@wise/dynamic-flow-renderers';
-export declare const modalComponentToProps: ({ control, margin, trigger }: ModalComponent, components: ReactNode) => ModalRendererProps;
+export declare const modalComponentToProps: ({ content, control, margin, trigger }: ModalComponent, components: ReactNode) => ModalRendererProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "3.17.0",
+  "version": "3.18.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -30,11 +30,11 @@
     "@babel/core": "7.25.2",
     "@babel/plugin-syntax-flow": "7.24.7",
     "@babel/plugin-transform-react-jsx": "7.25.2",
-    "@babel/preset-env": "7.25.3",
+    "@babel/preset-env": "7.25.4",
     "@babel/preset-react": "7.24.7",
     "@babel/preset-typescript": "7.24.7",
     "@cfaester/enzyme-adapter-react-18": "0.8.0",
-    "@chromatic-com/storybook": "1.6.1",
+    "@chromatic-com/storybook": "1.7.0",
     "@formatjs/cli": "^6.2.12",
     "@storybook/addon-a11y": "^8.2.9",
     "@storybook/addon-actions": "^8.2.9",
@@ -48,24 +48,24 @@
     "@storybook/test": "^8.2.9",
     "@storybook/types": "^8.2.9",
     "@testing-library/dom": "10.4.0",
-    "@testing-library/jest-dom": "6.4.8",
+    "@testing-library/jest-dom": "6.5.0",
     "@testing-library/react": "16.0.0",
     "@testing-library/react-hooks": "8.0.1",
     "@testing-library/user-event": "14.5.2",
-    "@transferwise/components": "46.65.0",
+    "@transferwise/components": "46.70.2",
     "@transferwise/formatting": "^2.13.0",
     "@transferwise/icons": "3.13.0",
-    "@transferwise/neptune-css": "14.15.0",
+    "@transferwise/neptune-css": "14.18.0",
     "@types/enzyme": "^3.10.18",
     "@types/jest": "29.5.12",
-    "@types/react": "18.3.3",
+    "@types/react": "18.3.4",
     "@types/react-dom": "18.3.0",
     "@types/react-intl": "3.0.0",
     "@wise/art": "2.14.0",
     "@wise/components-theming": "^1.6.0",
     "babel-jest": "29.7.0",
     "enzyme": "^3.11.0",
-    "esbuild": "0.23.0",
+    "esbuild": "0.23.1",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "jest-fetch-mock": "^3.0.3",
@@ -83,9 +83,9 @@
     "stylelint-config-standard": "36.0.1",
     "stylelint-no-unsupported-browser-features": "8.0.1",
     "stylelint-value-no-unknown-custom-properties": "6.0.1",
-    "tsx": "4.17.0",
+    "tsx": "4.18.0",
     "typescript": "5.5.4",
-    "webpack": "5.93.0",
+    "webpack": "5.94.0",
     "@wise/dynamic-flow-fixtures": "0.0.1",
     "@wise/dynamic-flow-renderers": "0.0.0"
   },
@@ -104,7 +104,7 @@
     "nanoid": "5.0.7",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "2.20.0"
+    "@wise/dynamic-flow-types": "2.21.0"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",