@wise/dynamic-flow-client 4.3.2 → 4.3.4

package/build/main.js

@@ -6090,9 +6090,14 @@ var executePoll = async (props) => {
   }
 };
 
+// src/revamp/flow/getErrorMessage.ts
+var getErrorMessage = (error) => {
+  return error instanceof Error ? error.message : typeof error === "string" ? error : `Unknown Error: type is ${typeof error}`;
+};
+
 // src/revamp/flow/executeRefresh.ts
 var executeRefresh = async (props) => {
-  const { abortSignal, url, model, schemaId, etag, httpClient, trackEvent } = props;
+  const { abortSignal, url, model, schemaId, etag, httpClient, trackEvent, logEvent } = props;
   trackEvent("Refresh Triggered", { schema: schemaId });
   try {
     const response = await httpClient(url != null ? url : "", {
@@ -6114,6 +6119,7 @@ var executeRefresh = async (props) => {
         schema: schemaId,
         statusCode: response.status
       }));
+      logEvent("error", "Dynamic Flow - Refresh Failed", { schemaId, statusCode: response.status });
       return { type: "error", body: body2, statusCode: response.status };
     }
     const newEtag = response.headers.get("etag") || null;
@@ -6127,13 +6133,17 @@ var executeRefresh = async (props) => {
       return { type: "noop" };
     }
     trackEvent("Refresh Failed", { schema: schemaId });
+    logEvent("error", "Dynamic Flow - Refresh Failed", {
+      schemaId,
+      errorMessage: getErrorMessage(error)
+    });
     return { type: "error", body: {} };
   }
 };
 
 // src/revamp/flow/executeSubmission.ts
 var executeSubmission = async (props) => {
-  const { httpClient, trackEvent } = props;
+  const { httpClient, trackEvent, logEvent } = props;
   const triggerAction = async (action, model, isInitial) => {
     const { exit, url, method = "POST", result = null, id: actionId } = action;
     const trackSubmissionEvent = !isInitial ? trackEvent : () => {
@@ -6157,7 +6167,9 @@ var executeSubmission = async (props) => {
       headers: { "Content-Type": "application/json" }
     });
     if (!response) {
-      trackEvent("Action Failed", { actionId });
+      const extra = { actionId, errorMessage: "Network Error" };
+      trackEvent("Action Failed", extra);
+      logEvent("error", "Dynamic Flow - Action Failed Unexpectedly", extra);
       return { type: "error", body: {} };
     }
     if (!response.ok) {
@@ -6190,7 +6202,9 @@ var executeSubmission = async (props) => {
         }
       }
     } catch (error) {
-      trackSubmissionEvent("Action Failed", { actionId });
+      const errorMessage = getErrorMessage(error);
+      trackSubmissionEvent("Action Failed", { actionId, errorMessage });
+      logEvent("error", "Dynamic Flow - Action Failed Unexpectedly", { actionId, errorMessage });
       throw error;
     }
   };
@@ -6507,18 +6521,12 @@ function useDynamicFlowCore(props) {
     () => getSchemaErrorMessageFunction(formatMessage, locale),
     [formatMessage, locale]
   );
-  const [rootComponent, setRootComponent] = (0, import_react3.useState)(
-    createRootDomainComponent()
-  );
-  const rootComponentRef = (0, import_react3.useRef)(rootComponent);
+  const rerender = useRerender();
+  const rootComponentRef = (0, import_react3.useRef)(createRootDomainComponent());
   const updateComponent = (0, import_react3.useCallback)(
     (id, update) => {
       update(findComponent([rootComponentRef.current], id, logEvent));
-      setRootComponent(() => {
-        const newRootDomainComponent = __spreadValues({}, rootComponentRef.current);
-        rootComponentRef.current = newRootDomainComponent;
-        return newRootDomainComponent;
-      });
+      rerender();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
@@ -6541,6 +6549,9 @@ function useDynamicFlowCore(props) {
       createStep(initialStep, null);
       trackCoreEvent("Step Shown", { isFirstStep: true });
     }
+    return () => {
+      rootComponentRef.current.stop();
+    };
   }, []);
   const createStep = (0, import_react3.useCallback)((newStep, etag) => {
     if (rootComponentRef.current.hasStep()) {
@@ -6624,7 +6635,9 @@ function useDynamicFlowCore(props) {
   );
   const closeWithError = (0, import_react3.useCallback)(
     (error, analytics, statusCode) => {
+      rootComponentRef.current.stop();
       trackCoreEvent("Failed", __spreadValues({}, analytics));
+      logEvent("error", "Dynamic Flow failed", { errorMessage: getErrorMessage(error), analytics });
       onError(error, statusCode);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -6640,11 +6653,13 @@ function useDynamicFlowCore(props) {
         model,
         isInitial: stepRef.current === null,
         httpClient,
-        trackEvent: trackCoreEvent
+        trackEvent: trackCoreEvent,
+        logEvent
       });
       switch (command.type) {
         case "complete": {
           onCompletion(command.result);
+          rootComponentRef.current.stop();
           trackCoreEvent("Succeeded");
           break;
         }
@@ -6673,7 +6688,13 @@ function useDynamicFlowCore(props) {
               etagRef.current
             );
           } else {
-            closeWithError(new Error("Initial request failed"), {}, command.statusCode);
+            closeWithError(
+              new Error("Initial request failed", {
+                cause: `method: ${action.method}, url: ${action.url}`
+              }),
+              {},
+              command.statusCode
+            );
           }
           break;
         }
@@ -6700,7 +6721,8 @@ function useDynamicFlowCore(props) {
           schemaId,
           etag: etagRef.current,
           httpClient,
-          trackEvent: trackCoreEvent
+          trackEvent: trackCoreEvent,
+          logEvent
         });
         switch (command.type) {
           case "refresh-step":
@@ -6756,13 +6778,17 @@ function useDynamicFlowCore(props) {
   );
   return { rootComponent: rootComponentRef.current };
 }
+var useRerender = () => {
+  const [, setState] = (0, import_react3.useState)({});
+  return (0, import_react3.useCallback)(() => setState({}), []);
+};
 
 // src/revamp/DynamicFlowCore.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function DynamicFlowCore(props) {
   var _a;
   const { rootComponent } = useDynamicFlowCore(props);
-  const { renderers, httpClient, onEvent, onError } = props;
+  const { renderers, httpClient, onEvent, onError, onLog } = props;
   const render = (0, import_react4.useMemo)(
     () => getRenderFunction([CoreRootRenderer, CoreContainerRenderer, ...renderers]),
     [renderers]
@@ -6780,6 +6806,7 @@ function DynamicFlowCore(props) {
       onError: (error) => {
         onEvent == null ? void 0 : onEvent("Dynamic Flow - Failed", { error });
         onError == null ? void 0 : onError(error);
+        onLog == null ? void 0 : onLog("error", "Dynamic Flow - ErrorBoundary", { errorMessage: getErrorMessage(error) });
       },
       children: render(tree)
     }

package/build/main.mjs

@@ -6047,9 +6047,14 @@ var executePoll = async (props) => {
   }
 };
 
+// src/revamp/flow/getErrorMessage.ts
+var getErrorMessage = (error) => {
+  return error instanceof Error ? error.message : typeof error === "string" ? error : `Unknown Error: type is ${typeof error}`;
+};
+
 // src/revamp/flow/executeRefresh.ts
 var executeRefresh = async (props) => {
-  const { abortSignal, url, model, schemaId, etag, httpClient, trackEvent } = props;
+  const { abortSignal, url, model, schemaId, etag, httpClient, trackEvent, logEvent } = props;
   trackEvent("Refresh Triggered", { schema: schemaId });
   try {
     const response = await httpClient(url != null ? url : "", {
@@ -6071,6 +6076,7 @@ var executeRefresh = async (props) => {
         schema: schemaId,
         statusCode: response.status
       }));
+      logEvent("error", "Dynamic Flow - Refresh Failed", { schemaId, statusCode: response.status });
       return { type: "error", body: body2, statusCode: response.status };
     }
     const newEtag = response.headers.get("etag") || null;
@@ -6084,13 +6090,17 @@ var executeRefresh = async (props) => {
       return { type: "noop" };
     }
     trackEvent("Refresh Failed", { schema: schemaId });
+    logEvent("error", "Dynamic Flow - Refresh Failed", {
+      schemaId,
+      errorMessage: getErrorMessage(error)
+    });
     return { type: "error", body: {} };
   }
 };
 
 // src/revamp/flow/executeSubmission.ts
 var executeSubmission = async (props) => {
-  const { httpClient, trackEvent } = props;
+  const { httpClient, trackEvent, logEvent } = props;
   const triggerAction = async (action, model, isInitial) => {
     const { exit, url, method = "POST", result = null, id: actionId } = action;
     const trackSubmissionEvent = !isInitial ? trackEvent : () => {
@@ -6114,7 +6124,9 @@ var executeSubmission = async (props) => {
       headers: { "Content-Type": "application/json" }
     });
     if (!response) {
-      trackEvent("Action Failed", { actionId });
+      const extra = { actionId, errorMessage: "Network Error" };
+      trackEvent("Action Failed", extra);
+      logEvent("error", "Dynamic Flow - Action Failed Unexpectedly", extra);
       return { type: "error", body: {} };
     }
     if (!response.ok) {
@@ -6147,7 +6159,9 @@ var executeSubmission = async (props) => {
         }
       }
     } catch (error) {
-      trackSubmissionEvent("Action Failed", { actionId });
+      const errorMessage = getErrorMessage(error);
+      trackSubmissionEvent("Action Failed", { actionId, errorMessage });
+      logEvent("error", "Dynamic Flow - Action Failed Unexpectedly", { actionId, errorMessage });
       throw error;
     }
   };
@@ -6464,18 +6478,12 @@ function useDynamicFlowCore(props) {
     () => getSchemaErrorMessageFunction(formatMessage, locale),
     [formatMessage, locale]
   );
-  const [rootComponent, setRootComponent] = useState(
-    createRootDomainComponent()
-  );
-  const rootComponentRef = useRef2(rootComponent);
+  const rerender = useRerender();
+  const rootComponentRef = useRef2(createRootDomainComponent());
   const updateComponent = useCallback2(
     (id, update) => {
       update(findComponent([rootComponentRef.current], id, logEvent));
-      setRootComponent(() => {
-        const newRootDomainComponent = __spreadValues({}, rootComponentRef.current);
-        rootComponentRef.current = newRootDomainComponent;
-        return newRootDomainComponent;
-      });
+      rerender();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
@@ -6498,6 +6506,9 @@ function useDynamicFlowCore(props) {
       createStep(initialStep, null);
       trackCoreEvent("Step Shown", { isFirstStep: true });
     }
+    return () => {
+      rootComponentRef.current.stop();
+    };
   }, []);
   const createStep = useCallback2((newStep, etag) => {
     if (rootComponentRef.current.hasStep()) {
@@ -6581,7 +6592,9 @@ function useDynamicFlowCore(props) {
   );
   const closeWithError = useCallback2(
     (error, analytics, statusCode) => {
+      rootComponentRef.current.stop();
       trackCoreEvent("Failed", __spreadValues({}, analytics));
+      logEvent("error", "Dynamic Flow failed", { errorMessage: getErrorMessage(error), analytics });
       onError(error, statusCode);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -6597,11 +6610,13 @@ function useDynamicFlowCore(props) {
         model,
         isInitial: stepRef.current === null,
         httpClient,
-        trackEvent: trackCoreEvent
+        trackEvent: trackCoreEvent,
+        logEvent
       });
       switch (command.type) {
         case "complete": {
           onCompletion(command.result);
+          rootComponentRef.current.stop();
           trackCoreEvent("Succeeded");
           break;
         }
@@ -6630,7 +6645,13 @@ function useDynamicFlowCore(props) {
               etagRef.current
             );
           } else {
-            closeWithError(new Error("Initial request failed"), {}, command.statusCode);
+            closeWithError(
+              new Error("Initial request failed", {
+                cause: `method: ${action.method}, url: ${action.url}`
+              }),
+              {},
+              command.statusCode
+            );
           }
           break;
         }
@@ -6657,7 +6678,8 @@ function useDynamicFlowCore(props) {
           schemaId,
           etag: etagRef.current,
           httpClient,
-          trackEvent: trackCoreEvent
+          trackEvent: trackCoreEvent,
+          logEvent
         });
         switch (command.type) {
           case "refresh-step":
@@ -6713,13 +6735,17 @@ function useDynamicFlowCore(props) {
   );
   return { rootComponent: rootComponentRef.current };
 }
+var useRerender = () => {
+  const [, setState] = useState({});
+  return useCallback2(() => setState({}), []);
+};
 
 // src/revamp/DynamicFlowCore.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
 function DynamicFlowCore(props) {
   var _a;
   const { rootComponent } = useDynamicFlowCore(props);
-  const { renderers, httpClient, onEvent, onError } = props;
+  const { renderers, httpClient, onEvent, onError, onLog } = props;
   const render = useMemo2(
     () => getRenderFunction([CoreRootRenderer, CoreContainerRenderer, ...renderers]),
     [renderers]
@@ -6737,6 +6763,7 @@ function DynamicFlowCore(props) {
       onError: (error) => {
         onEvent == null ? void 0 : onEvent("Dynamic Flow - Failed", { error });
         onError == null ? void 0 : onError(error);
+        onLog == null ? void 0 : onLog("error", "Dynamic Flow - ErrorBoundary", { errorMessage: getErrorMessage(error) });
       },
       children: render(tree)
     }
@@ -7111,7 +7138,7 @@ function isReference(block) {
 }
 
 // src/legacy/dynamicFlow/DynamicFlow.tsx
-import { useCallback as useCallback11, useEffect as useEffect21, useMemo as useMemo21, useState as useState26 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect22, useMemo as useMemo21, useState as useState26 } from "react";
 import { useIntl as useIntl23 } from "react-intl";
 
 // src/legacy/common/contexts/dynamicFlowContexts/DynamicFlowContexts.tsx
@@ -7968,12 +7995,12 @@ function useDebouncedFunction(callback, waitMs) {
 }
 
 // src/legacy/common/hooks/useExternal/useExternal.tsx
-import { useEffect as useEffect2, useState as useState3 } from "react";
+import { useEffect as useEffect3, useState as useState3 } from "react";
 function useExternal(url) {
   const [externalWindow, setExternalWindow] = useState3(null);
   const [hasManuallyTriggered, setHasManuallyTriggered] = useState3(false);
   const dismissConfirmation = () => setHasManuallyTriggered(true);
-  useEffect2(() => {
+  useEffect3(() => {
     if (url) {
       setHasManuallyTriggered(false);
       setExternalWindow(window.open(url, "_blank"));
@@ -8046,7 +8073,7 @@ import { useState as useState20 } from "react";
 import { useIntl as useIntl17 } from "react-intl";
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBasicSchema/PersistAsyncBasicSchema.tsx
-import { useEffect as useEffect13, useState as useState19 } from "react";
+import { useEffect as useEffect14, useState as useState19 } from "react";
 import { useIntl as useIntl16 } from "react-intl";
 
 // src/legacy/common/constants/DateMode.ts
@@ -8095,7 +8122,7 @@ var Size = {
 
 // src/legacy/jsonSchemaForm/basicTypeSchema/BasicTypeSchema.tsx
 import classNames10 from "classnames";
-import { useEffect as useEffect12, useMemo as useMemo16, useState as useState18 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo16, useState as useState18 } from "react";
 
 // src/legacy/layout/alert/DynamicAlert.tsx
 import { Alert as Alert2 } from "@transferwise/components";
@@ -8562,7 +8589,7 @@ var DynamicDivider_default = DynamicDivider;
 
 // src/legacy/layout/external/DynamicExternal.tsx
 import { Button as Button2, Loader, Size as Size2 } from "@transferwise/components";
-import { useCallback as useCallback6, useEffect as useEffect3, useMemo as useMemo9 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect4, useMemo as useMemo9 } from "react";
 import { useIntl as useIntl3 } from "react-intl";
 
 // src/legacy/layout/external/DynamicExternal.messages.ts
@@ -8584,7 +8611,7 @@ var DynamicExternal = ({ component, onAction }) => {
     () => window.open(requestUrl, "df-external-window"),
     [requestUrl]
   );
-  useEffect3(() => {
+  useEffect4(() => {
     openExternalUrl();
   }, [openExternalUrl]);
   const pollingConfiguration = useMemo9(() => {
@@ -8602,7 +8629,7 @@ var DynamicExternal = ({ component, onAction }) => {
 var DynamicExternal_default = DynamicExternal;
 
 // src/legacy/jsonSchemaForm/genericSchema/GenericSchema.tsx
-import { useEffect as useEffect10 } from "react";
+import { useEffect as useEffect11 } from "react";
 
 // src/legacy/jsonSchemaForm/allOfSchema/AllOfSchema.tsx
 import { Header as Header2 } from "@transferwise/components";
@@ -8895,7 +8922,7 @@ function getValidationMessages(schema, required, defaultErrorMessages) {
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multiSelectSchema/MultiSelectSchema.tsx
 import { SelectInput, SelectInputOptionContent } from "@transferwise/components";
 import classNames3 from "classnames";
-import { useEffect as useEffect4, useMemo as useMemo11, useState as useState6 } from "react";
+import { useEffect as useEffect5, useMemo as useMemo11, useState as useState6 } from "react";
 import { useIntl as useIntl6 } from "react-intl";
 
 // src/legacy/jsonSchemaForm/schemaFormControl/utils/mapping-utils.tsx
@@ -9016,7 +9043,7 @@ function MultiSelectSchema({
   const id = useMemo11(() => schema.$id || generateRandomId(), [schema.$id]);
   const [changed, setChanged] = useState6(false);
   const [selected, setSelected] = useState6(getInitialModelIndices2(model, options));
-  useEffect4(
+  useEffect5(
     () => {
       if (selected) {
         broadcastModelChange(selected);
@@ -9604,7 +9631,7 @@ var ArraySchema_default = ArraySchema;
 // src/legacy/jsonSchemaForm/objectSchema/ObjectSchema.tsx
 import { Header as Header4 } from "@transferwise/components";
 import classNames5 from "classnames";
-import { useState as useState9, useEffect as useEffect5 } from "react";
+import { useState as useState9, useEffect as useEffect6 } from "react";
 import { Fragment as Fragment6, jsx as jsx33, jsxs as jsxs10 } from "react/jsx-runtime";
 var getSchemaColumnClasses2 = (width) => ({
   "col-xs-12": true,
@@ -9624,7 +9651,7 @@ function ObjectSchema(props) {
     props.onChange(__spreadProps(__spreadValues({}, onChangeProps), { model }));
   };
   const isRequired = (propertyName) => props.schema.required && props.schema.required.includes(propertyName);
-  useEffect5(() => {
+  useEffect6(() => {
     const newModel = getValidObjectModelParts(model, props.schema) || {};
     setModel(newModel);
     if (!isEqual(newModel, model)) {
@@ -9681,7 +9708,7 @@ var ObjectSchema_default = ObjectSchema;
 // src/legacy/jsonSchemaForm/oneOfSchema/OneOfSchema.tsx
 import { Header as Header5 } from "@transferwise/components";
 import classNames6 from "classnames";
-import { useEffect as useEffect7, useMemo as useMemo13, useState as useState10 } from "react";
+import { useEffect as useEffect8, useMemo as useMemo13, useState as useState10 } from "react";
 
 // src/legacy/jsonSchemaForm/help/Help.tsx
 import { Markdown, Info } from "@transferwise/components";
@@ -9715,7 +9742,7 @@ function Help(props) {
 var Help_default = Help;
 
 // src/legacy/jsonSchemaForm/schemaFormControl/SchemaFormControl.tsx
-import { useEffect as useEffect6 } from "react";
+import { useEffect as useEffect7 } from "react";
 import { useIntl as useIntl10 } from "react-intl";
 
 // src/legacy/formControl/FormControl.tsx
@@ -10437,7 +10464,7 @@ function SchemaFormControl(props) {
     onChange(getValidBasicModelOrNull(value2, schema), type, metadata);
   };
   const controlType = getControlType(schema);
-  useEffect6(() => {
+  useEffect7(() => {
     warnIfInvalidSchema(schema, log, controlType);
   }, [JSON.stringify(schema), log, controlType]);
   const options = schema.values || getOptions(schema, controlType);
@@ -10509,7 +10536,7 @@ function OneOfSchema(props) {
       searchValueLength: searchValue.length
     });
   };
-  useEffect7(() => {
+  useEffect8(() => {
     const modelIndex = getValidIndexFromValue(props.schema, props.model);
     const defaultIndex = getValidIndexFromValue(props.schema, props.schema.default);
     if (modelIndex === -1 && defaultIndex >= 0) {
@@ -10667,7 +10694,7 @@ var OneOfSchema_default = OneOfSchema;
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/PersistAsyncBlobSchema.tsx
 import classNames7 from "classnames";
-import { useEffect as useEffect8, useState as useState11 } from "react";
+import { useEffect as useEffect9, useState as useState11 } from "react";
 import { useIntl as useIntl11 } from "react-intl";
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/UploadInputAdapter.tsx
@@ -10738,7 +10765,7 @@ function PersistAsyncBlobSchema(props) {
   const intl = useIntl11();
   const httpClient = useHttpClient();
   const onEvent = useEventDispatcher();
-  useEffect8(() => {
+  useEffect9(() => {
     if (submitted) {
       setValidations(getValidationFailures(model, schema, Boolean(required)));
     } else {
@@ -11042,7 +11069,7 @@ function getValueFromOption(option) {
 }
 
 // src/legacy/jsonSchemaForm/validationAsyncSchema/ValidationAsyncSchema.tsx
-import { useEffect as useEffect9, useRef as useRef3, useState as useState13 } from "react";
+import { useEffect as useEffect10, useRef as useRef3, useState as useState13 } from "react";
 import { jsx as jsx46 } from "react/jsx-runtime";
 function ValidationAsyncSchema(props) {
   const { schema, model, required = false, submitted, errors, onChange } = props;
@@ -11057,7 +11084,7 @@ function ValidationAsyncSchema(props) {
   const httpClient = useHttpClient();
   const onEvent = useEventDispatcher();
   const log = useLogger();
-  useEffect9(() => {
+  useEffect10(() => {
     if (!schema.validationAsync.method) {
       log.warning(
         "Invalid schema or model",
@@ -11139,7 +11166,7 @@ function GenericSchemaForm(props) {
   const schemaProps = __spreadProps(__spreadValues({}, props), { model, errors, hideTitle, disabled });
   const type = getSchemaType(schema);
   const log = useLogger();
-  useEffect10(() => {
+  useEffect11(() => {
     if (!isValidGenericSchema(schema, model, errors)) {
       log.error(
         "Invalid schema or model",
@@ -11276,14 +11303,14 @@ var DynamicInfo = ({ component }) => {
 
 // src/legacy/layout/image/DynamicImage.tsx
 import { Image } from "@transferwise/components";
-import { useEffect as useEffect11, useState as useState14 } from "react";
+import { useEffect as useEffect12, useState as useState14 } from "react";
 import { jsx as jsx51 } from "react/jsx-runtime";
 function DynamicImage({ component: image }) {
   var _a, _b, _c;
   const { content, url, size, text, margin, accessibilityDescription } = image;
   const httpClient = useHttpClient();
   const [imageSource, setImageSource] = useState14("");
-  useEffect11(() => {
+  useEffect12(() => {
     if (content) {
       const { uri, url: contentUrl } = content;
       if (uri && !uri.startsWith("urn:")) {
@@ -12084,9 +12111,9 @@ var BasicTypeSchema = (props) => {
   };
   const isConst = props.schema.const;
   const isHidden = props.schema.hidden || isConst;
-  useEffect12(refreshValidations, [props.model, props.submitted]);
-  useEffect12(onSchemaChange, [props.schema]);
-  useEffect12(() => {
+  useEffect13(refreshValidations, [props.model, props.submitted]);
+  useEffect13(onSchemaChange, [props.schema]);
+  useEffect13(() => {
     var _a2;
     const newModel = (_a2 = props.model) != null ? _a2 : null;
     if (newModel !== model) {
@@ -12167,7 +12194,7 @@ function PersistAsyncBasicSchema(props) {
   const [persistAsyncError, setPersistAsyncError] = useState19(null);
   const [fieldSubmitted, setFieldSubmitted] = useState19(false);
   const [abortController, setAbortController] = useState19(null);
-  useEffect13(() => {
+  useEffect14(() => {
     if (controlTypesWithPersistOnChange.has(
       // TODO: LOW avoid type assertion below -- control type may be nullish. consider ?? ''
       getControlType(schema.persistAsync.schema)
@@ -12329,7 +12356,7 @@ function hasStringMessage(value) {
 }
 
 // src/legacy/common/hooks/usePolling/usePolling.tsx
-import { useEffect as useEffect14, useMemo as useMemo17, useRef as useRef5 } from "react";
+import { useEffect as useEffect15, useMemo as useMemo17, useRef as useRef5 } from "react";
 function usePolling({
   asyncFn,
   delay,
@@ -12350,7 +12377,7 @@ function usePolling({
     ),
     [asyncFn, maxAttempts, maxConsecutiveFails]
   );
-  useEffect14(() => {
+  useEffect15(() => {
     if (delay > 0) {
       poll();
       const intervalReference = setInterval(() => {
@@ -12359,7 +12386,7 @@ function usePolling({
       return () => clearInterval(intervalReference);
     }
   }, [poll, delay]);
-  useEffect14(() => {
+  useEffect15(() => {
     onPollingResponseReference.current = onPollingResponse;
     onFailureReference.current = onFailure;
   }, [onPollingResponse, onFailure]);
@@ -12390,10 +12417,10 @@ function createPollingClosure(asyncFn, maxAttempts, maxConsecutiveFails, onPolli
 }
 
 // src/legacy/common/hooks/usePrevious/usePrevious.js
-import { useEffect as useEffect15, useRef as useRef6 } from "react";
+import { useEffect as useEffect16, useRef as useRef6 } from "react";
 var usePrevious = (value) => {
   const reference = useRef6();
-  useEffect15(() => {
+  useEffect16(() => {
     reference.current = value;
   }, [value]);
   return reference.current;
@@ -12487,10 +12514,10 @@ var LayoutStep = (props) => {
 var LayoutStep_default = LayoutStep;
 
 // src/legacy/step/cameraStep/CameraStep.tsx
-import { useEffect as useEffect20, useState as useState23 } from "react";
+import { useEffect as useEffect21, useState as useState23 } from "react";
 
 // src/common/cameraCapture/CameraCapture.tsx
-import { useCallback as useCallback10, useEffect as useEffect19, useMemo as useMemo19, useRef as useRef8, useState as useState22 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect20, useMemo as useMemo19, useRef as useRef8, useState as useState22 } from "react";
 import { useIntl as useIntl20 } from "react-intl";
 import Webcam from "react-webcam";
 
@@ -12635,7 +12662,7 @@ function OrientationLockOverlay() {
 var OrientationLockOverlay_default = OrientationLockOverlay;
 
 // src/common/cameraCapture/hooks/useFullScreenOrientationLock.ts
-import { useCallback as useCallback9, useEffect as useEffect16 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect17 } from "react";
 import screenfull from "screenfull";
 
 // src/common/cameraCapture/utils/index.ts
@@ -12752,7 +12779,7 @@ var useFullScreenOrientationLock = (shouldLockOrientation, onEvent) => {
     },
     [onEvent]
   );
-  useEffect16(() => {
+  useEffect17(() => {
     var _a, _b;
     if (shouldLockOrientation) {
       (_b = (_a = window.screen) == null ? void 0 : _a.orientation) == null ? void 0 : _b.addEventListener(
@@ -12775,10 +12802,10 @@ var noop5 = () => {
 };
 
 // src/common/cameraCapture/hooks/useVideoConstraints.ts
-import { useEffect as useEffect17, useState as useState21 } from "react";
+import { useEffect as useEffect18, useState as useState21 } from "react";
 var useVideoConstraints = (direction) => {
   const [videoConstraints, setVideoConstraints] = useState21();
-  useEffect17(() => {
+  useEffect18(() => {
     void getVideoConstraints(direction).then(setVideoConstraints);
   }, [direction]);
   return { videoConstraints };
@@ -12803,7 +12830,7 @@ var getVideoConstraints = async (dir) => {
 };
 
 // src/common/cameraCapture/overlay/Overlay.tsx
-import { useEffect as useEffect18, useRef as useRef7 } from "react";
+import { useEffect as useEffect19, useRef as useRef7 } from "react";
 import { Fragment as Fragment16, jsx as jsx67, jsxs as jsxs27 } from "react/jsx-runtime";
 var captureButtonHeight = 92;
 var reviewButtonsHeight = 120;
@@ -12814,7 +12841,7 @@ var reviewInstructionsHeight = 40;
 var overlayMaxWidth = 800;
 function Overlay({ overlay, outline, imageUrl, title, instructions, reviewInstructions }) {
   const svgReference = useRef7(null);
-  useEffect18(() => {
+  useEffect19(() => {
     const listener = debounce2(() => {
       var _a;
       if ((_a = svgReference.current) == null ? void 0 : _a.innerHTML) {
@@ -12983,7 +13010,7 @@ function CameraCapture({
     setReviewImage(void 0);
   };
   const handleRetryCameraAccess = () => setMode("CAPTURE" /* CAPTURE */);
-  useEffect19(() => {
+  useEffect20(() => {
     if (mode !== "CAPTURE" /* CAPTURE */) {
       exitFullScreen();
     }
@@ -13062,7 +13089,7 @@ function CameraStep(props) {
   const { overlay, outline } = assets || {};
   const { url: imageUrl } = image || {};
   const [captureClicked, setCaptureClicked] = useState23(false);
-  useEffect20(() => {
+  useEffect21(() => {
     if (captureClicked) {
       onAction(action);
     }
@@ -13669,10 +13696,10 @@ var DynamicFlowComponent = ({
     },
     [onCompletion, dispatchEvent]
   );
-  useEffect21(() => {
+  useEffect22(() => {
     dispatchEvent("Dynamic Flow - Flow Started", {});
   }, []);
-  useEffect21(() => {
+  useEffect22(() => {
     if (!initialStep) {
       const action = __spreadValues({
         id: "#initial-step-request",

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

@@ -1,5 +1,5 @@
 import type { Model, Step, ErrorResponseBody } from '@wise/dynamic-flow-types/build/next';
-import type { AnalyticsEventDispatcher } from '../domain/features/events';
+import type { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../domain/features/events';
 type Command = {
     type: 'refresh-step';
     step: Step;
@@ -19,5 +19,6 @@ export declare const executeRefresh: (props: {
     etag: string | null;
     httpClient: typeof fetch;
     trackEvent: AnalyticsEventDispatcher;
+    logEvent: LoggingEventDispatcher;
 }) => Promise<Command>;
 export {};

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

@@ -1,5 +1,5 @@
 import type { Action, ErrorResponseBody, Model, Step } from '@wise/dynamic-flow-types/build/next';
-import type { AnalyticsEventDispatcher } from '../domain/features/events';
+import type { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../domain/features/events';
 type Command = {
     type: 'complete';
     result: Model;
@@ -27,5 +27,6 @@ export declare const executeSubmission: (props: {
     isInitial: boolean;
     httpClient: typeof fetch;
     trackEvent: AnalyticsEventDispatcher;
+    logEvent: LoggingEventDispatcher;
 }) => Promise<Command>;
 export {};

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

@@ -0,0 +1 @@
+export declare const getErrorMessage: (error: unknown) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "4.3.2",
+  "version": "4.3.4",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",