@wise/dynamic-flow-client 3.20.2 → 3.21.1

package/build/main.js

@@ -144,10 +144,10 @@ var init_clsx = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@wise+art@2.15.0_@transferwise+neptune-css@14.18.0_@types+react@18.3.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-a91e5689.esm.js
+// ../../node_modules/.pnpm/@wise+art@2.15.0_@transferwise+neptune-css@14.18.0_@types+react@18.3.11_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-a91e5689.esm.js
 var import_react7, import_jsx_runtime17, unknownFlagName, Flag, Sizes, ImageSizes, imageSizes, Assets, RenderMode;
 var init_index_a91e5689_esm = __esm({
-  "../../node_modules/.pnpm/@wise+art@2.15.0_@transferwise+neptune-css@14.18.0_@types+react@18.3.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-a91e5689.esm.js"() {
+  "../../node_modules/.pnpm/@wise+art@2.15.0_@transferwise+neptune-css@14.18.0_@types+react@18.3.11_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-a91e5689.esm.js"() {
     "use strict";
     init_clsx();
     import_react7 = require("react");
@@ -11428,7 +11428,7 @@ var DateInputRenderer_default = DateInputRenderer;
 // ../renderers/src/DecisionRenderer.tsx
 var import_components9 = require("@transferwise/components");
 
-// ../../node_modules/.pnpm/@wise+art@2.15.0_@transferwise+neptune-css@14.18.0_@types+react@18.3.8_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.15.0_@transferwise+neptune-css@14.18.0_@types+react@18.3.11_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index.esm.js
 init_index_a91e5689_esm();
 init_clsx();
 var import_react8 = require("react");
@@ -14732,10 +14732,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",
@@ -14750,13 +14749,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":
@@ -14774,13 +14776,23 @@ var getButtonSize = (size) => {
 // src/legacy/layout/button/DynamicButton.tsx
 var import_jsx_runtime73 = require("react/jsx-runtime");
 function DynamicButton(props) {
-  var _a;
+  return props.component.behavior ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(DynamicButtonWithBehavior, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(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__ */ (0, import_jsx_runtime73.jsx)(
     import_components42.Button,
     {
@@ -14789,9 +14801,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__ */ (0, import_jsx_runtime73.jsx)(
+    import_components42.Button,
+    {
+      size: getButtonSize(component.size),
+      type: priority === "tertiary" ? void 0 : type,
+      priority,
+      block: true,
+      className,
+      disabled,
+      onClick,
+      children: title
     }
   );
 }