@wise/dynamic-flow-client-internal 4.11.1 → 4.12.0-experimental-sca-error-handling-8133bb0

package/build/main.js

@@ -1218,7 +1218,7 @@ var FormRenderer_default = FormRenderer;
 var import_components10 = require("@transferwise/components");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var FormSectionRenderer = {
-  canRenderType: "section",
+  canRenderType: "form-section",
   render: ({ title, description, children }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("fieldset", { children: [
     title && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       import_components10.Header,
@@ -1571,7 +1571,7 @@ var import_components17 = require("@transferwise/components");
 var import_jsx_runtime31 = require("react/jsx-runtime");
 var MarkdownRenderer = {
   canRenderType: "markdown",
-  render: ({ content, align, margin }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: getTextAlignmentAndMargin({ align, margin }), children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_components17.Markdown, { config: { link: { target: "_blank" } }, children: content }) })
+  render: ({ content, align, margin }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: getTextAlignmentAndMargin({ align, margin }), children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_components17.Markdown, { className: "np-text-body-large", config: { link: { target: "_blank" } }, children: content }) })
 };
 var MarkdownRenderer_default = MarkdownRenderer;
 
@@ -3181,7 +3181,7 @@ var ModalContentRenderer = {
 };
 
 // src/dynamicFlow/telemetry/app-version.ts
-var appVersion = "4.11.1";
+var appVersion = "4.11.2";
 
 // src/dynamicFlow/telemetry/getLogEvent.ts
 var getLogEvent = (onLog) => (level, message, extra) => {
@@ -3291,7 +3291,12 @@ var useWiseHttpClient = (httpClient) => {
     async (input, init = {}) => {
       const headers = new Headers(init.headers);
       headers.set("accept-language", locale);
-      return httpClient(input, __spreadProps(__spreadValues({}, init), { credentials: "include", headers }));
+      return httpClient(input, __spreadProps(__spreadValues({}, init), { credentials: "include", headers })).catch((error) => {
+        if (error instanceof Error && error.message === "SCA_MODAL_CLOSED") {
+          return new Response(JSON.stringify({ validation: {} }), { status: 400 });
+        }
+        throw error;
+      });
     },
     [httpClient, locale]
   );

package/build/main.mjs

@@ -1184,7 +1184,7 @@ var FormRenderer_default = FormRenderer;
 import { Header as Header2 } from "@transferwise/components";
 import { jsx as jsx20, jsxs as jsxs4 } from "react/jsx-runtime";
 var FormSectionRenderer = {
-  canRenderType: "section",
+  canRenderType: "form-section",
   render: ({ title, description, children }) => /* @__PURE__ */ jsxs4("fieldset", { children: [
     title && /* @__PURE__ */ jsx20(
       Header2,
@@ -1541,7 +1541,7 @@ import { Markdown as Markdown2 } from "@transferwise/components";
 import { jsx as jsx31 } from "react/jsx-runtime";
 var MarkdownRenderer = {
   canRenderType: "markdown",
-  render: ({ content, align, margin }) => /* @__PURE__ */ jsx31("div", { className: getTextAlignmentAndMargin({ align, margin }), children: /* @__PURE__ */ jsx31(Markdown2, { config: { link: { target: "_blank" } }, children: content }) })
+  render: ({ content, align, margin }) => /* @__PURE__ */ jsx31("div", { className: getTextAlignmentAndMargin({ align, margin }), children: /* @__PURE__ */ jsx31(Markdown2, { className: "np-text-body-large", config: { link: { target: "_blank" } }, children: content }) })
 };
 var MarkdownRenderer_default = MarkdownRenderer;
 
@@ -3157,7 +3157,7 @@ var ModalContentRenderer = {
 };
 
 // src/dynamicFlow/telemetry/app-version.ts
-var appVersion = "4.11.1";
+var appVersion = "4.11.2";
 
 // src/dynamicFlow/telemetry/getLogEvent.ts
 var getLogEvent = (onLog) => (level, message, extra) => {
@@ -3267,7 +3267,12 @@ var useWiseHttpClient = (httpClient) => {
     async (input, init = {}) => {
       const headers = new Headers(init.headers);
       headers.set("accept-language", locale);
-      return httpClient(input, __spreadProps(__spreadValues({}, init), { credentials: "include", headers }));
+      return httpClient(input, __spreadProps(__spreadValues({}, init), { credentials: "include", headers })).catch((error) => {
+        if (error instanceof Error && error.message === "SCA_MODAL_CLOSED") {
+          return new Response(JSON.stringify({ validation: {} }), { status: 400 });
+        }
+        throw error;
+      });
     },
     [httpClient, locale]
   );

package/build/types/index.d.ts

@@ -1,6 +1,6 @@
 export { makeHttpClient as makeCustomFetch } from '@wise/dynamic-flow-client';
 export type { DynamicFlowProps, DynamicFormController, Step, InitialAction, } from '@wise/dynamic-flow-client';
-export type { Renderer, Renderers, AlertRendererProps, CheckboxInputRendererProps, BoxRendererProps, ButtonRendererProps, ColumnsRendererProps, DateInputRendererProps, DecisionRendererProps, DividerRendererProps, FormRendererProps, SectionRendererProps, HeadingRendererProps, HiddenRendererProps, ImageRendererProps, InstructionsRendererProps, IntegerInputRendererProps, LoadingIndicatorRendererProps, MarkdownRendererProps, ModalRendererProps, MultiSelectInputRendererProps, MultiUploadInputRendererProps, NumberInputRendererProps, ParagraphRendererProps, RepeatableRendererProps, ReviewRendererProps, SearchRendererProps, SelectInputRendererProps, StatusListRendererProps, StepRendererProps, TextInputRendererProps, UploadInputRendererProps, } from '@wise/dynamic-flow-types/build/renderers';
+export type { Renderer, Renderers, AlertRendererProps, CheckboxInputRendererProps, BoxRendererProps, ButtonRendererProps, ColumnsRendererProps, DateInputRendererProps, DecisionRendererProps, DividerRendererProps, FormRendererProps, FormSectionRendererProps, HeadingRendererProps, HiddenRendererProps, ImageRendererProps, InstructionsRendererProps, IntegerInputRendererProps, LoadingIndicatorRendererProps, MarkdownRendererProps, ModalRendererProps, MultiSelectInputRendererProps, MultiUploadInputRendererProps, NumberInputRendererProps, ParagraphRendererProps, RepeatableRendererProps, ReviewRendererProps, SearchRendererProps, SelectInputRendererProps, StatusListRendererProps, StepRendererProps, TextInputRendererProps, UploadInputRendererProps, } from '@wise/dynamic-flow-types/build/renderers';
 export { JsonSchemaForm, isValidSchema, findRendererPropsByType } from '@wise/dynamic-flow-client';
 export { default as translations } from './i18n';
 export type { DynamicFlowLegacyProps, DynamicFlowRevampProps } from './dynamicFlow/DynamicFlow';

package/build/types/stories/SCAIntegration.story.d.ts

@@ -0,0 +1,12 @@
+import { DynamicFlowRevamp } from '../index';
+declare const _default: {
+    component: typeof DynamicFlowRevamp;
+    title: string;
+    parameters: {
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+    };
+};
+export default _default;
+export declare function SCAIntegration(): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client-internal",
-  "version": "4.11.1",
+  "version": "4.12.0-experimental-sca-error-handling-8133bb0",
   "description": "Dynamic Flow web client for Wise",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -51,14 +51,14 @@
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
-    "@transferwise/components": "46.96.1",
+    "@transferwise/components": "46.97.0",
     "@transferwise/formatting": "^2.13.1",
     "@transferwise/icons": "3.21.0",
     "@transferwise/neptune-css": "14.24.3",
     "@types/jest": "29.5.14",
     "@types/react": "18.3.20",
     "@types/react-dom": "18.3.6",
-    "@wise/art": "2.20.0",
+    "@wise/art": "2.20.1",
     "@wise/components-theming": "^1.6.2",
     "babel-jest": "29.7.0",
     "currency-flags": "4.0.7",
@@ -82,9 +82,9 @@
     "tsx": "4.19.3",
     "typescript": "5.8.3",
     "webpack": "5.99.7",
-    "@wise/dynamic-flow-types": "3.3.0",
     "@wise/dynamic-flow-fixtures": "0.0.1",
-    "@wise/dynamic-flow-renderers": "0.0.0"
+    "@wise/dynamic-flow-renderers": "0.0.0",
+    "@wise/dynamic-flow-types": "3.3.1"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.92.0",
@@ -99,8 +99,8 @@
   },
   "dependencies": {
     "classnames": "2.5.1",
-    "@wise/dynamic-flow-client": "4.5.1",
-    "@wise/dynamic-flow-types": "3.3.0"
+    "@wise/dynamic-flow-client": "4.5.3-experimental-sca-error-handling-8133bb0",
+    "@wise/dynamic-flow-types": "3.3.1"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3005",

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

@@ -1 +0,0 @@
-export {};