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

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.3" : "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;
 };
@@ -513,25 +517,25 @@ var isNamedIcon = (name) => {
   const iconName = toCapitalisedCamelCase(name);
   return Object.keys(icons).includes(iconName);
 };
-function NamedIcon({ name, size = 24 }) {
+function NamedIcon({ name }) {
   if (!isNamedIcon(name)) {
     return null;
   }
   const iconName = toCapitalisedCamelCase(name);
   const Icon = icons[iconName];
-  return /* @__PURE__ */ jsx7(Icon, { size });
+  return /* @__PURE__ */ jsx7(Icon, { size: 24 });
 }
 var toCapitalisedCamelCase = (value) => value.split("-").map(capitaliseFirstChar).join("");
 var capitaliseFirstChar = (value) => value.length === 0 ? "" : `${value[0].toUpperCase()}${value.slice(1)}`;
 
 // ../renderers/src/components/icon/DynamicIcon.tsx
 import { jsx as jsx8 } from "react/jsx-runtime";
-function DynamicIcon({ name, size }) {
+function DynamicIcon({ name }) {
   if (isFlagIcon(name)) {
     return /* @__PURE__ */ jsx8(FlagIcon, { name });
   }
   if (isNamedIcon(name)) {
-    return /* @__PURE__ */ jsx8(NamedIcon, { name, size });
+    return /* @__PURE__ */ jsx8(NamedIcon, { name });
   }
   return null;
 }
@@ -567,7 +571,7 @@ import { jsx as jsx9 } from "react/jsx-runtime";
 var resolveMediaFromUri = (uri, size) => {
   const { name, qComponents } = stringToURN(uri);
   if (isValidIconUrn(name)) {
-    const icon = /* @__PURE__ */ jsx9(DynamicIcon_default, { name: name.replace("urn:wise:icons:", ""), size: size === 48 ? 32 : size });
+    const icon = /* @__PURE__ */ jsx9(DynamicIcon_default, { name: name.replace("urn:wise:icons:", "") });
     return {
       icon,
       color: formatColor(qComponents["foreground-color"]),
@@ -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)) {
@@ -4665,7 +4648,7 @@ var cs_default = {
   "df.wise.ControlFeedback.minimum": "Zadejte \u010D\xEDslo, kter\xE9 je {minimum} nebo vy\u0161\u0161\xED.",
   "df.wise.ControlFeedback.minimumDate": "Zadejte datum, kter\xE9 je {minimum} nebo potom.",
   "df.wise.ControlFeedback.pattern": "Zadejte to pros\xEDm ve spr\xE1vn\xE9m form\xE1tu.",
-  "df.wise.ControlFeedback.patternDate": "Zadejte pros\xEDm datum ve spr\xE1vn\xE9m form\xE1tu.",
+  "df.wise.ControlFeedback.patternDate": "Zadejte datum ve spr\xE1vn\xE9m form\xE1tu.",
   "df.wise.ControlFeedback.required": "Vypl\u0148te pros\xEDm toto pole.",
   "df.wise.ControlFeedback.type": "Nespr\xE1vn\xFD typ",
   "df.wise.CopyFeedback.copy": "Zkop\xEDrov\xE1no do schr\xE1nky",
@@ -4759,7 +4742,7 @@ var en_default = {
   "df.wise.ControlFeedback.minimum": "Please enter a number that's {minimum} or more.",
   "df.wise.ControlFeedback.minimumDate": "Please enter a date that's on or after {minimum}.",
   "df.wise.ControlFeedback.pattern": "Please enter this in the correct format.",
-  "df.wise.ControlFeedback.patternDate": "Please enter a date in the corrrect format.",
+  "df.wise.ControlFeedback.patternDate": "Please enter a date in the correct format.",
   "df.wise.ControlFeedback.required": "Please fill out this field.",
   "df.wise.ControlFeedback.type": "Incorrect type",
   "df.wise.CopyFeedback.copy": "Copied to clipboard",
@@ -4806,7 +4789,7 @@ var es_default = {
   "df.wise.ControlFeedback.minimum": "Introduce una cifra igual o inferior a {minimum}.",
   "df.wise.ControlFeedback.minimumDate": "Introduce una fecha que sea igual o posterior al {minimum}.",
   "df.wise.ControlFeedback.pattern": "Utiliza el formato correcto.",
-  "df.wise.ControlFeedback.patternDate": "Introduce la fecha en un formato correcto.",
+  "df.wise.ControlFeedback.patternDate": "Introduce la fecha en el formato correcto.",
   "df.wise.ControlFeedback.required": "Completa este campo.",
   "df.wise.ControlFeedback.type": "Tipo incorrecto",
   "df.wise.CopyFeedback.copy": "Copiado al portapapeles",
@@ -4947,7 +4930,7 @@ var id_default = {
   "df.wise.ControlFeedback.minimum": "Harap masukkan angka paling kecil {minimum} atau lebih dari itu.",
   "df.wise.ControlFeedback.minimumDate": "Harap masukkan tanggal pada atau setelah {minimum}.",
   "df.wise.ControlFeedback.pattern": "Mohon masukkan ini dalam format yang benar.",
-  "df.wise.ControlFeedback.patternDate": "Harap masukkan tanggal dalam format yang benar.",
+  "df.wise.ControlFeedback.patternDate": "Mohon masukkan tanggal dengan format yang benar.",
   "df.wise.ControlFeedback.required": "Harap isi kolom ini.",
   "df.wise.ControlFeedback.type": "Tipe salah",
   "df.wise.CopyFeedback.copy": "Disalin ke clipboard",
@@ -5088,7 +5071,7 @@ var nl_default = {
   "df.wise.ControlFeedback.minimum": "Voer een getal in dat {minimum} of hoger is.",
   "df.wise.ControlFeedback.minimumDate": "Voer een datum in die op of na {minimum} is.",
   "df.wise.ControlFeedback.pattern": "Voer dit in de juiste indeling in.",
-  "df.wise.ControlFeedback.patternDate": "Voer een datum in de juiste indeling in.",
+  "df.wise.ControlFeedback.patternDate": "Voer een datum in met de juiste notatie.",
   "df.wise.ControlFeedback.required": "Vul dit veld in.",
   "df.wise.ControlFeedback.type": "Onjuist type",
   "df.wise.CopyFeedback.copy": "Naar klembord gekopieerd",
@@ -5323,7 +5306,7 @@ var th_default = {
   "df.wise.ControlFeedback.minimum": "\u0E42\u0E1B\u0E23\u0E14\u0E1B\u0E49\u0E2D\u0E19\u0E15\u0E31\u0E27\u0E40\u0E25\u0E02 {minimum} \u0E2B\u0E23\u0E37\u0E2D\u0E21\u0E32\u0E01\u0E01\u0E27\u0E48\u0E32",
   "df.wise.ControlFeedback.minimumDate": "\u0E42\u0E1B\u0E23\u0E14\u0E43\u0E2A\u0E48\u0E27\u0E31\u0E19\u0E17\u0E35\u0E48\u0E40\u0E1B\u0E47\u0E19 {minimum} \u0E2B\u0E23\u0E37\u0E2D\u0E2B\u0E25\u0E31\u0E07\u0E08\u0E32\u0E01\u0E19\u0E31\u0E49\u0E19",
   "df.wise.ControlFeedback.pattern": "\u0E42\u0E1B\u0E23\u0E14\u0E43\u0E2A\u0E48\u0E43\u0E19\u0E23\u0E39\u0E1B\u0E41\u0E1A\u0E1A\u0E17\u0E35\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07",
-  "df.wise.ControlFeedback.patternDate": "\u0E42\u0E1B\u0E23\u0E14\u0E1B\u0E49\u0E2D\u0E19\u0E27\u0E31\u0E19\u0E17\u0E35\u0E48\u0E43\u0E19\u0E23\u0E39\u0E1B\u0E41\u0E1A\u0E1A\u0E17\u0E35\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07",
+  "df.wise.ControlFeedback.patternDate": "\u0E42\u0E1B\u0E23\u0E14\u0E43\u0E2A\u0E48\u0E27\u0E31\u0E19\u0E17\u0E35\u0E48\u0E43\u0E19\u0E23\u0E39\u0E1B\u0E41\u0E1A\u0E1A\u0E17\u0E35\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07",
   "df.wise.ControlFeedback.required": "\u0E42\u0E1B\u0E23\u0E14\u0E43\u0E2A\u0E48\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E43\u0E19\u0E0A\u0E48\u0E2D\u0E07\u0E19\u0E35\u0E49",
   "df.wise.ControlFeedback.type": "\u0E1B\u0E23\u0E30\u0E40\u0E20\u0E17\u0E44\u0E21\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07",
   "df.wise.CopyFeedback.copy": "\u0E04\u0E31\u0E14\u0E25\u0E2D\u0E01\u0E44\u0E1B\u0E22\u0E31\u0E07\u0E04\u0E25\u0E34\u0E1B\u0E1A\u0E2D\u0E23\u0E4C\u0E14",
@@ -5417,11 +5400,11 @@ var zh_CN_default = {
   "df.wise.ControlFeedback.minimum": "\u8BF7\u8F93\u5165\u4E00\u4E2A\u5927\u4E8E\u6216\u7B49\u4E8E {minimum} \u7684\u6570\u5B57",
   "df.wise.ControlFeedback.minimumDate": "\u8BF7\u8F93\u5165 {minimum} \u6216\u4E4B\u540E\u7684\u65E5\u671F",
   "df.wise.ControlFeedback.pattern": "\u8BF7\u4EE5\u6B63\u786E\u7684\u683C\u5F0F\u8F93\u5165",
-  "df.wise.ControlFeedback.patternDate": "\u8BF7\u4EE5\u6B63\u786E\u7684\u683C\u5F0F\u8F93\u5165\u65E5\u671F",
+  "df.wise.ControlFeedback.patternDate": "\u8BF7\u4EE5\u6B63\u786E\u7684\u683C\u5F0F\u8F93\u5165\u65E5\u671F\u3002",
   "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",
@@ -5464,7 +5447,7 @@ var zh_HK_default = {
   "df.wise.ControlFeedback.minimum": "\u8ACB\u8F38\u5165\u4E00\u500B\u5927\u65BC\u6216\u7B49\u65BC{minimum}\u7684\u6578\u5B57\u3002",
   "df.wise.ControlFeedback.minimumDate": "\u8ACB\u8F38\u5165{minimum}\u6216\u4E4B\u5F8C\u7684\u65E5\u671F\u3002",
   "df.wise.ControlFeedback.pattern": "\u8ACB\u4EE5\u6B63\u78BA\u683C\u5F0F\u8F38\u5165\u5185\u5BB9\u3002",
-  "df.wise.ControlFeedback.patternDate": "\u8ACB\u4EE5\u6B63\u78BA\u683C\u5F0F\u8F38\u5165\u65E5\u671F\u3002",
+  "df.wise.ControlFeedback.patternDate": "\u8ACB\u4EE5\u6B63\u78BA\u7684\u683C\u5F0F\u8F38\u5165\u65E5\u671F\u3002",
   "df.wise.ControlFeedback.required": "\u8ACB\u586B\u5BEB\u6B64\u6B04\u4F4D\u3002",
   "df.wise.ControlFeedback.type": "\u932F\u8AA4\u7684\u985E\u578B",
   "df.wise.CopyFeedback.copy": "\u8907\u88FD\u5230\u526A\u8CBC\u677F",