@wise/dynamic-flow-client 3.24.1 → 3.25.0

package/build/main.js

@@ -10133,23 +10133,54 @@ var createReviewComponent = (reviewProps) => __spreadProps(__spreadValues({
 });
 
 // src/revamp/domain/mappers/layout/reviewLayoutToComponent.ts
-var reviewLayoutToComponent = (uid, { fields, title, callToAction, control, margin = "md", orientation, action }, { onAction }) => createReviewComponent({
+var reviewLayoutToComponent = (uid, { fields, title, callToAction, control, margin = "md", orientation, action }, { onAction, onLink }) => createReviewComponent({
   uid,
-  callToAction: getReviewAction(onAction, callToAction, action),
+  callToAction: getReviewAction({ onAction, onLink, callToAction, action }),
   control: getOrientationControl({ control, orientation }),
-  fields: fields.map((field) => {
-    var _a;
-    return __spreadProps(__spreadValues({}, field), { help: (_a = field.help) == null ? void 0 : _a.markdown });
-  }),
+  fields: fields.map(({ label, value, rawValue, help }) => ({
+    label,
+    value,
+    rawValue,
+    help: help == null ? void 0 : help.markdown
+  })),
   margin,
   title
 });
-var getReviewAction = (onAction, callToAction, action) => {
+var getReviewAction = ({ onAction, onLink, callToAction, action }) => {
   if (callToAction) {
+    const { action: ctaAction, behavior, title } = callToAction;
+    if (behavior) {
+      const { accessibilityDescription, action: behaviorAction, link } = behavior;
+      const onClick = () => {
+        if (behaviorAction) {
+          return () => {
+            void onAction(behaviorAction);
+          };
+        }
+        if (link) {
+          return () => {
+            onLink(link.url);
+          };
+        }
+      };
+      return {
+        accessibilityDescription,
+        href: link == null ? void 0 : link.url,
+        title,
+        onClick
+      };
+    }
+    if (ctaAction) {
+      return {
+        title,
+        onClick: () => {
+          void onAction(ctaAction);
+        }
+      };
+    }
     return {
-      title: callToAction.title,
+      title,
       onClick: () => {
-        void onAction(callToAction.action);
       }
     };
   }
@@ -13238,15 +13269,8 @@ var ReviewRenderer = {
   canRenderType: "review",
   render: ({ callToAction, control, fields, margin, title }) => {
     const orientation = mapControlToDefinitionListLayout(control);
-    const action = callToAction ? {
-      text: callToAction.title,
-      onClick: (event) => {
-        event.preventDefault();
-        callToAction.onClick();
-      }
-    } : void 0;
     return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: getMargin(margin), children: [
-      (title || callToAction) && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_components37.Header, { title: title != null ? title : "", action }),
+      (title || callToAction) && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_components37.Header, { title: title != null ? title : "", action: getReviewAction2(callToAction) }),
       /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: margin, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
         import_components37.DefinitionList,
         {
@@ -13291,6 +13315,27 @@ var getFieldValue = (value, help, orientation) => {
   }
   return value;
 };
+var getReviewAction2 = (callToAction) => {
+  if (!callToAction) {
+    return void 0;
+  }
+  const { accessibilityDescription, href, title, onClick } = callToAction;
+  if (href) {
+    return {
+      "aria-label": accessibilityDescription,
+      href,
+      text: title
+    };
+  }
+  return {
+    "aria-label": accessibilityDescription,
+    text: title,
+    onClick: (event) => {
+      event.preventDefault();
+      onClick();
+    }
+  };
+};
 
 // ../renderers/src/step/StepRenderer.tsx
 var import_react19 = require("react");
@@ -18340,21 +18385,42 @@ var getDefinitionListLayout = (review) => {
   }
 };
 function DynamicReview(props) {
+  var _a;
   const review = props.component;
   const margin = getMargin2(review.margin || "xs");
-  const getReviewAction2 = (title, action) => ({
-    text: title != null ? title : "",
-    href: action.url,
-    onClick: (event) => {
+  const getReviewAction3 = (callToAction2) => {
+    const { title, action, behavior } = callToAction2;
+    if (behavior) {
+      const { action: behaviorAction, link } = behavior;
+      if (link) {
+        return {
+          text: title != null ? title : "",
+          href: link == null ? void 0 : link.url
+        };
+      }
+      if (behaviorAction) {
+        return {
+          text: title != null ? title : "",
+          onClick: behaviorAction ? getOnClick(behaviorAction) : void 0
+        };
+      }
+    }
+    return {
+      text: title != null ? title : "",
+      onClick: action ? getOnClick(action) : void 0
+    };
+  };
+  const getOnClick = (action) => {
+    return (event) => {
       event.preventDefault();
       if (action) {
         props.onAction(action);
       }
-    }
-  });
+    };
+  };
   const orientation = getDefinitionListLayout(review);
-  const callToAction = review.callToAction ? getReviewAction2(review.callToAction.title, review.callToAction.action) : null;
-  const legacyCallToAction = !callToAction && review.action ? getReviewAction2(review.action.title || "", review.action) : null;
+  const callToAction = review.callToAction ? getReviewAction3(review.callToAction) : null;
+  const legacyCallToAction = !callToAction && review.action ? { text: (_a = review.action.title) != null ? _a : "", onClick: getOnClick(review.action) } : null;
   return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: margin, children: [
     review.title && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_components69.Header, { title: review.title, action: callToAction || legacyCallToAction || void 0 }),
     /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: margin, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_components69.DefinitionList, { layout: orientation, definitions: getDefinitions(orientation, review) }) })