@wise/dynamic-flow-client 4.12.0-experimental-5de9758 → 4.12.0-experimental-d108035

package/build/main.js

@@ -2504,9 +2504,9 @@ var mapAdditionalInfo = (info, onBehavior) => {
     return {
       text: info.text,
       accessibilityDescription: info.accessibilityDescription,
-      onClick: behavior.type !== "none" ? () => {
+      onClick: () => {
         void onBehavior(behavior);
-      } : void 0
+      }
     };
   }
   return void 0;
@@ -2555,7 +2555,11 @@ var createStatusListComponent = (statusListProps) => __spreadValues({
 
 // src/revamp/domain/mappers/layout/deprecatedListLayoutToComponent.ts
 var isDeprecatedListLayout = (layout) => {
-  return layout.items.some((item) => item.status);
+  const usesCallToAction = layout.callToAction != null;
+  const usesNewProperties = layout.items.some(
+    (item) => item.additionalInfo != null || item.inlineAlert != null || item.supportingValues != null || item.subtitle != null || item.value != null || item.subvalue != null
+  );
+  return !usesCallToAction && !usesNewProperties;
 };
 var deprecatedListLayoutToComponent = (uid, { analyticsId, control, items, margin = "md", title }) => createStatusListComponent({
   uid,
@@ -6800,6 +6804,7 @@ function useDynamicFlowCore(props) {
   const onBehavior = (0, import_react3.useCallback)(async (behavior) => {
     switch (behavior.type) {
       case "action": {
+        rootComponentRef.current.setLoadingState("submitting");
         rootComponentRef.current.dismissAllModals();
         try {
           const { action } = behavior;
@@ -6808,8 +6813,11 @@ function useDynamicFlowCore(props) {
           const canSubmit = skipValidation || rootComponentRef.current.validate();
           if (canSubmit) {
             void onAction(action, model);
+          } else {
+            rootComponentRef.current.setLoadingState("idle");
           }
         } catch (e) {
+          rootComponentRef.current.setLoadingState("idle");
         }
         break;
       }
@@ -6869,6 +6877,7 @@ function useDynamicFlowCore(props) {
       });
       switch (command.type) {
         case "complete": {
+          rootComponentRef.current.setLoadingState("idle");
           onCompletion(command.result);
           rootComponentRef.current.stop();
           trackCoreEvent("Succeeded");
@@ -6881,6 +6890,7 @@ function useDynamicFlowCore(props) {
           break;
         }
         case "error": {
+          rootComponentRef.current.setLoadingState("idle");
           const genericErrorMessage = getErrorMessageFunctions().genericErrorWithRetry();
           const errors = (_b = (_a2 = command.body) == null ? void 0 : _a2.errors) != null ? _b : { error: genericErrorMessage };
           if (stepRef.current) {

package/build/main.mjs

@@ -2461,9 +2461,9 @@ var mapAdditionalInfo = (info, onBehavior) => {
     return {
       text: info.text,
       accessibilityDescription: info.accessibilityDescription,
-      onClick: behavior.type !== "none" ? () => {
+      onClick: () => {
         void onBehavior(behavior);
-      } : void 0
+      }
     };
   }
   return void 0;
@@ -2512,7 +2512,11 @@ var createStatusListComponent = (statusListProps) => __spreadValues({
 
 // src/revamp/domain/mappers/layout/deprecatedListLayoutToComponent.ts
 var isDeprecatedListLayout = (layout) => {
-  return layout.items.some((item) => item.status);
+  const usesCallToAction = layout.callToAction != null;
+  const usesNewProperties = layout.items.some(
+    (item) => item.additionalInfo != null || item.inlineAlert != null || item.supportingValues != null || item.subtitle != null || item.value != null || item.subvalue != null
+  );
+  return !usesCallToAction && !usesNewProperties;
 };
 var deprecatedListLayoutToComponent = (uid, { analyticsId, control, items, margin = "md", title }) => createStatusListComponent({
   uid,
@@ -6757,6 +6761,7 @@ function useDynamicFlowCore(props) {
   const onBehavior = useCallback2(async (behavior) => {
     switch (behavior.type) {
       case "action": {
+        rootComponentRef.current.setLoadingState("submitting");
         rootComponentRef.current.dismissAllModals();
         try {
           const { action } = behavior;
@@ -6765,8 +6770,11 @@ function useDynamicFlowCore(props) {
           const canSubmit = skipValidation || rootComponentRef.current.validate();
           if (canSubmit) {
             void onAction(action, model);
+          } else {
+            rootComponentRef.current.setLoadingState("idle");
           }
         } catch (e) {
+          rootComponentRef.current.setLoadingState("idle");
         }
         break;
       }
@@ -6826,6 +6834,7 @@ function useDynamicFlowCore(props) {
       });
       switch (command.type) {
         case "complete": {
+          rootComponentRef.current.setLoadingState("idle");
           onCompletion(command.result);
           rootComponentRef.current.stop();
           trackCoreEvent("Succeeded");
@@ -6838,6 +6847,7 @@ function useDynamicFlowCore(props) {
           break;
         }
         case "error": {
+          rootComponentRef.current.setLoadingState("idle");
           const genericErrorMessage = getErrorMessageFunctions().genericErrorWithRetry();
           const errors = (_b = (_a2 = command.body) == null ? void 0 : _a2.errors) != null ? _b : { error: genericErrorMessage };
           if (stepRef.current) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "4.12.0-experimental-5de9758",
+  "version": "4.12.0-experimental-d108035",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -46,7 +46,7 @@
     "@testing-library/jest-dom": "6.6.4",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
-    "@transferwise/components": "0.0.0-experimental-4ee52fa",
+    "@transferwise/components": "46.101.0",
     "@transferwise/formatting": "^2.13.4",
     "@transferwise/icons": "3.22.3",
     "@transferwise/neptune-css": "14.24.5",
@@ -95,7 +95,7 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "3.10.0-experimental-5de9758"
+    "@wise/dynamic-flow-types": "3.10.0-experimental-d108035"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",