@wise/dynamic-flow-client-internal 5.9.2-logging-2-70d602d → 5.10.0

package/build/main.js

@@ -144,7 +144,7 @@ var import_react22 = require("react");
 // src/dynamicFlow/telemetry/app-version.ts
 var appVersion = (
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  typeof process !== "undefined" ? "5.9.1" : "0.0.0"
+  typeof process !== "undefined" ? "5.10.0" : "0.0.0"
 );
 
 // src/dynamicFlow/telemetry/getLogEvent.ts
@@ -309,6 +309,11 @@ function AddressValidationButtonComponent(props) {
       setSpinny(false);
     }
   }, [stepLoadingState]);
+  const onBlur = () => {
+    if (stepLoadingState === "idle") {
+      setSpinny(false);
+    }
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: `d-flex flex-column ${getMargin(margin)}`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       import_components2.Button,
@@ -323,6 +328,7 @@ function AddressValidationButtonComponent(props) {
           setSpinny(true);
           onClick();
         },
+        onBlur,
         children: title
       }
     ),
@@ -689,6 +695,11 @@ function ButtonComponent(props) {
       setSpinny(false);
     }
   }, [stepLoadingState]);
+  const onBlur = () => {
+    if (stepLoadingState === "idle") {
+      setSpinny(false);
+    }
+  };
   const loading = spinny && stepLoadingState !== "idle";
   const buttonProps = {
     v2: true,
@@ -703,6 +714,7 @@ function ButtonComponent(props) {
     loading,
     size: control === "small" ? "sm" : mapLegacyButtonSize(size),
     sentiment: getSentiment(context),
+    onBlur,
     onClick: () => {
       setSpinny(true);
       onClick();
@@ -1366,9 +1378,7 @@ function ExternalConfirmationRendererComponent({
 }) {
   const { formatMessage } = (0, import_react_intl10.useIntl)();
   (0, import_react4.useEffect)(() => {
-    console.log("\u{1F48E} ExternalConfirmationRendererComponent useEffect, with status:", status);
-    if (url) {
-      console.log("\u{1F48E} window.open");
+    if (url && status === "initial") {
       const w = window.open(url, "_blank");
       if (w) {
         onSuccess();
@@ -1377,7 +1387,6 @@ function ExternalConfirmationRendererComponent({
       }
     }
   }, []);
-  console.log("\u{1F48E} ExternalConfirmationRendererComponent rendered with status:", status);
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     import_components18.Modal,
     {
@@ -3923,9 +3932,12 @@ function UpsellRendererComponent(props) {
       className: getMargin(margin),
       mediaName: getMediaName(media),
       title: text,
-      link: callToAction.title,
-      href: callToAction.href,
-      onClick: callToAction.onClick,
+      action: {
+        href: callToAction.href,
+        onClick: callToAction.href ? void 0 : callToAction.onClick,
+        target: callToAction.href ? "_blank" : void 0,
+        text: callToAction.title
+      },
       onDismiss: onDismiss ? () => {
         setIsVisible(false);
         onDismiss();
@@ -4204,7 +4216,7 @@ function DynamicFlow(props) {
   const { className = "" } = props;
   const dfProps = useWiseToCoreProps(props);
   const df = (0, import_dynamic_flow_client3.useDynamicFlow)(dfProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { id: "experimental-dynamic-flow", className, children: df.view });
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className, children: df.view });
 }
 
 // src/dynamicFlow/DynamicFlowWithRef.tsx

package/build/main.mjs

@@ -126,7 +126,7 @@ import { useMemo as useMemo2 } from "react";
 // src/dynamicFlow/telemetry/app-version.ts
 var appVersion = (
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  typeof process !== "undefined" ? "5.9.1" : "0.0.0"
+  typeof process !== "undefined" ? "5.10.0" : "0.0.0"
 );
 
 // src/dynamicFlow/telemetry/getLogEvent.ts
@@ -291,6 +291,11 @@ function AddressValidationButtonComponent(props) {
       setSpinny(false);
     }
   }, [stepLoadingState]);
+  const onBlur = () => {
+    if (stepLoadingState === "idle") {
+      setSpinny(false);
+    }
+  };
   return /* @__PURE__ */ jsxs("div", { className: `d-flex flex-column ${getMargin(margin)}`, children: [
     /* @__PURE__ */ jsx3(
       Button,
@@ -305,6 +310,7 @@ function AddressValidationButtonComponent(props) {
           setSpinny(true);
           onClick();
         },
+        onBlur,
         children: title
       }
     ),
@@ -671,6 +677,11 @@ function ButtonComponent(props) {
       setSpinny(false);
     }
   }, [stepLoadingState]);
+  const onBlur = () => {
+    if (stepLoadingState === "idle") {
+      setSpinny(false);
+    }
+  };
   const loading = spinny && stepLoadingState !== "idle";
   const buttonProps = {
     v2: true,
@@ -685,6 +696,7 @@ function ButtonComponent(props) {
     loading,
     size: control === "small" ? "sm" : mapLegacyButtonSize(size),
     sentiment: getSentiment(context),
+    onBlur,
     onClick: () => {
       setSpinny(true);
       onClick();
@@ -1348,9 +1360,7 @@ function ExternalConfirmationRendererComponent({
 }) {
   const { formatMessage } = useIntl5();
   useEffect3(() => {
-    console.log("\u{1F48E} ExternalConfirmationRendererComponent useEffect, with status:", status);
-    if (url) {
-      console.log("\u{1F48E} window.open");
+    if (url && status === "initial") {
       const w = window.open(url, "_blank");
       if (w) {
         onSuccess();
@@ -1359,7 +1369,6 @@ function ExternalConfirmationRendererComponent({
       }
     }
   }, []);
-  console.log("\u{1F48E} ExternalConfirmationRendererComponent rendered with status:", status);
   return /* @__PURE__ */ jsx31(
     Modal,
     {
@@ -3914,9 +3923,12 @@ function UpsellRendererComponent(props) {
       className: getMargin(margin),
       mediaName: getMediaName(media),
       title: text,
-      link: callToAction.title,
-      href: callToAction.href,
-      onClick: callToAction.onClick,
+      action: {
+        href: callToAction.href,
+        onClick: callToAction.href ? void 0 : callToAction.onClick,
+        target: callToAction.href ? "_blank" : void 0,
+        text: callToAction.title
+      },
       onDismiss: onDismiss ? () => {
         setIsVisible(false);
         onDismiss();
@@ -4195,7 +4207,7 @@ function DynamicFlow(props) {
   const { className = "" } = props;
   const dfProps = useWiseToCoreProps(props);
   const df = useDynamicFlow(dfProps);
-  return /* @__PURE__ */ jsx90("div", { id: "experimental-dynamic-flow", className, children: df.view });
+  return /* @__PURE__ */ jsx90("div", { className, children: df.view });
 }
 
 // src/dynamicFlow/DynamicFlowWithRef.tsx

package/build/types/dynamicFlow/DynamicFlow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicFlow.d.ts","sourceRoot":"","sources":["../../../src/dynamicFlow/DynamicFlow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAGnE,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAElF,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;KACvB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACrB,GAAG,EAAE,CAAC;AAEP,wBAAgB,WAAW,CAAC,KAAK,EAAE,oBAAoB,2CAStD"}
+{"version":3,"file":"DynamicFlow.d.ts","sourceRoot":"","sources":["../../../src/dynamicFlow/DynamicFlow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAGnE,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAElF,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;KACvB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACrB,GAAG,EAAE,CAAC;AAEP,wBAAgB,WAAW,CAAC,KAAK,EAAE,oBAAoB,2CAKtD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client-internal",
-  "version": "5.9.2-logging-2-70d602d",
+  "version": "5.10.0",
   "description": "Dynamic Flow web client for Wise",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -33,10 +33,10 @@
   "devDependencies": {
     "@chromatic-com/storybook": "4.1.3",
     "@formatjs/cli": "^6.13.0",
-    "@storybook/addon-a11y": "^10.2.10",
-    "@storybook/addon-docs": "^10.2.10",
-    "@storybook/addon-links": "^10.2.10",
-    "@storybook/react-vite": "10.2.10",
+    "@storybook/addon-a11y": "^10.2.13",
+    "@storybook/addon-docs": "^10.2.13",
+    "@storybook/addon-links": "^10.2.13",
+    "@storybook/react-vite": "10.2.13",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.2",
@@ -50,7 +50,7 @@
     "@wise/art": "2.28.0",
     "@wise/components-theming": "^1.10.1",
     "esbuild": "0.27.0",
-    "eslint-plugin-storybook": "10.2.10",
+    "eslint-plugin-storybook": "10.2.13",
     "framer-motion": "^12.34.3",
     "npm-run-all2": "8.0.4",
     "postcss": "^8.5.6",
@@ -59,7 +59,7 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-intl": "6.8.9",
-    "storybook": "^10.2.10",
+    "storybook": "^10.2.13",
     "stylelint": "16.26.1",
     "stylelint-config-standard": "36.0.1",
     "stylelint-no-unsupported-browser-features": "8.1.1",
@@ -68,9 +68,9 @@
     "typescript": "5.9.3",
     "vitest": "4.0.18",
     "vitest-fetch-mock": "0.4.5",
-    "@wise/dynamic-flow-fixtures": "0.0.1",
+    "@wise/dynamic-flow-types": "4.10.0",
     "@wise/dynamic-flow-renderers": "0.0.0",
-    "@wise/dynamic-flow-types": "4.9.0"
+    "@wise/dynamic-flow-fixtures": "0.0.1"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.104.0",
@@ -84,8 +84,8 @@
     "react-intl": "^6 || ^7"
   },
   "dependencies": {
-    "@wise/dynamic-flow-types": "4.9.0",
-    "@wise/dynamic-flow-client": "5.9.2-logging-2-70d602d"
+    "@wise/dynamic-flow-client": "5.10.0",
+    "@wise/dynamic-flow-types": "4.10.0"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3005",