@wise/dynamic-flow-client 3.24.0 → 3.25.0

package/build/main.mjs

@@ -10109,23 +10109,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);
       }
     };
   }
@@ -13220,15 +13251,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__ */ jsxs19("div", { className: getMargin(margin), children: [
-      (title || callToAction) && /* @__PURE__ */ jsx54(Header6, { title: title != null ? title : "", action }),
+      (title || callToAction) && /* @__PURE__ */ jsx54(Header6, { title: title != null ? title : "", action: getReviewAction2(callToAction) }),
       /* @__PURE__ */ jsx54("div", { className: margin, children: /* @__PURE__ */ jsx54(
         DefinitionList,
         {
@@ -13273,6 +13297,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
 import { useMemo as useMemo3 } from "react";
@@ -18337,21 +18382,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__ */ jsxs40("div", { className: margin, children: [
     review.title && /* @__PURE__ */ jsx111(Header14, { title: review.title, action: callToAction || legacyCallToAction || void 0 }),
     /* @__PURE__ */ jsx111("div", { className: margin, children: /* @__PURE__ */ jsx111(DefinitionList3, { layout: orientation, definitions: getDefinitions(orientation, review) }) })

package/build/types/revamp/domain/components/ReviewComponent.d.ts

@@ -9,8 +9,11 @@ export type ReviewField = {
     help?: string;
     label: string;
     value: string;
+    rawValue?: string;
 };
 export type ReviewCallToAction = {
+    accessibilityDescription?: string;
+    href?: string;
     title: string;
     onClick: () => void;
 };

package/build/types/revamp/domain/mappers/layout/reviewLayoutToComponent.d.ts

@@ -1,3 +1,3 @@
 import type { ReviewLayout } from '@wise/dynamic-flow-types/build/next';
 import type { MapperProps } from '../schema/types';
-export declare const reviewLayoutToComponent: (uid: string, { fields, title, callToAction, control, margin, orientation, action }: ReviewLayout, { onAction }: MapperProps) => import("../../components/ReviewComponent").ReviewComponent;
+export declare const reviewLayoutToComponent: (uid: string, { fields, title, callToAction, control, margin, orientation, action }: ReviewLayout, { onAction, onLink }: MapperProps) => import("../../components/ReviewComponent").ReviewComponent;

package/package.json

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