@wise/dynamic-flow-client 3.28.9 → 3.29.1

package/build/main.mjs

@@ -138,12 +138,12 @@ var init_clsx = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@wise+art@2.17.0_@transferwise+neptune-css@14.20.1_@types+react@18.3.16_react-dom@18.3.1_reac_4hsljgguo7de2wpoipdhgf4kzi/node_modules/@wise/art/dist/index-213daaa3.esm.js
+// ../../node_modules/.pnpm/@wise+art@2.19.0_@transferwise+neptune-css@14.20.1_@types+react@18.3.18_react-dom@18.3.1_reac_mzw7cg6j4wc7ddwlhxck7linn4/node_modules/@wise/art/dist/index-8Fxev6OI.esm.js
 import { useState, useEffect, forwardRef, Suspense, lazy } from "react";
 import { jsx as jsx11, jsxs as jsxs3, Fragment } from "react/jsx-runtime";
 var unknownFlagName, Flag, Sizes, ImageSizes, imageSizes, Assets, RenderMode;
-var init_index_213daaa3_esm = __esm({
-  "../../node_modules/.pnpm/@wise+art@2.17.0_@transferwise+neptune-css@14.20.1_@types+react@18.3.16_react-dom@18.3.1_reac_4hsljgguo7de2wpoipdhgf4kzi/node_modules/@wise/art/dist/index-213daaa3.esm.js"() {
+var init_index_8Fxev6OI_esm = __esm({
+  "../../node_modules/.pnpm/@wise+art@2.19.0_@transferwise+neptune-css@14.20.1_@types+react@18.3.18_react-dom@18.3.1_reac_mzw7cg6j4wc7ddwlhxck7linn4/node_modules/@wise/art/dist/index-8Fxev6OI.esm.js"() {
     "use strict";
     init_clsx();
     unknownFlagName = "wise";
@@ -187,76 +187,76 @@ var init_index_213daaa3_esm = __esm({
       [Sizes.LARGE]: 500
     };
     (function(Assets2) {
-      Assets2["BELL"] = "bell";
-      Assets2["BRIEFCASE"] = "briefcase";
-      Assets2["BUSINESS_CARD"] = "business-card";
-      Assets2["CALENDAR"] = "calendar";
-      Assets2["CHECK_MARK"] = "check-mark";
-      Assets2["CLOSED_WINDOW"] = "closed-window";
-      Assets2["COIN_PILE_DOWN"] = "coin-pile-down";
-      Assets2["COIN_PILE_UP"] = "coin-pile-up";
-      Assets2["CONFETTI"] = "confetti";
-      Assets2["CONSTRUCTION_FENCE"] = "construction-fence";
-      Assets2["CONVERT"] = "convert";
-      Assets2["COOKIE"] = "cookie";
-      Assets2["DIGITAL_CARD_2"] = "digital-card-2";
-      Assets2["DIGITAL_CARD"] = "digital-card";
-      Assets2["DOCUMENTS"] = "documents";
-      Assets2["DOOR"] = "door";
-      Assets2["ECO_CARD"] = "eco-card";
-      Assets2["ELECTRIC_PLUG"] = "electric-plug";
-      Assets2["EMAIL_SUCCESS"] = "email-success";
-      Assets2["EMAIL"] = "email";
-      Assets2["EXCLAMATION_MARK"] = "exclamation-mark";
-      Assets2["FLAG"] = "flag";
-      Assets2["FLOWER"] = "flower";
-      Assets2["GEAR"] = "gear";
-      Assets2["GLOBE"] = "globe";
-      Assets2["GRAPH"] = "graph";
-      Assets2["HEART_2"] = "heart-2";
-      Assets2["HEART_3"] = "heart-3";
-      Assets2["HEART_4"] = "heart-4";
-      Assets2["HEART_5"] = "heart-5";
-      Assets2["HEART"] = "heart";
-      Assets2["HOUSE"] = "house";
-      Assets2["ID_CARD"] = "id-card";
-      Assets2["INFINITE"] = "infinite";
-      Assets2["INTEREST"] = "interest";
-      Assets2["INVITE_LETTER"] = "invite-letter";
-      Assets2["JARS"] = "jars";
-      Assets2["KEY"] = "key";
-      Assets2["LIGHT_BULB"] = "light-bulb";
-      Assets2["LOCK_PLATFORM"] = "lock-platform";
-      Assets2["LOCK"] = "lock";
-      Assets2["MAGNIFYING_GLASS"] = "magnifying-glass";
-      Assets2["MAP"] = "map";
+      Assets2["WALLET"] = "wallet";
+      Assets2["TWO_INVITE_LETTERS_OPENED"] = "two-invite-letters-opened";
+      Assets2["TOOL"] = "tool";
+      Assets2["TARGET_PLATFORM"] = "target-platform";
+      Assets2["STOPWATCH_PLATFORM"] = "stopwatch-platform";
+      Assets2["SPEECH_BUBBLE"] = "speech-bubble";
+      Assets2["SKIP_AUTHENTICATION"] = "skip-authentication";
+      Assets2["SHOPPING_BAG"] = "shopping-bag";
+      Assets2["SATELLITE_PLATFORM"] = "satellite-platform";
+      Assets2["SAND_TIMER"] = "sand-timer";
+      Assets2["REMINDER_LETTER"] = "reminder-letter";
+      Assets2["RECEIVE"] = "receive";
+      Assets2["QUESTION_MARK"] = "question-mark";
+      Assets2["PUZZLE_PIECES"] = "puzzle-pieces";
+      Assets2["PLANE_2"] = "plane-2";
+      Assets2["PLANE"] = "plane";
+      Assets2["PIE_CHART"] = "pie-chart";
+      Assets2["PHONES"] = "phones";
+      Assets2["PERSONAL_CARD"] = "personal-card";
+      Assets2["PERCENTAGE"] = "percentage";
+      Assets2["PALM_TREE"] = "palm-tree";
+      Assets2["ONE_INVITE_LETTER_OPENED"] = "one-invite-letter-opened";
+      Assets2["MULTI_CURRENCY"] = "multi-currency";
+      Assets2["MEGAPHONE"] = "megaphone";
       Assets2["MARBLE_CARD_BUSINESS"] = "marble-card-business";
       Assets2["MARBLE_CARD"] = "marble-card";
       Assets2["MARBLE"] = "marble";
-      Assets2["MEGAPHONE"] = "megaphone";
-      Assets2["MULTI_CURRENCY"] = "multi-currency";
-      Assets2["ONE_INVITE_LETTER_OPENED"] = "one-invite-letter-opened";
-      Assets2["PALM_TREE"] = "palm-tree";
-      Assets2["PERCENTAGE"] = "percentage";
-      Assets2["PERSONAL_CARD"] = "personal-card";
-      Assets2["PHONES"] = "phones";
-      Assets2["PIE_CHART"] = "pie-chart";
-      Assets2["PLANE_2"] = "plane-2";
-      Assets2["PLANE"] = "plane";
-      Assets2["PUZZLE_PIECES"] = "puzzle-pieces";
-      Assets2["QUESTION_MARK"] = "question-mark";
-      Assets2["RECEIVE"] = "receive";
-      Assets2["REMINDER_LETTER"] = "reminder-letter";
-      Assets2["SAND_TIMER"] = "sand-timer";
-      Assets2["SATELLITE_PLATFORM"] = "satellite-platform";
-      Assets2["SHOPPING_BAG"] = "shopping-bag";
-      Assets2["SKIP_AUTHENTICATION"] = "skip-authentication";
-      Assets2["SPEECH_BUBBLE"] = "speech-bubble";
-      Assets2["STOPWATCH_PLATFORM"] = "stopwatch-platform";
-      Assets2["TARGET_PLATFORM"] = "target-platform";
-      Assets2["TOOL"] = "tool";
-      Assets2["TWO_INVITE_LETTERS_OPENED"] = "two-invite-letters-opened";
-      Assets2["WALLET"] = "wallet";
+      Assets2["MAP"] = "map";
+      Assets2["MAGNIFYING_GLASS"] = "magnifying-glass";
+      Assets2["LOCK_PLATFORM"] = "lock-platform";
+      Assets2["LOCK"] = "lock";
+      Assets2["LIGHT_BULB"] = "light-bulb";
+      Assets2["KEY"] = "key";
+      Assets2["JARS"] = "jars";
+      Assets2["INVITE_LETTER"] = "invite-letter";
+      Assets2["INTEREST"] = "interest";
+      Assets2["INFINITE"] = "infinite";
+      Assets2["ID_CARD"] = "id-card";
+      Assets2["HOUSE"] = "house";
+      Assets2["HEART_5"] = "heart-5";
+      Assets2["HEART_4"] = "heart-4";
+      Assets2["HEART_3"] = "heart-3";
+      Assets2["HEART_2"] = "heart-2";
+      Assets2["HEART"] = "heart";
+      Assets2["GRAPH"] = "graph";
+      Assets2["GLOBE"] = "globe";
+      Assets2["GEAR"] = "gear";
+      Assets2["FLOWER"] = "flower";
+      Assets2["FLAG"] = "flag";
+      Assets2["EXCLAMATION_MARK"] = "exclamation-mark";
+      Assets2["EMAIL_SUCCESS"] = "email-success";
+      Assets2["EMAIL"] = "email";
+      Assets2["ELECTRIC_PLUG"] = "electric-plug";
+      Assets2["ECO_CARD"] = "eco-card";
+      Assets2["DOOR"] = "door";
+      Assets2["DOCUMENTS"] = "documents";
+      Assets2["DIGITAL_CARD_2"] = "digital-card-2";
+      Assets2["DIGITAL_CARD"] = "digital-card";
+      Assets2["COOKIE"] = "cookie";
+      Assets2["CONVERT"] = "convert";
+      Assets2["CONSTRUCTION_FENCE"] = "construction-fence";
+      Assets2["CONFETTI"] = "confetti";
+      Assets2["COIN_PILE_UP"] = "coin-pile-up";
+      Assets2["COIN_PILE_DOWN"] = "coin-pile-down";
+      Assets2["CLOSED_WINDOW"] = "closed-window";
+      Assets2["CHECK_MARK"] = "check-mark";
+      Assets2["CALENDAR"] = "calendar";
+      Assets2["BUSINESS_CARD"] = "business-card";
+      Assets2["BRIEFCASE"] = "briefcase";
+      Assets2["BELL"] = "bell";
     })(Assets || (Assets = {}));
     (function(RenderMode2) {
       RenderMode2[RenderMode2["INIT"] = 0] = "INIT";
@@ -1236,7 +1236,7 @@ var zh_CN_default = {
   "dynamicFlows.ExternalConfirmation.open": "\u5728\u65B0\u6807\u7B7E\u9875\u4E2D\u6253\u5F00",
   "dynamicFlows.ExternalConfirmation.title": "\u8BF7\u786E\u8BA4",
   "dynamicFlows.FileUploadSchema.maxFileSizeError": "\u62B1\u6B49\uFF0C\u8BE5\u6587\u4EF6\u592A\u5927\u3002\u8BF7\u4E0A\u4F20\u4E00\u4E2A\u66F4\u5C0F\u7684\u6587\u4EF6\u3002",
-  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "Sorry, that file format is not supported. Please upload a different file.",
+  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "\u62B1\u6B49\uFF0C\u4E0D\u652F\u6301\u8BE5\u6587\u4EF6\u683C\u5F0F\u3002\u8BF7\u4E0A\u4F20\u5176\u4ED6\u6587\u4EF6\u3002",
   "dynamicFlows.Help.ariaLabel": "\u70B9\u51FB\u6B64\u5904\u83B7\u53D6\u66F4\u591A\u4FE1\u606F\u3002",
   "dynamicFlows.MultiSelect.summary": "{first} \u548C\u5176\u4ED6 {count} \u4E2A",
   "dynamicFlows.MultipleFileUploadSchema.maxFileSizeError": "\u62B1\u6B49\uFF0C\u8BE5\u6587\u4EF6\u592A\u5927\u3002\u8BF7\u4E0A\u4F20\u4E00\u4E2A\u66F4\u5C0F\u7684\u6587\u4EF6\u3002",
@@ -1754,8 +1754,8 @@ var DateInputRenderer_default = DateInputRenderer;
 // ../renderers/src/DecisionRenderer.tsx
 import { NavigationOptionsList, NavigationOption, Header } from "@transferwise/components";
 
-// ../../node_modules/.pnpm/@wise+art@2.17.0_@transferwise+neptune-css@14.20.1_@types+react@18.3.16_react-dom@18.3.1_reac_4hsljgguo7de2wpoipdhgf4kzi/node_modules/@wise/art/dist/index.esm.js
-init_index_213daaa3_esm();
+// ../../node_modules/.pnpm/@wise+art@2.19.0_@transferwise+neptune-css@14.20.1_@types+react@18.3.18_react-dom@18.3.1_reac_mzw7cg6j4wc7ddwlhxck7linn4/node_modules/@wise/art/dist/index.esm.js
+init_index_8Fxev6OI_esm();
 init_clsx();
 import "react";
 import "react/jsx-runtime";
@@ -11257,6 +11257,7 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
           draft.persistedState.lastSubmitted = null;
           draft.persistedState.submission = Promise.resolve(null);
           draft.errors = [];
+          draft.value = null;
         });
         throw error;
       });
@@ -13120,6 +13121,83 @@ var mapStepToComponent = (_a) => {
   return stepComponent;
 };
 
+// src/revamp/flow/getResponseType.ts
+var responseTypes = ["step", "action", "exit"];
+var getResponseType = async (response) => {
+  assertResponseIsValid(response);
+  const headerResponseType = getResponseTypeFromHeader(response);
+  if (headerResponseType) {
+    return headerResponseType;
+  }
+  const jsonBody = await parseResponseBodyAsJsonElement(response.clone());
+  if (isObject(jsonBody) && jsonBody.action) {
+    return "action";
+  }
+  return "step";
+};
+var getResponseTypeFromHeader = (response) => {
+  var _a, _b;
+  if ((_a = response.headers) == null ? void 0 : _a.has("X-Df-Response-Type")) {
+    const type = response.headers.get("X-Df-Response-Type");
+    assertDFResponseType(type);
+    return type;
+  }
+  if ((_b = response.headers) == null ? void 0 : _b.has("X-Df-Exit")) {
+    return "exit";
+  }
+  return void 0;
+};
+function assertDFResponseType(type) {
+  if (!responseTypes.includes(type)) {
+    throw new Error(
+      "Unsupported X-Df-Response-Type. Allowed values are 'step', 'action', 'exit', 'error'."
+    );
+  }
+}
+
+// src/revamp/flow/executePoll.ts
+var executePoll = async (props) => {
+  const { errorAction, signal, url, httpClient, trackEvent } = props;
+  try {
+    const response = await httpClient(url != null ? url : "", {
+      method: "GET",
+      signal
+    });
+    if (!response.ok) {
+      trackEvent("Polling Failed", { url, statusCode: response.status, variant: "revamp" });
+      return { type: "action", action: errorAction };
+    }
+    const responseType = getResponseTypeFromHeader(response);
+    const body = await parseResponseBodyAsJsonElement(response);
+    try {
+      switch (responseType) {
+        case "step": {
+          const etag = response.headers.get("etag") || null;
+          assertStepResponseBody(body);
+          return { type: "replace-step", step: body, etag };
+        }
+        case "exit": {
+          return { type: "complete", result: body };
+        }
+        case "action": {
+          assertActionResponseBody(body);
+          return { type: "action", action: body.action };
+        }
+        default: {
+          if (isActionResponseBody(body)) {
+            return { type: "action", action: body.action };
+          }
+          return { type: "continue" };
+        }
+      }
+    } catch (error) {
+      return { type: "action", action: errorAction };
+    }
+  } catch (error) {
+    return { type: "continue" };
+  }
+};
+
 // src/revamp/flow/executeRefresh.ts
 var executeRefresh = async (props) => {
   const { abortSignal, url, model, schemaId, etag, httpClient, trackEvent } = props;
@@ -13140,8 +13218,11 @@ var executeRefresh = async (props) => {
     if (!response.ok) {
       const responseBody = await parseResponseBodyAsJsonElement(response).catch(() => ({}));
       const body2 = isErrorResponseBody(responseBody) ? responseBody : {};
-      trackEvent("Refresh Failed", __spreadValues({ schema: schemaId }, body2.analytics));
-      return { type: "error", body: body2 };
+      trackEvent("Refresh Failed", __spreadProps(__spreadValues({}, body2.analytics), {
+        schema: schemaId,
+        statusCode: response.status
+      }));
+      return { type: "error", body: body2, statusCode: response.status };
     }
     const newEtag = response.headers.get("etag") || null;
     const body = await parseResponseBodyAsJsonElement(response);
@@ -13158,40 +13239,6 @@ var executeRefresh = async (props) => {
   }
 };
 
-// src/revamp/flow/getResponseType.ts
-var responseTypes = ["step", "action", "exit"];
-var getResponseType = async (response) => {
-  assertResponseIsValid(response);
-  const headerResponseType = getResponseTypeFromHeader(response);
-  if (headerResponseType) {
-    return headerResponseType;
-  }
-  const jsonBody = await parseResponseBodyAsJsonElement(response.clone());
-  if (isObject(jsonBody) && jsonBody.action) {
-    return "action";
-  }
-  return "step";
-};
-var getResponseTypeFromHeader = (response) => {
-  var _a, _b;
-  if ((_a = response.headers) == null ? void 0 : _a.has("X-Df-Response-Type")) {
-    const type = response.headers.get("X-Df-Response-Type");
-    assertDFResponseType(type);
-    return type;
-  }
-  if ((_b = response.headers) == null ? void 0 : _b.has("X-Df-Exit")) {
-    return "exit";
-  }
-  return void 0;
-};
-function assertDFResponseType(type) {
-  if (!responseTypes.includes(type)) {
-    throw new Error(
-      "Unsupported X-Df-Response-Type. Allowed values are 'step', 'action', 'exit', 'error'."
-    );
-  }
-}
-
 // src/revamp/flow/executeSubmission.ts
 var executeSubmission = async (props) => {
   const { httpClient, trackEvent } = props;
@@ -13260,12 +13307,12 @@ var executeSubmission = async (props) => {
     if (isErrorResponseBody(body)) {
       const refreshUrl = body.refreshUrl || body.refreshFormUrl;
       const { error, validation, analytics } = body;
-      trackEvent("Action Failed", __spreadValues({ actionId }, analytics));
+      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 } };
+      return refreshUrl ? { type: "refresh", body: { refreshUrl, errors } } : { type: "error", body: { errors, analytics }, statusCode: response.status };
     }
-    trackEvent("Action Failed", { actionId });
-    return { type: "error", body: {} };
+    trackEvent("Action Failed", { actionId, statusCode: response.status });
+    return { type: "error", body: {}, statusCode: response.status };
   };
   return triggerAction(props.action, props.model, props.isInitial);
 };
@@ -13507,48 +13554,6 @@ function useStableCallback(handler) {
   return useCallback((...args) => ref.current ? ref.current(...args) : null, []);
 }
 
-// src/revamp/flow/executePoll.ts
-var executePoll = async (props) => {
-  const { errorAction, signal, url, httpClient } = props;
-  try {
-    const response = await httpClient(url != null ? url : "", {
-      method: "GET",
-      signal
-    });
-    if (!response.ok) {
-      return { type: "action", action: errorAction };
-    }
-    const responseType = getResponseTypeFromHeader(response);
-    const body = await parseResponseBodyAsJsonElement(response);
-    try {
-      switch (responseType) {
-        case "step": {
-          const etag = response.headers.get("etag") || null;
-          assertStepResponseBody(body);
-          return { type: "replace-step", step: body, etag };
-        }
-        case "exit": {
-          return { type: "complete", result: body };
-        }
-        case "action": {
-          assertActionResponseBody(body);
-          return { type: "action", action: body.action };
-        }
-        default: {
-          if (isActionResponseBody(body)) {
-            return { type: "action", action: body.action };
-          }
-          return { type: "continue" };
-        }
-      }
-    } catch (error) {
-      return { type: "action", action: errorAction };
-    }
-  } catch (error) {
-    return { type: "continue" };
-  }
-};
-
 // src/revamp/useDynamicFlowCore.tsx
 function useDynamicFlowCore(props) {
   const _a = props, { flowId, initialAction, initialStep, displayStepTitle = true } = _a, rest = __objRest(_a, ["flowId", "initialAction", "initialStep", "displayStepTitle"]);
@@ -13665,9 +13670,9 @@ function useDynamicFlowCore(props) {
     []
   );
   const closeWithError = useCallback2(
-    (error, analytics) => {
+    (error, analytics, statusCode) => {
       trackCoreEvent("Failed", __spreadValues({}, analytics));
-      onError(error);
+      onError(error, statusCode);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
@@ -13700,9 +13705,22 @@ function useDynamicFlowCore(props) {
           const genericErrorMessage = getErrorMessageFunctions().genericErrorWithRetry();
           const { errors = { error: genericErrorMessage } } = command.body;
           if (stepRef.current) {
-            initialiseWithStep(__spreadProps(__spreadValues({}, stepRef.current), { errors, model }), etagRef.current);
+            initialiseWithStep(
+              __spreadProps(__spreadValues({}, stepRef.current), {
+                // the existing step
+                errors,
+                // but with the new errors
+                model,
+                // and the model that was submitted
+                polling: void 0,
+                // and no polling, to avoid restarting it
+                external: void 0
+                // and no external, to avoid retriggering it
+              }),
+              etagRef.current
+            );
           } else {
-            closeWithError(new Error("Initial request failed"), {});
+            closeWithError(new Error("Initial request failed"), {}, command.statusCode);
           }
           break;
         }
@@ -13739,7 +13757,11 @@ function useDynamicFlowCore(props) {
             }
             break;
           case "error": {
-            closeWithError(new Error("Failed to refresh"), command.body.analytics);
+            closeWithError(
+              new Error("Failed to refresh"),
+              command.body.analytics,
+              command.statusCode
+            );
             break;
           }
           case "noop":
@@ -13759,7 +13781,8 @@ function useDynamicFlowCore(props) {
         httpClient,
         url,
         errorAction,
-        signal
+        signal,
+        trackEvent: trackCoreEvent
       });
       switch (command.type) {
         case "replace-step":
@@ -19467,12 +19490,18 @@ import { useCallback as useCallback8, useMemo as useMemo19 } from "react";
 function useStepPolling(polling, onAction) {
   var _a, _b;
   const httpClient = useHttpClient();
+  const onEvent = useEventDispatcher();
   const asyncFn = useMemo19(() => {
     if (polling) {
       return () => httpClient(polling.url).then((response) => {
         if (response.ok) {
-          return response.json().then((pollingResponse) => pollingResponse).catch((error) => null);
+          return response.json().then((pollingResponse) => pollingResponse).catch(() => null);
         }
+        onEvent("Dynamic Flow - Polling Failed", {
+          url: polling.url,
+          statusCode: response.status,
+          variant: "legacy"
+        });
         throw new Error("failed");
       }).catch((error) => {
         throw new Error(error.message === "failed" ? "failed" : "network failed");
@@ -20795,13 +20824,13 @@ var DynamicFlowComponent = ({
     }
     setLoadingState("idle");
   };
-  const completeWithError = (error, message, fetchType, responseStatus) => {
+  const completeWithError = (error, message, fetchType, statusCode) => {
     logCritical("Error fetching", message);
     if (fetchType === "refresh") {
       dispatchEvent("Dynamic Flow - Step Refreshed", { status: "failure" });
     }
     dispatchEvent("Dynamic Flow - Flow Finished", { status: "failure" });
-    onError(error, responseStatus);
+    onError(error, statusCode);
     setLoadingState("idle");
   };
   const onModelChange = (onModelChangeProps) => {

package/build/types/legacy/dynamic-flow-types.d.ts

@@ -11,7 +11,7 @@ export type DynamicFlowPropsWithInitialStep = DynamicFlowPropsBasic & {
 };
 export type HttpClient = typeof fetch;
 export type EventHandler = (eventName: EventName, properties: Record<string, unknown>) => void;
-export type EventName = 'Dynamic Flow - Flow Started' | 'Dynamic Flow - Flow Finished' | 'Dynamic Flow - Step Started' | 'Dynamic Flow - Step Submitted' | 'Dynamic Flow - Step Refreshed' | 'Dynamic Flow - OneOf Selected' | 'Dynamic Flow - PersistAsync' | 'Dynamic Flow - ValidationAsync' | 'Dynamic Flow - Search Started' | 'Dynamic Flow - Search Result Selected' | 'Dynamic Flow - invalid submission response' | 'Dynamic Flow - onAction supressed' | 'Dynamic Flow - OneOf Searched' | CameraEventName;
+export type EventName = 'Dynamic Flow - Flow Started' | 'Dynamic Flow - Flow Finished' | 'Dynamic Flow - Step Started' | 'Dynamic Flow - Step Submitted' | 'Dynamic Flow - Step Refreshed' | 'Dynamic Flow - OneOf Selected' | 'Dynamic Flow - PersistAsync' | 'Dynamic Flow - Polling Failed' | 'Dynamic Flow - ValidationAsync' | 'Dynamic Flow - Search Started' | 'Dynamic Flow - Search Result Selected' | 'Dynamic Flow - invalid submission response' | 'Dynamic Flow - onAction supressed' | 'Dynamic Flow - OneOf Searched' | CameraEventName;
 export type LogLevel = 'debug' | 'info' | 'warning' | 'error' | 'critical';
 export type LogEventHandler = (level: LogLevel, message: string, extra: Record<string, unknown>) => void;
 export type Feature = {

package/build/types/revamp/domain/features/events.d.ts

@@ -1,6 +1,6 @@
 export type AnalyticsEventHandler = (eventName: string, properties?: Record<string, unknown>) => void;
 export type AnalyticsEventDispatcher<E extends string = EventName> = (eventName: E, properties?: Record<string, unknown>) => void;
-export type EventName = 'Initiated' | 'Succeeded' | 'Failed' | 'Step Shown' | 'Action Triggered' | 'Action Succeeded' | 'Action Aborted' | 'Action Failed' | 'Refresh Triggered' | 'Refresh Succeeded' | 'Refresh Aborted' | 'Refresh Failed' | 'OneOf Selected' | 'PersistAsync Triggered' | 'PersistAsync Succeeded' | 'PersistAsync Failed' | 'ValidationAsync Triggered' | 'ValidationAsync Succeeded' | 'ValidationAsync Failed' | 'Value Changed';
+export type EventName = 'Initiated' | 'Succeeded' | 'Failed' | 'Step Shown' | 'Action Triggered' | 'Action Succeeded' | 'Action Aborted' | 'Action Failed' | 'Refresh Triggered' | 'Refresh Succeeded' | 'Refresh Aborted' | 'Refresh Failed' | 'OneOf Selected' | 'PersistAsync Triggered' | 'PersistAsync Succeeded' | 'PersistAsync Failed' | 'Polling Failed' | 'ValidationAsync Triggered' | 'ValidationAsync Succeeded' | 'ValidationAsync Failed' | 'Value Changed';
 export type LogLevel = 'info' | 'warning' | 'error';
 export type LoggingEventHandler = (level: LogLevel, message: string, extra: Record<string, unknown>) => void;
 export type LoggingEventDispatcher = (level: LogLevel, message: string, extra?: Record<string, unknown>) => void;

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

@@ -1,4 +1,5 @@
 import { Action, Model, Step } from '@wise/dynamic-flow-types/build/next';
+import { AnalyticsEventDispatcher } from '../domain/features/events';
 type Command = {
     type: 'complete';
     result: Model;
@@ -17,5 +18,6 @@ export declare const executePoll: (props: {
     url: string;
     errorAction: Action;
     signal: AbortSignal;
+    trackEvent: AnalyticsEventDispatcher;
 }) => Promise<Command>;
 export {};

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

@@ -9,6 +9,7 @@ type Command = {
 } | {
     type: 'error';
     body: ErrorResponseBody;
+    statusCode?: number;
 };
 export declare const executeRefresh: (props: {
     abortSignal: AbortSignal;

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

@@ -13,6 +13,7 @@ type Command = {
         analytics?: ErrorResponseBody['analytics'];
         errors?: Step['errors'];
     };
+    statusCode?: number;
 } | {
     type: 'refresh';
     body: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "3.28.9",
+  "version": "3.29.1",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -36,7 +36,7 @@
     "@babel/preset-env": "7.26.0",
     "@babel/preset-react": "7.26.3",
     "@babel/preset-typescript": "7.26.0",
-    "@chromatic-com/storybook": "3.2.2",
+    "@chromatic-com/storybook": "3.2.3",
     "@formatjs/cli": "^6.3.14",
     "@storybook/addon-a11y": "^8.4.7",
     "@storybook/addon-actions": "^8.4.7",
@@ -53,16 +53,16 @@
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.1.0",
     "@testing-library/user-event": "14.5.2",
-    "@transferwise/components": "46.84.0",
+    "@transferwise/components": "46.84.1",
     "@transferwise/formatting": "^2.13.0",
-    "@transferwise/icons": "3.15.0",
+    "@transferwise/icons": "3.18.0",
     "@transferwise/neptune-css": "14.20.1",
     "@types/node": "22.10.2",
     "@types/jest": "29.5.14",
-    "@types/react": "18.3.16",
+    "@types/react": "18.3.18",
     "@types/react-dom": "18.3.5",
     "@types/react-intl": "3.0.0",
-    "@wise/art": "2.17.0",
+    "@wise/art": "2.19.0",
     "@wise/components-theming": "^1.6.1",
     "babel-jest": "29.7.0",
     "esbuild": "0.24.0",
@@ -70,7 +70,7 @@
     "jest-environment-jsdom": "29.7.0",
     "jest-fetch-mock": "^3.0.3",
     "jest-watch-typeahead": "^2.2.2",
-    "npm-run-all2": "7.0.1",
+    "npm-run-all2": "7.0.2",
     "postcss": "^8.4.49",
     "postcss-cli": "^11.0.0",
     "postcss-import": "^15.1.0",