@wise/dynamic-flow-client 4.5.5 → 4.5.7

package/build/main.mjs

@@ -1835,37 +1835,6 @@ var getComponentAlertProps = (component, rendererMapperProps) => "alert" in comp
 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) => {
@@ -1903,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;
@@ -1921,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;
@@ -1943,46 +1906,6 @@ var createRootDomainComponent = (updateComponent) => {
   return rootComponent;
 };
 
-// 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/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/ModalContentComponent.ts
 var createModalContentComponent = (modalProps, updateComponent) => {
   const update = getInputUpdateFunction(updateComponent);
@@ -1996,21 +1919,6 @@ var createModalContentComponent = (modalProps, updateComponent) => {
     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;
@@ -2024,16 +1932,9 @@ var createModalContentComponent = (modalProps, updateComponent) => {
 var getRandomId = () => Math.random().toString(36).substring(2);
 
 // src/revamp/domain/components/AlertComponent.ts
-var createAlertComponent = (alertProps) => __spreadProps(__spreadValues({
+var createAlertComponent = (alertProps) => __spreadValues({
   type: "alert"
-}, alertProps), {
-  getSubmittableValue: async () => null,
-  getSubmittableValueSync: () => null,
-  getLocalValue: () => null,
-  getSummary: () => ({}),
-  // Noop
-  validate: () => true
-});
+}, alertProps);
 
 // src/revamp/domain/mappers/utils/behavior-utils.ts
 var getDomainLayerBehavior = ({
@@ -2185,47 +2086,25 @@ 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) => {
@@ -2307,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,
@@ -2336,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) => {
@@ -2411,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) => {
@@ -2455,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 });
@@ -2473,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({
@@ -2535,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, {
@@ -2572,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({
@@ -2592,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({
@@ -2615,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) => {
@@ -2659,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 });
@@ -2688,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
     },
@@ -2724,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({
@@ -2745,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({
@@ -2894,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;
@@ -3012,22 +2766,22 @@ var statusListLayoutToComponent = (uid, { control, items, margin = "md", title }
 });
 
 // src/revamp/domain/mappers/mapLayoutToComponent.ts
-var mapLayoutToComponent = (uid, layout, mapperProps, inputComponents) => {
+var mapLayoutToComponent = (uid, layout, mapperProps, schemaComponents) => {
   switch (layout.type) {
     case "alert":
       return alertLayoutToComponent(uid, layout, mapperProps);
     case "box":
-      return boxLayoutToComponent(uid, layout, mapperProps, inputComponents);
+      return boxLayoutToComponent(uid, layout, mapperProps, schemaComponents);
     case "button":
       return buttonLayoutToComponent(uid, layout, mapperProps);
     case "columns":
-      return columnsLayoutToComponent(uid, layout, mapperProps, inputComponents);
+      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, inputComponents);
+      return formLayoutToComponent(uid, layout, schemaComponents);
     case "heading":
       return headingLayoutToComponent(uid, layout);
     case "image":
@@ -3043,7 +2797,7 @@ var mapLayoutToComponent = (uid, layout, mapperProps, inputComponents) => {
     case "markdown":
       return markdownLayoutToComponent(uid, layout);
     case "modal":
-      return modalLayoutToComponent(uid, layout, mapperProps, inputComponents);
+      return modalLayoutToComponent(uid, layout, mapperProps, schemaComponents);
     case "paragraph":
       return paragraphLayoutToComponent(uid, layout);
     case "review":
@@ -3058,12 +2812,12 @@ var mapLayoutToComponent = (uid, layout, mapperProps, inputComponents) => {
 };
 
 // src/revamp/domain/mappers/layout/modalToContent.ts
-var modalToContent = (uid, { content, title }, mapperProps, inputComponents) => createModalContentComponent(
+var modalToContent = (uid, { content, title }, mapperProps, schemaComponents) => createModalContentComponent(
   {
     uid: `${uid}-modal-${getRandomId()}`,
     title,
     components: content.map(
-      (component, index) => mapLayoutToComponent(`${uid}.modal-${index}`, component, mapperProps, inputComponents)
+      (component, index) => mapLayoutToComponent(`${uid}.modal-${index}`, component, mapperProps, schemaComponents)
     )
   },
   mapperProps.updateComponent
@@ -3093,16 +2847,41 @@ var createExternalConfirmation = (uid, url, updateComponent) => {
       update(this, (draft) => {
         draft.status = "dismissed";
       });
-    },
-    getSubmittableValue: async () => null,
-    getSubmittableValueSync: () => null,
-    getLocalValue: () => null,
-    getSummary: () => ({}),
-    // Noop
-    validate: () => true
+    }
   };
 };
 
+// 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"]);
@@ -3136,19 +2915,13 @@ var createStepComponent = (stepProps) => {
       return this.modals;
     },
     async getSubmittableValue() {
-      return getSubmittableData(this.inputComponents);
-    },
-    getSubmittableValueSync() {
-      return getSubmittableDataSync(this.inputComponents);
-    },
-    getSummary() {
-      return summariseFromChildren(this.getChildren());
+      return getSubmittableData(this.schemaComponents);
     },
     getLocalValue() {
-      return getLocalValues(this.inputComponents);
+      return getLocalValues(this.schemaComponents);
     },
     validate() {
-      return this.inputComponents.every(
+      return this.schemaComponents.every(
         (inputComponent) => inputComponent.isSchemaReferencedInStep ? inputComponent.validate() : true
       );
     },
@@ -3392,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) => (
   /**
@@ -3892,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;
@@ -4529,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,
@@ -4589,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(() => {
           });
@@ -4603,7 +4416,7 @@ var createMultiSelectComponent = (multiSelectProps, updateComponent) => {
       }
     });
   }
-  return inputComponent;
+  return component;
 };
 var getInitialModelIndices = (model, options) => {
   if (!isArray(model)) {
@@ -5052,6 +4865,7 @@ var createConstComponent = (hiddenProps) => {
     uid,
     schemaId,
     analyticsId,
+    hidden: true,
     getLocalValue: () => value,
     getSubmittableValue: async () => value,
     getSubmittableValueSync: () => value,
@@ -5964,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,
@@ -5976,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)
+    });
   });
 };
 
@@ -6034,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,
@@ -6042,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,
@@ -6683,7 +6499,7 @@ function useDynamicFlowCore(props) {
                 step: stepRef.current,
                 stepLocalValue: rootComponentRef.current.getLocalValue()
               }, getMapperProps()),
-              rootComponentRef.current.getInputComponents()
+              rootComponentRef.current.getSchemaComponents()
             )
           );
         }