@wise/dynamic-flow-client 4.2.0 → 4.2.2

package/build/main.js

@@ -10991,7 +10991,7 @@ var formatDateOptions = {
 };
 
 // src/revamp/utils/findComponent.ts
-var findComponent = (components, id) => {
+var findComponent = (components, id, logEvent) => {
   const flattened = flattenComponents(components);
   const matching = flattened.filter((component) => component.uid === id);
   if (matching.length === 1) {
@@ -11000,6 +11000,10 @@ var findComponent = (components, id) => {
   if (matching.length > 1) {
     throw new Error(`Multiple components with the same uid: ${id}`);
   }
+  logEvent("error", "Failed to find domain layer component", {
+    componentUid: id,
+    componentsTree: flattened.map((component) => component.uid)
+  });
   throw new Error(`Failed to find any components with uid: ${id}`);
 };
 var flattenComponents = (components) => components.reduce((acc, component) => {
@@ -11036,6 +11040,21 @@ function useDynamicFlowCore(props) {
   );
   const [stepComponent, setStepComponent] = (0, import_react3.useState)(null);
   const stepComponentRef = (0, import_react3.useRef)(null);
+  const updateComponent = (0, import_react3.useCallback)(
+    (id, update) => {
+      const currentStepComponent = stepComponentRef.current;
+      if (currentStepComponent) {
+        update(findComponent([currentStepComponent], id, logEvent));
+        setStepComponent(() => {
+          const newStepDomainComponent = __spreadValues({}, currentStepComponent);
+          stepComponentRef.current = newStepDomainComponent;
+          return newStepDomainComponent;
+        });
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
   const stepCount = (0, import_react3.useRef)(0);
   const stepRef = (0, import_react3.useRef)(initialStep != null ? initialStep : null);
   const etagRef = (0, import_react3.useRef)(null);
@@ -11077,17 +11096,6 @@ function useDynamicFlowCore(props) {
           errors: validationResult.errors
         });
       }
-      const updateComponent = (id, update) => {
-        const currentStepComponent = stepComponentRef.current;
-        if (currentStepComponent) {
-          update(findComponent([currentStepComponent], id));
-          setStepComponent(() => {
-            const newStepDomainComponent = __spreadValues({}, currentStepComponent);
-            stepComponentRef.current = newStepDomainComponent;
-            return newStepDomainComponent;
-          });
-        }
-      };
       try {
         const newStepComponent = mapStepToComponent({
           count: stepCount.current,

package/build/main.mjs

@@ -10968,7 +10968,7 @@ var formatDateOptions = {
 };
 
 // src/revamp/utils/findComponent.ts
-var findComponent = (components, id) => {
+var findComponent = (components, id, logEvent) => {
   const flattened = flattenComponents(components);
   const matching = flattened.filter((component) => component.uid === id);
   if (matching.length === 1) {
@@ -10977,6 +10977,10 @@ var findComponent = (components, id) => {
   if (matching.length > 1) {
     throw new Error(`Multiple components with the same uid: ${id}`);
   }
+  logEvent("error", "Failed to find domain layer component", {
+    componentUid: id,
+    componentsTree: flattened.map((component) => component.uid)
+  });
   throw new Error(`Failed to find any components with uid: ${id}`);
 };
 var flattenComponents = (components) => components.reduce((acc, component) => {
@@ -11013,6 +11017,21 @@ function useDynamicFlowCore(props) {
   );
   const [stepComponent, setStepComponent] = useState(null);
   const stepComponentRef = useRef2(null);
+  const updateComponent = useCallback2(
+    (id, update) => {
+      const currentStepComponent = stepComponentRef.current;
+      if (currentStepComponent) {
+        update(findComponent([currentStepComponent], id, logEvent));
+        setStepComponent(() => {
+          const newStepDomainComponent = __spreadValues({}, currentStepComponent);
+          stepComponentRef.current = newStepDomainComponent;
+          return newStepDomainComponent;
+        });
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
   const stepCount = useRef2(0);
   const stepRef = useRef2(initialStep != null ? initialStep : null);
   const etagRef = useRef2(null);
@@ -11054,17 +11073,6 @@ function useDynamicFlowCore(props) {
           errors: validationResult.errors
         });
       }
-      const updateComponent = (id, update) => {
-        const currentStepComponent = stepComponentRef.current;
-        if (currentStepComponent) {
-          update(findComponent([currentStepComponent], id));
-          setStepComponent(() => {
-            const newStepDomainComponent = __spreadValues({}, currentStepComponent);
-            stepComponentRef.current = newStepDomainComponent;
-            return newStepDomainComponent;
-          });
-        }
-      };
       try {
         const newStepComponent = mapStepToComponent({
           count: stepCount.current,

package/build/types/revamp/utils/findComponent.d.ts

@@ -1,2 +1,3 @@
+import { LoggingEventDispatcher } from '../domain/features/events';
 import type { DomainComponent } from '../domain/types';
-export declare const findComponent: (components: DomainComponent[], id: string) => DomainComponent;
+export declare const findComponent: (components: DomainComponent[], id: string, logEvent: LoggingEventDispatcher) => DomainComponent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "4.2.0",
+  "version": "4.2.2",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -85,8 +85,8 @@
     "tsx": "4.19.3",
     "typescript": "5.8.2",
     "webpack": "5.98.0",
-    "@wise/dynamic-flow-renderers": "0.0.0",
-    "@wise/dynamic-flow-fixtures": "0.0.1"
+    "@wise/dynamic-flow-fixtures": "0.0.1",
+    "@wise/dynamic-flow-renderers": "0.0.0"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.92.0",