@wise/dynamic-flow-client 3.3.2 → 3.4.0-experimental-ed080a1

package/build/main.mjs

@@ -13973,13 +13973,13 @@ function DynamicFlowCore(props) {
     return abortControllerRef.current.signal;
   };
   useEffect23(() => {
-    trackEvent("Flow Started");
+    trackEvent("Initiated");
     if (!initialStep && initialAction) {
       void onAction(initialAction);
     }
     if (initialStep && !initialAction) {
       initialiseWithStep(initialStep, null);
-      trackEvent("Step Shown");
+      trackEvent("Step Shown", { isFirstStep: true });
     }
   }, []);
   const initialiseWithStep = useCallback11(
@@ -14051,14 +14051,14 @@ function DynamicFlowCore(props) {
   );
   const closeWithError = useCallback11(
     (error, analytics) => {
-      trackEvent("Flow Failed", __spreadValues({}, analytics));
+      trackEvent("Failed", __spreadValues({}, analytics));
       onError(error);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
   const onAction = useCallback11(async (action) => {
-    var _a2, _b, _c, _d, _e;
+    var _a2, _b, _c, _d;
     try {
       (_a2 = stepComponentRef.current) == null ? void 0 : _a2.setLoadingState("loading");
       const model = (_c = await ((_b = stepComponentRef.current) == null ? void 0 : _b.getSubmittableValue())) != null ? _c : null;
@@ -14073,12 +14073,13 @@ function DynamicFlowCore(props) {
       switch (command.type) {
         case "complete": {
           onCompletion(command.result);
-          trackEvent("Flow Succeeded");
+          trackEvent("Succeeded");
           break;
         }
         case "replace-step": {
+          const isFirstStep = stepRef.current === null;
           initialiseWithStep(command.step, command.etag);
-          trackEvent("Step Shown");
+          trackEvent("Step Shown", { isFirstStep });
           break;
         }
         case "error": {
@@ -14093,26 +14094,7 @@ function DynamicFlowCore(props) {
         }
         case "refresh": {
           const { refreshUrl, errors = {} } = command.body;
-          try {
-            (_e = stepComponentRef.current) == null ? void 0 : _e.setLoadingState("loading");
-            const refreshCommand = await executeRefresh({
-              abortSignal: abortCurrentAndGetNewAbortSignal(),
-              url: refreshUrl,
-              model,
-              etag: etagRef.current,
-              httpClient,
-              trackEvent
-            });
-            switch (refreshCommand.type) {
-              case "refresh-step":
-                initialiseWithStep(__spreadProps(__spreadValues({}, refreshCommand.step), { errors }), refreshCommand.etag);
-                break;
-              default:
-                throw new Error("Failed to refresh");
-            }
-          } catch (e) {
-            closeWithError(e, {});
-          }
+          void onRefresh(void 0, refreshUrl, errors);
           break;
         }
       }
@@ -14121,7 +14103,7 @@ function DynamicFlowCore(props) {
     }
   }, []);
   const onRefresh = useCallback11(
-    async (schemaId, refreshUrl = "") => {
+    async (schemaId, refreshUrl = "", errorsOverride) => {
       var _a2, _b, _c, _d;
       try {
         (_a2 = stepComponentRef.current) == null ? void 0 : _a2.setLoadingState("loading");
@@ -14137,7 +14119,10 @@ function DynamicFlowCore(props) {
         });
         switch (command.type) {
           case "refresh-step":
-            initialiseWithStep(command.step, command.etag);
+            {
+              const errors = errorsOverride != null ? errorsOverride : command.step.errors;
+              initialiseWithStep(__spreadProps(__spreadValues({}, command.step), { errors }), command.etag);
+            }
             break;
           case "error": {
             closeWithError(new Error("Failed to refresh"), command.body.analytics);

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 = (eventName: EventName, properties?: Record<string, unknown>) => void;
-export type EventName = 'Flow Started' | 'Flow Succeeded' | 'Flow 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' | 'Search Started' | 'Search Result Selected';
+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' | 'Search Started' | 'Search Result Selected';
 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "3.3.2",
+  "version": "3.4.0-experimental-ed080a1",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -92,7 +92,7 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "2.10.0"
+    "@wise/dynamic-flow-types": "2.11.0-experimental-ed080a1"
   },
   "scripts": {
     "dev": "storybook dev -p 3003",