@wise/dynamic-flow-client 4.3.6 → 4.3.8

package/build/main.mjs

@@ -1650,7 +1650,7 @@ var stepComponentToProps = ({
   step,
   title,
   components,
-  onAction
+  onBehavior
 }, rendererMapperProps) => {
   const childrenProps = components.map((c) => componentToRendererProps(c, rendererMapperProps));
   return __spreadValues({
@@ -1667,7 +1667,9 @@ var stepComponentToProps = ({
     title,
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps,
-    onAction
+    onAction: (action) => {
+      void onBehavior({ type: "action", action });
+    }
   }, rendererMapperProps);
 };
 
@@ -1768,6 +1770,48 @@ import { validateStep } from "@wise/dynamic-flow-types";
 import { useCallback as useCallback2, useEffect, useMemo, useRef as useRef2, useState } from "react";
 import { useIntl as useIntl2 } from "react-intl";
 
+// src/revamp/domain/components/RootDomainComponent.ts
+var createRootDomainComponent = () => ({
+  type: "root",
+  uid: "root",
+  stepComponent: null,
+  getChildren() {
+    return this.stepComponent ? [this.stepComponent] : [];
+  },
+  getLocalValue() {
+    return this.stepComponent ? this.stepComponent.getLocalValue() : null;
+  },
+  async getSubmittableValue() {
+    return this.stepComponent ? this.stepComponent.getSubmittableValue() : null;
+  },
+  getSubmittableValueSync() {
+    return this.stepComponent ? this.stepComponent.getSubmittableValueSync() : null;
+  },
+  getSummary() {
+    return this.stepComponent ? this.stepComponent.getSummary() : {};
+  },
+  validate() {
+    return this.stepComponent ? this.stepComponent.validate() : false;
+  },
+  setLoadingState(loadingState) {
+    var _a;
+    (_a = this.stepComponent) == null ? void 0 : _a.setLoadingState(loadingState);
+  },
+  getLoadingState() {
+    return this.stepComponent ? this.stepComponent.loadingState : "initial";
+  },
+  getTrackEvent() {
+    return this.stepComponent ? this.stepComponent.trackEvent : null;
+  },
+  hasStep() {
+    return Boolean(this.stepComponent);
+  },
+  stop() {
+    var _a;
+    (_a = this.stepComponent) == null ? void 0 : _a.stop();
+  }
+});
+
 // src/revamp/utils/component-utils.ts
 var getSubmittableData = async (components) => Promise.all(components.map(async (component) => component.getSubmittableValue())).then(
   (values) => values.reduce((acc, value) => mergeModels(acc, value), null)
@@ -1885,10 +1929,49 @@ var createStepComponent = (stepProps) => {
   });
 };
 
+// src/revamp/domain/mappers/utils/behavior-utils.ts
+var getDomainLayerBehavior = ({
+  action,
+  behavior
+}, stepActions) => {
+  if (behavior) {
+    return normaliseBehavior(behavior, stepActions);
+  }
+  if (action) {
+    return actionToBehavior(action, stepActions);
+  }
+  return { type: "none" };
+};
+var skipValidation = (behavior) => behavior.type === "action" ? __spreadProps(__spreadValues({}, behavior), { action: __spreadProps(__spreadValues({}, behavior.action), { skipValidation: true }) }) : behavior;
+var normaliseBehavior = (behavior, stepActions) => {
+  if ("type" in behavior) {
+    return behavior;
+  }
+  if ("action" in behavior && behavior.action) {
+    return actionToBehavior(behavior.action, stepActions);
+  }
+  if ("link" in behavior && behavior.link) {
+    return { type: "link", url: behavior.link.url };
+  }
+  return { type: "none" };
+};
+var actionToBehavior = (action, stepActions) => ({
+  type: "action",
+  action: inlineAction(action, stepActions)
+});
+var inlineAction = (action, stepActions = []) => action.$ref ? __spreadValues(__spreadValues({}, getActionByReference(action.$ref, stepActions)), action) : action;
+var getActionByReference = ($ref, actions = []) => {
+  const action = actions.find((a) => a.$id === $ref);
+  if (!action) {
+    throw new Error("Action reference not found in actions array.");
+  }
+  return action;
+};
+
 // src/revamp/domain/features/polling/getStepPolling.ts
 var getStepPolling = ({
   pollingConfig,
-  onAction,
+  onBehavior,
   onPoll
 }) => {
   const { interval, delay = interval, maxAttempts, url, onError } = pollingConfig;
@@ -1896,20 +1979,20 @@ var getStepPolling = ({
   if (delay == null) {
     throw new Error("Polling configuration must include delay or interval");
   }
-  const onErrorAction = getOnErrorAction(onError);
+  const onErrorBehavior = skipValidation(getDomainLayerBehavior(onError, []));
   let attempts = 0;
   const poll = () => {
     attempts += 1;
     abortController.abort();
     abortController = new AbortController();
     const { signal } = abortController;
-    onPoll(url, onErrorAction, signal).then((result) => {
+    onPoll(url, onErrorBehavior, signal).then((result) => {
       if (result) {
         stop();
         return;
       }
       if (attempts >= maxAttempts && !signal.aborted) {
-        void onAction(onErrorAction);
+        void onBehavior(onErrorBehavior);
         stop();
       }
     }).catch(() => {
@@ -1923,19 +2006,21 @@ var getStepPolling = ({
   poll();
   return { stop };
 };
-var getOnErrorAction = (onError) => {
-  if ("behavior" in onError) {
-    if (onError.behavior && "type" in onError.behavior && onError.behavior.type === "action") {
-      return onError.behavior.action;
-    }
-    if (onError.behavior && "action" in onError.behavior && onError.behavior.action) {
-      return onError.behavior.action;
-    }
-  }
-  if ("action" in onError && onError.action) {
-    return onError.action;
+
+// src/revamp/domain/features/refreshAfter/getStepRefreshAfter.ts
+var ONE_SECOND = 1e3;
+var getStepRefreshAfter = ({ refreshAfter, onRefresh }) => {
+  const targetTime = new Date(refreshAfter).getTime();
+  if (typeof refreshAfter !== "string" || Number.isNaN(targetTime)) {
+    throw new Error(`Invalid refreshAfter value: ${String(refreshAfter)}`);
   }
-  return {};
+  const timeLeft = Math.max(targetTime - Date.now(), ONE_SECOND);
+  const timeout = setTimeout(() => {
+    void onRefresh("refreshAfter");
+  }, timeLeft);
+  return {
+    stop: () => clearTimeout(timeout)
+  };
 };
 
 // src/revamp/domain/components/AlertComponent.ts
@@ -1950,6 +2035,45 @@ var createAlertComponent = (alertProps) => __spreadProps(__spreadValues({
   validate: () => true
 });
 
+// src/revamp/domain/mappers/utils/call-to-action-utils.ts
+var getDomainLayerCallToAction = (callToAction, onBehavior, stepActions) => {
+  if (!callToAction) {
+    return void 0;
+  }
+  const { title = "", accessibilityDescription, action, behavior } = callToAction;
+  return getCallToAction(
+    { title, accessibilityDescription },
+    getDomainLayerBehavior({ action, behavior }, stepActions),
+    onBehavior
+  );
+};
+var getCallToAction = ({ title, accessibilityDescription }, behavior, onBehavior) => {
+  const onClick = () => {
+    void onBehavior(behavior);
+  };
+  switch (behavior.type) {
+    case "action": {
+      return {
+        type: "action",
+        title: title != null ? title : "",
+        accessibilityDescription,
+        onClick
+      };
+    }
+    case "link": {
+      return {
+        type: "link",
+        title: title != null ? title : "",
+        href: behavior.url,
+        accessibilityDescription,
+        onClick
+      };
+    }
+    default:
+      return void 0;
+  }
+};
+
 // src/revamp/domain/mappers/utils/legacy-utils.ts
 var mapLegacyContext = (context) => {
   switch (context) {
@@ -2002,67 +2126,18 @@ var legacyActionTypeToControl = {
 var mapLegacyActionTypeToControl = (type) => type && type in legacyActionTypeToControl ? legacyActionTypeToControl[type] : "secondary";
 
 // src/revamp/domain/mappers/layout/alertLayoutToComponent.ts
-var alertLayoutToComponent = (uid, { control, markdown, margin = "md", context = "neutral", callToAction }, { onAction }) => {
+var alertLayoutToComponent = (uid, { control, markdown, margin = "md", context = "neutral", callToAction }, { onBehavior, step }) => {
+  var _a;
+  const cta = callToAction ? getDomainLayerCallToAction(callToAction, onBehavior, (_a = step.actions) != null ? _a : []) : void 0;
   return createAlertComponent({
     uid,
     control,
     markdown,
     margin,
-    callToAction: getComponentCallToAction(callToAction, onAction),
+    callToAction: cta,
     context: mapLegacyContext(context)
   });
 };
-var getComponentCallToAction = (callToAction, onAction) => {
-  if (!callToAction) {
-    return void 0;
-  }
-  const { accessibilityDescription, behavior, title } = callToAction;
-  if ("type" in behavior) {
-    switch (behavior.type) {
-      case "action": {
-        const { action } = behavior;
-        return {
-          type: "action",
-          accessibilityDescription,
-          title,
-          onClick: () => {
-            void onAction(action);
-          }
-        };
-      }
-      case "link": {
-        return {
-          type: "link",
-          accessibilityDescription,
-          href: behavior.url,
-          title
-        };
-      }
-      default:
-        return void 0;
-    }
-  }
-  if (behavior.link) {
-    const { url } = behavior.link;
-    return {
-      type: "link",
-      accessibilityDescription,
-      href: url,
-      title
-    };
-  }
-  if (behavior.action) {
-    const { action } = behavior;
-    return {
-      type: "action",
-      accessibilityDescription,
-      title,
-      onClick: () => {
-        void onAction(action);
-      }
-    };
-  }
-};
 
 // src/revamp/domain/components/BoxComponent.ts
 var createBoxComponent = (boxProps) => __spreadProps(__spreadValues({}, boxProps), {
@@ -2111,75 +2186,24 @@ var createButtonComponent = (buttonProps) => __spreadProps(__spreadValues({
   validate: () => true
 });
 
-// src/revamp/domain/mappers/utils/inlineAction.ts
-var inlineAction = (action, stepActions = []) => action.$ref ? __spreadValues(__spreadValues({}, getActionByReference(action.$ref, stepActions)), action) : action;
-var getActionByReference = ($ref, actions = []) => {
-  const action = actions.find((a) => a.$id === $ref);
-  if (!action) {
-    throw new Error("Action reference not found in actions array.");
-  }
-  return action;
-};
-
 // src/revamp/domain/mappers/layout/buttonLayoutToComponent.ts
 var buttonLayoutToComponent = (uid, button, mapperProps) => {
-  if (button.behavior) {
-    return buttonLayoutToComponentWithBehavior(
-      uid,
-      __spreadProps(__spreadValues({}, button), { behavior: button.behavior }),
-      mapperProps
-    );
-  }
-  if (button.action) {
+  if (!button.behavior && button.action) {
     return buttonLayoutToComponentWithAction(
       uid,
       __spreadProps(__spreadValues({}, button), { action: button.action }),
       mapperProps
     );
   }
-  return buttonLayoutToComponentWithNoop(uid, button);
+  return buttonLayoutToComponentWithBehavior(uid, button, mapperProps);
 };
 var buttonLayoutToComponentWithBehavior = (uid, button, mapperProps) => {
-  const { onAction, onLink, step } = mapperProps;
-  const { context, control, disabled, margin = "md", pinOrder, size, title, behavior } = button;
-  const getOnClick2 = () => {
-    if (!behavior) {
-      return () => {
-      };
-    }
-    if ("type" in behavior) {
-      switch (behavior.type) {
-        case "action": {
-          const action2 = inlineAction(behavior.action, step == null ? void 0 : step.actions);
-          return () => {
-            void onAction(action2);
-          };
-        }
-        case "link": {
-          const { url } = behavior;
-          return () => {
-            onLink(url);
-          };
-        }
-        default:
-          return () => {
-          };
-      }
-    }
-    const { action, link } = behavior;
-    const inlinedAction = action ? inlineAction(action, step == null ? void 0 : step.actions) : null;
-    if (inlinedAction) {
-      return () => {
-        void onAction(inlinedAction);
-      };
-    }
-    if (link) {
-      return () => {
-        onLink(link.url);
-      };
-    }
-    return () => {
-    };
+  var _a;
+  const { onBehavior } = mapperProps;
+  const { context, control, disabled, margin = "md", pinOrder, size, title } = button;
+  const behavior = getDomainLayerBehavior(button, (_a = mapperProps.step.actions) != null ? _a : []);
+  const onClick = () => {
+    void onBehavior(behavior);
   };
   return createButtonComponent({
     uid,
@@ -2190,16 +2214,16 @@ var buttonLayoutToComponentWithBehavior = (uid, button, mapperProps) => {
     pinOrder,
     size,
     title: title != null ? title : "",
-    onClick: getOnClick2()
+    onClick
   });
 };
 var buttonLayoutToComponentWithAction = (uid, button, mapperProps) => {
-  const { onAction, step } = mapperProps;
+  const { onBehavior, step } = mapperProps;
   const { context, control, disabled, margin = "md", pinOrder, size, title } = button;
   const { action } = button;
   const inlinedAction = action ? inlineAction(action, step == null ? void 0 : step.actions) : {};
   const onClick = () => {
-    void onAction(inlinedAction);
+    void onBehavior({ type: "action", action: inlinedAction });
   };
   return createButtonComponent({
     uid,
@@ -2213,21 +2237,6 @@ var buttonLayoutToComponentWithAction = (uid, button, mapperProps) => {
     onClick
   });
 };
-var buttonLayoutToComponentWithNoop = (uid, button) => {
-  const { context, control, disabled, margin = "md", pinOrder, size, title } = button;
-  return createButtonComponent({
-    uid,
-    context: mapLegacyContext(context != null ? context : "neutral"),
-    control,
-    disabled: disabled != null ? disabled : false,
-    margin,
-    pinOrder,
-    size,
-    title: title != null ? title : "",
-    onClick: () => {
-    }
-  });
-};
 var getButtonTitle = ({ title, action }) => {
   var _a;
   return (_a = title != null ? title : action == null ? void 0 : action.title) != null ? _a : "";
@@ -2307,54 +2316,24 @@ var decisionLayoutToComponent = (uid, {
   margin = "md",
   options,
   title
-}, mapperProps) => createDecisionComponent({
+}, { onBehavior, step }) => createDecisionComponent({
   uid,
   control,
   margin,
   options: options.map((option) => {
-    var _a;
+    var _a, _b;
+    const behavior = getDomainLayerBehavior(option, (_a = step.actions) != null ? _a : []);
     return __spreadProps(__spreadValues({}, option), {
-      disabled: (_a = option.disabled) != null ? _a : false,
-      href: getHref(option),
+      disabled: (_b = option.disabled) != null ? _b : false,
+      href: behavior.type === "link" ? behavior.url : void 0,
       image: mapSpecImage(option.image),
-      onClick: getOnClick(option, mapperProps)
+      onClick: () => {
+        void onBehavior(behavior);
+      }
     });
   }),
   title
 });
-var getHref = (option) => {
-  const { behavior } = option;
-  if (behavior && "type" in behavior && behavior.type === "link") {
-    return behavior.url;
-  }
-  return void 0;
-};
-var getOnClick = (option, { step, onAction, onLink }) => {
-  const { behavior } = option;
-  if (!behavior && option.action) {
-    const action = inlineAction(option.action, step == null ? void 0 : step.actions);
-    return () => {
-      void onAction(action);
-    };
-  }
-  if (behavior && "type" in behavior) {
-    switch (behavior.type) {
-      case "action": {
-        const action = inlineAction(behavior.action, step == null ? void 0 : step.actions);
-        return () => {
-          void onAction(action);
-        };
-      }
-      case "link": {
-        return () => {
-          void onLink(behavior.url);
-        };
-      }
-    }
-  }
-  return () => {
-  };
-};
 
 // src/revamp/domain/components/DividerComponent.ts
 var createDividerComponent = (props) => __spreadProps(__spreadValues({
@@ -5364,9 +5343,9 @@ var createReviewComponent = (reviewProps) => __spreadProps(__spreadValues({
 });
 
 // src/revamp/domain/mappers/layout/reviewLayoutToComponent.ts
-var reviewLayoutToComponent = (uid, { fields, title, callToAction, control, margin = "md", orientation, action }, { onAction, onLink }) => createReviewComponent({
+var reviewLayoutToComponent = (uid, { fields, title, callToAction, control, margin = "md", orientation, action }, { onBehavior, step }) => createReviewComponent({
   uid,
-  callToAction: getReviewAction({ onAction, onLink, callToAction, action }),
+  callToAction: getReviewAction({ onBehavior, callToAction, action, stepActions: step.actions }),
   control: getOrientationControl({ control, orientation }),
   fields: fields.map((field) => {
     var _a;
@@ -5375,83 +5354,20 @@ var reviewLayoutToComponent = (uid, { fields, title, callToAction, control, marg
   margin,
   title
 });
-var getReviewAction = ({ onAction, onLink, callToAction, action }) => {
+var getReviewAction = ({
+  onBehavior,
+  callToAction,
+  action,
+  stepActions = []
+}) => {
   if (callToAction) {
-    const { accessibilityDescription, action: ctaAction, behavior, title } = callToAction;
-    if (behavior) {
-      if ("type" in behavior) {
-        switch (behavior.type) {
-          case "action": {
-            const { action: behaviorAction2 } = behavior;
-            return {
-              accessibilityDescription,
-              title,
-              onClick: () => {
-                void onAction(behaviorAction2);
-              }
-            };
-          }
-          case "link": {
-            const { url } = behavior;
-            return {
-              accessibilityDescription,
-              href: url,
-              title,
-              onClick: () => {
-                onLink(url);
-              }
-            };
-          }
-          default:
-            return void 0;
-        }
-      }
-      const { action: behaviorAction, link } = behavior;
-      if (behaviorAction) {
-        return {
-          accessibilityDescription,
-          title,
-          onClick: () => {
-            void onAction(behaviorAction);
-          }
-        };
-      }
-      if (link) {
-        return {
-          accessibilityDescription,
-          href: link.url,
-          title,
-          onClick: () => {
-            onLink(link.url);
-          }
-        };
-      }
-      return {
-        accessibilityDescription,
-        title,
-        onClick: () => {
-        }
-      };
-    }
-    if (ctaAction) {
-      return {
-        title,
-        onClick: () => {
-          void onAction(ctaAction);
-        }
-      };
-    }
-    return {
-      title,
-      onClick: () => {
-      }
-    };
+    return getDomainLayerCallToAction(callToAction, onBehavior, stepActions);
   }
   if (action == null ? void 0 : action.title) {
     return {
       title: action.title,
       onClick: () => {
-        void onAction(action);
+        void onBehavior({ type: "action", action });
       }
     };
   }
@@ -5472,7 +5388,7 @@ var getOrientationControl = ({
 
 // src/revamp/domain/components/searchComponent/SearchComponent.ts
 var DEBOUNCE_TIME = 400;
-var createSearchComponent = (searchProps, performSearch, onAction, updateComponent) => {
+var createSearchComponent = (searchProps, performSearch, onBehavior, updateComponent) => {
   const { uid, control, emptyMessage, margin, title } = searchProps;
   const update = getInputUpdateFunction(uid, updateComponent);
   let abortController = new AbortController();
@@ -5503,7 +5419,7 @@ var createSearchComponent = (searchProps, performSearch, onAction, updateCompone
   };
   const onSelect = ({ type, value }) => {
     if (type === "action") {
-      void onAction(value);
+      void onBehavior({ type: "action", action: value });
     } else {
       update((draft) => {
         draft.query = value.query;
@@ -5593,7 +5509,7 @@ var hashRequest = (query, config) => JSON.stringify({ query, config });
 
 // src/revamp/domain/mappers/layout/searchLayoutToComponent.ts
 var searchLayoutToComponent = (uid, { control, emptyMessage = "", method, param, title, url, margin = "md" }, mapperProps) => {
-  const { httpClient, onAction, updateComponent } = mapperProps;
+  const { httpClient, onBehavior, updateComponent } = mapperProps;
   const search = getPerformSearchFunction(httpClient, { method, param, url });
   return createSearchComponent(
     {
@@ -5604,7 +5520,7 @@ var searchLayoutToComponent = (uid, { control, emptyMessage = "", method, param,
       title
     },
     search,
-    onAction,
+    onBehavior,
     updateComponent
   );
 };
@@ -5622,87 +5538,21 @@ var createStatusListComponent = (statusListProps) => __spreadProps(__spreadValue
 });
 
 // src/revamp/domain/mappers/layout/statusListLayoutToComponent.ts
-var statusListLayoutToComponent = (uid, { control, items, margin = "md", title }, { onAction, onLink }) => createStatusListComponent({
+var statusListLayoutToComponent = (uid, { control, items, margin = "md", title }, { onBehavior, step }) => createStatusListComponent({
   uid,
   control,
-  items: items.map((item) => __spreadProps(__spreadValues({}, item), {
-    href: getItemHref(item.callToAction),
-    callToAction: getItemCallToAction(item.callToAction, onAction, onLink)
-  })),
+  items: items.map((item) => {
+    var _a;
+    const callToAction = getDomainLayerCallToAction(
+      item.callToAction,
+      onBehavior,
+      (_a = step.actions) != null ? _a : []
+    );
+    return __spreadProps(__spreadValues({}, item), { callToAction });
+  }),
   margin,
   title
 });
-var getItemHref = (callToAction) => {
-  var _a;
-  if (!callToAction) {
-    return void 0;
-  }
-  const { behavior } = callToAction;
-  if ("type" in behavior) {
-    return void 0;
-  }
-  return (_a = behavior == null ? void 0 : behavior.link) == null ? void 0 : _a.url;
-};
-var getItemCallToAction = (callToAction, onAction, onLink) => {
-  if (!callToAction) {
-    return void 0;
-  }
-  const { accessibilityDescription, behavior, title } = callToAction;
-  if ("type" in behavior) {
-    switch (behavior.type) {
-      case "action": {
-        const { action } = behavior;
-        return {
-          accessibilityDescription,
-          title,
-          onClick: () => {
-            void onAction(action);
-          }
-        };
-      }
-      case "link": {
-        const { url } = behavior;
-        return {
-          accessibilityDescription,
-          href: url,
-          title,
-          onClick: () => {
-            void onLink(url);
-          }
-        };
-      }
-      default:
-        return void 0;
-    }
-  }
-  if (behavior.action) {
-    const { action } = behavior;
-    return {
-      accessibilityDescription,
-      title,
-      onClick: () => {
-        void onAction(action);
-      }
-    };
-  }
-  if (behavior.link) {
-    const { url } = behavior.link;
-    return {
-      accessibilityDescription,
-      href: url,
-      title,
-      onClick: () => {
-        void onLink(url);
-      }
-    };
-  }
-  return {
-    accessibilityDescription,
-    title,
-    onClick: () => {
-    }
-  };
-};
 
 // src/revamp/domain/mappers/layout/deprecatedListLayoutToComponent.ts
 var deprecatedListLayoutToComponent = (uid, { control, items, margin = "md", title }) => createStatusListComponent({
@@ -5742,48 +5592,19 @@ var createListComponent = (listProps) => __spreadProps(__spreadValues({
 });
 
 // src/revamp/domain/mappers/layout/listLayoutToComponent.ts
-var listLayoutToComponent = (uid, { callToAction, control, items, margin = "md", title }, mapperProps) => createListComponent({
-  uid,
-  control,
-  items: items.map((item) => __spreadProps(__spreadValues({}, item), {
-    image: mapSpecImage(item.image)
-  })),
-  callToAction: getListCallToAction(callToAction, mapperProps),
-  margin,
-  title
-});
-var getListCallToAction = (callToAction, { onAction, onLink }) => {
-  if (!callToAction) {
-    return void 0;
-  }
-  const { accessibilityDescription, behavior, title } = callToAction;
-  if ("type" in behavior) {
-    switch (behavior.type) {
-      case "action": {
-        const { action } = behavior;
-        return {
-          type: "action",
-          accessibilityDescription,
-          title,
-          onClick: () => {
-            void onAction(action);
-          }
-        };
-      }
-      case "link": {
-        return {
-          type: "link",
-          accessibilityDescription,
-          href: behavior.url,
-          title,
-          onClick: () => {
-            void onLink(behavior.url);
-          }
-        };
-      }
-    }
-  }
-  return void 0;
+var listLayoutToComponent = (uid, { callToAction, control, items, margin = "md", title }, mapperProps) => {
+  var _a;
+  const { step, onBehavior } = mapperProps;
+  return createListComponent({
+    uid,
+    control,
+    items: items.map((item) => __spreadProps(__spreadValues({}, item), {
+      image: mapSpecImage(item.image)
+    })),
+    callToAction: getDomainLayerCallToAction(callToAction, onBehavior, (_a = step.actions) != null ? _a : []),
+    margin,
+    title
+  });
 };
 
 // src/revamp/domain/mappers/mapLayoutToComponent.ts
@@ -5868,22 +5689,6 @@ var getUnreferencedSchemas = (step) => {
   );
 };
 
-// src/revamp/domain/features/refreshAfter/getStepRefreshAfter.ts
-var ONE_SECOND = 1e3;
-var getStepRefreshAfter = ({ refreshAfter, onRefresh }) => {
-  const targetTime = new Date(refreshAfter).getTime();
-  if (typeof refreshAfter !== "string" || Number.isNaN(targetTime)) {
-    throw new Error(`Invalid refreshAfter value: ${String(refreshAfter)}`);
-  }
-  const timeLeft = Math.max(targetTime - Date.now(), ONE_SECOND);
-  const timeout = setTimeout(() => {
-    void onRefresh("refreshAfter");
-  }, timeLeft);
-  return {
-    stop: () => clearTimeout(timeout)
-  };
-};
-
 // src/revamp/domain/mappers/mapStepToComponent.ts
 var mapStepToComponent = (_a) => {
   var _b = _a, {
@@ -5891,13 +5696,15 @@ var mapStepToComponent = (_a) => {
     loadingState,
     displayStepTitle,
     trackEvent,
-    onPoll
+    onPoll,
+    onBehavior
   } = _b, restProps = __objRest(_b, [
     "uid",
     "loadingState",
     "displayStepTitle",
     "trackEvent",
-    "onPoll"
+    "onPoll",
+    "onBehavior"
   ]);
   var _a2, _b2;
   const { step, updateComponent } = restProps;
@@ -5918,7 +5725,10 @@ var mapStepToComponent = (_a) => {
   const back = backNavigation ? {
     title: backNavigation.title,
     onClick: () => {
-      void restProps.onAction(__spreadProps(__spreadValues({}, backNavigation.action), { skipValidation: true }));
+      void onBehavior({
+        type: "action",
+        action: __spreadProps(__spreadValues({}, backNavigation.action), { skipValidation: true })
+      });
     }
   } : void 0;
   const refreshUrl = (_b2 = step.refreshUrl) != null ? _b2 : step.refreshFormUrl;
@@ -5927,24 +5737,10 @@ var mapStepToComponent = (_a) => {
     throw new Error("Step must have an id or a key");
   }
   const uid = `${rootUid}.${stepId != null ? stepId : "step"}`;
-  const onAction = async (action) => {
-    try {
-      await stepComponent.getSubmittableValue();
-      const skipValidation = action.method === "GET" || Boolean(action.skipValidation);
-      const canSubmit = skipValidation || stepComponent.validate();
-      if (canSubmit) {
-        void restProps.onAction(action);
-      }
-    } catch (e) {
-      if (true) {
-        console.log("\u274C:", "Failed to get submittable data");
-      }
-    }
-  };
   const onRefresh = async (schemaId, url) => restProps.onRefresh(schemaId, url != null ? url : refreshUrl);
-  const stepPolling = polling ? getStepPolling({ pollingConfig: polling, onAction: restProps.onAction, onPoll }) : void 0;
+  const stepPolling = polling ? getStepPolling({ pollingConfig: polling, onBehavior, onPoll }) : void 0;
   const stepRefreshAfter = refreshAfter ? getStepRefreshAfter({ refreshAfter, onRefresh }) : void 0;
-  const mapperProps = __spreadProps(__spreadValues({}, restProps), { trackEvent, onAction, onRefresh });
+  const mapperProps = __spreadProps(__spreadValues({}, restProps), { trackEvent, onBehavior, onRefresh });
   const unreferencedSchemaFormComponents = mapUnreferencedSchemas(mapperProps);
   const layoutComponents = layout.map(
     (layoutComponent, index) => mapLayoutToComponent(`${uid}.layout-${index}`, layoutComponent, mapperProps)
@@ -5965,7 +5761,7 @@ var mapStepToComponent = (_a) => {
     step,
     updateComponent,
     trackEvent,
-    onAction
+    onBehavior
   });
   return stepComponent;
 };
@@ -6006,7 +5802,7 @@ function assertDFResponseType(type) {
 
 // src/revamp/flow/executePoll.ts
 var executePoll = async (props) => {
-  const { errorAction, signal, url, httpClient, trackEvent } = props;
+  const { errorBehavior, signal, url, httpClient, trackEvent } = props;
   try {
     const response = await httpClient(url != null ? url : "", {
       method: "GET",
@@ -6014,7 +5810,7 @@ var executePoll = async (props) => {
     });
     if (!response.ok) {
       trackEvent("Polling Failed", { url, statusCode: response.status, variant: "revamp" });
-      return { type: "action", action: errorAction };
+      return { type: "behavior", behavior: errorBehavior };
     }
     const responseType = getResponseTypeFromHeader(response);
     const body = await parseResponseBodyAsJsonElement(response);
@@ -6030,19 +5826,19 @@ var executePoll = async (props) => {
         }
         case "action": {
           assertActionResponseBody(body);
-          return { type: "action", action: body.action };
+          return { type: "behavior", behavior: { type: "action", action: body.action } };
         }
         default: {
           if (isActionResponseBody(body)) {
-            return { type: "action", action: body.action };
+            return { type: "behavior", behavior: { type: "action", action: body.action } };
           }
           return { type: "continue" };
         }
       }
-    } catch (error) {
-      return { type: "action", action: errorAction };
+    } catch (e) {
+      return { type: "behavior", behavior: errorBehavior };
     }
-  } catch (error) {
+  } catch (e) {
     return { type: "continue" };
   }
 };
@@ -6421,48 +6217,6 @@ function useStableCallback(handler) {
   return useCallback((...args) => ref.current ? ref.current(...args) : null, []);
 }
 
-// src/revamp/domain/components/RootDomainComponent.ts
-var createRootDomainComponent = () => ({
-  type: "root",
-  uid: "root",
-  stepComponent: null,
-  getChildren() {
-    return this.stepComponent ? [this.stepComponent] : [];
-  },
-  getLocalValue() {
-    return this.stepComponent ? this.stepComponent.getLocalValue() : null;
-  },
-  async getSubmittableValue() {
-    return this.stepComponent ? this.stepComponent.getSubmittableValue() : null;
-  },
-  getSubmittableValueSync() {
-    return this.stepComponent ? this.stepComponent.getSubmittableValueSync() : null;
-  },
-  getSummary() {
-    return this.stepComponent ? this.stepComponent.getSummary() : {};
-  },
-  validate() {
-    return this.stepComponent ? this.stepComponent.validate() : false;
-  },
-  setLoadingState(loadingState) {
-    var _a;
-    (_a = this.stepComponent) == null ? void 0 : _a.setLoadingState(loadingState);
-  },
-  getLoadingState() {
-    return this.stepComponent ? this.stepComponent.loadingState : "initial";
-  },
-  getTrackEvent() {
-    return this.stepComponent ? this.stepComponent.trackEvent : null;
-  },
-  hasStep() {
-    return Boolean(this.stepComponent);
-  },
-  stop() {
-    var _a;
-    (_a = this.stepComponent) == null ? void 0 : _a.stop();
-  }
-});
-
 // src/revamp/useDynamicFlowCore.tsx
 function useDynamicFlowCore(props) {
   const _a = props, { flowId, initialAction, initialStep, displayStepTitle = true } = _a, rest = __objRest(_a, ["flowId", "initialAction", "initialStep", "displayStepTitle"]);
@@ -6543,10 +6297,9 @@ function useDynamicFlowCore(props) {
           trackEvent,
           logEvent,
           httpClient,
-          onAction,
+          onBehavior,
           onRefresh,
           onPoll,
-          onLink,
           onValueChange
         });
         updateComponent(rootComponentRef.current.uid, (draft) => {
@@ -6600,6 +6353,36 @@ function useDynamicFlowCore(props) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
+  const onBehavior = useCallback2(async (behavior) => {
+    switch (behavior.type) {
+      case "action": {
+        try {
+          const { action } = behavior;
+          await rootComponentRef.current.getSubmittableValue();
+          const skipValidation2 = action.method === "GET" || Boolean(action.skipValidation);
+          const canSubmit = skipValidation2 || rootComponentRef.current.validate();
+          if (canSubmit) {
+            void onAction(action);
+          }
+        } catch (e) {
+          if (true) {
+            console.log("\u274C:", "Failed to get submittable data");
+          }
+        }
+        break;
+      }
+      case "link": {
+        onLink(behavior.url);
+        break;
+      }
+      // case 'modal':
+      //   return undefined;
+      // case 'dismiss':
+      //   return undefined;
+      case "none":
+        break;
+    }
+  }, []);
   const onAction = useCallback2(async (action) => {
     var _a2;
     try {
@@ -6708,11 +6491,11 @@ function useDynamicFlowCore(props) {
     []
   );
   const onPoll = useCallback2(
-    async (url, errorAction, signal) => {
+    async (url, errorBehavior, signal) => {
       const command = await executePoll({
         httpClient,
         url,
-        errorAction,
+        errorBehavior,
         signal,
         trackEvent: trackCoreEvent
       });
@@ -6720,8 +6503,8 @@ function useDynamicFlowCore(props) {
         case "replace-step":
           createStep(command.step, command.etag);
           return true;
-        case "action":
-          void onAction(command.action);
+        case "behavior":
+          void onBehavior(command.behavior);
           return true;
         case "complete":
           onCompletion(command.result);
@@ -11709,7 +11492,7 @@ function DynamicReview({ component: review, onAction }) {
             const { action: behaviorAction2 } = behavior;
             return {
               text: title != null ? title : "",
-              onClick: behaviorAction2 ? getOnClick2(behaviorAction2) : void 0
+              onClick: behaviorAction2 ? getOnClick(behaviorAction2) : void 0
             };
           }
           case "link": {
@@ -11724,7 +11507,7 @@ function DynamicReview({ component: review, onAction }) {
       if (behaviorAction) {
         return {
           text: title != null ? title : "",
-          onClick: behaviorAction ? getOnClick2(behaviorAction) : void 0
+          onClick: behaviorAction ? getOnClick(behaviorAction) : void 0
         };
       }
       if (link) {
@@ -11736,10 +11519,10 @@ function DynamicReview({ component: review, onAction }) {
     }
     return {
       text: title != null ? title : "",
-      onClick: action ? getOnClick2(action) : void 0
+      onClick: action ? getOnClick(action) : void 0
     };
   };
-  const getOnClick2 = (action) => {
+  const getOnClick = (action) => {
     return (event) => {
       event.preventDefault();
       if (action) {
@@ -11749,7 +11532,7 @@ function DynamicReview({ component: review, onAction }) {
   };
   const orientation = getDefinitionListLayout(review);
   const callToAction = review.callToAction ? getReviewAction2(review.callToAction) : null;
-  const legacyCallToAction = !callToAction && review.action ? { text: (_a = review.action.title) != null ? _a : "", onClick: getOnClick2(review.action) } : null;
+  const legacyCallToAction = !callToAction && review.action ? { text: (_a = review.action.title) != null ? _a : "", onClick: getOnClick(review.action) } : null;
   return /* @__PURE__ */ jsxs19("div", { className: margin, children: [
     review.title && /* @__PURE__ */ jsx57(Header8, { title: review.title, action: (_b = callToAction != null ? callToAction : legacyCallToAction) != null ? _b : void 0 }),
     /* @__PURE__ */ jsx57("div", { className: margin, children: /* @__PURE__ */ jsx57(DefinitionList2, { layout: orientation, definitions: getDefinitions(orientation, review) }) })
@@ -13807,14 +13590,14 @@ var DynamicFlowComponent = ({
       dispatchEventAndComplete(action.result);
       return;
     }
-    const { data, method, skipValidation } = action;
+    const { data, method, skipValidation: skipValidation2 } = action;
     const submissionData = __spreadValues(__spreadValues({}, combineModels2(models)), data);
     if (isSubmissionMethod(method)) {
       setFormErrors(null);
-      if (!skipValidation) {
+      if (!skipValidation2) {
         setSubmitted(true);
       }
-      if (modelIsValid || skipValidation) {
+      if (modelIsValid || skipValidation2) {
         await performAction(action, submissionData);
       }
     } else {