@wise/dynamic-flow-client-internal 4.33.4 → 4.34.0

package/build/main.js

@@ -3306,18 +3306,18 @@ var import_components55 = require("@transferwise/components");
 // ../renderers/src/NewListItem/getCTAControl.tsx
 var import_components54 = require("@transferwise/components");
 var import_jsx_runtime77 = require("react/jsx-runtime");
-var getCTAControl = (callToAction, tags) => {
+var getCTAControl = (callToAction, { ctaSecondary, fullyInteractive }) => {
   if (!callToAction) {
     return void 0;
   }
   const { accessibilityDescription, href, title, onClick } = callToAction;
-  const priority = (tags == null ? void 0 : tags.includes("cta-secondary")) ? "secondary" : "secondary-neutral";
+  const priority = ctaSecondary ? "secondary" : "secondary-neutral";
   if (href) {
     return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       import_components54.ListItem.Button,
       {
         href,
-        partiallyInteractive: true,
+        partiallyInteractive: !fullyInteractive,
         priority,
         "aria-description": accessibilityDescription,
         children: title
@@ -3328,7 +3328,7 @@ var getCTAControl = (callToAction, tags) => {
     import_components54.ListItem.Button,
     {
       "aria-description": accessibilityDescription,
-      partiallyInteractive: true,
+      partiallyInteractive: !fullyInteractive,
       priority,
       onClick,
       children: title
@@ -3340,9 +3340,10 @@ var getCTAControl = (callToAction, tags) => {
 var import_jsx_runtime78 = require("react/jsx-runtime");
 var ListRenderer2 = {
   canRenderType: "list",
-  render: ({ callToAction, control, margin, items, title }) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: getMargin(margin), children: [
+  render: ({ callToAction, control, margin, items, tags, title }) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: getMargin(margin), children: [
     /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Header7, { title, callToAction }),
     items.map((item) => {
+      var _a, _b;
       const {
         title: itemTitle,
         description,
@@ -3351,8 +3352,12 @@ var ListRenderer2 = {
         additionalInfo,
         inlineAlert,
         callToAction: itemCallToAction,
-        tags
+        tags: itemTags
       } = item;
+      const controlOptions = {
+        ctaSecondary: (_a = itemTags == null ? void 0 : itemTags.includes("cta-secondary")) != null ? _a : false,
+        fullyInteractive: (_b = (tags == null ? void 0 : tags.includes("fully-interactive")) && (additionalInfo == null ? void 0 : additionalInfo.onClick) == null) != null ? _b : false
+      };
       return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
         import_components55.ListItem,
         {
@@ -3360,10 +3365,10 @@ var ListRenderer2 = {
           subtitle: description,
           valueTitle: supportingValues == null ? void 0 : supportingValues.value,
           valueSubtitle: supportingValues == null ? void 0 : supportingValues.subvalue,
-          media: getMedia(media, shouldUseAvatar(control, tags)),
+          media: getMedia(media, shouldUseAvatar(control, itemTags)),
           prompt: getInlineAlert(inlineAlert),
           additionalInfo: getAdditionalInfo(additionalInfo),
-          control: getCTAControl(itemCallToAction, tags)
+          control: getCTAControl(itemCallToAction, controlOptions)
         },
         itemTitle
       );
@@ -3385,10 +3390,10 @@ var IGNORED_CONTROLS = [
 var ReviewRenderer2 = {
   canRenderType: "review",
   canRender: ({ control }) => control ? !IGNORED_CONTROLS.includes(control) : true,
-  render: ({ callToAction, control, margin, fields, title }) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: getMargin(margin), children: [
+  render: ({ callToAction, control, margin, fields, tags, title }) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: getMargin(margin), children: [
     /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Header7, { title, callToAction }),
     fields.map((field) => {
-      var _a;
+      var _a, _b, _c;
       const {
         label,
         value,
@@ -3397,16 +3402,20 @@ var ReviewRenderer2 = {
         inlineAlert,
         help,
         callToAction: itemCallToAction,
-        tags
+        tags: itemTags
       } = field;
+      const controlOptions = {
+        ctaSecondary: (_a = itemTags == null ? void 0 : itemTags.includes("cta-secondary")) != null ? _a : false,
+        fullyInteractive: (_b = (tags == null ? void 0 : tags.includes("fully-interactive")) && (additionalInfo == null ? void 0 : additionalInfo.onClick) == null) != null ? _b : false
+      };
       return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
         import_components56.ListItem,
         {
           title: value,
           subtitle: label,
           inverted: true,
-          media: getMedia(media, shouldUseAvatar(control, tags)),
-          control: (_a = getCTAControl(itemCallToAction, tags)) != null ? _a : getHelpControl(help),
+          media: getMedia(media, shouldUseAvatar(control, itemTags)),
+          control: (_c = getCTAControl(itemCallToAction, controlOptions)) != null ? _c : getHelpControl(help),
           prompt: getInlineAlert(inlineAlert),
           additionalInfo: getAdditionalInfo(additionalInfo)
         },
@@ -4444,7 +4453,7 @@ var import_dynamic_flow_client2 = require("@wise/dynamic-flow-client");
 // src/dynamicFlow/telemetry/app-version.ts
 var appVersion = (
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  typeof process !== "undefined" ? "4.33.4" : "0.0.0"
+  typeof process !== "undefined" ? "4.34.0" : "0.0.0"
 );
 
 // src/dynamicFlow/telemetry/getLogEvent.ts

package/build/main.mjs

@@ -3272,18 +3272,18 @@ import { ListItem as ListItem6 } from "@transferwise/components";
 // ../renderers/src/NewListItem/getCTAControl.tsx
 import { ListItem as ListItem5 } from "@transferwise/components";
 import { jsx as jsx77 } from "react/jsx-runtime";
-var getCTAControl = (callToAction, tags) => {
+var getCTAControl = (callToAction, { ctaSecondary, fullyInteractive }) => {
   if (!callToAction) {
     return void 0;
   }
   const { accessibilityDescription, href, title, onClick } = callToAction;
-  const priority = (tags == null ? void 0 : tags.includes("cta-secondary")) ? "secondary" : "secondary-neutral";
+  const priority = ctaSecondary ? "secondary" : "secondary-neutral";
   if (href) {
     return /* @__PURE__ */ jsx77(
       ListItem5.Button,
       {
         href,
-        partiallyInteractive: true,
+        partiallyInteractive: !fullyInteractive,
         priority,
         "aria-description": accessibilityDescription,
         children: title
@@ -3294,7 +3294,7 @@ var getCTAControl = (callToAction, tags) => {
     ListItem5.Button,
     {
       "aria-description": accessibilityDescription,
-      partiallyInteractive: true,
+      partiallyInteractive: !fullyInteractive,
       priority,
       onClick,
       children: title
@@ -3306,9 +3306,10 @@ var getCTAControl = (callToAction, tags) => {
 import { jsx as jsx78, jsxs as jsxs30 } from "react/jsx-runtime";
 var ListRenderer2 = {
   canRenderType: "list",
-  render: ({ callToAction, control, margin, items, title }) => /* @__PURE__ */ jsxs30("div", { className: getMargin(margin), children: [
+  render: ({ callToAction, control, margin, items, tags, title }) => /* @__PURE__ */ jsxs30("div", { className: getMargin(margin), children: [
     /* @__PURE__ */ jsx78(Header7, { title, callToAction }),
     items.map((item) => {
+      var _a, _b;
       const {
         title: itemTitle,
         description,
@@ -3317,8 +3318,12 @@ var ListRenderer2 = {
         additionalInfo,
         inlineAlert,
         callToAction: itemCallToAction,
-        tags
+        tags: itemTags
       } = item;
+      const controlOptions = {
+        ctaSecondary: (_a = itemTags == null ? void 0 : itemTags.includes("cta-secondary")) != null ? _a : false,
+        fullyInteractive: (_b = (tags == null ? void 0 : tags.includes("fully-interactive")) && (additionalInfo == null ? void 0 : additionalInfo.onClick) == null) != null ? _b : false
+      };
       return /* @__PURE__ */ jsx78(
         ListItem6,
         {
@@ -3326,10 +3331,10 @@ var ListRenderer2 = {
           subtitle: description,
           valueTitle: supportingValues == null ? void 0 : supportingValues.value,
           valueSubtitle: supportingValues == null ? void 0 : supportingValues.subvalue,
-          media: getMedia(media, shouldUseAvatar(control, tags)),
+          media: getMedia(media, shouldUseAvatar(control, itemTags)),
           prompt: getInlineAlert(inlineAlert),
           additionalInfo: getAdditionalInfo(additionalInfo),
-          control: getCTAControl(itemCallToAction, tags)
+          control: getCTAControl(itemCallToAction, controlOptions)
         },
         itemTitle
       );
@@ -3351,10 +3356,10 @@ var IGNORED_CONTROLS = [
 var ReviewRenderer2 = {
   canRenderType: "review",
   canRender: ({ control }) => control ? !IGNORED_CONTROLS.includes(control) : true,
-  render: ({ callToAction, control, margin, fields, title }) => /* @__PURE__ */ jsxs31("div", { className: getMargin(margin), children: [
+  render: ({ callToAction, control, margin, fields, tags, title }) => /* @__PURE__ */ jsxs31("div", { className: getMargin(margin), children: [
     /* @__PURE__ */ jsx79(Header7, { title, callToAction }),
     fields.map((field) => {
-      var _a;
+      var _a, _b, _c;
       const {
         label,
         value,
@@ -3363,16 +3368,20 @@ var ReviewRenderer2 = {
         inlineAlert,
         help,
         callToAction: itemCallToAction,
-        tags
+        tags: itemTags
       } = field;
+      const controlOptions = {
+        ctaSecondary: (_a = itemTags == null ? void 0 : itemTags.includes("cta-secondary")) != null ? _a : false,
+        fullyInteractive: (_b = (tags == null ? void 0 : tags.includes("fully-interactive")) && (additionalInfo == null ? void 0 : additionalInfo.onClick) == null) != null ? _b : false
+      };
       return /* @__PURE__ */ jsx79(
         ListItem7,
         {
           title: value,
           subtitle: label,
           inverted: true,
-          media: getMedia(media, shouldUseAvatar(control, tags)),
-          control: (_a = getCTAControl(itemCallToAction, tags)) != null ? _a : getHelpControl(help),
+          media: getMedia(media, shouldUseAvatar(control, itemTags)),
+          control: (_c = getCTAControl(itemCallToAction, controlOptions)) != null ? _c : getHelpControl(help),
           prompt: getInlineAlert(inlineAlert),
           additionalInfo: getAdditionalInfo(additionalInfo)
         },
@@ -4414,7 +4423,7 @@ import {
 // src/dynamicFlow/telemetry/app-version.ts
 var appVersion = (
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  typeof process !== "undefined" ? "4.33.4" : "0.0.0"
+  typeof process !== "undefined" ? "4.34.0" : "0.0.0"
 );
 
 // src/dynamicFlow/telemetry/getLogEvent.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client-internal",
-  "version": "4.33.4",
+  "version": "4.34.0",
   "description": "Dynamic Flow web client for Wise",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -38,15 +38,15 @@
     "@babel/preset-typescript": "7.27.1",
     "@chromatic-com/storybook": "4.1.1",
     "@formatjs/cli": "^6.7.4",
-    "@storybook/react-vite": "9.1.10",
+    "@storybook/react-vite": "9.1.13",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
-    "@transferwise/components": "46.112.0",
+    "@transferwise/components": "46.112.1",
     "@transferwise/formatting": "^2.13.4",
     "@transferwise/icons": "3.22.4",
-    "@transferwise/neptune-css": "14.25.0",
+    "@transferwise/neptune-css": "14.25.1",
     "@types/jest": "30.0.0",
     "@types/react": "18.3.26",
     "@types/react-dom": "18.3.7",
@@ -55,7 +55,7 @@
     "babel-jest": "30.2.0",
     "currency-flags": "4.0.7",
     "esbuild": "0.25.9",
-    "eslint-plugin-storybook": "9.1.10",
+    "eslint-plugin-storybook": "9.1.13",
     "jest": "30.2.0",
     "jest-environment-jsdom": "30.2.0",
     "jest-fetch-mock": "^3.0.3",
@@ -67,15 +67,15 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-intl": "6.8.9",
-    "storybook": "^9.1.10",
+    "storybook": "^9.1.13",
     "stylelint": "16.25.0",
     "stylelint-config-standard": "36.0.1",
-    "stylelint-no-unsupported-browser-features": "8.0.4",
+    "stylelint-no-unsupported-browser-features": "8.0.5",
     "stylelint-value-no-unknown-custom-properties": "6.0.1",
     "tsx": "4.20.6",
     "typescript": "5.9.3",
+    "@wise/dynamic-flow-types": "3.17.0",
     "@wise/dynamic-flow-renderers": "0.0.0",
-    "@wise/dynamic-flow-types": "3.16.0",
     "@wise/dynamic-flow-fixtures": "0.0.1"
   },
   "peerDependencies": {
@@ -91,8 +91,8 @@
   },
   "dependencies": {
     "classnames": "2.5.1",
-    "@wise/dynamic-flow-client": "4.19.3",
-    "@wise/dynamic-flow-types": "3.16.0"
+    "@wise/dynamic-flow-types": "3.17.0",
+    "@wise/dynamic-flow-client": "4.19.4"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3005",