@wise/dynamic-flow-client-internal 5.9.2 → 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.2" : "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();
@@ -3920,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();

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.2" : "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();
@@ -3911,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();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client-internal",
-  "version": "5.9.2",
+  "version": "5.10.0",
   "description": "Dynamic Flow web client for Wise",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -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-client": "5.9.2",
-    "@wise/dynamic-flow-types": "4.9.0"
+    "@wise/dynamic-flow-client": "5.10.0",
+    "@wise/dynamic-flow-types": "4.10.0"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3005",