@wise/dynamic-flow-client-internal 5.18.1 → 5.19.0

package/build/i18n/zh_CN.json

@@ -17,7 +17,7 @@
   "df.wise.ControlFeedback.required": "请填写此字段。",
   "df.wise.ControlFeedback.type": "类型错误",
   "df.wise.CopyFeedback.copy": "已复制到剪贴板",
-  "df.wise.CopyFeedback.copyFailed": "复制到剪贴板失败",
+  "df.wise.CopyFeedback.copyFailed": "无法复制到剪贴板",
   "df.wise.DynamicParagraph.copied": "已复制到剪贴板",
   "df.wise.DynamicParagraph.copy": "复制",
   "df.wise.ErrorBoundary.errorAlert": "出错了。",
@@ -32,7 +32,7 @@
   "df.wise.MultipleFileUploadSchema.maxItemsError": "请上传不超过 {maxItems} 个文件。",
   "df.wise.MultipleFileUploadSchema.minItemsError": "请上传至少 {minItems} 个文件。",
   "df.wise.PersistAsyncSchema.genericError": "出错了，请重试。",
-  "df.wise.SearchLayout.loading": "正在加载…",
+  "df.wise.SearchLayout.loading": "正在加载……",
   "df.wise.back.label": "返回",
   "df.wise.filter.noResults": "暂无结果",
   "df.wise.filter.placeholder": "开始输入以搜索",

package/build/main.js

@@ -35,7 +35,11 @@ var __objRest = (source, exclude) => {
   return target;
 };
 var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+  try {
+    return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+  } catch (e) {
+    throw mod = 0, e;
+  }
 };
 var __export = (target, all) => {
   for (var name in all)
@@ -141,7 +145,7 @@ var import_dynamic_flow_client4 = 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" ? "5.18.1" : "0.0.0"
+  typeof process !== "undefined" ? "5.19.0" : "0.0.0"
 );
 
 // src/dynamicFlow/context-menu/useContextMenu.tsx
@@ -379,10 +383,10 @@ var AlertRenderer = {
 };
 var mapCtaToAlertAction = (callToAction) => {
   if (callToAction) {
-    return __spreadValues(__spreadValues({
+    return __spreadValues({
       text: callToAction.title,
       "aria-label": callToAction.accessibilityDescription
-    }, "onClick" in callToAction ? { onClick: callToAction.onClick } : {}), callToAction.href ? { href: callToAction.href, target: "_blank" } : {});
+    }, callToAction.getAnchorProps());
   }
   return void 0;
 };
@@ -876,7 +880,7 @@ var scrollToIfNotVisible = (ref) => {
     return;
   }
   if (rect.bottom > window.innerHeight || rect.top < 0) {
-    ref.scrollIntoView({ behavior: "smooth" });
+    ref.scrollIntoView({ behavior: "instant" });
   }
 };
 
@@ -1251,6 +1255,7 @@ var import_components16 = require("@transferwise/components");
 var import_components13 = require("@transferwise/components");
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var getAdditionalInfo = (additionalInfo) => {
+  var _a, _b;
   if (!additionalInfo) {
     return void 0;
   }
@@ -1259,12 +1264,9 @@ var getAdditionalInfo = (additionalInfo) => {
     return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       import_components13.ListItem.AdditionalInfo,
       {
-        action: {
-          label: text,
-          href,
-          onClick,
-          target: "_blank"
-        }
+        action: __spreadValues({
+          label: text
+        }, (_b = (_a = additionalInfo.getAnchorProps) == null ? void 0 : _a.call(additionalInfo)) != null ? _b : { onClick })
       }
     );
   }
@@ -1467,7 +1469,7 @@ var renderDecisionList = ({ options, control }) => {
       disabled,
       media,
       title: itemTitle,
-      href,
+      getAnchorProps,
       additionalText,
       inlineAlert,
       supportingValues,
@@ -1485,7 +1487,7 @@ var renderDecisionList = ({ options, control }) => {
         media: getMedia(media, shouldUseAvatar(control, tags)),
         prompt: getInlineAlert(inlineAlert),
         additionalInfo: additionalText ? getAdditionalInfo({ text: additionalText }) : void 0,
-        control: href ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_components16.ListItem.Navigation, { href, target: "_blank" }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_components16.ListItem.Navigation, { onClick })
+        control: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_components16.ListItem.Navigation, __spreadValues({}, getAnchorProps()))
       },
       JSON.stringify(rest)
     );
@@ -1960,33 +1962,17 @@ var getCTAControl = (callToAction, { ctaSecondary, fullyInteractive }) => {
   if (!callToAction) {
     return void 0;
   }
-  const { accessibilityDescription, href, title, context, onClick } = callToAction;
+  const { accessibilityDescription, title, context } = callToAction;
   const { priority, sentiment } = getPriorityAndSentiment(ctaSecondary, context);
-  if (href) {
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-      import_components24.ListItem.Button,
-      {
-        href,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        partiallyInteractive: !fullyInteractive,
-        priority,
-        "aria-description": accessibilityDescription,
-        sentiment,
-        children: title
-      }
-    );
-  }
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     import_components24.ListItem.Button,
-    {
-      "aria-description": accessibilityDescription,
+    __spreadProps(__spreadValues({}, callToAction.getAnchorProps()), {
       partiallyInteractive: !fullyInteractive,
       priority,
+      "aria-description": accessibilityDescription,
       sentiment,
-      onClick,
       children: title
-    }
+    })
   );
 };
 var getPriorityAndSentiment = (ctaSecondary, context) => {
@@ -2004,20 +1990,10 @@ var getHeaderAction = (callToAction) => {
   if (!callToAction) {
     return void 0;
   }
-  const { accessibilityDescription, href, title, onClick } = callToAction;
-  return href ? {
-    "aria-label": accessibilityDescription,
-    text: title,
-    href,
-    target: "_blank"
-  } : {
-    "aria-label": accessibilityDescription,
-    text: title,
-    onClick: (event) => {
-      event.preventDefault();
-      onClick();
-    }
-  };
+  return __spreadValues({
+    "aria-label": callToAction.accessibilityDescription,
+    text: callToAction.title
+  }, callToAction.getAnchorProps());
 };
 
 // ../renderers/src/ListRenderer.tsx
@@ -3638,7 +3614,7 @@ var StatusListRenderer = {
   render: ({ margin, items, title }) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: getMargin(margin), children: [
     title ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_components53.Header, { title }) : null,
     items.map((item) => {
-      const { callToAction, description, icon, status, title: itemTitle } = item;
+      const { callToAction, description, title: itemTitle } = item;
       return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
         import_components53.ListItem,
         {
@@ -3648,12 +3624,9 @@ var StatusListRenderer = {
           additionalInfo: callToAction ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
             import_components53.ListItem.AdditionalInfo,
             {
-              action: {
-                href: callToAction.href,
-                onClick: callToAction.href ? void 0 : callToAction.onClick,
-                label: callToAction.title,
-                target: "_blank"
-              }
+              action: __spreadValues({
+                label: callToAction.title
+              }, callToAction.getAnchorProps())
             }
           ) : void 0
         },
@@ -4264,12 +4237,9 @@ function UpsellRendererComponent(props) {
       className: getMargin(margin),
       mediaName: getMediaName(media),
       title: text,
-      action: {
-        href: callToAction.href,
-        onClick: callToAction.href ? void 0 : callToAction.onClick,
-        target: callToAction.href ? "_blank" : void 0,
+      action: __spreadValues({
         text: callToAction.title
-      },
+      }, callToAction.getAnchorProps()),
       onDismiss: onDismiss ? () => {
         setIsVisible(false);
         onDismiss();
@@ -4279,7 +4249,7 @@ function UpsellRendererComponent(props) {
 }
 var urnPrefix2 = "urn:wise:illustrations:";
 var getMediaName = (media) => {
-  if (media && media.type === "image" && media.uri.startsWith(urnPrefix2)) {
+  if ((media == null ? void 0 : media.type) === "image" && media.uri.startsWith(urnPrefix2)) {
     const mediaName = media.uri.substring(urnPrefix2.length);
     if (supportedMediaNames.includes(mediaName)) {
       return mediaName;
@@ -4469,13 +4439,26 @@ var logToRollbar = (level, message, extra) => {
 
 // src/dynamicFlow/telemetry/getTrackEvent.ts
 var import_dynamic_flow_client3 = require("@wise/dynamic-flow-client");
-var prefix = "Dynamic Flow - ";
-var getTrackEvent = (onEvent, onAnalytics) => (name, properties) => {
-  onEvent == null ? void 0 : onEvent(name, properties);
-  if (includeInAnalytics(name)) {
-    onAnalytics == null ? void 0 : onAnalytics(name, properties);
+
+// src/dynamicFlow/telemetry/dispatchAnalyticsEvent.ts
+var dispatchAnalyticsEvent = (eventName, properties) => {
+  const props = __spreadValues({ dfFallbackAnalytics: true }, properties);
+  if (typeof window !== "undefined" && window.mixpanel && typeof window.mixpanel.track === "function") {
+    window.mixpanel.track(eventName, props);
   }
 };
+
+// src/dynamicFlow/telemetry/getTrackEvent.ts
+var prefix = "Dynamic Flow - ";
+var getTrackEvent = (onEvent, onAnalytics) => {
+  const dispatchAnalytics = !onAnalytics && !onEvent ? dispatchAnalyticsEvent : onAnalytics;
+  return (name, properties) => {
+    onEvent == null ? void 0 : onEvent(name, properties);
+    if (includeInAnalytics(name)) {
+      dispatchAnalytics == null ? void 0 : dispatchAnalytics(name, properties);
+    }
+  };
+};
 var includeInAnalytics = (name) => {
   const eventName = name.startsWith(prefix) ? name.slice(prefix.length) : name;
   if (isCoreEventName(eventName)) {
@@ -5427,7 +5410,7 @@ var zh_CN_default = {
   "df.wise.ControlFeedback.required": "\u8BF7\u586B\u5199\u6B64\u5B57\u6BB5\u3002",
   "df.wise.ControlFeedback.type": "\u7C7B\u578B\u9519\u8BEF",
   "df.wise.CopyFeedback.copy": "\u5DF2\u590D\u5236\u5230\u526A\u8D34\u677F",
-  "df.wise.CopyFeedback.copyFailed": "\u590D\u5236\u5230\u526A\u8D34\u677F\u5931\u8D25",
+  "df.wise.CopyFeedback.copyFailed": "\u65E0\u6CD5\u590D\u5236\u5230\u526A\u8D34\u677F",
   "df.wise.DynamicParagraph.copied": "\u5DF2\u590D\u5236\u5230\u526A\u8D34\u677F",
   "df.wise.DynamicParagraph.copy": "\u590D\u5236",
   "df.wise.ErrorBoundary.errorAlert": "\u51FA\u9519\u4E86\u3002",
@@ -5442,7 +5425,7 @@ var zh_CN_default = {
   "df.wise.MultipleFileUploadSchema.maxItemsError": "\u8BF7\u4E0A\u4F20\u4E0D\u8D85\u8FC7 {maxItems} \u4E2A\u6587\u4EF6\u3002",
   "df.wise.MultipleFileUploadSchema.minItemsError": "\u8BF7\u4E0A\u4F20\u81F3\u5C11 {minItems} \u4E2A\u6587\u4EF6\u3002",
   "df.wise.PersistAsyncSchema.genericError": "\u51FA\u9519\u4E86\uFF0C\u8BF7\u91CD\u8BD5\u3002",
-  "df.wise.SearchLayout.loading": "\u6B63\u5728\u52A0\u8F7D\u2026",
+  "df.wise.SearchLayout.loading": "\u6B63\u5728\u52A0\u8F7D\u2026\u2026",
   "df.wise.back.label": "\u8FD4\u56DE",
   "df.wise.filter.noResults": "\u6682\u65E0\u7ED3\u679C",
   "df.wise.filter.placeholder": "\u5F00\u59CB\u8F93\u5165\u4EE5\u641C\u7D22",

package/build/main.mjs

@@ -34,7 +34,11 @@ var __objRest = (source, exclude) => {
   return target;
 };
 var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+  try {
+    return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+  } catch (e) {
+    throw mod = 0, e;
+  }
 };
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
@@ -123,7 +127,7 @@ import { useDynamicFlow } from "@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" ? "5.18.1" : "0.0.0"
+  typeof process !== "undefined" ? "5.19.0" : "0.0.0"
 );
 
 // src/dynamicFlow/context-menu/useContextMenu.tsx
@@ -361,10 +365,10 @@ var AlertRenderer = {
 };
 var mapCtaToAlertAction = (callToAction) => {
   if (callToAction) {
-    return __spreadValues(__spreadValues({
+    return __spreadValues({
       text: callToAction.title,
       "aria-label": callToAction.accessibilityDescription
-    }, "onClick" in callToAction ? { onClick: callToAction.onClick } : {}), callToAction.href ? { href: callToAction.href, target: "_blank" } : {});
+    }, callToAction.getAnchorProps());
   }
   return void 0;
 };
@@ -858,7 +862,7 @@ var scrollToIfNotVisible = (ref) => {
     return;
   }
   if (rect.bottom > window.innerHeight || rect.top < 0) {
-    ref.scrollIntoView({ behavior: "smooth" });
+    ref.scrollIntoView({ behavior: "instant" });
   }
 };
 
@@ -1233,6 +1237,7 @@ import { ListItem as ListItem5 } from "@transferwise/components";
 import { ListItem as ListItem4 } from "@transferwise/components";
 import { jsx as jsx27 } from "react/jsx-runtime";
 var getAdditionalInfo = (additionalInfo) => {
+  var _a, _b;
   if (!additionalInfo) {
     return void 0;
   }
@@ -1241,12 +1246,9 @@ var getAdditionalInfo = (additionalInfo) => {
     return /* @__PURE__ */ jsx27(
       ListItem4.AdditionalInfo,
       {
-        action: {
-          label: text,
-          href,
-          onClick,
-          target: "_blank"
-        }
+        action: __spreadValues({
+          label: text
+        }, (_b = (_a = additionalInfo.getAnchorProps) == null ? void 0 : _a.call(additionalInfo)) != null ? _b : { onClick })
       }
     );
   }
@@ -1449,7 +1451,7 @@ var renderDecisionList = ({ options, control }) => {
       disabled,
       media,
       title: itemTitle,
-      href,
+      getAnchorProps,
       additionalText,
       inlineAlert,
       supportingValues,
@@ -1467,7 +1469,7 @@ var renderDecisionList = ({ options, control }) => {
         media: getMedia(media, shouldUseAvatar(control, tags)),
         prompt: getInlineAlert(inlineAlert),
         additionalInfo: additionalText ? getAdditionalInfo({ text: additionalText }) : void 0,
-        control: href ? /* @__PURE__ */ jsx30(ListItem5.Navigation, { href, target: "_blank" }) : /* @__PURE__ */ jsx30(ListItem5.Navigation, { onClick })
+        control: /* @__PURE__ */ jsx30(ListItem5.Navigation, __spreadValues({}, getAnchorProps()))
       },
       JSON.stringify(rest)
     );
@@ -1945,33 +1947,17 @@ var getCTAControl = (callToAction, { ctaSecondary, fullyInteractive }) => {
   if (!callToAction) {
     return void 0;
   }
-  const { accessibilityDescription, href, title, context, onClick } = callToAction;
+  const { accessibilityDescription, title, context } = callToAction;
   const { priority, sentiment } = getPriorityAndSentiment(ctaSecondary, context);
-  if (href) {
-    return /* @__PURE__ */ jsx44(
-      ListItem6.Button,
-      {
-        href,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        partiallyInteractive: !fullyInteractive,
-        priority,
-        "aria-description": accessibilityDescription,
-        sentiment,
-        children: title
-      }
-    );
-  }
   return /* @__PURE__ */ jsx44(
     ListItem6.Button,
-    {
-      "aria-description": accessibilityDescription,
+    __spreadProps(__spreadValues({}, callToAction.getAnchorProps()), {
       partiallyInteractive: !fullyInteractive,
       priority,
+      "aria-description": accessibilityDescription,
       sentiment,
-      onClick,
       children: title
-    }
+    })
   );
 };
 var getPriorityAndSentiment = (ctaSecondary, context) => {
@@ -1989,20 +1975,10 @@ var getHeaderAction = (callToAction) => {
   if (!callToAction) {
     return void 0;
   }
-  const { accessibilityDescription, href, title, onClick } = callToAction;
-  return href ? {
-    "aria-label": accessibilityDescription,
-    text: title,
-    href,
-    target: "_blank"
-  } : {
-    "aria-label": accessibilityDescription,
-    text: title,
-    onClick: (event) => {
-      event.preventDefault();
-      onClick();
-    }
-  };
+  return __spreadValues({
+    "aria-label": callToAction.accessibilityDescription,
+    text: callToAction.title
+  }, callToAction.getAnchorProps());
 };
 
 // ../renderers/src/ListRenderer.tsx
@@ -3623,7 +3599,7 @@ var StatusListRenderer = {
   render: ({ margin, items, title }) => /* @__PURE__ */ jsxs25("div", { className: getMargin(margin), children: [
     title ? /* @__PURE__ */ jsx76(Header9, { title }) : null,
     items.map((item) => {
-      const { callToAction, description, icon, status, title: itemTitle } = item;
+      const { callToAction, description, title: itemTitle } = item;
       return /* @__PURE__ */ jsx76(
         ListItem12,
         {
@@ -3633,12 +3609,9 @@ var StatusListRenderer = {
           additionalInfo: callToAction ? /* @__PURE__ */ jsx76(
             ListItem12.AdditionalInfo,
             {
-              action: {
-                href: callToAction.href,
-                onClick: callToAction.href ? void 0 : callToAction.onClick,
-                label: callToAction.title,
-                target: "_blank"
-              }
+              action: __spreadValues({
+                label: callToAction.title
+              }, callToAction.getAnchorProps())
             }
           ) : void 0
         },
@@ -4255,12 +4228,9 @@ function UpsellRendererComponent(props) {
       className: getMargin(margin),
       mediaName: getMediaName(media),
       title: text,
-      action: {
-        href: callToAction.href,
-        onClick: callToAction.href ? void 0 : callToAction.onClick,
-        target: callToAction.href ? "_blank" : void 0,
+      action: __spreadValues({
         text: callToAction.title
-      },
+      }, callToAction.getAnchorProps()),
       onDismiss: onDismiss ? () => {
         setIsVisible(false);
         onDismiss();
@@ -4270,7 +4240,7 @@ function UpsellRendererComponent(props) {
 }
 var urnPrefix2 = "urn:wise:illustrations:";
 var getMediaName = (media) => {
-  if (media && media.type === "image" && media.uri.startsWith(urnPrefix2)) {
+  if ((media == null ? void 0 : media.type) === "image" && media.uri.startsWith(urnPrefix2)) {
     const mediaName = media.uri.substring(urnPrefix2.length);
     if (supportedMediaNames.includes(mediaName)) {
       return mediaName;
@@ -4460,13 +4430,26 @@ var logToRollbar = (level, message, extra) => {
 
 // src/dynamicFlow/telemetry/getTrackEvent.ts
 import { eventNames } from "@wise/dynamic-flow-client";
-var prefix = "Dynamic Flow - ";
-var getTrackEvent = (onEvent, onAnalytics) => (name, properties) => {
-  onEvent == null ? void 0 : onEvent(name, properties);
-  if (includeInAnalytics(name)) {
-    onAnalytics == null ? void 0 : onAnalytics(name, properties);
+
+// src/dynamicFlow/telemetry/dispatchAnalyticsEvent.ts
+var dispatchAnalyticsEvent = (eventName, properties) => {
+  const props = __spreadValues({ dfFallbackAnalytics: true }, properties);
+  if (typeof window !== "undefined" && window.mixpanel && typeof window.mixpanel.track === "function") {
+    window.mixpanel.track(eventName, props);
   }
 };
+
+// src/dynamicFlow/telemetry/getTrackEvent.ts
+var prefix = "Dynamic Flow - ";
+var getTrackEvent = (onEvent, onAnalytics) => {
+  const dispatchAnalytics = !onAnalytics && !onEvent ? dispatchAnalyticsEvent : onAnalytics;
+  return (name, properties) => {
+    onEvent == null ? void 0 : onEvent(name, properties);
+    if (includeInAnalytics(name)) {
+      dispatchAnalytics == null ? void 0 : dispatchAnalytics(name, properties);
+    }
+  };
+};
 var includeInAnalytics = (name) => {
   const eventName = name.startsWith(prefix) ? name.slice(prefix.length) : name;
   if (isCoreEventName(eventName)) {
@@ -5421,7 +5404,7 @@ var zh_CN_default = {
   "df.wise.ControlFeedback.required": "\u8BF7\u586B\u5199\u6B64\u5B57\u6BB5\u3002",
   "df.wise.ControlFeedback.type": "\u7C7B\u578B\u9519\u8BEF",
   "df.wise.CopyFeedback.copy": "\u5DF2\u590D\u5236\u5230\u526A\u8D34\u677F",
-  "df.wise.CopyFeedback.copyFailed": "\u590D\u5236\u5230\u526A\u8D34\u677F\u5931\u8D25",
+  "df.wise.CopyFeedback.copyFailed": "\u65E0\u6CD5\u590D\u5236\u5230\u526A\u8D34\u677F",
   "df.wise.DynamicParagraph.copied": "\u5DF2\u590D\u5236\u5230\u526A\u8D34\u677F",
   "df.wise.DynamicParagraph.copy": "\u590D\u5236",
   "df.wise.ErrorBoundary.errorAlert": "\u51FA\u9519\u4E86\u3002",
@@ -5436,7 +5419,7 @@ var zh_CN_default = {
   "df.wise.MultipleFileUploadSchema.maxItemsError": "\u8BF7\u4E0A\u4F20\u4E0D\u8D85\u8FC7 {maxItems} \u4E2A\u6587\u4EF6\u3002",
   "df.wise.MultipleFileUploadSchema.minItemsError": "\u8BF7\u4E0A\u4F20\u81F3\u5C11 {minItems} \u4E2A\u6587\u4EF6\u3002",
   "df.wise.PersistAsyncSchema.genericError": "\u51FA\u9519\u4E86\uFF0C\u8BF7\u91CD\u8BD5\u3002",
-  "df.wise.SearchLayout.loading": "\u6B63\u5728\u52A0\u8F7D\u2026",
+  "df.wise.SearchLayout.loading": "\u6B63\u5728\u52A0\u8F7D\u2026\u2026",
   "df.wise.back.label": "\u8FD4\u56DE",
   "df.wise.filter.noResults": "\u6682\u65E0\u7ED3\u679C",
   "df.wise.filter.placeholder": "\u5F00\u59CB\u8F93\u5165\u4EE5\u641C\u7D22",