@wise/dynamic-flow-client 5.4.1 → 5.5.0

package/build/main.js

@@ -1389,6 +1389,7 @@ var buttonComponentToProps = (component, rendererMapperProps) => {
     "control",
     "context",
     "margin",
+    "media",
     "pinOrder",
     "size",
     "onClick",
@@ -2712,17 +2713,7 @@ var buttonLayoutToComponent = (uid, button, mapperProps) => {
 var buttonLayoutToComponentWithBehavior = (uid, button, mapperProps) => {
   var _a;
   const { onBehavior } = mapperProps;
-  const {
-    context,
-    control,
-    disabled,
-    margin,
-    pinOrder,
-    size,
-    title,
-    analyticsId,
-    tags
-  } = button;
+  const { context, control, disabled, margin, media, pinOrder, size, title, analyticsId, tags } = button;
   const behavior = getDomainLayerBehavior(
     button,
     (_a = mapperProps.step.actions) != null ? _a : [],
@@ -2738,6 +2729,7 @@ var buttonLayoutToComponentWithBehavior = (uid, button, mapperProps) => {
     control,
     disabled: disabled != null ? disabled : false,
     margin: margin != null ? margin : "md",
+    media: getDomainLayerMedia({ media }),
     pinOrder,
     size,
     title: title != null ? title : "",
@@ -2752,6 +2744,7 @@ var buttonLayoutToComponentWithAction = (uid, button, mapperProps) => {
     control,
     disabled,
     margin = "md",
+    media,
     pinOrder,
     size,
     title,
@@ -2769,6 +2762,7 @@ var buttonLayoutToComponentWithAction = (uid, button, mapperProps) => {
     control: getButtonControl({ control, action: inlinedAction }),
     disabled: getButtonDisabled({ disabled, action: inlinedAction }),
     margin,
+    media: getDomainLayerMedia({ media }),
     pinOrder,
     size,
     title: getButtonTitle({ title, action: inlinedAction }),

package/build/main.mjs

@@ -1359,6 +1359,7 @@ var buttonComponentToProps = (component, rendererMapperProps) => {
     "control",
     "context",
     "margin",
+    "media",
     "pinOrder",
     "size",
     "onClick",
@@ -2682,17 +2683,7 @@ var buttonLayoutToComponent = (uid, button, mapperProps) => {
 var buttonLayoutToComponentWithBehavior = (uid, button, mapperProps) => {
   var _a;
   const { onBehavior } = mapperProps;
-  const {
-    context,
-    control,
-    disabled,
-    margin,
-    pinOrder,
-    size,
-    title,
-    analyticsId,
-    tags
-  } = button;
+  const { context, control, disabled, margin, media, pinOrder, size, title, analyticsId, tags } = button;
   const behavior = getDomainLayerBehavior(
     button,
     (_a = mapperProps.step.actions) != null ? _a : [],
@@ -2708,6 +2699,7 @@ var buttonLayoutToComponentWithBehavior = (uid, button, mapperProps) => {
     control,
     disabled: disabled != null ? disabled : false,
     margin: margin != null ? margin : "md",
+    media: getDomainLayerMedia({ media }),
     pinOrder,
     size,
     title: title != null ? title : "",
@@ -2722,6 +2714,7 @@ var buttonLayoutToComponentWithAction = (uid, button, mapperProps) => {
     control,
     disabled,
     margin = "md",
+    media,
     pinOrder,
     size,
     title,
@@ -2739,6 +2732,7 @@ var buttonLayoutToComponentWithAction = (uid, button, mapperProps) => {
     control: getButtonControl({ control, action: inlinedAction }),
     disabled: getButtonDisabled({ disabled, action: inlinedAction }),
     margin,
+    media: getDomainLayerMedia({ media }),
     pinOrder,
     size,
     title: getButtonTitle({ title, action: inlinedAction }),

package/build/types/domain/components/ButtonComponent.d.ts

@@ -1,13 +1,14 @@
 import type { Size } from '@wise/dynamic-flow-types/spec';
-import type { BaseLayoutComponent, Context } from '../types';
+import type { BaseLayoutComponent, Context, Media } from '../types';
 export type ButtonComponent = BaseLayoutComponent & {
     type: 'button';
     kind: 'layout';
     context: Context;
     disabled: boolean;
+    media?: Media;
     pinOrder?: number;
     size?: Size;
     title: string;
     onClick: () => void;
 };
-export declare const createButtonComponent: (buttonProps: Pick<ButtonComponent, "uid" | "context" | "control" | "disabled" | "margin" | "onClick" | "pinOrder" | "size" | "title" | "analyticsId" | "tags">) => ButtonComponent;
+export declare const createButtonComponent: (buttonProps: Pick<ButtonComponent, "uid" | "context" | "control" | "disabled" | "margin" | "media" | "onClick" | "pinOrder" | "size" | "title" | "analyticsId" | "tags">) => ButtonComponent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "5.4.1",
+  "version": "5.5.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -72,8 +72,8 @@
     "typescript": "5.9.3",
     "vitest": "4.0.18",
     "vitest-fetch-mock": "0.4.5",
-    "@wise/dynamic-flow-renderers": "0.0.0",
-    "@wise/dynamic-flow-fixtures": "0.0.1"
+    "@wise/dynamic-flow-fixtures": "0.0.1",
+    "@wise/dynamic-flow-renderers": "0.0.0"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.104.0",
@@ -86,7 +86,7 @@
     "react-intl": "^6 || ^7"
   },
   "dependencies": {
-    "@wise/dynamic-flow-types": "4.5.1"
+    "@wise/dynamic-flow-types": "4.6.0"
   },
   "scripts": {
     "dev": "EXCLUDE_VISUAL_TESTS=true pnpm storybook dev -p 3003",