@wise/dynamic-flow-client-internal 5.21.0 → 5.21.2

package/build/main.css

@@ -186,6 +186,9 @@
     width: 300px;
   }
 }
+.df-markdown> :last-child {
+  margin-bottom: 0px;
+}
 .df-media-layout-avatar {
   display: flex;
 }

package/build/main.js

@@ -70,7 +70,7 @@ var require_classnames = __commonJS({
     (function() {
       "use strict";
       var hasOwn = {}.hasOwnProperty;
-      function classNames7() {
+      function classNames8() {
         var classes = "";
         for (var i = 0; i < arguments.length; i++) {
           var arg = arguments[i];
@@ -88,7 +88,7 @@ var require_classnames = __commonJS({
           return "";
         }
         if (Array.isArray(arg)) {
-          return classNames7.apply(null, arg);
+          return classNames8.apply(null, arg);
         }
         if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
           return arg.toString();
@@ -111,14 +111,14 @@ var require_classnames = __commonJS({
         return value + newClass;
       }
       if (typeof module2 !== "undefined" && module2.exports) {
-        classNames7.default = classNames7;
-        module2.exports = classNames7;
+        classNames8.default = classNames8;
+        module2.exports = classNames8;
       } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
         define("classnames", [], function() {
-          return classNames7;
+          return classNames8;
         });
       } else {
-        window.classNames = classNames7;
+        window.classNames = classNames8;
       }
     })();
   }
@@ -145,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.21.0" : "0.0.0"
+  typeof process !== "undefined" ? "5.21.2" : "0.0.0"
 );
 
 // src/dynamicFlow/context-menu/useContextMenu.tsx
@@ -2068,13 +2068,17 @@ var LoadingIndicatorRenderer_default = LoadingIndicatorRenderer;
 
 // ../renderers/src/MarkdownRenderer.tsx
 var import_components28 = require("@transferwise/components");
+var import_classnames4 = __toESM(require_classnames());
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var MarkdownRenderer = {
   canRenderType: "markdown",
   render: ({ content, align, margin, size }) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: getTextAlignmentAndMargin({ align, margin }), children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     import_components28.Markdown,
     {
-      className: ["xs", "sm"].includes(size) ? "np-text-body-default" : "np-text-body-large",
+      className: (0, import_classnames4.default)(
+        "df-markdown",
+        ["xs", "sm"].includes(size) ? "np-text-body-default" : "np-text-body-large"
+      ),
       config: { link: { target: "_blank" } },
       children: content
     }
@@ -2517,7 +2521,7 @@ var import_components36 = require("@transferwise/components");
 
 // ../renderers/src/components/UploadFieldInput.tsx
 var import_components35 = require("@transferwise/components");
-var import_classnames4 = __toESM(require_classnames());
+var import_classnames5 = __toESM(require_classnames());
 var import_jsx_runtime57 = require("react/jsx-runtime");
 function UploadFieldInput({
   id,
@@ -2535,7 +2539,7 @@ function UploadFieldInput({
     "div",
     {
       ref,
-      className: (0, import_classnames4.default)("form-group d-block", {
+      className: (0, import_classnames5.default)("form-group d-block", {
         "has-error": (validation == null ? void 0 : validation.status) === "invalid"
       }),
       children: [
@@ -2699,7 +2703,7 @@ function useSnackBarIfAvailable() {
 
 // ../renderers/src/ParagraphRenderer.tsx
 var import_components39 = require("@transferwise/components");
-var import_classnames5 = __toESM(require_classnames());
+var import_classnames6 = __toESM(require_classnames());
 
 // ../renderers/src/messages/paragraph.messages.ts
 var import_react_intl14 = require("react-intl");
@@ -2751,7 +2755,7 @@ function CopyableParagraph({
         type: "text",
         value: text,
         readOnly: true,
-        className: (0, import_classnames5.default)("text-ellipsis", inputAlignmentClasses)
+        className: (0, import_classnames6.default)("text-ellipsis", inputAlignmentClasses)
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_components39.Button, { v2: true, block: true, onClick: copy, children: formatMessage(paragraph_messages_default.copy) })
@@ -2785,7 +2789,7 @@ var ProgressRenderer = {
 // ../renderers/src/RepeatableRenderer.tsx
 var import_components41 = require("@transferwise/components");
 var import_icons = require("@transferwise/icons");
-var import_classnames6 = __toESM(require_classnames());
+var import_classnames7 = __toESM(require_classnames());
 var import_react14 = require("react");
 var import_react_intl17 = require("react-intl");
 
@@ -2866,7 +2870,7 @@ function Repeatable(props) {
       /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
         "div",
         {
-          className: (0, import_classnames6.default)("form-group", {
+          className: (0, import_classnames7.default)("form-group", {
             "has-error": (validationState == null ? void 0 : validationState.status) === "invalid"
           }),
           children: [
@@ -4350,7 +4354,7 @@ var supportedMediaNames = [
 
 // ../renderers/src/ButtonRenderer/CircularButtonRenderer.tsx
 var import_components64 = require("@transferwise/components");
-var import_classnames7 = __toESM(require_classnames());
+var import_classnames8 = __toESM(require_classnames());
 var import_jsx_runtime90 = require("react/jsx-runtime");
 var CircularButtonRenderer = {
   canRenderType: "button",
@@ -4361,7 +4365,7 @@ function CircularButtonComponent(props) {
   var _a;
   const { context, disabled, margin, media, tags, title, onClick } = props;
   const priority = tags == null ? void 0 : tags.find((tag) => tag === "primary" || tag === "secondary");
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: (0, import_classnames7.default)(getMargin(margin), "df-button", "circular"), children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: (0, import_classnames8.default)(getMargin(margin), "df-button", "circular"), children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
     import_components64.CircularButton,
     {
       disabled,
@@ -4522,11 +4526,14 @@ var dispatchAnalyticsEvent = (eventName, properties) => {
 // 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);
+    const propsWithUuid = __spreadProps(__spreadValues({}, properties), {
+      $insert_id: crypto.randomUUID()
+    });
+    onEvent == null ? void 0 : onEvent(name, propsWithUuid);
     if (includeInAnalytics(name)) {
-      dispatchAnalytics == null ? void 0 : dispatchAnalytics(name, properties);
+      dispatchAnalyticsEvent(name, propsWithUuid);
+      onAnalytics == null ? void 0 : onAnalytics(name, propsWithUuid);
     }
   };
 };

package/build/main.mjs

@@ -64,7 +64,7 @@ var require_classnames = __commonJS({
     (function() {
       "use strict";
       var hasOwn = {}.hasOwnProperty;
-      function classNames7() {
+      function classNames8() {
         var classes = "";
         for (var i = 0; i < arguments.length; i++) {
           var arg = arguments[i];
@@ -82,7 +82,7 @@ var require_classnames = __commonJS({
           return "";
         }
         if (Array.isArray(arg)) {
-          return classNames7.apply(null, arg);
+          return classNames8.apply(null, arg);
         }
         if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
           return arg.toString();
@@ -105,14 +105,14 @@ var require_classnames = __commonJS({
         return value + newClass;
       }
       if (typeof module !== "undefined" && module.exports) {
-        classNames7.default = classNames7;
-        module.exports = classNames7;
+        classNames8.default = classNames8;
+        module.exports = classNames8;
       } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
         define("classnames", [], function() {
-          return classNames7;
+          return classNames8;
         });
       } else {
-        window.classNames = classNames7;
+        window.classNames = classNames8;
       }
     })();
   }
@@ -127,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.21.0" : "0.0.0"
+  typeof process !== "undefined" ? "5.21.2" : "0.0.0"
 );
 
 // src/dynamicFlow/context-menu/useContextMenu.tsx
@@ -2053,13 +2053,17 @@ var LoadingIndicatorRenderer_default = LoadingIndicatorRenderer;
 
 // ../renderers/src/MarkdownRenderer.tsx
 import { Markdown as Markdown3 } from "@transferwise/components";
+var import_classnames4 = __toESM(require_classnames());
 import { jsx as jsx48 } from "react/jsx-runtime";
 var MarkdownRenderer = {
   canRenderType: "markdown",
   render: ({ content, align, margin, size }) => /* @__PURE__ */ jsx48("div", { className: getTextAlignmentAndMargin({ align, margin }), children: /* @__PURE__ */ jsx48(
     Markdown3,
     {
-      className: ["xs", "sm"].includes(size) ? "np-text-body-default" : "np-text-body-large",
+      className: (0, import_classnames4.default)(
+        "df-markdown",
+        ["xs", "sm"].includes(size) ? "np-text-body-default" : "np-text-body-large"
+      ),
       config: { link: { target: "_blank" } },
       children: content
     }
@@ -2501,7 +2505,7 @@ var MultiSelectInputRenderer = {
 import { Status, UploadInput } from "@transferwise/components";
 
 // ../renderers/src/components/UploadFieldInput.tsx
-var import_classnames4 = __toESM(require_classnames());
+var import_classnames5 = __toESM(require_classnames());
 import { InlineAlert as InlineAlert2 } from "@transferwise/components";
 import { jsx as jsx57, jsxs as jsxs12 } from "react/jsx-runtime";
 function UploadFieldInput({
@@ -2520,7 +2524,7 @@ function UploadFieldInput({
     "div",
     {
       ref,
-      className: (0, import_classnames4.default)("form-group d-block", {
+      className: (0, import_classnames5.default)("form-group d-block", {
         "has-error": (validation == null ? void 0 : validation.status) === "invalid"
       }),
       children: [
@@ -2683,7 +2687,7 @@ function useSnackBarIfAvailable() {
 }
 
 // ../renderers/src/ParagraphRenderer.tsx
-var import_classnames5 = __toESM(require_classnames());
+var import_classnames6 = __toESM(require_classnames());
 import { Button as Button5, Input as Input3 } from "@transferwise/components";
 
 // ../renderers/src/messages/paragraph.messages.ts
@@ -2736,7 +2740,7 @@ function CopyableParagraph({
         type: "text",
         value: text,
         readOnly: true,
-        className: (0, import_classnames5.default)("text-ellipsis", inputAlignmentClasses)
+        className: (0, import_classnames6.default)("text-ellipsis", inputAlignmentClasses)
       }
     ),
     /* @__PURE__ */ jsx60(Button5, { v2: true, block: true, onClick: copy, children: formatMessage(paragraph_messages_default.copy) })
@@ -2768,7 +2772,7 @@ var ProgressRenderer = {
 };
 
 // ../renderers/src/RepeatableRenderer.tsx
-var import_classnames6 = __toESM(require_classnames());
+var import_classnames7 = __toESM(require_classnames());
 import { Button as Button6, Header as Header6, InlineAlert as InlineAlert3, Modal as Modal4, NavigationOption } from "@transferwise/components";
 import { Plus } from "@transferwise/icons";
 import { useState as useState9 } from "react";
@@ -2851,7 +2855,7 @@ function Repeatable(props) {
       /* @__PURE__ */ jsxs14(
         "div",
         {
-          className: (0, import_classnames6.default)("form-group", {
+          className: (0, import_classnames7.default)("form-group", {
             "has-error": (validationState == null ? void 0 : validationState.status) === "invalid"
           }),
           children: [
@@ -4341,7 +4345,7 @@ var supportedMediaNames = [
 
 // ../renderers/src/ButtonRenderer/CircularButtonRenderer.tsx
 import { CircularButton } from "@transferwise/components";
-var import_classnames7 = __toESM(require_classnames());
+var import_classnames8 = __toESM(require_classnames());
 import { jsx as jsx90 } from "react/jsx-runtime";
 var CircularButtonRenderer = {
   canRenderType: "button",
@@ -4352,7 +4356,7 @@ function CircularButtonComponent(props) {
   var _a;
   const { context, disabled, margin, media, tags, title, onClick } = props;
   const priority = tags == null ? void 0 : tags.find((tag) => tag === "primary" || tag === "secondary");
-  return /* @__PURE__ */ jsx90("div", { className: (0, import_classnames7.default)(getMargin(margin), "df-button", "circular"), children: /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsx90("div", { className: (0, import_classnames8.default)(getMargin(margin), "df-button", "circular"), children: /* @__PURE__ */ jsx90(
     CircularButton,
     {
       disabled,
@@ -4513,11 +4517,14 @@ var dispatchAnalyticsEvent = (eventName, properties) => {
 // 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);
+    const propsWithUuid = __spreadProps(__spreadValues({}, properties), {
+      $insert_id: crypto.randomUUID()
+    });
+    onEvent == null ? void 0 : onEvent(name, propsWithUuid);
     if (includeInAnalytics(name)) {
-      dispatchAnalytics == null ? void 0 : dispatchAnalytics(name, properties);
+      dispatchAnalyticsEvent(name, propsWithUuid);
+      onAnalytics == null ? void 0 : onAnalytics(name, propsWithUuid);
     }
   };
 };