@wise/dynamic-flow-client 3.11.6 → 3.11.8

package/build/main.mjs

@@ -10602,7 +10602,7 @@ function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId) {
   return deterministicId || (id ? `radix-${id}` : "");
 }
 
-// ../../node_modules/.pnpm/@wise+forms@0.3.4_@transferwise+components@46.36.0_@types+react@18.3.3_react@18.3.1/node_modules/@wise/forms/dist/index.mjs
+// ../../node_modules/.pnpm/@wise+forms@0.3.4_@transferwise+components@46.37.0_@types+react@18.3.3_react@18.3.1/node_modules/@wise/forms/dist/index.mjs
 var import_classnames = __toESM(require_classnames(), 1);
 import { InlineAlert, Sentiment as Sentiment2, Input, TextArea } from "@transferwise/components";
 import { createContext as createContext2, useContext as useContext2, forwardRef } from "react";
@@ -13192,6 +13192,61 @@ function FeatureContextProvider({ features, children }) {
   return /* @__PURE__ */ jsx64(FeatureContext.Provider, { value: features, children });
 }
 
+// src/common/cameraCapture/utils/mobile-utils.ts
+var isMobile = () => isMobileScreenSize() && (isTouchScreen() || isMobileUA());
+var isMobileUA = (userAgent = window.navigator.userAgent) => (
+  // eslint-disable-next-line regexp/no-unused-capturing-group
+  /mobi|\b(iphone|android|blackberry|webos|windows phone)\b/i.test(userAgent)
+);
+var isMobileScreenSize = (width = window.screen.width, height = window.screen.height) => width < 768 || height < 768;
+var isTouchScreen = (navigator2 = window.navigator, matchMedia = window.matchMedia) => {
+  if ("maxTouchPoints" in navigator2) {
+    return navigator2.maxTouchPoints > 0;
+  }
+  const mQ = matchMedia == null ? void 0 : matchMedia("(pointer:coarse)");
+  if ((mQ == null ? void 0 : mQ.media) === "(pointer:coarse)") {
+    return Boolean(mQ.matches);
+  }
+  return false;
+};
+
+// src/common/utils/debounce.ts
+var debounce2 = (callback, waitMs) => {
+  let timeoutId;
+  let lastArgs;
+  const clearTimer = () => {
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+      timeoutId = null;
+    }
+    lastArgs = null;
+  };
+  const debouncedFn = (...args) => {
+    lastArgs = args;
+    if (timeoutId !== null) {
+      clearTimeout(timeoutId);
+    }
+    timeoutId = setTimeout(() => {
+      callback(...lastArgs);
+      timeoutId = null;
+      lastArgs = null;
+    }, waitMs);
+  };
+  debouncedFn.cancel = () => {
+    if (timeoutId !== null) {
+      clearTimer();
+    }
+  };
+  debouncedFn.flush = () => {
+    if (timeoutId !== null) {
+      callback(...lastArgs);
+      clearTimer();
+    }
+  };
+  debouncedFn.isPending = () => timeoutId !== null;
+  return debouncedFn;
+};
+
 // src/legacy/common/utils/api-utils.ts
 function isStatus2xx(status) {
   return status >= 200 && status < 300;
@@ -13654,63 +13709,6 @@ var dateStringToDate = (dateString) => {
 };
 var dateToDateString2 = (date) => formatDate2(date);
 
-// src/legacy/common/utils/debounce.ts
-var debounce2 = (callback, waitMs) => {
-  let timeoutId;
-  let lastArgs;
-  const clearTimer = () => {
-    if (timeoutId) {
-      clearTimeout(timeoutId);
-      timeoutId = null;
-    }
-    lastArgs = null;
-  };
-  const debouncedFn = (...args) => {
-    lastArgs = args;
-    if (timeoutId !== null) {
-      clearTimeout(timeoutId);
-    }
-    timeoutId = setTimeout(() => {
-      callback(...lastArgs);
-      timeoutId = null;
-      lastArgs = null;
-    }, waitMs);
-  };
-  debouncedFn.cancel = () => {
-    if (timeoutId !== null) {
-      clearTimer();
-    }
-  };
-  debouncedFn.flush = () => {
-    if (timeoutId !== null) {
-      callback(...lastArgs);
-      clearTimer();
-    }
-  };
-  debouncedFn.isPending = () => timeoutId !== null;
-  return debouncedFn;
-};
-
-// src/legacy/common/utils/is-equal.ts
-var isEqual = (a, b) => {
-  if (a === b) {
-    return true;
-  }
-  if (Array.isArray(a) && Array.isArray(b)) {
-    return a.length === b.length && a.every((item, index) => isEqual(item, b[index]));
-  }
-  if (isNonNullObject(a) && isNonNullObject(b) && isObjectEquals(a, b)) {
-    return true;
-  }
-  return false;
-};
-var isObjectEquals = (a, b) => {
-  const keysA = Object.keys(a);
-  const keysB = Object.keys(b);
-  return keysA.length === keysB.length && keysA.every((key) => Object.hasOwnProperty.call(b, key) && isEqual(a[key], b[key]));
-};
-var isNonNullObject = (a) => typeof a === "object" && a !== null;
-
 // src/legacy/common/utils/file-utils.ts
 function toKilobytes2(sizeInBytes) {
   const ONE_KB_IN_BYTES = 1024;
@@ -13746,6 +13744,52 @@ var generateRandomId = (prefix = "") => {
   return `${prefixString}${Math.floor(1e8 * Math.random())}`;
 };
 
+// src/legacy/common/utils/is-equal.ts
+var isEqual = (a, b) => {
+  if (a === b) {
+    return true;
+  }
+  if (Array.isArray(a) && Array.isArray(b)) {
+    return a.length === b.length && a.every((item, index) => isEqual(item, b[index]));
+  }
+  if (isNonNullObject(a) && isNonNullObject(b) && isObjectEquals(a, b)) {
+    return true;
+  }
+  return false;
+};
+var isObjectEquals = (a, b) => {
+  const keysA = Object.keys(a);
+  const keysB = Object.keys(b);
+  return keysA.length === keysB.length && keysA.every((key) => Object.hasOwnProperty.call(b, key) && isEqual(a[key], b[key]));
+};
+var isNonNullObject = (a) => typeof a === "object" && a !== null;
+
+// src/legacy/common/utils/misc-utils.ts
+var isBasicError = (error) => isString2(error) || isNull3(error);
+
+// src/legacy/common/utils/model-utils.ts
+var isObjectModel2 = (model) => typeof model === "object" && model !== null && model.constructor === Object;
+var isNullableObjectModel = (model) => isNull3(model) || isObjectModel2(model);
+var isNullableBasicModel = (model) => isBoolean2(model) || isNumber3(model) || isString2(model) || isNull3(model);
+var isNullableStringModel = (model) => isString2(model) || isNull3(model);
+var isArrayModel2 = (model) => {
+  if (isArray2(model)) {
+    if (model.length === 0) {
+      return true;
+    }
+    return model.every(
+      (item) => typeof item === "string" || typeof item === "number" || typeof item === "boolean" || typeof item === "object"
+    );
+  }
+  return false;
+};
+var isNullableArrayModel = (model) => {
+  if (isNull3(model)) {
+    return true;
+  }
+  return isArrayModel2(model);
+};
+
 // src/legacy/common/utils/schema-utils.ts
 function isConstSchema2(schema) {
   return !isUndefined3(schema == null ? void 0 : schema.const);
@@ -13874,50 +13918,6 @@ var filterHiddenSchemas = (schemas) => schemas.filter((schema) => {
   return (schema == null ? void 0 : schema.hidden) !== true;
 });
 
-// src/legacy/common/utils/model-utils.ts
-var isObjectModel2 = (model) => typeof model === "object" && model !== null && model.constructor === Object;
-var isNullableObjectModel = (model) => isNull3(model) || isObjectModel2(model);
-var isNullableBasicModel = (model) => isBoolean2(model) || isNumber3(model) || isString2(model) || isNull3(model);
-var isNullableStringModel = (model) => isString2(model) || isNull3(model);
-var isArrayModel2 = (model) => {
-  if (isArray2(model)) {
-    if (model.length === 0) {
-      return true;
-    }
-    return model.every(
-      (item) => typeof item === "string" || typeof item === "number" || typeof item === "boolean" || typeof item === "object"
-    );
-  }
-  return false;
-};
-var isNullableArrayModel = (model) => {
-  if (isNull3(model)) {
-    return true;
-  }
-  return isArrayModel2(model);
-};
-
-// src/legacy/common/utils/misc-utils.ts
-var isBasicError = (error) => isString2(error) || isNull3(error);
-
-// src/legacy/common/utils/mobile-utils.ts
-var isMobile = () => isMobileScreenSize() && (isTouchScreen() || isMobileUA());
-var isMobileUA = (userAgent = window.navigator.userAgent) => (
-  // eslint-disable-next-line regexp/no-unused-capturing-group
-  /mobi|\b(iphone|android|blackberry|webos|windows phone)\b/i.test(userAgent)
-);
-var isMobileScreenSize = (width = window.screen.width, height = window.screen.height) => width < 768 || height < 768;
-var isTouchScreen = (navigator2 = window.navigator, matchMedia = window.matchMedia) => {
-  if ("maxTouchPoints" in navigator2) {
-    return navigator2.maxTouchPoints > 0;
-  }
-  const mQ = matchMedia == null ? void 0 : matchMedia("(pointer:coarse)");
-  if ((mQ == null ? void 0 : mQ.media) === "(pointer:coarse)") {
-    return Boolean(mQ.matches);
-  }
-  return false;
-};
-
 // src/legacy/common/hooks/useDebouncedFunction/useDebouncedFunction.tsx
 import { useCallback as useCallback4 } from "react";
 function useDebouncedFunction(callback, waitMs) {
@@ -18146,12 +18146,12 @@ var LayoutStep_default = LayoutStep;
 // src/legacy/step/cameraStep/CameraStep.tsx
 import { useEffect as useEffect25, useState as useState32 } from "react";
 
-// src/legacy/step/cameraStep/cameraCapture/CameraCapture.tsx
+// src/common/cameraCapture/CameraCapture.tsx
 import { useCallback as useCallback10, useEffect as useEffect24, useMemo as useMemo20, useRef as useRef8, useState as useState31 } from "react";
 import { useIntl as useIntl23 } from "react-intl";
 import Webcam from "react-webcam";
 
-// src/legacy/step/cameraStep/cameraCapture/CameraCapture.messages.ts
+// src/common/cameraCapture/CameraCapture.messages.ts
 import { defineMessages as defineMessages13 } from "react-intl";
 var CameraCapture_messages_default = defineMessages13({
   reviewSubmit: {
@@ -18211,7 +18211,7 @@ var CameraCapture_messages_default = defineMessages13({
   }
 });
 
-// src/legacy/step/cameraStep/cameraCapture/components/bottomBar/BottomBar.tsx
+// src/common/cameraCapture/components/bottomBar/BottomBar.tsx
 import { Button as Button10, ControlType, Priority, Size as Size3 } from "@transferwise/components";
 import { useIntl as useIntl21 } from "react-intl";
 import { jsx as jsx118, jsxs as jsxs46 } from "react/jsx-runtime";
@@ -18258,10 +18258,10 @@ var CaptureButton = ({ onClick }) => /* @__PURE__ */ jsx118(
   }
 );
 
-// src/legacy/step/cameraStep/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
+// src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
 import { useIntl as useIntl22 } from "react-intl";
 
-// src/legacy/step/cameraStep/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.messages.ts
+// src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.messages.ts
 import { defineMessages as defineMessages14 } from "react-intl";
 var OrientationLockOverlay_messages_default = defineMessages14({
   text: {
@@ -18271,7 +18271,7 @@ var OrientationLockOverlay_messages_default = defineMessages14({
   }
 });
 
-// src/legacy/step/cameraStep/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
+// src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
 import { jsx as jsx119, jsxs as jsxs47 } from "react/jsx-runtime";
 function OrientationLockOverlay() {
   const intl = useIntl22();
@@ -18291,23 +18291,11 @@ function OrientationLockOverlay() {
 }
 var OrientationLockOverlay_default = OrientationLockOverlay;
 
-// src/legacy/step/cameraStep/cameraCapture/screens/cameraErrorScreen/CameraErrorScreen.tsx
-import { Button as Button11 } from "@transferwise/components";
-import { jsx as jsx120, jsxs as jsxs48 } from "react/jsx-runtime";
-function CameraErrorScreen({ title, description, actionButton, onAction }) {
-  return /* @__PURE__ */ jsx120("div", { className: "container p-t-5", children: /* @__PURE__ */ jsx120("div", { className: "row", children: /* @__PURE__ */ jsxs48("div", { className: "col-md-6 col-md-offset-3", children: [
-    /* @__PURE__ */ jsx120("h2", { className: "text-xs-center m-b-3", children: title }),
-    /* @__PURE__ */ jsx120("p", { className: "text-xs-center m-b-5", children: description }),
-    onAction && actionButton && /* @__PURE__ */ jsx120(Button11, { block: true, onClick: onAction, children: actionButton })
-  ] }) }) });
-}
-var CameraErrorScreen_default = CameraErrorScreen;
-
-// src/legacy/step/cameraStep/cameraCapture/hooks/useFullScreenOrientationLock.ts
+// src/common/cameraCapture/hooks/useFullScreenOrientationLock.ts
 var import_screenfull = __toESM(require_screenfull());
 import { useCallback as useCallback9, useEffect as useEffect21 } from "react";
 
-// src/legacy/step/cameraStep/cameraCapture/utils/index.ts
+// src/common/cameraCapture/utils/index.ts
 var isSelfieCamera = (stream) => {
   var _a;
   const { facingMode } = ((_a = getVideoTrack(stream)) == null ? void 0 : _a.getSettings()) || {};
@@ -18353,7 +18341,7 @@ var getVideoCapabilities = (videoStream) => {
   return (_b = (_a = getVideoTrack(videoStream)) == null ? void 0 : _a.getCapabilities) == null ? void 0 : _b.call(_a);
 };
 
-// src/legacy/step/cameraStep/cameraCapture/tracking/index.ts
+// src/common/cameraCapture/tracking/index.ts
 var trackCameraError = (message, onEvent, error) => onEvent == null ? void 0 : onEvent(message, { Error: getSerializedError(error) });
 var getSerializedError = (error) => error instanceof DOMException ? JSON.stringify({
   name: error == null ? void 0 : error.name,
@@ -18375,13 +18363,13 @@ var getCameraStartedProperties = async (props, videoStream) => {
   });
 };
 var trackCameraOrientationLandscape = (onEvent) => {
-  onEvent == null ? void 0 : onEvent("Dynamic Flow - Camera Orientation Lock Overlay Shown", {});
+  void (onEvent == null ? void 0 : onEvent("Dynamic Flow - Camera Orientation Lock Overlay Shown", {}));
 };
 var trackCameraOrientationLocked = (onEvent) => {
-  onEvent == null ? void 0 : onEvent("Dynamic Flow - Camera Orientation Locked", {});
+  void (onEvent == null ? void 0 : onEvent("Dynamic Flow - Camera Orientation Locked", {}));
 };
 
-// src/legacy/step/cameraStep/cameraCapture/hooks/useFullScreenOrientationLock.ts
+// src/common/cameraCapture/hooks/useFullScreenOrientationLock.ts
 var useFullScreenOrientationLock = (shouldLockOrientation, onEvent) => {
   const lockOrientation = useCallback9(() => {
     if (window.screen.orientation && "lock" in window.screen.orientation && typeof window.screen.orientation.lock === "function") {
@@ -18443,37 +18431,37 @@ var useFullScreenOrientationLock = (shouldLockOrientation, onEvent) => {
 var noop5 = () => {
 };
 
-// src/legacy/step/cameraStep/cameraCapture/hooks/useVideoConstraints.ts
+// src/common/cameraCapture/hooks/useVideoConstraints.ts
 import { useEffect as useEffect22, useState as useState30 } from "react";
 var useVideoConstraints = (direction) => {
   const [videoConstraints, setVideoConstraints] = useState30();
+  useEffect22(() => {
+    void getVideoConstraints(direction).then(setVideoConstraints);
+  }, [direction]);
+  return { videoConstraints };
+};
+var getVideoConstraints = async (dir) => {
   const defaultVideoConstraints = {
-    facingMode: direction === "front" ? "user" : "environment",
+    facingMode: dir === "front" ? "user" : "environment",
     height: { min: 480, max: 1080, ideal: 720 },
     width: { min: 640, max: 1920, ideal: 1280 },
     frameRate: 30,
     aspectRatio: 16 / 9
   };
-  useEffect22(() => {
-    void getVideoConstraints(direction).then(setVideoConstraints);
-  }, [direction]);
-  const getVideoConstraints = async (direction2) => {
-    if (direction2 === "back") {
-      const mainCamera = (await getAvailableVideoDevices()).find(isMainBackCamera);
-      if (mainCamera == null ? void 0 : mainCamera.deviceId) {
-        return __spreadProps(__spreadValues({}, defaultVideoConstraints), {
-          deviceId: { exact: mainCamera.deviceId }
-        });
-      }
+  if (dir === "back") {
+    const mainCamera = (await getAvailableVideoDevices()).find(isMainBackCamera);
+    if (mainCamera == null ? void 0 : mainCamera.deviceId) {
+      return __spreadProps(__spreadValues({}, defaultVideoConstraints), {
+        deviceId: { exact: mainCamera.deviceId }
+      });
     }
-    return defaultVideoConstraints;
-  };
-  return { videoConstraints };
+  }
+  return defaultVideoConstraints;
 };
 
-// src/legacy/step/cameraStep/cameraCapture/overlay/Overlay.tsx
+// src/common/cameraCapture/overlay/Overlay.tsx
 import { useEffect as useEffect23, useRef as useRef7 } from "react";
-import { Fragment as Fragment23, jsx as jsx121, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx120, jsxs as jsxs48 } from "react/jsx-runtime";
 var captureButtonHeight = 92;
 var reviewButtonsHeight = 120;
 var imageHeight = 40;
@@ -18495,18 +18483,18 @@ function Overlay({ overlay, outline, imageUrl, title, instructions, reviewInstru
     return () => window.removeEventListener("resize", listener);
   });
   let helperBoxHeight = (imageUrl ? imageHeight : 0) + (title ? titleHeight : 0) + (instructions ? instructionsHeight : 0);
-  let helperBox = /* @__PURE__ */ jsxs49(Fragment23, { children: [
-    imageUrl && /* @__PURE__ */ jsx121("img", { className: "camera-capture-img", src: imageUrl, alt: "" }),
-    title && /* @__PURE__ */ jsx121("h4", { className: "camera-capture-title", children: title }),
-    instructions && /* @__PURE__ */ jsx121("small", { className: "camera-capture-instructions", children: instructions })
+  let helperBox = /* @__PURE__ */ jsxs48(Fragment23, { children: [
+    imageUrl && /* @__PURE__ */ jsx120("img", { className: "camera-capture-img", src: imageUrl, alt: "" }),
+    title && /* @__PURE__ */ jsx120("h4", { className: "camera-capture-title", children: title }),
+    instructions && /* @__PURE__ */ jsx120("small", { className: "camera-capture-instructions", children: instructions })
   ] });
   const frameBottomMargin = captureButtonHeight + helperBoxHeight;
   if (reviewInstructions) {
     helperBoxHeight = frameBottomMargin - reviewButtonsHeight;
-    helperBox = /* @__PURE__ */ jsx121("small", { className: "camera-capture-instructions", children: reviewInstructions });
+    helperBox = /* @__PURE__ */ jsx120("small", { className: "camera-capture-instructions", children: reviewInstructions });
     const frameWithReviewInstructionsMinBottomMargin = reviewButtonsHeight + reviewInstructionsHeight;
     if (frameBottomMargin < frameWithReviewInstructionsMinBottomMargin) {
-      helperBox = /* @__PURE__ */ jsx121(Fragment23, {});
+      helperBox = /* @__PURE__ */ jsx120(Fragment23, {});
     }
   }
   const framePosition = {
@@ -18524,19 +18512,31 @@ function Overlay({ overlay, outline, imageUrl, title, instructions, reviewInstru
       width: "90%"
     }
   };
-  return /* @__PURE__ */ jsxs49("svg", { ref: svgReference, xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ jsx121("defs", { children: /* @__PURE__ */ jsxs49("mask", { id: "mask", children: [
-      /* @__PURE__ */ jsx121("rect", { width: "100%", height: "100%", fill: "#fff" }),
-      /* @__PURE__ */ jsx121("image", __spreadValues({ href: overlay }, framePosition))
+  return /* @__PURE__ */ jsxs48("svg", { ref: svgReference, xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx120("defs", { children: /* @__PURE__ */ jsxs48("mask", { id: "mask", children: [
+      /* @__PURE__ */ jsx120("rect", { width: "100%", height: "100%", fill: "#fff" }),
+      /* @__PURE__ */ jsx120("image", __spreadValues({ href: overlay }, framePosition))
     ] }) }),
-    overlay && /* @__PURE__ */ jsx121("rect", { width: "100%", height: "100%", mask: "url(#mask)", fillOpacity: "0.72" }),
-    outline && /* @__PURE__ */ jsx121("image", __spreadValues({ href: outline }, framePosition)),
-    /* @__PURE__ */ jsx121("foreignObject", { width: "100%", height: "100%", children: /* @__PURE__ */ jsx121("div", __spreadProps(__spreadValues({ className: "camera-capture-text-and-image-container" }, helperBoxPosition), { children: helperBox })) })
+    overlay && /* @__PURE__ */ jsx120("rect", { width: "100%", height: "100%", mask: "url(#mask)", fillOpacity: "0.72" }),
+    outline && /* @__PURE__ */ jsx120("image", __spreadValues({ href: outline }, framePosition)),
+    /* @__PURE__ */ jsx120("foreignObject", { width: "100%", height: "100%", children: /* @__PURE__ */ jsx120("div", __spreadProps(__spreadValues({ className: "camera-capture-text-and-image-container" }, helperBoxPosition), { children: helperBox })) })
   ] });
 }
 var Overlay_default = Overlay;
 
-// src/legacy/step/cameraStep/cameraCapture/CameraCapture.tsx
+// src/common/cameraCapture/screens/cameraErrorScreen/CameraErrorScreen.tsx
+import { Button as Button11 } from "@transferwise/components";
+import { jsx as jsx121, jsxs as jsxs49 } from "react/jsx-runtime";
+function CameraErrorScreen({ title, description, actionButton, onAction }) {
+  return /* @__PURE__ */ jsx121("div", { className: "container p-t-5", children: /* @__PURE__ */ jsx121("div", { className: "row", children: /* @__PURE__ */ jsxs49("div", { className: "col-md-6 col-md-offset-3", children: [
+    /* @__PURE__ */ jsx121("h2", { className: "text-xs-center m-b-3", children: title }),
+    /* @__PURE__ */ jsx121("p", { className: "text-xs-center m-b-5", children: description }),
+    onAction && actionButton && /* @__PURE__ */ jsx121(Button11, { block: true, onClick: onAction, children: actionButton })
+  ] }) }) });
+}
+var CameraErrorScreen_default = CameraErrorScreen;
+
+// src/common/cameraCapture/CameraCapture.tsx
 import { jsx as jsx122, jsxs as jsxs50 } from "react/jsx-runtime";
 function CameraCapture({
   direction = "back",
@@ -19168,12 +19168,12 @@ var isResponse2 = (response) => typeof response === "object" && response !== nul
 import { useIntl as useIntl25 } from "react-intl";
 var useErrorResponse = () => {
   const { formatMessage } = useIntl25();
-  return async (response, fetchType) => {
+  return async (response, fetchType, isInitialRequest) => {
     try {
       const errorResponse = await parseErrorResponse(response);
       return errorResponse;
     } catch (error) {
-      if (fetchType === "submission") {
+      if (fetchType === "submission" && !isInitialRequest) {
         return { error: formatMessage(generic_error_messages_default.genericErrorRetryHint) };
       }
       throw error;
@@ -19323,7 +19323,8 @@ var DynamicFlowComponent = ({
         return;
       }
       if (!response.ok) {
-        const errorResponse = await getErrorResponse(response, fetchType);
+        const isInitialRequest = step === void 0;
+        const errorResponse = await getErrorResponse(response, fetchType, isInitialRequest);
         void updateAfterError(errorResponse);
         return;
       }

package/build/types/{legacy/step/cameraStep → common}/cameraCapture/CameraCapture.d.ts

@@ -1,5 +1,6 @@
 import type { CameraDirection } from '@wise/dynamic-flow-types';
-import type { EventHandler } from '../../../dynamic-flow-types';
+export type CameraEventName = 'Dynamic Flow - Camera Permission Denied' | 'Dynamic Flow - Camera Feed Started' | 'Dynamic Flow - Camera Not Supported' | 'Dynamic Flow - Camera Not Accessible' | 'Dynamic Flow - Camera Orientation Locked' | 'Dynamic Flow - Camera Orientation Lock Overlay Shown';
+export type CameraEventHandler = (eventName: CameraEventName, properties: Record<string, unknown>) => void;
 type Props = {
     direction?: CameraDirection;
     overlay?: string;
@@ -9,7 +10,7 @@ type Props = {
     instructions?: string;
     showReview?: boolean;
     onCapture: BlobCallback;
-    onEvent?: EventHandler;
+    onEvent?: CameraEventHandler;
 };
 declare function CameraCapture({ direction, overlay, outline, imageUrl, title, instructions, showReview, onCapture, onEvent, }: Props): import("react/jsx-runtime").JSX.Element;
 export default CameraCapture;

package/build/types/{legacy/step/cameraStep → common}/cameraCapture/hooks/useFullScreenOrientationLock.d.ts

@@ -1,5 +1,5 @@
-import type { EventHandler } from '../../../../dynamic-flow-types';
-export declare const useFullScreenOrientationLock: (shouldLockOrientation: boolean, onEvent: EventHandler | undefined) => {
+import type { CameraEventHandler } from '../CameraCapture';
+export declare const useFullScreenOrientationLock: (shouldLockOrientation: boolean, onEvent: CameraEventHandler | undefined) => {
     enterFullScreen: () => void;
     exitFullScreen: () => void;
 };

package/build/types/common/cameraCapture/tracking/index.d.ts

@@ -0,0 +1,8 @@
+import type { CameraDirection } from '@wise/dynamic-flow-types';
+import type { CameraEventHandler, CameraEventName } from '../CameraCapture';
+export declare const trackCameraError: (message: CameraEventName, onEvent: CameraEventHandler | undefined, error: string | DOMException) => void | undefined;
+export declare const trackCameraFeedStarted: (onEvent: CameraEventHandler | undefined, props: {
+    direction?: CameraDirection;
+}, stream: MediaStream) => Promise<void | undefined>;
+export declare const trackCameraOrientationLandscape: (onEvent: CameraEventHandler | undefined) => void;
+export declare const trackCameraOrientationLocked: (onEvent: CameraEventHandler | undefined) => void;

package/build/types/legacy/common/utils/index.d.ts

@@ -1,11 +1,11 @@
+export * from '../../../common/cameraCapture/utils/mobile-utils';
+export * from '../../../common/utils/debounce';
 export * from './api-utils';
 export * from './date-utils';
-export * from './debounce';
-export * from './is-equal';
 export * from './file-utils';
 export * from './id-utils';
-export * from './step-utils';
-export * from './model-utils';
+export * from './is-equal';
 export * from './misc-utils';
+export * from './model-utils';
 export * from './schema-utils';
-export * from './mobile-utils';
+export * from './step-utils';

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

@@ -1,4 +1,5 @@
 import type { Size, Step } from '@wise/dynamic-flow-types';
+import type { CameraEventName } from '../common/cameraCapture/CameraCapture';
 export type DynamicFlowProps = DynamicFlowPropsWithInitialAction | DynamicFlowPropsWithInitialStep;
 export type DynamicFlowPropsWithInitialAction = DynamicFlowPropsBasic & {
     initialAction: InitialAction;
@@ -10,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 - Camera Permission Denied' | 'Dynamic Flow - Camera Feed Started' | 'Dynamic Flow - Camera Not Supported' | 'Dynamic Flow - Camera Not Accessible' | 'Dynamic Flow - Camera Orientation Locked' | 'Dynamic Flow - Camera Orientation Lock Overlay Shown' | 'Dynamic Flow - Search Started' | 'Dynamic Flow - Search Result Selected' | 'Dynamic Flow - invalid submission response' | 'Dynamic Flow - onAction supressed' | 'Dynamic Flow - OneOf Searched';
+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 LogLevel = 'debug' | 'info' | 'warning' | 'error' | 'critical';
 export type LogEventHandler = (level: LogLevel, message: string, extra: Record<string, unknown>) => void;
 export type Feature = {

package/build/types/legacy/dynamicFlow/utils/useErrorResponse.d.ts

@@ -1,2 +1,2 @@
 import type { ErrorResponseBody } from '@wise/dynamic-flow-types';
-export declare const useErrorResponse: () => (response: Response, fetchType: 'refresh' | 'submission') => Promise<ErrorResponseBody>;
+export declare const useErrorResponse: () => (response: Response, fetchType: 'refresh' | 'submission', isInitialRequest: boolean) => Promise<ErrorResponseBody>;