@wise/dynamic-flow-client 3.20.2 → 3.21.0

package/build/main.mjs

@@ -14714,10 +14714,9 @@ var priorities = {
   positive: "primary",
   negative: "primary"
 };
-var getButtonPriority = (component) => {
-  var _a;
-  const actionType = component.action.type;
-  return (_a = component.control) != null ? _a : actionType ? priorities[actionType] : "secondary";
+var getButtonPriority = (control, action) => {
+  const actionType = action ? action.type : void 0;
+  return control != null ? control : actionType ? priorities[actionType] : "secondary";
 };
 var contextToType = {
   positive: "positive",
@@ -14732,13 +14731,16 @@ var actionTypeToType = {
   positive: "positive",
   negative: "negative"
 };
-var getButtonType = (component) => {
-  if (component.context) {
-    return contextToType[component.context];
+var getButtonType = (context, action) => {
+  if (context) {
+    return contextToType[context];
   }
-  const actionType = component.action.type;
+  const actionType = action ? action.type : void 0;
   return actionType ? actionTypeToType[actionType] : "accent";
 };
+var getButtonTypeFromContext = (context) => {
+  return context ? contextToType[context] : "accent";
+};
 var getButtonSize = (size) => {
   switch (size) {
     case "xs":
@@ -14756,13 +14758,23 @@ var getButtonSize = (size) => {
 // src/legacy/layout/button/DynamicButton.tsx
 import { jsx as jsx72 } from "react/jsx-runtime";
 function DynamicButton(props) {
-  var _a;
+  return props.component.behavior ? /* @__PURE__ */ jsx72(DynamicButtonWithBehavior, __spreadValues({}, props)) : /* @__PURE__ */ jsx72(DynamicButtonWithoutBehavior, __spreadValues({}, props));
+}
+function DynamicButtonWithoutBehavior(props) {
+  var _a, _b;
   const { component, onAction } = props;
   const componentAction = component.action;
-  const type = getButtonType(component);
-  const priority = getButtonPriority(component);
+  const type = getButtonType(component.context, componentAction);
+  const priority = getButtonPriority(component.control, componentAction);
   const { loading } = useDynamicFlow();
   const className = getMargin2(component.margin || "md");
+  const disabled = loading || component.disabled || (componentAction == null ? void 0 : componentAction.disabled);
+  const title = (_b = (_a = component.title) != null ? _a : componentAction == null ? void 0 : componentAction.title) != null ? _b : "";
+  const onClick = () => {
+    if (componentAction) {
+      onAction(componentAction);
+    }
+  };
   return /* @__PURE__ */ jsx72(
     Button6,
     {
@@ -14771,9 +14783,41 @@ function DynamicButton(props) {
       priority,
       block: true,
       className,
-      disabled: loading || component.disabled || componentAction.disabled,
-      onClick: () => onAction(componentAction),
-      children: (_a = component.title) != null ? _a : componentAction.title
+      disabled,
+      onClick,
+      children: title
+    }
+  );
+}
+function DynamicButtonWithBehavior(props) {
+  var _a, _b;
+  const { component } = props;
+  const type = getButtonTypeFromContext(component.context);
+  const priority = (_a = component.control) != null ? _a : "secondary";
+  const { loading } = useDynamicFlow();
+  const className = getMargin2(component.margin || "md");
+  const disabled = loading || component.disabled;
+  const title = (_b = component.title) != null ? _b : "";
+  const onClick = () => {
+    const { behavior } = component;
+    if (behavior == null ? void 0 : behavior.action) {
+      props.onAction(behavior.action);
+    }
+    if (behavior == null ? void 0 : behavior.link) {
+      window.open(behavior.link.url, "_blank");
+    }
+  };
+  return /* @__PURE__ */ jsx72(
+    Button6,
+    {
+      size: getButtonSize(component.size),
+      type: priority === "tertiary" ? void 0 : type,
+      priority,
+      block: true,
+      className,
+      disabled,
+      onClick,
+      children: title
     }
   );
 }

package/build/types/legacy/layout/button/DynamicButton.d.ts

@@ -1,7 +1,9 @@
-import type { ButtonLayout } from '@wise/dynamic-flow-types';
+import type { Behavior, ButtonLayout } from '@wise/dynamic-flow-types';
 import type { CommonLayoutProps } from '../DynamicLayout';
 type Props = Omit<CommonLayoutProps, 'submitted' | 'onModelChange' | 'onPersistAsync'> & {
-    component: ButtonLayout;
+    component: ButtonLayout & {
+        behavior?: Behavior;
+    };
 };
 declare function DynamicButton(props: Props): import("react/jsx-runtime").JSX.Element;
 export default DynamicButton;

package/build/types/legacy/layout/button/utils.d.ts

@@ -1,4 +1,5 @@
-import type { ButtonLayout, Size } from '@wise/dynamic-flow-types';
-export declare const getButtonPriority: (component: ButtonLayout) => "primary" | "secondary" | "tertiary";
-export declare const getButtonType: (component: ButtonLayout) => "positive" | "negative" | "accent";
+import type { Action, Size } from '@wise/dynamic-flow-types';
+export declare const getButtonPriority: (control: "primary" | "secondary" | "tertiary" | undefined, action: Action | undefined) => "primary" | "secondary" | "tertiary";
+export declare const getButtonType: (context: "positive" | "negative" | "neutral" | undefined, action: Action | undefined) => "positive" | "negative" | "accent";
+export declare const getButtonTypeFromContext: (context: "positive" | "negative" | "neutral" | undefined) => "positive" | "negative" | "accent";
 export declare const getButtonSize: (size: Size | undefined) => "sm" | "md" | "lg";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "3.20.2",
+  "version": "3.21.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -103,7 +103,7 @@
     "nanoid": "5.0.7",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "2.23.0"
+    "@wise/dynamic-flow-types": "2.23.1"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",