@wise/dynamic-flow-client 3.28.9 → 3.29.0

package/build/i18n/zh_CN.json

@@ -38,7 +38,7 @@
   "dynamicFlows.ExternalConfirmation.open": "在新标签页中打开",
   "dynamicFlows.ExternalConfirmation.title": "请确认",
   "dynamicFlows.FileUploadSchema.maxFileSizeError": "抱歉，该文件太大。请上传一个更小的文件。",
-  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "Sorry, that file format is not supported. Please upload a different file.",
+  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "抱歉，不支持该文件格式。请上传其他文件。",
   "dynamicFlows.Help.ariaLabel": "点击此处获取更多信息。",
   "dynamicFlows.MultiSelect.summary": "{first} 和其他 {count} 个",
   "dynamicFlows.MultipleFileUploadSchema.maxFileSizeError": "抱歉，该文件太大。请上传一个更小的文件。",

package/build/main.js

@@ -144,10 +144,10 @@ 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
 var import_react2, import_jsx_runtime11, 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();
     import_react2 = require("react");
@@ -193,76 +193,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";
@@ -1260,7 +1260,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",
@@ -1778,8 +1778,8 @@ var DateInputRenderer_default = DateInputRenderer;
 // ../renderers/src/DecisionRenderer.tsx
 var import_components8 = require("@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();
 var import_react3 = require("react");
 var import_jsx_runtime12 = require("react/jsx-runtime");
@@ -13138,6 +13138,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;
@@ -13158,8 +13235,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);
@@ -13176,40 +13256,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;
@@ -13278,12 +13324,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);
 };
@@ -13525,48 +13571,6 @@ function useStableCallback(handler) {
   return (0, import_react16.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"]);
@@ -13683,9 +13687,9 @@ function useDynamicFlowCore(props) {
     []
   );
   const closeWithError = (0, import_react17.useCallback)(
-    (error, analytics) => {
+    (error, analytics, statusCode) => {
       trackCoreEvent("Failed", __spreadValues({}, analytics));
-      onError(error);
+      onError(error, statusCode);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
@@ -13720,7 +13724,7 @@ function useDynamicFlowCore(props) {
           if (stepRef.current) {
             initialiseWithStep(__spreadProps(__spreadValues({}, stepRef.current), { errors, model }), etagRef.current);
           } else {
-            closeWithError(new Error("Initial request failed"), {});
+            closeWithError(new Error("Initial request failed"), {}, command.statusCode);
           }
           break;
         }
@@ -13757,7 +13761,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":
@@ -13777,7 +13785,8 @@ function useDynamicFlowCore(props) {
         httpClient,
         url,
         errorAction,
-        signal
+        signal,
+        trackEvent: trackCoreEvent
       });
       switch (command.type) {
         case "replace-step":
@@ -19470,12 +19479,18 @@ var import_react56 = require("react");
 function useStepPolling(polling, onAction) {
   var _a, _b;
   const httpClient = useHttpClient();
+  const onEvent = useEventDispatcher();
   const asyncFn = (0, import_react56.useMemo)(() => {
     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");
@@ -20798,13 +20813,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) => {