@wise/dynamic-flow-client 4.5.4 → 4.5.6

package/build/main.mjs

@@ -1832,41 +1832,9 @@ var getComponentAlertProps = (component, rendererMapperProps) => "alert" in comp
 }, rendererMapperProps) : null;
 
 // src/revamp/useDynamicFlowCore.tsx
-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/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)
-);
-var getSubmittableDataSync = (components) => components.map((component) => component.getSubmittableValueSync()).reduce((acc, value) => mergeModels(acc, value), null);
-var getLocalValues = (components) => components.map((component) => component.getLocalValue()).reduce((acc, value) => mergeLocalValues(acc, value), null);
-var mergeLocalValues = (valueA, valueB) => {
-  if (valueA === null) {
-    return valueB;
-  }
-  if (valueB === null) {
-    return valueA;
-  }
-  if (isObjectLocalValue(valueA) && isObjectLocalValue(valueB)) {
-    return __spreadValues(__spreadValues({}, valueA), valueB);
-  }
-  return valueB;
-};
-var mergeModels = (valueA, valueB) => {
-  if (valueA === null) {
-    return valueB;
-  }
-  if (valueB === null) {
-    return valueA;
-  }
-  if (isObjectModel(valueA) && isObjectModel(valueB)) {
-    return __spreadValues(__spreadValues({}, valueA), valueB);
-  }
-  return valueB;
-};
-
 // src/revamp/domain/components/utils/component-utils.ts
 var getInputUpdateFunction = (updateComponent) => {
   return (component, updateFn) => {
@@ -1904,13 +1872,7 @@ var createRootDomainComponent = (updateComponent) => {
       return this.stepComponent ? this.stepComponent.getLocalValue() : null;
     },
     async getSubmittableValue() {
-      return this.stepComponent ? getSubmittableData([this.stepComponent, ...this.stepComponent.getModals()]) : null;
-    },
-    getSubmittableValueSync() {
-      return this.stepComponent ? getSubmittableDataSync([this.stepComponent, ...this.stepComponent.getModals()]) : null;
-    },
-    getSummary() {
-      return this.stepComponent ? this.stepComponent.getSummary() : {};
+      return this.stepComponent ? this.stepComponent.getSubmittableValue() : null;
     },
     validate() {
       return this.stepComponent ? this.stepComponent.validate() : false;
@@ -1922,8 +1884,8 @@ var createRootDomainComponent = (updateComponent) => {
     getLoadingState() {
       return this.stepComponent ? this.stepComponent.loadingState : "initial";
     },
-    getInputComponents() {
-      return this.stepComponent ? this.stepComponent.inputComponents : [];
+    getSchemaComponents() {
+      return this.stepComponent ? this.stepComponent.schemaComponents : [];
     },
     getTrackEvent() {
       return this.stepComponent ? this.stepComponent.trackEvent : null;
@@ -1944,141 +1906,36 @@ var createRootDomainComponent = (updateComponent) => {
   return rootComponent;
 };
 
-// src/revamp/domain/components/step/ExternalConfirmationComponent.ts
-var createExternalConfirmation = (uid, url, updateComponent) => {
-  const update = getInputUpdateFunction(updateComponent);
-  return {
-    type: "external-confirmation",
-    uid,
-    url,
-    status: "initial",
-    onSuccess() {
-      update(this, (draft) => {
-        draft.status = "success";
-      });
-    },
-    onFailure() {
-      if (this.status === "initial") {
-        update(this, (draft) => {
-          draft.status = "failure";
-        });
-      }
-    },
-    onCancel() {
-      update(this, (draft) => {
-        draft.status = "dismissed";
-      });
-    },
-    getSubmittableValue: async () => null,
-    getSubmittableValueSync: () => null,
-    getLocalValue: () => null,
-    getSummary: () => ({}),
-    // Noop
-    validate: () => true
-  };
-};
-
-// src/revamp/domain/features/summary/summary-utils.ts
-var getSummariser = (schema) => (value) => {
-  const { summary, icon, image } = schema;
-  const stringValueOrNull = isString(value) ? value : null;
-  return summaryIfProvides(summary, { value: stringValueOrNull, icon, image });
-};
-var getConstSummary = (schema, model) => {
-  const { summary, icon, image } = schema;
-  const value = isString(model) ? model : null;
-  return summaryIfProvides(summary, { value, icon, image });
-};
-var summariseFromChildren = (components) => components.reduce(
-  (acc, component) => mergeSummaries(acc, component.getSummary()),
-  {}
-);
-var mergeSummaries = (summaryA, summaryB) => {
-  var _a, _b, _c, _d;
-  return {
-    title: (_a = summaryA.title) != null ? _a : summaryB.title,
-    description: (_b = summaryA.description) != null ? _b : summaryB.description,
-    icon: (_c = summaryA.icon) != null ? _c : summaryB.icon,
-    image: (_d = summaryA.image) != null ? _d : summaryB.image
-  };
-};
-var summaryIfProvides = (summary, { value, icon, image }) => {
-  if (!summary) {
-    return {};
-  }
-  return {
-    title: summary.providesTitle && value || void 0,
-    description: summary.providesDescription && value || void 0,
-    icon: summary.providesIcon && icon || void 0,
-    image: summary.providesImage && mapSpecImage(image != null ? image : void 0) || void 0
-  };
-};
-
-// src/revamp/domain/components/step/StepDomainComponent.ts
-var createStepComponent = (stepProps) => {
-  const _a = stepProps, { uid, stepPolling, stepRefreshAfter, updateComponent } = _a, rest = __objRest(_a, ["uid", "stepPolling", "stepRefreshAfter", "updateComponent"]);
+// src/revamp/domain/components/ModalContentComponent.ts
+var createModalContentComponent = (modalProps, updateComponent) => {
   const update = getInputUpdateFunction(updateComponent);
-  const component = __spreadProps(__spreadValues({
-    uid
-  }, rest), {
-    type: "step",
-    modals: [],
-    dismissModal() {
-      var _a2;
-      (_a2 = this.modals.at(-1)) == null ? void 0 : _a2.close();
-    },
-    dismissAllModals() {
-      this._update((draft) => {
-        draft.modals = draft.modals.map((m) => __spreadProps(__spreadValues({}, m), { open: false }));
-      });
-    },
-    showModal(modal) {
-      this._update((draft) => {
-        draft.modals = [...draft.modals, modal];
-      });
-    },
+  const modalContentComponent = __spreadProps(__spreadValues({
+    type: "modal-content",
+    open: true
+  }, modalProps), {
     _update(updateFn) {
       update(this, updateFn);
     },
     getChildren() {
-      return this.externalConfirmation ? [...this.layoutComponents, this.externalConfirmation] : this.layoutComponents;
-    },
-    getModals() {
-      return this.modals;
-    },
-    async getSubmittableValue() {
-      return getSubmittableData(this.inputComponents);
-    },
-    getSubmittableValueSync() {
-      return getSubmittableDataSync(this.inputComponents);
-    },
-    getSummary() {
-      return summariseFromChildren(this.getChildren());
-    },
-    getLocalValue() {
-      return getLocalValues(this.inputComponents);
-    },
-    validate() {
-      return this.inputComponents.every(
-        (inputComponent) => inputComponent.isSchemaReferencedInStep ? inputComponent.validate() : true
-      );
-    },
-    setLoadingState(loadingState) {
-      this._update((draft) => {
-        draft.loadingState = loadingState;
-      });
+      return this.components;
     },
-    stop() {
-      stepPolling == null ? void 0 : stepPolling.stop();
-      stepRefreshAfter == null ? void 0 : stepRefreshAfter.stop();
-      this._update((draft) => {
-        draft.modals = [];
+    close() {
+      update(this, (draft) => {
+        draft.open = false;
       });
     }
   });
-  return component;
+  return modalContentComponent;
 };
 
+// src/revamp/domain/components/utils/getRandomId.ts
+var getRandomId = () => Math.random().toString(36).substring(2);
+
+// src/revamp/domain/components/AlertComponent.ts
+var createAlertComponent = (alertProps) => __spreadValues({
+  type: "alert"
+}, alertProps);
+
 // src/revamp/domain/mappers/utils/behavior-utils.ts
 var getDomainLayerBehavior = ({
   action,
@@ -2118,73 +1975,6 @@ var getActionByReference = ($ref, actions = []) => {
   return action;
 };
 
-// src/revamp/domain/features/polling/getStepPolling.ts
-var getStepPolling = ({
-  pollingConfig,
-  onBehavior,
-  onPoll
-}) => {
-  const { interval, delay = interval, maxAttempts, url, onError } = pollingConfig;
-  let abortController = new AbortController();
-  if (delay == null) {
-    throw new Error("Polling configuration must include delay or interval");
-  }
-  const onErrorBehavior = skipValidation(getDomainLayerBehavior(onError, []));
-  let attempts = 0;
-  const poll = () => {
-    attempts += 1;
-    abortController.abort();
-    abortController = new AbortController();
-    const { signal } = abortController;
-    onPoll(url, onErrorBehavior, signal).then((result) => {
-      if (result) {
-        stop();
-        return;
-      }
-      if (attempts >= maxAttempts && !signal.aborted) {
-        void onBehavior(onErrorBehavior);
-        stop();
-      }
-    }).catch(() => {
-    });
-  };
-  const intervalRef = setInterval(poll, delay * 1e3);
-  const stop = () => {
-    clearTimeout(intervalRef);
-    abortController.abort();
-  };
-  poll();
-  return { stop };
-};
-
-// 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/components/AlertComponent.ts
-var createAlertComponent = (alertProps) => __spreadProps(__spreadValues({
-  type: "alert"
-}, alertProps), {
-  getSubmittableValue: async () => null,
-  getSubmittableValueSync: () => null,
-  getLocalValue: () => null,
-  getSummary: () => ({}),
-  // Noop
-  validate: () => true
-});
-
 // src/revamp/domain/mappers/utils/call-to-action-utils.ts
 var getDomainLayerCallToAction = (callToAction, onBehavior, stepActions) => {
   if (!callToAction) {
@@ -2291,56 +2081,30 @@ var alertLayoutToComponent = (uid, { control, markdown, margin = "md", context =
   });
 };
 
-// src/revamp/domain/features/validation/validation-functions.ts
-var validateComponents = (components) => components.reduce((acc, component) => component.validate() && acc, true);
-var getLocalValueValidator = (checks) => (currentValue) => checks.map((check) => check(currentValue)).filter(isString);
-
 // src/revamp/domain/components/BoxComponent.ts
 var createBoxComponent = (boxProps) => __spreadProps(__spreadValues({}, boxProps), {
   type: "box",
   getChildren() {
     return this.components;
-  },
-  async getSubmittableValue() {
-    return getSubmittableData(this.components);
-  },
-  getSubmittableValueSync() {
-    return getSubmittableDataSync(this.components);
-  },
-  getSummary() {
-    return summariseFromChildren(this.getChildren());
-  },
-  getLocalValue() {
-    return getLocalValues(this.components);
-  },
-  validate() {
-    return validateComponents(this.getChildren());
   }
 });
 
 // src/revamp/domain/mappers/layout/boxLayoutToComponents.ts
-var boxLayoutToComponent = (uid, { border = false, components, control, margin = "md", width = "xl" }, mapperProps, inputComponents) => createBoxComponent({
+var boxLayoutToComponent = (uid, { border = false, components, control, margin = "md", width = "xl" }, mapperProps, schemaComponents) => createBoxComponent({
   uid,
   border,
   control,
   margin,
   width,
   components: components.map(
-    (component, index) => mapLayoutToComponent(`${uid}.box-${index}`, component, mapperProps, inputComponents)
+    (component, index) => mapLayoutToComponent(`${uid}.box-${index}`, component, mapperProps, schemaComponents)
   )
 });
 
 // src/revamp/domain/components/ButtonComponent.ts
-var createButtonComponent = (buttonProps) => __spreadProps(__spreadValues({
+var createButtonComponent = (buttonProps) => __spreadValues({
   type: "button"
-}, buttonProps), {
-  getSubmittableValue: async () => null,
-  getSubmittableValueSync: () => null,
-  getLocalValue: () => null,
-  getSummary: () => ({}),
-  // Noop
-  validate: () => true
-});
+}, buttonProps);
 
 // src/revamp/domain/mappers/layout/buttonLayoutToComponent.ts
 var buttonLayoutToComponent = (uid, button, mapperProps) => {
@@ -2422,26 +2186,11 @@ var createColumnsComponent = (columnsProps) => __spreadProps(__spreadValues({},
   type: "columns",
   getChildren() {
     return [...this.startComponents, ...this.endComponents];
-  },
-  async getSubmittableValue() {
-    return getSubmittableData(this.getChildren());
-  },
-  getSubmittableValueSync() {
-    return getSubmittableDataSync(this.getChildren());
-  },
-  getSummary() {
-    return summariseFromChildren(this.getChildren());
-  },
-  getLocalValue() {
-    return getLocalValues(this.getChildren());
-  },
-  validate() {
-    return validateComponents(this.getChildren());
   }
 });
 
 // src/revamp/domain/mappers/layout/columnsLayoutToComponent.ts
-var columnsLayoutToComponent = (uid, { control, left, right, bias = "none", margin = "md" }, mapperProps, inputComponents) => createColumnsComponent({
+var columnsLayoutToComponent = (uid, { control, left, right, bias = "none", margin = "md" }, mapperProps, schemaComponents) => createColumnsComponent({
   uid,
   control,
   margin,
@@ -2451,25 +2200,18 @@ var columnsLayoutToComponent = (uid, { control, left, right, bias = "none", marg
       `${uid}.columns-start-${index}`,
       component,
       mapperProps,
-      inputComponents
+      schemaComponents
     )
   ),
   endComponents: right.map(
-    (component, index) => mapLayoutToComponent(`${uid}.columns-end-${index}`, component, mapperProps, inputComponents)
+    (component, index) => mapLayoutToComponent(`${uid}.columns-end-${index}`, component, mapperProps, schemaComponents)
   )
 });
 
 // src/revamp/domain/components/DecisionComponent.ts
-var createDecisionComponent = (decisionProps) => __spreadProps(__spreadValues({
+var createDecisionComponent = (decisionProps) => __spreadValues({
   type: "decision"
-}, decisionProps), {
-  getSubmittableValue: async () => null,
-  getSubmittableValueSync: () => null,
-  getLocalValue: () => null,
-  getSummary: () => ({}),
-  // Noop
-  validate: () => true
-});
+}, decisionProps);
 
 // src/revamp/domain/mappers/utils/utils.ts
 var mapInlineAlert = (alert) => {
@@ -2526,16 +2268,9 @@ var mapOption = (option, onBehavior, stepActions = []) => {
 };
 
 // src/revamp/domain/components/StatusListComponent.ts
-var createStatusListComponent = (statusListProps) => __spreadProps(__spreadValues({
+var createStatusListComponent = (statusListProps) => __spreadValues({
   type: "status-list"
-}, statusListProps), {
-  getLocalValue: () => null,
-  getSubmittableValue: async () => null,
-  getSubmittableValueSync: () => null,
-  getSummary: () => ({}),
-  // Noop,
-  validate: () => true
-});
+}, statusListProps);
 
 // src/revamp/domain/mappers/layout/deprecatedListLayoutToComponent.ts
 var isDeprecatedListLayout = (layout) => {
@@ -2570,16 +2305,9 @@ var mapLegacyStatus = (status) => {
 };
 
 // src/revamp/domain/components/DividerComponent.ts
-var createDividerComponent = (props) => __spreadProps(__spreadValues({
+var createDividerComponent = (props) => __spreadValues({
   type: "divider"
-}, props), {
-  getSubmittableValue: async () => null,
-  getSubmittableValueSync: () => null,
-  getLocalValue: () => null,
-  getSummary: () => ({}),
-  // Noop
-  validate: () => true
-});
+}, props);
 
 // src/revamp/domain/mappers/layout/dividerLayoutToComponent.ts
 var dividerLayoutToComponent = (uid, { control, margin = "md" }) => createDividerComponent({ uid, control, margin });
@@ -2588,56 +2316,36 @@ var dividerLayoutToComponent = (uid, { control, margin = "md" }) => createDivide
 var createFormComponent = (formProps) => __spreadProps(__spreadValues({}, formProps), {
   type: "form",
   getChildren() {
-    return [this.inputComponent];
-  },
-  async getSubmittableValue() {
-    return this.inputComponent.getSubmittableValue();
-  },
-  getSubmittableValueSync() {
-    return this.inputComponent.getSubmittableValueSync();
-  },
-  getSummary() {
-    return this.inputComponent.getSummary();
-  },
-  getLocalValue() {
-    return this.inputComponent.getLocalValue();
-  },
-  validate() {
-    return this.inputComponent.validate();
+    return [this.schemaComponent];
   }
 });
 
 // src/revamp/domain/mappers/layout/formLayoutToComponent.ts
-var formLayoutToComponent = (uid, { schemaId, schema: schemaRef, control, margin = "md" }, inputComponents) => {
+var formLayoutToComponent = (uid, { schemaId, schema: schemaRef, control, margin = "md" }, schemaComponents) => {
   const id = schemaId != null ? schemaId : schemaRef == null ? void 0 : schemaRef.$ref;
   if (id == null) {
     throw new Error(
       "FormLayouts must refer to a schema. Set the `schemaId` property to the intended schema."
     );
   }
-  const inputComponent = inputComponents.find((component) => component.schemaId === id);
-  if (!inputComponent) {
-    throw new Error(`FormLayout with schemaId ${id} not found in inputComponents. The schema is probably missing in the step.schemas array.`);
+  const schemaComponent = schemaComponents.find((component) => component.schemaId === id);
+  if (!schemaComponent) {
+    throw new Error(
+      `FormLayout with schemaId ${id} not found in inputComponents. The schema is probably missing in the step.schemas array.`
+    );
   }
   return createFormComponent({
     uid,
-    inputComponent,
+    schemaComponent,
     control,
     margin
   });
 };
 
 // src/revamp/domain/components/HeadingComponent.ts
-var createHeadingComponent = (headingProps) => __spreadProps(__spreadValues({
+var createHeadingComponent = (headingProps) => __spreadValues({
   type: "heading"
-}, headingProps), {
-  getSubmittableValue: async () => null,
-  getSubmittableValueSync: () => null,
-  getSummary: () => ({}),
-  // Noop
-  getLocalValue: () => null,
-  validate: () => true
-});
+}, headingProps);
 
 // src/revamp/domain/mappers/layout/headingLayoutToComponent.ts
 var headingLayoutToComponent = (uid, { align = "left", margin = "md", size = "md", control, text }) => createHeadingComponent({
@@ -2650,16 +2358,9 @@ var headingLayoutToComponent = (uid, { align = "left", margin = "md", size = "md
 });
 
 // src/revamp/domain/components/ImageComponent.ts
-var createImageComponent = (imageProps) => __spreadProps(__spreadValues({
+var createImageComponent = (imageProps) => __spreadValues({
   type: "image"
-}, imageProps), {
-  getSubmittableValue: async () => null,
-  getSubmittableValueSync: () => null,
-  getLocalValue: () => null,
-  getSummary: () => ({}),
-  // Noop
-  validate: () => true
-});
+}, imageProps);
 
 // src/revamp/domain/mappers/layout/imageLayoutToComponent.ts
 var imageLayoutToComponent = (uid, {
@@ -2687,15 +2388,9 @@ var imageLayoutToComponent = (uid, {
 };
 
 // src/revamp/domain/components/MarkdownComponent.ts
-var createMarkdownComponent = (markdownProps) => __spreadProps(__spreadValues({
+var createMarkdownComponent = (markdownProps) => __spreadValues({
   type: "markdown"
-}, markdownProps), {
-  getSubmittableValue: async () => null,
-  getSubmittableValueSync: () => null,
-  getLocalValue: () => null,
-  getSummary: () => ({}),
-  validate: () => true
-});
+}, markdownProps);
 
 // src/revamp/domain/mappers/layout/infoLayoutToComponent.ts
 var infoLayoutToComponent = (uid, { align = "left", control, margin = "md", markdown: content }) => createMarkdownComponent({
@@ -2707,16 +2402,9 @@ var infoLayoutToComponent = (uid, { align = "left", control, margin = "md", mark
 });
 
 // src/revamp/domain/components/InstructionsComponent.ts
-var createInstructionsComponent = (instructionsProps) => __spreadProps(__spreadValues({
+var createInstructionsComponent = (instructionsProps) => __spreadValues({
   type: "instructions"
-}, instructionsProps), {
-  getLocalValue: () => null,
-  getSubmittableValue: async () => null,
-  getSubmittableValueSync: () => null,
-  getSummary: () => ({}),
-  // Noop
-  validate: () => true
-});
+}, instructionsProps);
 
 // src/revamp/domain/mappers/layout/instructionsLayoutToComponent.ts
 var instructionsLayoutToComponent = (uid, { control, items, margin = "md", title }) => createInstructionsComponent({
@@ -2730,16 +2418,9 @@ var instructionsLayoutToComponent = (uid, { control, items, margin = "md", title
 });
 
 // src/revamp/domain/components/ListComponent.ts
-var createListComponent = (listProps) => __spreadProps(__spreadValues({
+var createListComponent = (listProps) => __spreadValues({
   type: "list"
-}, listProps), {
-  getLocalValue: () => null,
-  getSubmittableValue: async () => null,
-  getSubmittableValueSync: () => null,
-  getSummary: () => ({}),
-  // noop
-  validate: () => true
-});
+}, listProps);
 
 // src/revamp/domain/mappers/layout/listLayoutToComponent.ts
 var listLayoutToComponent = (uid, { callToAction, control, items, margin = "md", title }, mapperProps) => {
@@ -2774,16 +2455,9 @@ var mapSupportingValues = (item) => {
 };
 
 // src/revamp/domain/components/LoadingIndicatorComponent.ts
-var createLoadingIndicatorComponent = (loadingIndicatorProps) => __spreadProps(__spreadValues({
+var createLoadingIndicatorComponent = (loadingIndicatorProps) => __spreadValues({
   type: "loading-indicator"
-}, loadingIndicatorProps), {
-  getSubmittableValue: async () => null,
-  getSubmittableValueSync: () => null,
-  getLocalValue: () => null,
-  getSummary: () => ({}),
-  // Noop
-  validate: () => true
-});
+}, loadingIndicatorProps);
 
 // src/revamp/domain/mappers/layout/loadingIndicatorLayoutToComponent.ts
 var loadingIndicatorLayoutToComponent = (uid, { size = "md", margin = "md", control }) => createLoadingIndicatorComponent({ uid, size, control, margin });
@@ -2803,32 +2477,17 @@ var createModalComponent = (modalProps) => __spreadProps(__spreadValues({
 }, modalProps), {
   getChildren() {
     return this.content.components;
-  },
-  getLocalValue() {
-    return getLocalValues(this.getChildren());
-  },
-  async getSubmittableValue() {
-    return getSubmittableData(this.getChildren());
-  },
-  getSubmittableValueSync() {
-    return getSubmittableDataSync(this.getChildren());
-  },
-  getSummary() {
-    return summariseFromChildren(this.getChildren());
-  },
-  validate() {
-    return validateComponents(this.getChildren());
   }
 });
 
 // src/revamp/domain/mappers/layout/modalLayoutToComponent.ts
-var modalLayoutToComponent = (uid, { content, control, margin = "md", trigger }, mapperProps, inputComponents) => {
+var modalLayoutToComponent = (uid, { content, control, margin = "md", trigger }, mapperProps, schemaComponents) => {
   const { components, title } = content;
   return createModalComponent({
     uid,
     content: {
       components: components.map(
-        (component, index) => mapLayoutToComponent(`${uid}.modal-${index}`, component, mapperProps, inputComponents)
+        (component, index) => mapLayoutToComponent(`${uid}.modal-${index}`, component, mapperProps, schemaComponents)
       ),
       title
     },
@@ -2839,16 +2498,9 @@ var modalLayoutToComponent = (uid, { content, control, margin = "md", trigger },
 };
 
 // src/revamp/domain/components/ParagraphComponent.ts
-var createParagraphComponent = (paragraphProps) => __spreadProps(__spreadValues({
+var createParagraphComponent = (paragraphProps) => __spreadValues({
   type: "paragraph"
-}, paragraphProps), {
-  getSubmittableValue: async () => null,
-  getSubmittableValueSync: () => null,
-  getSummary: () => ({}),
-  // Noop
-  getLocalValue: () => null,
-  validate: () => true
-});
+}, paragraphProps);
 
 // src/revamp/domain/mappers/layout/paragraphLayoutToComponent.ts
 var paragraphLayoutToComponent = (uid, { align = "left", control, margin = "md", text }) => createParagraphComponent({
@@ -2860,16 +2512,9 @@ var paragraphLayoutToComponent = (uid, { align = "left", control, margin = "md",
 });
 
 // src/revamp/domain/components/ReviewComponent.ts
-var createReviewComponent = (reviewProps) => __spreadProps(__spreadValues({
+var createReviewComponent = (reviewProps) => __spreadValues({
   type: "review"
-}, reviewProps), {
-  getLocalValue: () => null,
-  getSubmittableValue: async () => null,
-  getSubmittableValueSync: () => null,
-  getSummary: () => ({}),
-  // Noop
-  validate: () => true
-});
+}, reviewProps);
 
 // src/revamp/domain/mappers/layout/reviewLayoutToComponent.ts
 var reviewLayoutToComponent = (uid, { fields, title, callToAction, control, margin = "md", orientation, action }, { onBehavior, step }) => createReviewComponent({
@@ -3009,12 +2654,6 @@ var createSearchComponent = (searchProps, performSearch, onBehavior, updateCompo
     _update(updateFn) {
       update(this, updateFn);
     },
-    getSubmittableValue: async () => null,
-    getSubmittableValueSync: () => null,
-    getLocalValue: () => null,
-    getSummary: () => ({}),
-    // Noop
-    validate: () => true,
     onChange(query) {
       this._update((draft) => {
         draft.query = query;
@@ -3077,104 +2716,286 @@ var parseResponse = async (response) => {
       }
       return body.results;
     }
-  }
-  throw Error("error response");
-};
-var addQueryParameter = (url, key, value) => {
-  const [urlBase, urlQuery] = url.split("?");
-  const urlQueryParams = new URLSearchParams(urlQuery);
-  urlQueryParams.set(key, value);
-  return `${urlBase}?${urlQueryParams.toString()}`;
+  }
+  throw Error("error response");
+};
+var addQueryParameter = (url, key, value) => {
+  const [urlBase, urlQuery] = url.split("?");
+  const urlQueryParams = new URLSearchParams(urlQuery);
+  urlQueryParams.set(key, value);
+  return `${urlBase}?${urlQueryParams.toString()}`;
+};
+var isValidResponseBody = (body) => isObject(body) && "results" in body && isArray(body.results) && body.results.every(
+  (result) => isObject(result) && "title" in result && "type" in result && "value" in result
+);
+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, onBehavior, updateComponent } = mapperProps;
+  const search = getPerformSearchFunction(httpClient, { method, param, url });
+  return createSearchComponent(
+    {
+      uid,
+      control,
+      emptyMessage,
+      margin,
+      title
+    },
+    search,
+    onBehavior,
+    updateComponent
+  );
+};
+
+// src/revamp/domain/mappers/layout/statusListLayoutToComponent.ts
+var statusListLayoutToComponent = (uid, { control, items, margin = "md", title }, { onBehavior, step }) => createStatusListComponent({
+  uid,
+  control,
+  items: items.map((item) => {
+    var _a;
+    const callToAction = getDomainLayerCallToAction(
+      item.callToAction,
+      onBehavior,
+      (_a = step.actions) != null ? _a : []
+    );
+    return __spreadProps(__spreadValues({}, item), { callToAction });
+  }),
+  margin,
+  title
+});
+
+// src/revamp/domain/mappers/mapLayoutToComponent.ts
+var mapLayoutToComponent = (uid, layout, mapperProps, schemaComponents) => {
+  switch (layout.type) {
+    case "alert":
+      return alertLayoutToComponent(uid, layout, mapperProps);
+    case "box":
+      return boxLayoutToComponent(uid, layout, mapperProps, schemaComponents);
+    case "button":
+      return buttonLayoutToComponent(uid, layout, mapperProps);
+    case "columns":
+      return columnsLayoutToComponent(uid, layout, mapperProps, schemaComponents);
+    case "decision":
+      return decisionLayoutToComponent(uid, layout, mapperProps);
+    case "divider":
+      return dividerLayoutToComponent(uid, layout);
+    case "form":
+      return formLayoutToComponent(uid, layout, schemaComponents);
+    case "heading":
+      return headingLayoutToComponent(uid, layout);
+    case "image":
+      return imageLayoutToComponent(uid, layout);
+    case "info":
+      return infoLayoutToComponent(uid, layout);
+    case "instructions":
+      return instructionsLayoutToComponent(uid, layout);
+    case "list":
+      return isDeprecatedListLayout(layout) ? deprecatedListLayoutToComponent(uid, layout) : listLayoutToComponent(uid, layout, mapperProps);
+    case "loading-indicator":
+      return loadingIndicatorLayoutToComponent(uid, layout);
+    case "markdown":
+      return markdownLayoutToComponent(uid, layout);
+    case "modal":
+      return modalLayoutToComponent(uid, layout, mapperProps, schemaComponents);
+    case "paragraph":
+      return paragraphLayoutToComponent(uid, layout);
+    case "review":
+      return reviewLayoutToComponent(uid, layout, mapperProps);
+    case "search":
+      return searchLayoutToComponent(uid, layout, mapperProps);
+    case "status-list":
+      return statusListLayoutToComponent(uid, layout, mapperProps);
+    default:
+      throw new Error(`Invalid layout type in ${JSON.stringify(layout)}`);
+  }
+};
+
+// src/revamp/domain/mappers/layout/modalToContent.ts
+var modalToContent = (uid, { content, title }, mapperProps, schemaComponents) => createModalContentComponent(
+  {
+    uid: `${uid}-modal-${getRandomId()}`,
+    title,
+    components: content.map(
+      (component, index) => mapLayoutToComponent(`${uid}.modal-${index}`, component, mapperProps, schemaComponents)
+    )
+  },
+  mapperProps.updateComponent
+);
+
+// src/revamp/domain/components/step/ExternalConfirmationComponent.ts
+var createExternalConfirmation = (uid, url, updateComponent) => {
+  const update = getInputUpdateFunction(updateComponent);
+  return {
+    type: "external-confirmation",
+    uid,
+    url,
+    status: "initial",
+    onSuccess() {
+      update(this, (draft) => {
+        draft.status = "success";
+      });
+    },
+    onFailure() {
+      if (this.status === "initial") {
+        update(this, (draft) => {
+          draft.status = "failure";
+        });
+      }
+    },
+    onCancel() {
+      update(this, (draft) => {
+        draft.status = "dismissed";
+      });
+    }
+  };
+};
+
+// 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)
+);
+var getSubmittableDataSync = (components) => components.map((component) => component.getSubmittableValueSync()).reduce((acc, value) => mergeModels(acc, value), null);
+var getLocalValues = (components) => components.map((component) => component.getLocalValue()).reduce((acc, value) => mergeLocalValues(acc, value), null);
+var mergeLocalValues = (valueA, valueB) => {
+  if (valueA === null) {
+    return valueB;
+  }
+  if (valueB === null) {
+    return valueA;
+  }
+  if (isObjectLocalValue(valueA) && isObjectLocalValue(valueB)) {
+    return __spreadValues(__spreadValues({}, valueA), valueB);
+  }
+  return valueB;
+};
+var mergeModels = (valueA, valueB) => {
+  if (valueA === null) {
+    return valueB;
+  }
+  if (valueB === null) {
+    return valueA;
+  }
+  if (isObjectModel(valueA) && isObjectModel(valueB)) {
+    return __spreadValues(__spreadValues({}, valueA), valueB);
+  }
+  return valueB;
+};
+
+// src/revamp/domain/components/step/StepDomainComponent.ts
+var createStepComponent = (stepProps) => {
+  const _a = stepProps, { uid, stepPolling, stepRefreshAfter, updateComponent } = _a, rest = __objRest(_a, ["uid", "stepPolling", "stepRefreshAfter", "updateComponent"]);
+  const update = getInputUpdateFunction(updateComponent);
+  const component = __spreadProps(__spreadValues({
+    uid
+  }, rest), {
+    type: "step",
+    modals: [],
+    dismissModal() {
+      var _a2;
+      (_a2 = this.modals.at(-1)) == null ? void 0 : _a2.close();
+    },
+    dismissAllModals() {
+      this._update((draft) => {
+        draft.modals = draft.modals.map((m) => __spreadProps(__spreadValues({}, m), { open: false }));
+      });
+    },
+    showModal(modal) {
+      this._update((draft) => {
+        draft.modals = [...draft.modals, modal];
+      });
+    },
+    _update(updateFn) {
+      update(this, updateFn);
+    },
+    getChildren() {
+      return this.externalConfirmation ? [...this.layoutComponents, this.externalConfirmation] : this.layoutComponents;
+    },
+    getModals() {
+      return this.modals;
+    },
+    async getSubmittableValue() {
+      return getSubmittableData(this.schemaComponents);
+    },
+    getLocalValue() {
+      return getLocalValues(this.schemaComponents);
+    },
+    validate() {
+      return this.schemaComponents.every(
+        (inputComponent) => inputComponent.isSchemaReferencedInStep ? inputComponent.validate() : true
+      );
+    },
+    setLoadingState(loadingState) {
+      this._update((draft) => {
+        draft.loadingState = loadingState;
+      });
+    },
+    stop() {
+      stepPolling == null ? void 0 : stepPolling.stop();
+      stepRefreshAfter == null ? void 0 : stepRefreshAfter.stop();
+      this._update((draft) => {
+        draft.modals = [];
+      });
+    }
+  });
+  return component;
 };
-var isValidResponseBody = (body) => isObject(body) && "results" in body && isArray(body.results) && body.results.every(
-  (result) => isObject(result) && "title" in result && "type" in result && "value" in result
-);
-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, onBehavior, updateComponent } = mapperProps;
-  const search = getPerformSearchFunction(httpClient, { method, param, url });
-  return createSearchComponent(
-    {
-      uid,
-      control,
-      emptyMessage,
-      margin,
-      title
-    },
-    search,
-    onBehavior,
-    updateComponent
-  );
+// src/revamp/domain/features/polling/getStepPolling.ts
+var getStepPolling = ({
+  pollingConfig,
+  onBehavior,
+  onPoll
+}) => {
+  const { interval, delay = interval, maxAttempts, url, onError } = pollingConfig;
+  let abortController = new AbortController();
+  if (delay == null) {
+    throw new Error("Polling configuration must include delay or interval");
+  }
+  const onErrorBehavior = skipValidation(getDomainLayerBehavior(onError, []));
+  let attempts = 0;
+  const poll = () => {
+    attempts += 1;
+    abortController.abort();
+    abortController = new AbortController();
+    const { signal } = abortController;
+    onPoll(url, onErrorBehavior, signal).then((result) => {
+      if (result) {
+        stop();
+        return;
+      }
+      if (attempts >= maxAttempts && !signal.aborted) {
+        void onBehavior(onErrorBehavior);
+        stop();
+      }
+    }).catch(() => {
+    });
+  };
+  const intervalRef = setInterval(poll, delay * 1e3);
+  const stop = () => {
+    clearTimeout(intervalRef);
+    abortController.abort();
+  };
+  poll();
+  return { stop };
 };
 
-// src/revamp/domain/mappers/layout/statusListLayoutToComponent.ts
-var statusListLayoutToComponent = (uid, { control, items, margin = "md", title }, { onBehavior, step }) => createStatusListComponent({
-  uid,
-  control,
-  items: items.map((item) => {
-    var _a;
-    const callToAction = getDomainLayerCallToAction(
-      item.callToAction,
-      onBehavior,
-      (_a = step.actions) != null ? _a : []
-    );
-    return __spreadProps(__spreadValues({}, item), { callToAction });
-  }),
-  margin,
-  title
-});
-
-// src/revamp/domain/mappers/mapLayoutToComponent.ts
-var mapLayoutToComponent = (uid, layout, mapperProps, inputComponents) => {
-  switch (layout.type) {
-    case "alert":
-      return alertLayoutToComponent(uid, layout, mapperProps);
-    case "box":
-      return boxLayoutToComponent(uid, layout, mapperProps, inputComponents);
-    case "button":
-      return buttonLayoutToComponent(uid, layout, mapperProps);
-    case "columns":
-      return columnsLayoutToComponent(uid, layout, mapperProps, inputComponents);
-    case "decision":
-      return decisionLayoutToComponent(uid, layout, mapperProps);
-    case "divider":
-      return dividerLayoutToComponent(uid, layout);
-    case "form":
-      return formLayoutToComponent(uid, layout, inputComponents);
-    case "heading":
-      return headingLayoutToComponent(uid, layout);
-    case "image":
-      return imageLayoutToComponent(uid, layout);
-    case "info":
-      return infoLayoutToComponent(uid, layout);
-    case "instructions":
-      return instructionsLayoutToComponent(uid, layout);
-    case "list":
-      return isDeprecatedListLayout(layout) ? deprecatedListLayoutToComponent(uid, layout) : listLayoutToComponent(uid, layout, mapperProps);
-    case "loading-indicator":
-      return loadingIndicatorLayoutToComponent(uid, layout);
-    case "markdown":
-      return markdownLayoutToComponent(uid, layout);
-    case "modal":
-      return modalLayoutToComponent(uid, layout, mapperProps, inputComponents);
-    case "paragraph":
-      return paragraphLayoutToComponent(uid, layout);
-    case "review":
-      return reviewLayoutToComponent(uid, layout, mapperProps);
-    case "search":
-      return searchLayoutToComponent(uid, layout, mapperProps);
-    case "status-list":
-      return statusListLayoutToComponent(uid, layout, mapperProps);
-    default:
-      throw new Error(`Invalid layout type in ${JSON.stringify(layout)}`);
+// 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/components/utils/getRandomId.ts
-var getRandomId = () => Math.random().toString(36).substring(2);
-
 // src/revamp/domain/components/utils/isExactLocalValueMatch.ts
 var isExactLocalValueMatch = (valueA, valueB) => {
   if (isArrayLocalValue(valueA) && isArrayLocalValue(valueB)) {
@@ -3344,6 +3165,10 @@ var getDebouncedPerformRefresh = (performRefresh, getValidationErrors) => {
   return debouncedFn;
 };
 
+// src/revamp/domain/features/validation/validation-functions.ts
+var validateComponents = (components) => components.reduce((acc, component) => component.validate() && acc, true);
+var getLocalValueValidator = (checks) => (currentValue) => checks.map((check) => check(currentValue)).filter(isString);
+
 // src/revamp/domain/features/validationAsync/getComponentValidationAsync.ts
 var getComponentValidationAsync = (update, performValidationAsync) => (
   /**
@@ -3844,6 +3669,42 @@ var getPerformPersisAsyncFn = (schemaMapperProps, mapperProps) => {
 };
 var schemaHasValidationMessages = (schema) => Boolean("validationMessages" in schema && schema.validationMessages);
 
+// src/revamp/domain/features/summary/summary-utils.ts
+var getSummariser = (schema) => (value) => {
+  const { summary, icon, image } = schema;
+  const stringValueOrNull = isString(value) ? value : null;
+  return summaryIfProvides(summary, { value: stringValueOrNull, icon, image });
+};
+var getConstSummary = (schema, model) => {
+  const { summary, icon, image } = schema;
+  const value = isString(model) ? model : null;
+  return summaryIfProvides(summary, { value, icon, image });
+};
+var summariseFromChildren = (components) => components.reduce(
+  (acc, component) => mergeSummaries(acc, component.getSummary()),
+  {}
+);
+var mergeSummaries = (summaryA, summaryB) => {
+  var _a, _b, _c, _d;
+  return {
+    title: (_a = summaryA.title) != null ? _a : summaryB.title,
+    description: (_b = summaryA.description) != null ? _b : summaryB.description,
+    icon: (_c = summaryA.icon) != null ? _c : summaryB.icon,
+    image: (_d = summaryA.image) != null ? _d : summaryB.image
+  };
+};
+var summaryIfProvides = (summary, { value, icon, image }) => {
+  if (!summary) {
+    return {};
+  }
+  return {
+    title: summary.providesTitle && value || void 0,
+    description: summary.providesDescription && value || void 0,
+    icon: summary.providesIcon && icon || void 0,
+    image: summary.providesImage && mapSpecImage(image != null ? image : void 0) || void 0
+  };
+};
+
 // src/revamp/domain/mappers/schema/utils/mapCommonSchemaProps.ts
 var mapCommonSchemaProps = (schemaMapperProps) => {
   var _a;
@@ -4481,7 +4342,7 @@ var createMultiSelectComponent = (multiSelectProps, updateComponent) => {
   const children = options.map((option) => option.component);
   const selectedIndices = getInitialModelIndices(initialValue, children);
   const getValidationErrors = getLocalValueValidator(checks);
-  const inputComponent = __spreadProps(__spreadValues({
+  const component = __spreadProps(__spreadValues({
     uid,
     type: "multi-select",
     children,
@@ -4541,13 +4402,13 @@ var createMultiSelectComponent = (multiSelectProps, updateComponent) => {
     }
   });
   if (performRefresh) {
-    return inputComponent;
+    return component;
   }
   if (performValidationAsync) {
     const validateAsync = getComponentValidationAsync(update, performValidationAsync);
-    return __spreadProps(__spreadValues({}, inputComponent), {
+    return __spreadProps(__spreadValues({}, component), {
       onSelect(indices) {
-        inputComponent.onSelect.call(this, indices);
+        component.onSelect.call(this, indices);
         if (this.validate()) {
           validateAsync(this, this.getLocalValue()).catch(() => {
           });
@@ -4555,7 +4416,7 @@ var createMultiSelectComponent = (multiSelectProps, updateComponent) => {
       }
     });
   }
-  return inputComponent;
+  return component;
 };
 var getInitialModelIndices = (model, options) => {
   if (!isArray(model)) {
@@ -5004,6 +4865,7 @@ var createConstComponent = (hiddenProps) => {
     uid,
     schemaId,
     analyticsId,
+    hidden: true,
     getLocalValue: () => value,
     getSubmittableValue: async () => value,
     getSubmittableValueSync: () => value,
@@ -5916,7 +5778,7 @@ var mapStepSchemas = (uid, step, stepLocalValue, mapperProps, referencedSchemaId
   const isReferenced = (schemaId) => schemaId != null && referencedSchemaIds.includes(schemaId);
   return step.schemas.map((schema, i) => {
     var _a, _b;
-    const inputComponent = mapSchemaToComponent(
+    const schemaComponent = mapSchemaToComponent(
       {
         uid: `${uid}.schemas-${i}.${schema.$id}`,
         schemaId: schema.$id,
@@ -5928,7 +5790,9 @@ var mapStepSchemas = (uid, step, stepLocalValue, mapperProps, referencedSchemaId
       },
       mapperProps
     );
-    return __spreadProps(__spreadValues({}, inputComponent), { isSchemaReferencedInStep: isReferenced(schema.$id) });
+    return __spreadProps(__spreadValues({}, schemaComponent), {
+      isSchemaReferencedInStep: isReferenced(schema.$id)
+    });
   });
 };
 
@@ -5986,7 +5850,7 @@ var mapStepToComponent = (_a) => {
   const externalConfirmation = (external == null ? void 0 : external.url) ? createExternalConfirmation(`${uid}-external-confirmation`, external == null ? void 0 : external.url, updateComponent) : void 0;
   const mapperProps = __spreadProps(__spreadValues({}, restProps), { trackEvent, onBehavior, onRefresh });
   const referencedSchemaIds = getReferencedSchemaId(step);
-  const inputComponents = mapStepSchemas(
+  const schemaComponents = mapStepSchemas(
     uid,
     step,
     stepLocalValue,
@@ -5994,13 +5858,13 @@ var mapStepToComponent = (_a) => {
     referencedSchemaIds
   );
   const layoutComponents = layout.map(
-    (layoutComponent, index) => mapLayoutToComponent(`${uid}.layout-${index}`, layoutComponent, mapperProps, inputComponents)
+    (layoutComponent, index) => mapLayoutToComponent(`${uid}.layout-${index}`, layoutComponent, mapperProps, schemaComponents)
   );
   const stepComponent = createStepComponent({
     uid,
     back,
     layoutComponents,
-    inputComponents,
+    schemaComponents,
     control,
     description,
     error: errors == null ? void 0 : errors.error,
@@ -6441,6 +6305,34 @@ var formatDateOptions = {
   dateStyle: "long"
 };
 
+// src/revamp/utils/analyse-step.ts
+import { validateStep } from "@wise/dynamic-flow-types";
+var analyseStep = (step, logEvent) => {
+  validateStepTypes(step, logEvent);
+  warnWhenPollingWithSchemas(step, logEvent);
+};
+var warnWhenPollingWithSchemas = (step, logEvent) => {
+  var _a;
+  const hasPolling = step.polling != null;
+  const hasSchemas = step.schemas != null && step.schemas.length > 0;
+  if (hasPolling && hasSchemas) {
+    logEvent("warning", "DynamicFlow Polling and Schema Warning.", {
+      message: "The provided step is configured with polling and schemas. Actions triggered from a polling response will not contain the schema values in their payload.",
+      stepId: (_a = step.id) != null ? _a : step.key
+    });
+  }
+};
+var validateStepTypes = (step, logEvent) => {
+  var _a;
+  const validationResult = validateStep(step);
+  if (!validationResult.valid) {
+    logEvent("info", "The provided step does not conform to the specification.", {
+      stepId: (_a = step.id) != null ? _a : step.key,
+      errors: validationResult.errors
+    });
+  }
+};
+
 // src/revamp/utils/useStableCallback.tsx
 import { useCallback, useLayoutEffect, useRef } from "react";
 function useStableCallback(handler) {
@@ -6451,55 +6343,6 @@ function useStableCallback(handler) {
   return useCallback((...args) => ref.current ? ref.current(...args) : null, []);
 }
 
-// src/revamp/domain/components/ModalContentComponent.ts
-var createModalContentComponent = (modalProps, updateComponent) => {
-  const update = getInputUpdateFunction(updateComponent);
-  const modalContentComponent = __spreadProps(__spreadValues({
-    type: "modal-content",
-    open: true
-  }, modalProps), {
-    _update(updateFn) {
-      update(this, updateFn);
-    },
-    getChildren() {
-      return this.components;
-    },
-    getLocalValue() {
-      return getLocalValues(this.getChildren());
-    },
-    async getSubmittableValue() {
-      return getSubmittableData(this.getChildren());
-    },
-    getSubmittableValueSync() {
-      return getSubmittableDataSync(this.getChildren());
-    },
-    getSummary() {
-      return summariseFromChildren(this.getChildren());
-    },
-    validate() {
-      return validateComponents(this.getChildren());
-    },
-    close() {
-      update(this, (draft) => {
-        draft.open = false;
-      });
-    }
-  });
-  return modalContentComponent;
-};
-
-// src/revamp/domain/mappers/layout/modalToContent.ts
-var modalToContent = (uid, { content, title }, mapperProps, inputComponents) => createModalContentComponent(
-  {
-    uid: `${uid}-modal-${getRandomId()}`,
-    title,
-    components: content.map(
-      (component, index) => mapLayoutToComponent(`${uid}.modal-${index}`, component, mapperProps, inputComponents)
-    )
-  },
-  mapperProps.updateComponent
-);
-
 // src/revamp/useDynamicFlowCore.tsx
 function useDynamicFlowCore(props) {
   const _a = props, { flowId, initialAction, initialStep, displayStepTitle = true } = _a, rest = __objRest(_a, ["flowId", "initialAction", "initialStep", "displayStepTitle"]);
@@ -6568,12 +6411,7 @@ function useDynamicFlowCore(props) {
       rootComponentRef.current.stop();
       stepRef.current = newStep;
       etagRef.current = etag;
-      const validationResult = validateStep(newStep);
-      if (!validationResult.valid) {
-        logEvent("info", "The provided step does not conform to the specification.", {
-          errors: validationResult.errors
-        });
-      }
+      analyseStep(newStep, logEvent);
       try {
         const newStepComponent = mapStepToComponent(__spreadValues({
           stepLocalValue: localValue,
@@ -6661,7 +6499,7 @@ function useDynamicFlowCore(props) {
                 step: stepRef.current,
                 stepLocalValue: rootComponentRef.current.getLocalValue()
               }, getMapperProps()),
-              rootComponentRef.current.getInputComponents()
+              rootComponentRef.current.getSchemaComponents()
             )
           );
         }