@wise/dynamic-flow-client 4.7.0 → 4.7.1

package/build/main.js

@@ -3542,6 +3542,13 @@ var parseResponseBodyAsJsonElement = async (response) => {
     return null;
   }
 };
+var parseResponseBodyAsText = async (response) => {
+  try {
+    return await response.text();
+  } catch (e) {
+    return null;
+  }
+};
 function isActionResponseBody(body) {
   return (0, import_dynamic_flow_types.validateActionResponse)(body).valid;
 }
@@ -6019,7 +6026,7 @@ var executeSubmission = async (props) => {
       const extra = { actionId, errorMessage: "Network Error" };
       trackEvent("Action Failed", extra);
       logEvent("error", "Dynamic Flow - Action Failed Unexpectedly", extra);
-      return { type: "error", body: {} };
+      return { type: "error" };
     }
     if (!response.ok) {
       return handleErrorResponse(response, actionId);
@@ -6062,16 +6069,27 @@ var executeSubmission = async (props) => {
     }
   };
   const handleErrorResponse = async (response, actionId) => {
-    const body = await parseResponseBodyAsJsonElement(response);
+    const body = await parseResponseBodyAsJsonElement(response.clone());
     if (isErrorResponseBody(body)) {
       const refreshUrl = body.refreshUrl || body.refreshFormUrl;
       const { error, validation, analytics } = body;
       trackEvent("Action Failed", __spreadProps(__spreadValues({}, analytics), { actionId, statusCode: response.status }));
       const errors = { error, validation };
-      return refreshUrl ? { type: "refresh", body: { refreshUrl, errors } } : { type: "error", body: { errors, analytics }, statusCode: response.status };
+      return refreshUrl ? { type: "refresh", body: { refreshUrl, errors } } : {
+        type: "error",
+        body: { errors, analytics },
+        httpError: { statusCode: response.status }
+      };
     }
     trackEvent("Action Failed", { actionId, statusCode: response.status });
-    return { type: "error", body: {}, statusCode: response.status };
+    const errorMessage = await parseResponseBodyAsText(response);
+    return {
+      type: "error",
+      httpError: {
+        message: errorMessage || void 0,
+        statusCode: response.status
+      }
+    };
   };
   return triggerAction(props.action, props.model, props.isInitial);
 };
@@ -6495,7 +6513,7 @@ function useDynamicFlowCore(props) {
     }
   }, []);
   const onAction = (0, import_react3.useCallback)(async (action) => {
-    var _a2;
+    var _a2, _b, _c, _d, _e, _f, _g;
     try {
       rootComponentRef.current.setLoadingState("submitting");
       const model = (_a2 = await rootComponentRef.current.getSubmittableValue()) != null ? _a2 : null;
@@ -6522,7 +6540,7 @@ function useDynamicFlowCore(props) {
         }
         case "error": {
           const genericErrorMessage = getErrorMessageFunctions().genericErrorWithRetry();
-          const { errors = { error: genericErrorMessage } } = command.body;
+          const errors = (_c = (_b = command.body) == null ? void 0 : _b.errors) != null ? _c : { error: genericErrorMessage };
           if (stepRef.current) {
             updateStep(
               __spreadProps(__spreadValues({}, stepRef.current), {
@@ -6539,12 +6557,13 @@ function useDynamicFlowCore(props) {
               etagRef.current
             );
           } else {
+            const errorMessage = ((_e = (_d = command.body) == null ? void 0 : _d.errors) == null ? void 0 : _e.error) || ((_f = command.httpError) == null ? void 0 : _f.message) || "Initial request failed";
             closeWithError(
-              new Error("Initial request failed", {
+              new Error(errorMessage, {
                 cause: `method: ${action.method}, url: ${action.url}`
               }),
               {},
-              command.statusCode
+              (_g = command.httpError) == null ? void 0 : _g.statusCode
             );
           }
           break;

package/build/main.mjs

@@ -3499,6 +3499,13 @@ var parseResponseBodyAsJsonElement = async (response) => {
     return null;
   }
 };
+var parseResponseBodyAsText = async (response) => {
+  try {
+    return await response.text();
+  } catch (e) {
+    return null;
+  }
+};
 function isActionResponseBody(body) {
   return validateActionResponse(body).valid;
 }
@@ -5976,7 +5983,7 @@ var executeSubmission = async (props) => {
       const extra = { actionId, errorMessage: "Network Error" };
       trackEvent("Action Failed", extra);
       logEvent("error", "Dynamic Flow - Action Failed Unexpectedly", extra);
-      return { type: "error", body: {} };
+      return { type: "error" };
     }
     if (!response.ok) {
       return handleErrorResponse(response, actionId);
@@ -6019,16 +6026,27 @@ var executeSubmission = async (props) => {
     }
   };
   const handleErrorResponse = async (response, actionId) => {
-    const body = await parseResponseBodyAsJsonElement(response);
+    const body = await parseResponseBodyAsJsonElement(response.clone());
     if (isErrorResponseBody(body)) {
       const refreshUrl = body.refreshUrl || body.refreshFormUrl;
       const { error, validation, analytics } = body;
       trackEvent("Action Failed", __spreadProps(__spreadValues({}, analytics), { actionId, statusCode: response.status }));
       const errors = { error, validation };
-      return refreshUrl ? { type: "refresh", body: { refreshUrl, errors } } : { type: "error", body: { errors, analytics }, statusCode: response.status };
+      return refreshUrl ? { type: "refresh", body: { refreshUrl, errors } } : {
+        type: "error",
+        body: { errors, analytics },
+        httpError: { statusCode: response.status }
+      };
     }
     trackEvent("Action Failed", { actionId, statusCode: response.status });
-    return { type: "error", body: {}, statusCode: response.status };
+    const errorMessage = await parseResponseBodyAsText(response);
+    return {
+      type: "error",
+      httpError: {
+        message: errorMessage || void 0,
+        statusCode: response.status
+      }
+    };
   };
   return triggerAction(props.action, props.model, props.isInitial);
 };
@@ -6452,7 +6470,7 @@ function useDynamicFlowCore(props) {
     }
   }, []);
   const onAction = useCallback2(async (action) => {
-    var _a2;
+    var _a2, _b, _c, _d, _e, _f, _g;
     try {
       rootComponentRef.current.setLoadingState("submitting");
       const model = (_a2 = await rootComponentRef.current.getSubmittableValue()) != null ? _a2 : null;
@@ -6479,7 +6497,7 @@ function useDynamicFlowCore(props) {
         }
         case "error": {
           const genericErrorMessage = getErrorMessageFunctions().genericErrorWithRetry();
-          const { errors = { error: genericErrorMessage } } = command.body;
+          const errors = (_c = (_b = command.body) == null ? void 0 : _b.errors) != null ? _c : { error: genericErrorMessage };
           if (stepRef.current) {
             updateStep(
               __spreadProps(__spreadValues({}, stepRef.current), {
@@ -6496,12 +6514,13 @@ function useDynamicFlowCore(props) {
               etagRef.current
             );
           } else {
+            const errorMessage = ((_e = (_d = command.body) == null ? void 0 : _d.errors) == null ? void 0 : _e.error) || ((_f = command.httpError) == null ? void 0 : _f.message) || "Initial request failed";
             closeWithError(
-              new Error("Initial request failed", {
+              new Error(errorMessage, {
                 cause: `method: ${action.method}, url: ${action.url}`
               }),
               {},
-              command.statusCode
+              (_g = command.httpError) == null ? void 0 : _g.statusCode
             );
           }
           break;

package/build/types/revamp/flow/executeSubmission.d.ts

@@ -10,11 +10,14 @@ type Command = {
     etag: string | null;
 } | {
     type: 'error';
-    body: {
+    body?: {
         analytics?: ErrorResponseBody['analytics'];
         errors?: Step['errors'];
     };
-    statusCode?: number;
+    httpError?: {
+        message?: string;
+        statusCode?: number;
+    };
 } | {
     type: 'refresh';
     body: {

package/build/types/revamp/flow/response-utils.d.ts

@@ -1,6 +1,7 @@
 import type { ActionResponseBody, ErrorResponseBody, JsonElement, ModalBehavior, Step } from '@wise/dynamic-flow-types/build/next';
 export declare const assertResponseIsValid: (response: unknown) => void;
 export declare const parseResponseBodyAsJsonElement: (response: Response) => Promise<JsonElement>;
+export declare const parseResponseBodyAsText: (response: Response) => Promise<string | null>;
 export declare function isActionResponseBody(body: unknown): body is ActionResponseBody;
 export declare function assertActionResponseBody(body: unknown): asserts body is ActionResponseBody;
 export declare function assertModalResponseBody(body: unknown): asserts body is Omit<ModalBehavior, 'type'>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "4.7.0",
+  "version": "4.7.1",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -46,7 +46,7 @@
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
-    "@transferwise/components": "46.97.5",
+    "@transferwise/components": "46.98.1",
     "@transferwise/formatting": "^2.13.1",
     "@transferwise/icons": "3.22.0",
     "@transferwise/neptune-css": "14.24.4",
@@ -78,8 +78,8 @@
     "stylelint-value-no-unknown-custom-properties": "6.0.1",
     "tsx": "4.20.3",
     "typescript": "5.8.3",
-    "@wise/dynamic-flow-renderers": "0.0.0",
-    "@wise/dynamic-flow-fixtures": "0.0.1"
+    "@wise/dynamic-flow-fixtures": "0.0.1",
+    "@wise/dynamic-flow-renderers": "0.0.0"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.92.0",
@@ -95,7 +95,7 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "3.5.0"
+    "@wise/dynamic-flow-types": "3.5.1"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",