@wise/dynamic-flow-client 3.25.0 → 3.25.2

package/build/main.mjs

@@ -6965,12 +6965,18 @@ var alertLayoutToComponent = (uid, { control, markdown, margin = "md", context =
     control,
     markdown,
     margin,
-    callToAction: callToAction ? getComponentCallToAction(callToAction, onAction) : void 0,
+    callToAction: getComponentCallToAction(callToAction, onAction),
     context: mapLegacyContext(context)
   });
 };
 var getComponentCallToAction = (callToAction, onAction) => {
+  if (!callToAction) {
+    return void 0;
+  }
   const { accessibilityDescription, behavior, title } = callToAction;
+  if ("type" in behavior) {
+    return void 0;
+  }
   if (behavior.link) {
     const { url } = behavior.link;
     return {
@@ -7071,9 +7077,13 @@ var buttonLayoutToComponent = (uid, button, mapperProps) => {
 var buttonLayoutToComponentWithBehavior = (uid, button, mapperProps) => {
   const { onAction, onLink, step } = mapperProps;
   const { context, control, disabled, margin = "md", pinOrder, size, title, behavior } = button;
-  const { action, link } = behavior;
-  const inlinedAction = action ? inlineAction(action, step == null ? void 0 : step.actions) : null;
-  const onClick = (() => {
+  const getOnClick = () => {
+    if ("type" in behavior) {
+      return () => {
+      };
+    }
+    const { action, link } = behavior;
+    const inlinedAction = action ? inlineAction(action, step == null ? void 0 : step.actions) : null;
     if (inlinedAction) {
       return () => {
         void onAction(inlinedAction);
@@ -7086,7 +7096,7 @@ var buttonLayoutToComponentWithBehavior = (uid, button, mapperProps) => {
     }
     return () => {
     };
-  })();
+  };
   return createButtonComponent({
     uid,
     context: mapLegacyContext(context != null ? context : "neutral"),
@@ -7096,7 +7106,7 @@ var buttonLayoutToComponentWithBehavior = (uid, button, mapperProps) => {
     pinOrder,
     size,
     title: title != null ? title : "",
-    onClick
+    onClick: getOnClick()
   });
 };
 var buttonLayoutToComponentWithAction = (uid, button, mapperProps) => {
@@ -10126,24 +10136,34 @@ var getReviewAction = ({ onAction, onLink, callToAction, action }) => {
   if (callToAction) {
     const { action: ctaAction, behavior, title } = callToAction;
     if (behavior) {
+      if ("type" in behavior) {
+        return void 0;
+      }
       const { accessibilityDescription, action: behaviorAction, link } = behavior;
-      const onClick = () => {
-        if (behaviorAction) {
-          return () => {
+      if (behaviorAction) {
+        return {
+          accessibilityDescription,
+          title,
+          onClick: () => {
             void onAction(behaviorAction);
-          };
-        }
-        if (link) {
-          return () => {
+          }
+        };
+      }
+      if (link) {
+        return {
+          accessibilityDescription,
+          href: link.url,
+          title,
+          onClick: () => {
             onLink(link.url);
-          };
-        }
-      };
+          }
+        };
+      }
       return {
         accessibilityDescription,
-        href: link == null ? void 0 : link.url,
         title,
-        onClick
+        onClick: () => {
+        }
       };
     }
     if (ctaAction) {
@@ -10330,40 +10350,59 @@ var createStatusListComponent = (statusListProps) => __spreadProps(__spreadValue
 var statusListLayoutToComponent = (uid, { control, items, margin = "md", title }, { onAction, onLink }) => createStatusListComponent({
   uid,
   control,
-  items: items.map((item) => {
-    var _a, _b, _c;
-    return __spreadProps(__spreadValues({}, item), {
-      href: (_c = (_b = (_a = item == null ? void 0 : item.callToAction) == null ? void 0 : _a.behavior) == null ? void 0 : _b.link) == null ? void 0 : _c.url,
-      callToAction: item.callToAction ? getItemCallToAction(item.callToAction, onAction, onLink) : void 0
-    });
-  }),
+  items: items.map((item) => __spreadProps(__spreadValues({}, item), {
+    href: getItemHref(item.callToAction),
+    callToAction: getItemCallToAction(item.callToAction, onAction, onLink)
+  })),
   margin,
   title
 });
+var getItemHref = (callToAction) => {
+  var _a;
+  if (!callToAction) {
+    return void 0;
+  }
+  const { behavior } = callToAction;
+  if ("type" in behavior) {
+    return void 0;
+  }
+  return (_a = behavior == null ? void 0 : behavior.link) == null ? void 0 : _a.url;
+};
 var getItemCallToAction = (callToAction, onAction, onLink) => {
+  if (!callToAction) {
+    return void 0;
+  }
   const { accessibilityDescription, behavior, title } = callToAction;
-  if (behavior.link) {
-    const { url } = behavior.link;
+  if ("type" in behavior) {
+    return void 0;
+  }
+  if (behavior.action) {
+    const { action } = behavior;
     return {
       accessibilityDescription,
-      href: url,
       title,
       onClick: () => {
-        void onLink(url);
+        void onAction(action);
       }
     };
   }
-  if (behavior.action) {
-    const { action } = behavior;
+  if (behavior.link) {
+    const { url } = behavior.link;
     return {
       accessibilityDescription,
+      href: url,
       title,
       onClick: () => {
-        void onAction(action);
+        void onLink(url);
       }
     };
   }
-  return void 0;
+  return {
+    accessibilityDescription,
+    title,
+    onClick: () => {
+    }
+  };
 };
 
 // src/revamp/domain/mappers/layout/listLayoutToComponent.ts
@@ -12997,19 +13036,32 @@ var StatusListRenderer = {
         description,
         icon: icon && "name" in icon ? /* @__PURE__ */ jsx50(DynamicIcon_default, { name: icon.name }) : null,
         status: mapStatus(status),
-        action: callToAction ? {
-          "aria-label": callToAction.accessibilityDescription,
-          href: callToAction.href,
-          text: callToAction.title,
-          target: callToAction.href ? "_blank" : void 0,
-          onClick: callToAction.href ? void 0 : callToAction.onClick
-        } : void 0
+        action: getSummaryAction(callToAction)
       },
       `${itemTitle}/${description || ""}`
     ))
   ] })
 };
 var StatusListRenderer_default = StatusListRenderer;
+var getSummaryAction = (callToAction) => {
+  if (!callToAction) {
+    return void 0;
+  }
+  const { accessibilityDescription, href, title, onClick } = callToAction;
+  if (!href) {
+    return {
+      "aria-label": accessibilityDescription,
+      text: title,
+      onClick
+    };
+  }
+  return {
+    "aria-label": accessibilityDescription,
+    href,
+    target: "_blank",
+    text: title
+  };
+};
 var mapStatus = (status) => {
   if (status === "not-done") {
     return "notDone";
@@ -13302,20 +13354,21 @@ var getReviewAction2 = (callToAction) => {
     return void 0;
   }
   const { accessibilityDescription, href, title, onClick } = callToAction;
-  if (href) {
+  if (!href) {
     return {
       "aria-label": accessibilityDescription,
-      href,
-      text: title
+      text: title,
+      onClick: (event) => {
+        event.preventDefault();
+        onClick();
+      }
     };
   }
   return {
     "aria-label": accessibilityDescription,
-    text: title,
-    onClick: (event) => {
-      event.preventDefault();
-      onClick();
-    }
+    href,
+    target: "_blank",
+    text: title
   };
 };
 
@@ -18212,12 +18265,11 @@ var DynamicStatusList = ({ component, onAction }) => {
 var mapListItemToSummary = (props, onAction) => {
   const { title, description, icon, status } = props;
   const summaryProps = __spreadValues(__spreadValues({
-    key: `${title}/${description || ""}`,
     title,
     description,
     action: "callToAction" in props ? callToActionToSummaryAction(props == null ? void 0 : props.callToAction, onAction) : void 0
   }, (icon == null ? void 0 : icon.name) ? { icon: /* @__PURE__ */ jsx108(DynamicIcon_default2, { type: icon.name }) } : {}), status ? { status: statusMap[status] } : {});
-  return /* @__PURE__ */ jsx108(Summary2, __spreadValues({}, summaryProps));
+  return /* @__PURE__ */ jsx108(Summary2, __spreadValues({}, summaryProps), `${title}/${description || ""}`);
 };
 var callToActionToSummaryAction = (callToAction, onAction) => {
   if (!callToAction) {
@@ -18243,7 +18295,12 @@ var callToActionToSummaryAction = (callToAction, onAction) => {
       }
     };
   }
-  return void 0;
+  return {
+    text: "title",
+    "aria-label": accessibilityDescription,
+    onClick: () => {
+    }
+  };
 };
 var statusListMap = {
   done: "done",
@@ -18389,16 +18446,16 @@ function DynamicReview(props) {
     const { title, action, behavior } = callToAction2;
     if (behavior) {
       const { action: behaviorAction, link } = behavior;
-      if (link) {
+      if (behaviorAction) {
         return {
           text: title != null ? title : "",
-          href: link == null ? void 0 : link.url
+          onClick: behaviorAction ? getOnClick(behaviorAction) : void 0
         };
       }
-      if (behaviorAction) {
+      if (link) {
         return {
           text: title != null ? title : "",
-          onClick: behaviorAction ? getOnClick(behaviorAction) : void 0
+          href: link == null ? void 0 : link.url
         };
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "3.25.0",
+  "version": "3.25.2",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",