@wise/dynamic-flow-client-internal 4.15.5 → 4.15.6

package/build/main.js

@@ -746,7 +746,7 @@ var help_messages_default = (0, import_react_intl.defineMessages)({
 
 // ../renderers/src/components/Help.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-function Help({ help }) {
+function Help({ help, onClick }) {
   const intl = (0, import_react_intl2.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     import_components2.Info,
@@ -755,7 +755,8 @@ function Help({ help }) {
       content: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.Markdown, { config: { link: { target: "_blank" } }, children: help }),
       presentation: "POPOVER",
       size: "sm",
-      "aria-label": intl.formatMessage(help_messages_default.helpAria)
+      "aria-label": intl.formatMessage(help_messages_default.helpAria),
+      onClick
     }
   );
 }
@@ -2855,19 +2856,27 @@ var getHeaderAction = (callToAction) => {
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var ReviewRenderer = {
   canRenderType: "review",
-  render: ({ callToAction, control, fields, margin, title }) => {
+  render: ({ analyticsId, callToAction, control, fields, margin, title, trackEvent }) => {
     const orientation = mapControlToDefinitionListLayout(control);
+    const onHelpClick = (fieldAnalyticsId) => {
+      trackEvent("Dynamic Flow - Help Pressed", {
+        layoutId: analyticsId,
+        layoutItemId: fieldAnalyticsId
+      });
+    };
     return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: getMargin(margin), children: [
       (title || callToAction) && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_components37.Header, { title: title != null ? title : "", action: getHeaderAction(callToAction) }),
       /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: margin, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         import_components37.DefinitionList,
         {
           layout: orientation,
-          definitions: fields.map(({ label, value, help }, index) => ({
-            key: String(index),
-            title: label,
-            value: getFieldValue(value, help, orientation)
-          }))
+          definitions: fields.map(
+            ({ label, value, help, analyticsId: fieldAnalyticsId }, index) => ({
+              key: String(index),
+              title: label,
+              value: getFieldValue(value, help, orientation, () => onHelpClick(fieldAnalyticsId))
+            })
+          )
         }
       ) })
     ] });
@@ -2889,16 +2898,16 @@ var mapControlToDefinitionListLayout = (control) => {
       return "VERTICAL_ONE_COLUMN";
   }
 };
-var getFieldValue = (value, help, orientation) => {
+var getFieldValue = (value, help, orientation, onClick) => {
   if (help) {
     return orientation === "HORIZONTAL_RIGHT_ALIGNED" ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Help_default, { help }),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Help_default, { help, onClick }),
       " ",
       value
     ] }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
       value,
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Help_default, { help })
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Help_default, { help, onClick })
     ] });
   }
   return value;
@@ -3305,7 +3314,7 @@ var ModalContentRenderer = {
 // src/dynamicFlow/telemetry/app-version.ts
 var appVersion = (
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  typeof process !== "undefined" ? "4.15.5" : "0.0.0"
+  typeof process !== "undefined" ? "4.15.6" : "0.0.0"
 );
 
 // src/dynamicFlow/telemetry/getLogEvent.ts

package/build/main.mjs

@@ -712,7 +712,7 @@ var help_messages_default = defineMessages({
 
 // ../renderers/src/components/Help.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
-function Help({ help }) {
+function Help({ help, onClick }) {
   const intl = useIntl();
   return /* @__PURE__ */ jsx2(
     Info,
@@ -721,7 +721,8 @@ function Help({ help }) {
       content: /* @__PURE__ */ jsx2(Markdown, { config: { link: { target: "_blank" } }, children: help }),
       presentation: "POPOVER",
       size: "sm",
-      "aria-label": intl.formatMessage(help_messages_default.helpAria)
+      "aria-label": intl.formatMessage(help_messages_default.helpAria),
+      onClick
     }
   );
 }
@@ -2831,19 +2832,27 @@ var getHeaderAction = (callToAction) => {
 import { Fragment as Fragment7, jsx as jsx52, jsxs as jsxs17 } from "react/jsx-runtime";
 var ReviewRenderer = {
   canRenderType: "review",
-  render: ({ callToAction, control, fields, margin, title }) => {
+  render: ({ analyticsId, callToAction, control, fields, margin, title, trackEvent }) => {
     const orientation = mapControlToDefinitionListLayout(control);
+    const onHelpClick = (fieldAnalyticsId) => {
+      trackEvent("Dynamic Flow - Help Pressed", {
+        layoutId: analyticsId,
+        layoutItemId: fieldAnalyticsId
+      });
+    };
     return /* @__PURE__ */ jsxs17("div", { className: getMargin(margin), children: [
       (title || callToAction) && /* @__PURE__ */ jsx52(Header6, { title: title != null ? title : "", action: getHeaderAction(callToAction) }),
       /* @__PURE__ */ jsx52("div", { className: margin, children: /* @__PURE__ */ jsx52(
         DefinitionList,
         {
           layout: orientation,
-          definitions: fields.map(({ label, value, help }, index) => ({
-            key: String(index),
-            title: label,
-            value: getFieldValue(value, help, orientation)
-          }))
+          definitions: fields.map(
+            ({ label, value, help, analyticsId: fieldAnalyticsId }, index) => ({
+              key: String(index),
+              title: label,
+              value: getFieldValue(value, help, orientation, () => onHelpClick(fieldAnalyticsId))
+            })
+          )
         }
       ) })
     ] });
@@ -2865,16 +2874,16 @@ var mapControlToDefinitionListLayout = (control) => {
       return "VERTICAL_ONE_COLUMN";
   }
 };
-var getFieldValue = (value, help, orientation) => {
+var getFieldValue = (value, help, orientation, onClick) => {
   if (help) {
     return orientation === "HORIZONTAL_RIGHT_ALIGNED" ? /* @__PURE__ */ jsxs17(Fragment7, { children: [
-      /* @__PURE__ */ jsx52(Help_default, { help }),
+      /* @__PURE__ */ jsx52(Help_default, { help, onClick }),
       " ",
       value
     ] }) : /* @__PURE__ */ jsxs17(Fragment7, { children: [
       value,
       " ",
-      /* @__PURE__ */ jsx52(Help_default, { help })
+      /* @__PURE__ */ jsx52(Help_default, { help, onClick })
     ] });
   }
   return value;
@@ -3281,7 +3290,7 @@ var ModalContentRenderer = {
 // src/dynamicFlow/telemetry/app-version.ts
 var appVersion = (
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  typeof process !== "undefined" ? "4.15.5" : "0.0.0"
+  typeof process !== "undefined" ? "4.15.6" : "0.0.0"
 );
 
 // src/dynamicFlow/telemetry/getLogEvent.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client-internal",
-  "version": "4.15.5",
+  "version": "4.15.6",
   "description": "Dynamic Flow web client for Wise",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -75,8 +75,8 @@
     "tsx": "4.20.3",
     "typescript": "5.8.3",
     "@wise/dynamic-flow-renderers": "0.0.0",
-    "@wise/dynamic-flow-fixtures": "0.0.1",
-    "@wise/dynamic-flow-types": "3.6.3"
+    "@wise/dynamic-flow-types": "3.7.0",
+    "@wise/dynamic-flow-fixtures": "0.0.1"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.92.0",
@@ -91,8 +91,8 @@
   },
   "dependencies": {
     "classnames": "2.5.1",
-    "@wise/dynamic-flow-client": "4.8.5",
-    "@wise/dynamic-flow-types": "3.6.3"
+    "@wise/dynamic-flow-client": "4.8.6",
+    "@wise/dynamic-flow-types": "3.7.0"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3005",