@wise/dynamic-flow-client 3.28.7 → 3.28.8-experimental-2b1f107

package/build/main.js

@@ -1611,8 +1611,6 @@ var mapControl = (control) => {
     case "primary":
     case "tertiary":
       return control;
-    case "minimal":
-      return "tertiary";
     default:
       return "secondary";
   }
@@ -3824,57 +3822,41 @@ var isStringSchema = (schema) => "type" in schema && schema.type === "string";
 var isStringSchemaWithUpload = (schema) => isStringSchema(schema) && schema.format === "base64url";
 var isSchemaWithPersistAsync = (schema) => "persistAsync" in schema && !isNullish2(schema.persistAsync);
 
+// src/revamp/renderers/mappers/utils/pick.ts
+function pick(obj, ...keys) {
+  const result = {};
+  keys.forEach((key) => {
+    result[key] = obj[key];
+  });
+  return result;
+}
+
 // src/revamp/renderers/stepComponentToProps.ts
-var stepComponentToProps = ({
-  back,
-  description,
-  error,
-  external,
-  loadingState,
-  step,
-  title,
-  onAction,
-  trackEvent
-}, children) => ({
-  type: "step",
-  back,
-  description,
-  error,
-  external,
-  loadingState,
-  title,
-  trackEvent,
-  step,
-  onAction,
+var stepComponentToProps = (component, children) => __spreadProps(__spreadValues({
+  type: "step"
+}, pick(
+  component,
+  "back",
+  "description",
+  "error",
+  "external",
+  "loadingState",
+  "step",
+  "title",
+  "onAction",
+  "trackEvent"
+)), {
   children
 });
 
 // src/revamp/renderers/mappers/alertComponentToProps.ts
-var alertComponentToProps = ({
-  callToAction,
-  context,
-  control,
-  margin,
-  markdown
-}) => ({
-  type: "alert",
-  callToAction,
-  context,
-  control,
-  margin,
-  markdown
-});
+var alertComponentToProps = (component) => pick(component, "type", "callToAction", "context", "control", "margin", "markdown");
 
 // src/revamp/renderers/mappers/allOfComponentToProps.ts
-var allOfComponentToProps = ({ control, description, help, icon, image, title }, children) => ({
-  type: "form-section",
-  children,
-  control,
-  description,
-  help,
-  icon,
-  image,
-  title
+var allOfComponentToProps = (component, children) => __spreadProps(__spreadValues({
+  type: "form-section"
+}, pick(component, "control", "description", "help", "icon", "image", "title")), {
+  children
 });
 
 // src/revamp/renderers/mappers/utils/mapErrorsToValidationState.ts
@@ -3951,22 +3933,25 @@ var booleanInputComponentToProps = (component) => {
 };
 
 // src/revamp/renderers/mappers/boxComponentToProps.ts
-var boxComponentToProps = ({ border, control, width, margin }, children) => ({ type: "box", border, children, control, margin, width });
+var boxComponentToProps = (component, children) => __spreadProps(__spreadValues({}, pick(component, "type", "border", "control", "width", "margin")), {
+  children
+});
 
 // src/revamp/renderers/mappers/buttonComponentToProps.ts
 var buttonComponentToProps = (component) => {
-  const { title, control, context, disabled, margin, pinOrder, size: size2, onClick } = component;
-  return {
-    type: "button",
-    title,
-    control,
-    context,
-    disabled,
-    margin,
-    pinOrder,
-    size: size2,
-    onClick
-  };
+  return __spreadValues({
+    type: "button"
+  }, pick(
+    component,
+    "title",
+    "control",
+    "context",
+    "disabled",
+    "margin",
+    "pinOrder",
+    "size",
+    "onClick"
+  ));
 };
 
 // src/revamp/renderers/mappers/columnsComponentToProps.ts
@@ -3986,37 +3971,16 @@ var dateInputComponentToProps = (component) => __spreadProps(__spreadValues({},
 });
 
 // src/revamp/renderers/mappers/decisionComponentToProps.ts
-var decisionComponentToProps = ({
-  control,
-  options,
-  margin,
-  title
-}) => ({ type: "decision", control, options, margin, title });
+var decisionComponentToProps = (component) => pick(component, "type", "control", "options", "margin", "title");
 
 // src/revamp/renderers/mappers/dividerComponentToProps.ts
-var dividerComponentToProps = ({
-  control,
-  margin
-}) => ({ type: "divider", control, margin });
+var dividerComponentToProps = (component) => pick(component, "type", "control", "margin");
 
 // src/revamp/renderers/mappers/formComponentToProps.ts
 var formComponentToProps = ({ control, margin }, children) => ({ type: "form", children, control, margin });
 
 // src/revamp/renderers/mappers/headingComponentToProps.ts
-var headingComponentToProps = ({
-  align,
-  control,
-  margin,
-  size: size2,
-  text
-}) => ({
-  type: "heading",
-  align,
-  control,
-  margin,
-  size: size2,
-  text
-});
+var headingComponentToProps = (component) => pick(component, "type", "align", "control", "margin", "size", "text");
 
 // src/revamp/renderers/mappers/hiddenComponentToProps.ts
 var hiddenComponentToProps = () => ({
@@ -4024,34 +3988,10 @@ var hiddenComponentToProps = () => ({
 });
 
 // src/revamp/renderers/mappers/imageComponentToProps.ts
-var imageComponentToProps = ({
-  accessibilityDescription,
-  control,
-  margin,
-  size: size2,
-  url
-}) => ({
-  type: "image",
-  accessibilityDescription,
-  control,
-  margin,
-  size: size2,
-  url
-});
+var imageComponentToProps = (component) => pick(component, "type", "accessibilityDescription", "control", "margin", "size", "url");
 
 // src/revamp/renderers/mappers/instructionsComponentToProps.ts
-var instructionsComponentToProps = ({
-  control,
-  items,
-  margin,
-  title
-}) => ({
-  type: "instructions",
-  control,
-  items,
-  margin,
-  title
-});
+var instructionsComponentToProps = (component) => pick(component, "type", "control", "items", "margin", "title");
 
 // src/revamp/renderers/mappers/integerInputComponentToProps.ts
 var integerInputComponentToProps = (component) => __spreadProps(__spreadValues({}, inputComponentToProps(component, "input-integer")), {
@@ -4061,30 +4001,10 @@ var integerInputComponentToProps = (component) => __spreadProps(__spreadValues({
 });
 
 // src/revamp/renderers/mappers/loadingIndicatorComponentToProps.ts
-var loadingIndicatorComponentToProps = ({
-  control,
-  margin,
-  size: size2
-}) => ({
-  type: "loading-indicator",
-  control,
-  margin,
-  size: size2
-});
+var loadingIndicatorComponentToProps = (component) => pick(component, "type", "control", "margin", "size");
 
 // src/revamp/renderers/mappers/markdownComponentToProps.ts
-var markdownComponentToProps = ({
-  align,
-  content,
-  control,
-  margin
-}) => ({
-  type: "markdown",
-  align,
-  margin,
-  content,
-  control
-});
+var markdownComponentToProps = (control) => pick(control, "type", "align", "margin", "content", "control");
 
 // src/revamp/renderers/mappers/modalComponentToProps.ts
 var modalComponentToProps = ({ content, control, margin, trigger }, components) => ({
@@ -4125,30 +4045,14 @@ var numberInputComponentToProps = (component) => __spreadProps(__spreadValues({}
 });
 
 // src/revamp/renderers/mappers/objectComponentToProps.ts
-var objectComponentToProps = ({ control, description, help, icon, image, title }, children) => ({
-  type: "form-section",
-  children,
-  control,
-  description,
-  help,
-  icon,
-  image,
-  title
+var objectComponentToProps = (component, children) => __spreadProps(__spreadValues({
+  type: "form-section"
+}, pick(component, "control", "description", "help", "icon", "image", "title")), {
+  children
 });
 
 // src/revamp/renderers/mappers/paragraphComponentToProps.ts
-var paragraphComponentToProps = ({
-  align,
-  control,
-  margin,
-  text
-}) => ({
-  type: "paragraph",
-  align,
-  control,
-  margin,
-  text
-});
+var paragraphComponentToProps = (component) => pick(component, "type", "align", "control", "margin", "text");
 
 // src/revamp/renderers/mappers/repeatableComponentToProps.ts
 var repeatableComponentToProps = (component, children, editableItemChildren) => {
@@ -4206,20 +4110,7 @@ var repeatableComponentToProps = (component, children, editableItemChildren) =>
 };
 
 // src/revamp/renderers/mappers/reviewComponentToProps.ts
-var reviewComponentToProps = ({
-  callToAction,
-  control,
-  fields,
-  margin,
-  title
-}) => ({
-  type: "review",
-  callToAction,
-  control,
-  fields,
-  margin,
-  title
-});
+var reviewComponentToProps = (component) => pick(component, "type", "callToAction", "control", "fields", "margin", "title");
 
 // src/revamp/renderers/mappers/searchComponentToProps.ts
 var searchComponentToProps = (component) => {
@@ -4289,18 +4180,7 @@ var selectInputComponentToProps = (component, children) => {
 };
 
 // src/revamp/renderers/mappers/statusListComponentToProps.ts
-var statusListComponentToProps = ({
-  control,
-  items,
-  margin,
-  title
-}) => ({
-  type: "status-list",
-  control,
-  items,
-  margin,
-  title
-});
+var statusListComponentToProps = (component) => pick(component, "type", "control", "items", "margin", "title");
 
 // src/revamp/renderers/mappers/textInputComponentToProps.ts
 var textInputComponentToProps = (component) => __spreadProps(__spreadValues({}, inputComponentToProps(component, "input-text")), {
@@ -4334,15 +4214,10 @@ var uploadInputComponentToProps = (component) => {
 };
 
 // src/revamp/renderers/mappers/tupleComponentToProps.ts
-var tupleComponentToProps = ({ control, description, help, icon, image, title }, children) => ({
-  type: "form-section",
-  children,
-  control,
-  description,
-  help,
-  icon,
-  image,
-  title
+var tupleComponentToProps = (component, children) => __spreadProps(__spreadValues({
+  type: "form-section"
+}, pick(component, "control", "description", "help", "icon", "image", "title")), {
+  children
 });
 
 // src/revamp/renderers/mappers/componentToRendererProps.ts
@@ -8450,21 +8325,13 @@ var z = /* @__PURE__ */ Object.freeze({
   quotelessJson,
   ZodError
 });
-var imageSchema = z.object({
-  text: z.string().optional(),
-  url: z.string(),
-  accessibilityDescription: z.string().optional()
-});
-var httpMethodSchema = z.union([
-  z.literal("GET"),
-  z.literal("POST"),
-  z.literal("PUT"),
-  z.literal("PATCH"),
-  z.literal("DELETE")
+var sizeSchema = z.union([
+  z.literal("xs"),
+  z.literal("sm"),
+  z.literal("md"),
+  z.literal("lg"),
+  z.literal("xl")
 ]);
-var iconNamedSchema = z.object({
-  name: z.string()
-});
 var contextSchema = z.union([
   z.literal("positive"),
   z.literal("neutral"),
@@ -8475,18 +8342,107 @@ var contextSchema = z.union([
   z.literal("info"),
   z.literal("primary")
 ]);
-var iconTextSchema = z.object({
-  text: z.string()
-});
-var sizeSchema = z.union([
-  z.literal("xs"),
-  z.literal("sm"),
-  z.literal("md"),
-  z.literal("lg"),
-  z.literal("xl")
+var columnsLayoutBiasSchema = z.union([
+  z.literal("none"),
+  z.literal("left"),
+  z.literal("right")
+]);
+var statusListLayoutStatusSchema = z.union([
+  z.literal("not-done"),
+  z.literal("pending"),
+  z.literal("done")
 ]);
 var alignSchema = z.union([z.literal("left"), z.literal("center"), z.literal("right")]);
-var iconSchema = z.union([iconNamedSchema, iconTextSchema]);
+var formLayoutSchemaReferenceSchema = z.object({
+  $ref: z.string()
+});
+var modalLayoutTriggerSchema = z.object({
+  title: z.string()
+});
+var httpMethodSchema = z.union([
+  z.literal("GET"),
+  z.literal("POST"),
+  z.literal("PUT"),
+  z.literal("PATCH"),
+  z.literal("DELETE")
+]);
+var dividerLayoutSchema = z.object({
+  type: z.literal("divider"),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
+var listLayoutStatusSchema = z.union([
+  z.literal("warning"),
+  z.literal("neutral"),
+  z.literal("positive")
+]);
+var headingLayoutSchema = z.object({
+  type: z.literal("heading"),
+  text: z.string(),
+  size: sizeSchema.optional(),
+  align: alignSchema.optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
+var formLayoutSchema = z.object({
+  type: z.literal("form"),
+  schema: formLayoutSchemaReferenceSchema.optional(),
+  schemaId: z.string(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
+var imageLayoutSchema = z.object({
+  type: z.literal("image"),
+  text: z.string().optional(),
+  url: z.string(),
+  size: sizeSchema.optional(),
+  accessibilityDescription: z.string().optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
+var infoLayoutSchema = z.object({
+  type: z.literal("info"),
+  markdown: z.string(),
+  align: alignSchema.optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
+var loadingIndicatorLayoutSchema = z.object({
+  type: z.literal("loading-indicator"),
+  size: sizeSchema.optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
+var paragraphLayoutSchema = z.object({
+  type: z.literal("paragraph"),
+  text: z.string(),
+  align: alignSchema.optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
+var instructionsLayoutItemSchema = z.object({
+  text: z.string(),
+  context: contextSchema
+});
+var helpSchema = z.object({
+  markdown: z.string()
+});
+var imageSchema = z.object({
+  text: z.string().optional(),
+  url: z.string(),
+  accessibilityDescription: z.string().optional()
+});
+var summaryProviderSchema = z.object({
+  providesTitle: z.boolean().optional(),
+  providesDescription: z.boolean().optional(),
+  providesIcon: z.boolean().optional(),
+  providesImage: z.boolean().optional()
+});
+var validateAsyncSchema = z.object({
+  param: z.string(),
+  method: httpMethodSchema,
+  url: z.string()
+});
 var autocompleteTokenSchema = z.union([
   z.literal("on"),
   z.literal("name"),
@@ -8552,106 +8508,14 @@ var autocompleteTokenSchema = z.union([
   z.literal("fax"),
   z.literal("pager")
 ]);
-var loadingIndicatorLayoutSchema = z.object({
-  type: z.literal("loading-indicator"),
-  size: sizeSchema.optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var paragraphLayoutSchema = z.object({
-  type: z.literal("paragraph"),
-  text: z.string(),
-  align: alignSchema.optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var dividerLayoutSchema = z.object({
-  type: z.literal("divider"),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var listLayoutStatusSchema = z.union([
-  z.literal("warning"),
-  z.literal("neutral"),
-  z.literal("positive")
-]);
-var formLayoutSchemaReferenceSchema = z.object({
-  $ref: z.string()
-});
-var imageLayoutSchema = z.object({
-  type: z.literal("image"),
-  text: z.string().optional(),
-  url: z.string(),
-  size: sizeSchema.optional(),
-  accessibilityDescription: z.string().optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var statusListLayoutStatusSchema = z.union([
-  z.literal("not-done"),
-  z.literal("pending"),
-  z.literal("done")
-]);
-var instructionsLayoutItemSchema = z.object({
-  text: z.string(),
-  context: contextSchema
-});
-var modalLayoutTriggerSchema = z.object({
-  title: z.string()
-});
-var searchLayoutSchema = z.object({
-  type: z.literal("search"),
-  title: z.string(),
-  method: httpMethodSchema,
-  url: z.string(),
-  param: z.string(),
-  emptyMessage: z.string().optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var infoLayoutSchema = z.object({
-  type: z.literal("info"),
-  markdown: z.string(),
-  align: alignSchema.optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var formLayoutSchema = z.object({
-  type: z.literal("form"),
-  schema: formLayoutSchemaReferenceSchema.optional(),
-  schemaId: z.string(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var headingLayoutSchema = z.object({
-  type: z.literal("heading"),
-  text: z.string(),
-  size: sizeSchema.optional(),
-  align: alignSchema.optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var markdownLayoutSchema = z.object({
-  type: z.literal("markdown"),
-  content: z.string(),
-  align: alignSchema.optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var columnsLayoutBiasSchema = z.union([
-  z.literal("none"),
-  z.literal("left"),
-  z.literal("right")
+var stringSchemaFormatSchema = z.union([
+  z.literal("date"),
+  z.literal("email"),
+  z.literal("numeric"),
+  z.literal("password"),
+  z.literal("phone-number"),
+  z.literal("base64url")
 ]);
-var helpSchema = z.object({
-  markdown: z.string()
-});
-var searchSearchRequestSchema = z.object({
-  url: z.string(),
-  method: httpMethodSchema,
-  param: z.string(),
-  query: z.string()
-});
 var jsonElementSchema = z.lazy(
   () => z.union([
     z.string(),
@@ -8661,6 +8525,7 @@ var jsonElementSchema = z.lazy(
     z.array(jsonElementSchema)
   ]).nullable()
 );
+var uploadSourceSchema = z.union([z.literal("camera"), z.literal("file")]);
 var externalSchema = z.object({
   url: z.string()
 });
@@ -8668,42 +8533,28 @@ var stepErrorSchema = z.object({
   error: z.string().optional(),
   validation: jsonElementSchema.optional()
 });
-var stringSchemaFormatSchema = z.union([
-  z.literal("date"),
-  z.literal("email"),
-  z.literal("numeric"),
-  z.literal("password"),
-  z.literal("phone-number"),
-  z.literal("base64url")
-]);
-var summarySummariserSchema = z.object({
-  defaultTitle: z.string().optional(),
-  defaultDescription: z.string().optional(),
-  defaultIcon: iconSchema.optional(),
-  defaultImage: imageLayoutSchema.optional(),
-  providesTitle: z.boolean().optional(),
-  providesDescription: z.boolean().optional(),
-  providesIcon: z.boolean().optional(),
-  providesImage: z.boolean().optional()
+var errorResponseBodySchema = z.object({
+  refreshFormUrl: z.string().optional(),
+  analytics: z.record(z.string()).optional(),
+  error: z.string().optional(),
+  validation: jsonElementSchema.optional(),
+  refreshUrl: z.string().optional()
 });
-var validateAsyncSchema = z.object({
-  param: z.string(),
+var searchSearchRequestSchema = z.object({
+  url: z.string(),
   method: httpMethodSchema,
-  url: z.string()
-});
-var summaryProviderSchema = z.object({
-  providesTitle: z.boolean().optional(),
-  providesDescription: z.boolean().optional(),
-  providesIcon: z.boolean().optional(),
-  providesImage: z.boolean().optional()
+  param: z.string(),
+  query: z.string()
 });
-var uploadSourceSchema = z.union([z.literal("camera"), z.literal("file")]);
 var navigationStackBehaviorSchema = z.union([
   z.literal("default"),
   z.literal("remove-previous"),
   z.literal("remove-all"),
   z.literal("replace-current")
 ]);
+var linkSchema = z.object({
+  url: z.string()
+});
 var actionTypeSchema = z.union([
   z.literal("primary"),
   z.literal("secondary"),
@@ -8711,9 +8562,11 @@ var actionTypeSchema = z.union([
   z.literal("positive"),
   z.literal("negative")
 ]);
-var summarySchema = z.union([summaryProviderSchema, summarySummariserSchema]);
-var linkSchema = z.object({
-  url: z.string()
+var iconNamedSchema = z.object({
+  name: z.string()
+});
+var iconTextSchema = z.object({
+  text: z.string()
 });
 var actionSchema = z.object({
   title: z.string().optional(),
@@ -8730,19 +8583,26 @@ var actionSchema = z.object({
   timeout: z.number().optional(),
   skipValidation: z.boolean().optional()
 });
-var listLayoutItemSchema = z.object({
+var markdownLayoutSchema = z.object({
+  type: z.literal("markdown"),
+  content: z.string(),
+  align: alignSchema.optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
+var searchLayoutSchema = z.object({
+  type: z.literal("search"),
   title: z.string(),
-  description: z.string().optional(),
-  icon: iconSchema,
-  status: listLayoutStatusSchema.optional()
+  method: httpMethodSchema,
+  url: z.string(),
+  param: z.string(),
+  emptyMessage: z.string().optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
 });
-var decisionLayoutOptionSchema = z.object({
-  action: actionSchema,
+var reviewLayoutCallToActionSchema = z.object({
   title: z.string(),
-  description: z.string().optional(),
-  disabled: z.boolean().optional(),
-  icon: iconSchema.optional(),
-  image: imageLayoutSchema.optional()
+  action: actionSchema
 });
 var instructionsLayoutSchema = z.object({
   type: z.literal("instructions"),
@@ -8751,27 +8611,39 @@ var instructionsLayoutSchema = z.object({
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
+var iconSchema = z.union([iconNamedSchema, iconTextSchema]);
 var behaviorSchema = z.object({
   action: actionSchema.optional(),
   link: linkSchema.optional()
 });
-var buttonLayoutSchema = z.object({
-  type: z.literal("button"),
-  size: sizeSchema.optional(),
-  title: z.string().optional(),
-  action: actionSchema,
-  context: contextSchema.optional(),
-  disabled: z.boolean().optional(),
-  pinOrder: z.number().optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
 var reviewLayoutFieldSchema = z.object({
   label: z.string(),
   value: z.string(),
   rawValue: z.string().optional(),
   help: helpSchema.optional()
 });
+var alertLayoutCallToActionSchema = z.object({
+  title: z.string(),
+  accessibilityDescription: z.string().optional(),
+  behavior: behaviorSchema
+});
+var summarySummariserSchema = z.object({
+  defaultTitle: z.string().optional(),
+  defaultDescription: z.string().optional(),
+  defaultIcon: iconSchema.optional(),
+  defaultImage: imageLayoutSchema.optional(),
+  providesTitle: z.boolean().optional(),
+  providesDescription: z.boolean().optional(),
+  providesIcon: z.boolean().optional(),
+  providesImage: z.boolean().optional()
+});
+var linkHandlerSchema = z.object({
+  regexPattern: z.string(),
+  action: actionSchema
+});
+var actionResponseBodySchema = z.object({
+  action: actionSchema
+});
 var searchResultSearchSchema = z.object({
   type: z.literal("search"),
   title: z.string(),
@@ -8780,27 +8652,13 @@ var searchResultSearchSchema = z.object({
   image: imageLayoutSchema.optional(),
   value: searchSearchRequestSchema
 });
-var searchResultActionSchema = z.object({
-  type: z.literal("action"),
-  title: z.string(),
-  description: z.string().optional(),
-  icon: iconSchema.optional(),
-  image: imageLayoutSchema.optional(),
-  value: actionSchema
-});
-var actionResponseBodySchema = z.object({
-  action: actionSchema
-});
-var errorResponseBodySchema = z.object({
-  refreshFormUrl: z.string().optional(),
-  analytics: z.record(z.string()).optional(),
-  error: z.string().optional(),
-  validation: jsonElementSchema.optional(),
-  refreshUrl: z.string().optional()
-});
-var linkHandlerSchema = z.object({
-  regexPattern: z.string(),
-  action: actionSchema
+var searchResultActionSchema = z.object({
+  type: z.literal("action"),
+  title: z.string(),
+  description: z.string().optional(),
+  icon: iconSchema.optional(),
+  image: imageLayoutSchema.optional(),
+  value: actionSchema
 });
 var pollingOnErrorSchema = z.object({
   action: actionSchema
@@ -8809,33 +8667,33 @@ var navigationBackBehaviorSchema = z.object({
   title: z.string().optional(),
   action: actionSchema
 });
-var reviewLayoutCallToActionSchema = z.object({
-  title: z.string(),
-  action: actionSchema
-});
-var alertLayoutCallToActionSchema = z.object({
-  title: z.string(),
-  accessibilityDescription: z.string().optional(),
-  behavior: behaviorSchema
-});
-var listLayoutSchema = z.object({
-  type: z.literal("list"),
-  items: z.array(listLayoutItemSchema),
-  title: z.string().optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var decisionLayoutSchema = z.object({
-  type: z.literal("decision"),
+var summarySchema = z.union([summaryProviderSchema, summarySummariserSchema]);
+var buttonLayoutSchema = z.object({
+  type: z.literal("button"),
+  size: sizeSchema.optional(),
   title: z.string().optional(),
-  options: z.array(decisionLayoutOptionSchema),
+  action: actionSchema,
+  context: contextSchema.optional(),
+  disabled: z.boolean().optional(),
+  pinOrder: z.number().optional(),
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
-var itemCallToActionSchema = z.object({
+var decisionLayoutOptionSchema = z.object({
+  action: actionSchema,
   title: z.string(),
-  accessibilityDescription: z.string().optional(),
-  behavior: behaviorSchema
+  description: z.string().optional(),
+  disabled: z.boolean().optional(),
+  icon: iconSchema.optional(),
+  image: imageLayoutSchema.optional()
+});
+var alertLayoutSchema = z.object({
+  type: z.literal("alert"),
+  markdown: z.string(),
+  context: contextSchema.optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional(),
+  callToAction: alertLayoutCallToActionSchema.optional()
 });
 var reviewLayoutSchema = z.object({
   type: z.literal("review"),
@@ -8847,27 +8705,16 @@ var reviewLayoutSchema = z.object({
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
-var searchResultSchema = z.union([searchResultActionSchema, searchResultSearchSchema]);
-var pollingSchema = z.object({
-  url: z.string(),
-  interval: z.number().optional(),
-  delay: z.number().optional(),
-  timeout: z.number().optional(),
-  maxAttempts: z.number(),
-  onError: pollingOnErrorSchema
-});
-var navigationSchema = z.object({
-  backButton: navigationBackBehaviorSchema.optional(),
-  back: navigationBackBehaviorSchema.optional(),
-  stackBehavior: navigationStackBehaviorSchema.optional()
+var listLayoutItemSchema = z.object({
+  title: z.string(),
+  description: z.string().optional(),
+  icon: iconSchema,
+  status: listLayoutStatusSchema.optional()
 });
-var alertLayoutSchema = z.object({
-  type: z.literal("alert"),
-  markdown: z.string(),
-  context: contextSchema.optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional(),
-  callToAction: alertLayoutCallToActionSchema.optional()
+var itemCallToActionSchema = z.object({
+  title: z.string(),
+  accessibilityDescription: z.string().optional(),
+  behavior: behaviorSchema
 });
 var statusListLayoutItemSchema = z.object({
   title: z.string(),
@@ -8876,9 +8723,6 @@ var statusListLayoutItemSchema = z.object({
   status: statusListLayoutStatusSchema.optional(),
   callToAction: itemCallToActionSchema.optional()
 });
-var searchResponseBodySchema = z.object({
-  results: z.array(searchResultSchema)
-});
 var blobSchemaSchema = z.object({
   type: z.literal("blob"),
   promoted: z.boolean().optional(),
@@ -8917,6 +8761,34 @@ var constSchemaSchema = z.object({
   analyticsId: z.string().optional(),
   disabled: z.boolean().optional()
 });
+var pollingSchema = z.object({
+  url: z.string(),
+  interval: z.number().optional(),
+  delay: z.number().optional(),
+  timeout: z.number().optional(),
+  maxAttempts: z.number(),
+  onError: pollingOnErrorSchema
+});
+var navigationSchema = z.object({
+  backButton: navigationBackBehaviorSchema.optional(),
+  back: navigationBackBehaviorSchema.optional(),
+  stackBehavior: navigationStackBehaviorSchema.optional()
+});
+var searchResultSchema = z.union([searchResultActionSchema, searchResultSearchSchema]);
+var decisionLayoutSchema = z.object({
+  type: z.literal("decision"),
+  title: z.string().optional(),
+  options: z.array(decisionLayoutOptionSchema),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
+var listLayoutSchema = z.object({
+  type: z.literal("list"),
+  items: z.array(listLayoutItemSchema),
+  title: z.string().optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
 var statusListLayoutSchema = z.object({
   type: z.literal("status-list"),
   items: z.array(statusListLayoutItemSchema),
@@ -8924,6 +8796,19 @@ var statusListLayoutSchema = z.object({
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
+var searchResponseBodySchema = z.object({
+  results: z.array(searchResultSchema)
+});
+var columnsLayoutSchema = z.lazy(
+  () => z.object({
+    type: z.literal("columns"),
+    left: z.array(layoutSchema),
+    right: z.array(layoutSchema),
+    bias: columnsLayoutBiasSchema.optional(),
+    control: z.string().optional(),
+    margin: sizeSchema.optional()
+  })
+);
 var layoutSchema = z.lazy(
   () => z.union([
     alertLayoutSchema,
@@ -8947,26 +8832,6 @@ var layoutSchema = z.lazy(
     statusListLayoutSchema
   ])
 );
-var boxLayoutSchema = z.lazy(
-  () => z.object({
-    type: z.literal("box"),
-    components: z.array(layoutSchema),
-    width: sizeSchema.optional(),
-    border: z.boolean().optional(),
-    control: z.string().optional(),
-    margin: sizeSchema.optional()
-  })
-);
-var columnsLayoutSchema = z.lazy(
-  () => z.object({
-    type: z.literal("columns"),
-    left: z.array(layoutSchema),
-    right: z.array(layoutSchema),
-    bias: columnsLayoutBiasSchema.optional(),
-    control: z.string().optional(),
-    margin: sizeSchema.optional()
-  })
-);
 var modalLayoutSchema = z.lazy(
   () => z.object({
     type: z.literal("modal"),
@@ -8982,25 +8847,14 @@ var modalLayoutContentSchema = z.lazy(
     components: z.array(layoutSchema)
   })
 );
-var stepSchema = z.lazy(
+var boxLayoutSchema = z.lazy(
   () => z.object({
-    key: z.string().optional(),
-    type: z.string().optional(),
-    actions: z.array(actionSchema).optional(),
-    refreshFormUrl: z.string().optional(),
-    id: z.string(),
-    title: z.string(),
-    schemas: z.array(schemaSchema),
-    layout: z.array(layoutSchema),
-    description: z.string().optional(),
-    model: jsonElementSchema.optional(),
-    external: externalSchema.optional(),
-    polling: pollingSchema.optional(),
-    linkHandlers: z.array(linkHandlerSchema).optional(),
-    analytics: z.record(z.string()).optional(),
-    errors: stepErrorSchema.optional(),
-    navigation: navigationSchema.optional(),
-    refreshUrl: z.string().optional()
+    type: z.literal("box"),
+    components: z.array(layoutSchema),
+    width: sizeSchema.optional(),
+    border: z.boolean().optional(),
+    control: z.string().optional(),
+    margin: sizeSchema.optional()
   })
 );
 var schemaSchema = z.lazy(
@@ -9226,17 +9080,21 @@ var stringSchemaSchema = z.lazy(
     help: helpSchema.optional()
   })
 );
-var arraySchemaListSchema = z.lazy(
+var persistAsyncSchema = z.lazy(
+  () => z.object({
+    param: z.string(),
+    idProperty: z.string(),
+    schema: schemaSchema,
+    url: z.string(),
+    method: httpMethodSchema
+  })
+);
+var arraySchemaTupleSchema = z.lazy(
   () => z.object({
     type: z.literal("array"),
     promoted: z.boolean().optional(),
     $id: z.string().optional(),
-    items: schemaSchema,
-    addItemTitle: z.string(),
-    editItemTitle: z.string(),
-    minItems: z.number().optional(),
-    maxItems: z.number().optional(),
-    placeholder: z.string().optional(),
+    items: z.array(schemaSchema),
     title: z.string().optional(),
     description: z.string().optional(),
     control: z.string().optional(),
@@ -9244,30 +9102,24 @@ var arraySchemaListSchema = z.lazy(
     icon: iconSchema.optional(),
     image: imageSchema.optional(),
     keywords: z.array(z.string()).optional(),
-    summary: summarySummariserSchema.optional(),
+    summary: summaryProviderSchema.optional(),
     analyticsId: z.string().optional(),
     persistAsync: persistAsyncSchema.optional(),
     validationAsync: validateAsyncSchema.optional(),
-    alert: alertLayoutSchema.optional(),
-    validationMessages: z.record(z.string()).optional(),
-    disabled: z.boolean().optional()
-  })
-);
-var persistAsyncSchema = z.lazy(
-  () => z.object({
-    param: z.string(),
-    idProperty: z.string(),
-    schema: schemaSchema,
-    url: z.string(),
-    method: httpMethodSchema
+    alert: alertLayoutSchema.optional()
   })
 );
-var arraySchemaTupleSchema = z.lazy(
+var arraySchemaListSchema = z.lazy(
   () => z.object({
     type: z.literal("array"),
     promoted: z.boolean().optional(),
     $id: z.string().optional(),
-    items: z.array(schemaSchema),
+    items: schemaSchema,
+    addItemTitle: z.string(),
+    editItemTitle: z.string(),
+    minItems: z.number().optional(),
+    maxItems: z.number().optional(),
+    placeholder: z.string().optional(),
     title: z.string().optional(),
     description: z.string().optional(),
     control: z.string().optional(),
@@ -9275,11 +9127,34 @@ var arraySchemaTupleSchema = z.lazy(
     icon: iconSchema.optional(),
     image: imageSchema.optional(),
     keywords: z.array(z.string()).optional(),
-    summary: summaryProviderSchema.optional(),
+    summary: summarySummariserSchema.optional(),
     analyticsId: z.string().optional(),
     persistAsync: persistAsyncSchema.optional(),
     validationAsync: validateAsyncSchema.optional(),
-    alert: alertLayoutSchema.optional()
+    alert: alertLayoutSchema.optional(),
+    validationMessages: z.record(z.string()).optional(),
+    disabled: z.boolean().optional()
+  })
+);
+var stepSchema = z.lazy(
+  () => z.object({
+    key: z.string().optional(),
+    type: z.string().optional(),
+    actions: z.array(actionSchema).optional(),
+    refreshFormUrl: z.string().optional(),
+    id: z.string(),
+    title: z.string(),
+    schemas: z.array(schemaSchema),
+    layout: z.array(layoutSchema),
+    description: z.string().optional(),
+    model: jsonElementSchema.optional(),
+    external: externalSchema.optional(),
+    polling: pollingSchema.optional(),
+    linkHandlers: z.array(linkHandlerSchema).optional(),
+    analytics: z.record(z.string()).optional(),
+    errors: stepErrorSchema.optional(),
+    navigation: navigationSchema.optional(),
+    refreshUrl: z.string().optional()
   })
 );
 var validateStep = (step) => validate(step, stepSchema);
@@ -13200,24 +13075,22 @@ var mapStepToComponent = (_a) => {
     loadingState,
     displayStepTitle,
     trackEvent,
-    onPoll
+    onPoll,
+    onBack
   } = _b, restProps = __objRest(_b, [
     "loadingState",
     "displayStepTitle",
     "trackEvent",
-    "onPoll"
+    "onPoll",
+    "onBack"
   ]);
-  var _a2, _b2;
+  var _a2, _b2, _c;
   const { step, updateComponent } = restProps;
   const { id, description, errors, external, key, layout = [], navigation, polling, title } = step;
   const backNavigation = (_a2 = navigation == null ? void 0 : navigation.back) != null ? _a2 : navigation == null ? void 0 : navigation.backButton;
-  const back = backNavigation ? {
-    title: backNavigation.title,
-    onClick: () => {
-      void restProps.onAction(__spreadProps(__spreadValues({}, backNavigation.action), { skipValidation: true }));
-    }
-  } : void 0;
-  const refreshUrl = (_b2 = step.refreshUrl) != null ? _b2 : step.refreshFormUrl;
+  const backAction = onBack(backNavigation == null ? void 0 : backNavigation.action);
+  const back = backAction ? { title: (_b2 = backNavigation == null ? void 0 : backNavigation.title) != null ? _b2 : "Back", onClick: backAction } : void 0;
+  const refreshUrl = (_c = step.refreshUrl) != null ? _c : step.refreshFormUrl;
   const stepId = id || key;
   if (stepId === void 0) {
     throw new Error("Step must have an id or a key");
@@ -13694,8 +13567,9 @@ var executePoll = async (props) => {
 
 // src/revamp/useDynamicFlowCore.tsx
 function useDynamicFlowCore(props) {
-  const _a = props, { flowId, initialAction, initialStep, displayStepTitle = true } = _a, rest = __objRest(_a, ["flowId", "initialAction", "initialStep", "displayStepTitle"]);
+  const _a = props, { flowId, initialAction, initialStep, displayStepTitle = true, nativeBack } = _a, rest = __objRest(_a, ["flowId", "initialAction", "initialStep", "displayStepTitle", "nativeBack"]);
   const httpClient = useStableCallback(rest.httpClient);
+  const onCancellation = useStableCallback(rest.onCancellation);
   const onCompletion = useStableCallback(rest.onCompletion);
   const onValueChange = useStableCallback(props.onValueChange);
   const onLink = useStableCallback(props.onLink);
@@ -13707,8 +13581,9 @@ function useDynamicFlowCore(props) {
     () => getSchemaErrorMessageFunction(formatMessage, locale),
     [formatMessage, locale]
   );
-  const [stepComponent, setStepComponent] = (0, import_react17.useState)(null);
+  const [stepStack, setStepStack] = (0, import_react17.useState)([]);
   const stepComponentRef = (0, import_react17.useRef)(null);
+  const initialisedRef = (0, import_react17.useRef)(false);
   const stepRef = (0, import_react17.useRef)(initialStep != null ? initialStep : null);
   const etagRef = (0, import_react17.useRef)(null);
   const abortControllerRef = (0, import_react17.useRef)(new AbortController());
@@ -13718,18 +13593,41 @@ function useDynamicFlowCore(props) {
     return abortControllerRef.current.signal;
   };
   (0, import_react17.useEffect)(() => {
+    if (initialisedRef.current) {
+      return;
+    }
+    initialisedRef.current = true;
     trackCoreEvent("Initiated");
     if (!initialStep && initialAction) {
       void onAction(__spreadValues({ method: "GET" }, initialAction));
     }
     if (initialStep && !initialAction) {
-      initialiseWithStep(initialStep, null);
+      initialiseWithStep(initialStep, null, true);
       trackCoreEvent("Step Shown", { isFirstStep: true });
     }
   }, []);
+  const onBack = (action) => {
+    if (action) {
+      return () => {
+        void onAction(__spreadProps(__spreadValues({}, action), { skipValidation: true }));
+      };
+    }
+    if (nativeBack) {
+      return () => setStepStack((value) => {
+        const newStepComponent = value.slice(0, -1);
+        stepComponentRef.current = newStepComponent[newStepComponent.length - 1];
+        if (value.length === 1) {
+          onCancellation();
+          trackCoreEvent("Cancelled");
+          return [];
+        }
+        return newStepComponent;
+      });
+    }
+  };
   const initialiseWithStep = (0, import_react17.useCallback)(
-    (newStep, etag) => {
-      var _a2, _b, _c;
+    (newStep, etag, isNewStep = false) => {
+      var _a2, _b, _c, _d, _e;
       (_a2 = stepComponentRef.current) == null ? void 0 : _a2.stop();
       stepRef.current = newStep;
       etagRef.current = etag;
@@ -13741,16 +13639,16 @@ function useDynamicFlowCore(props) {
         const currentStepComponent = stepComponentRef.current;
         if (currentStepComponent) {
           update(findComponent([currentStepComponent], id));
-          setStepComponent(() => {
-            const newStepDomainComponent = __spreadValues({}, currentStepComponent);
-            stepComponentRef.current = newStepDomainComponent;
-            return newStepDomainComponent;
+          setStepStack((value) => {
+            stepComponentRef.current = currentStepComponent;
+            return [...value];
           });
         }
       };
       try {
+        const { stackBehavior = void 0 } = (_b = newStep.navigation) != null ? _b : {};
         const newStepComponent = mapStepToComponent({
-          stepLocalValue: (_c = (_b = stepComponentRef.current) == null ? void 0 : _b.getLocalValue()) != null ? _c : null,
+          stepLocalValue: (_d = (_c = stepComponentRef.current) == null ? void 0 : _c.getLocalValue()) != null ? _d : null,
           step: newStep,
           displayStepTitle,
           loadingState: "idle",
@@ -13763,11 +13661,29 @@ function useDynamicFlowCore(props) {
           onRefresh,
           onPoll,
           onLink,
-          onValueChange
+          onValueChange,
+          onBack
         });
-        setStepComponent(() => {
+        const getStack = (current) => {
+          if (!isNewStep) {
+            return current.slice(0, -1);
+          }
+          switch (stackBehavior) {
+            case "remove-all":
+              return [];
+            case "remove-previous":
+              return current.slice(0, -1);
+            case "replace-current":
+              return current.slice(0, -1);
+            case "default":
+            default:
+              return current;
+          }
+        };
+        (_e = stepComponentRef == null ? void 0 : stepComponentRef.current) == null ? void 0 : _e.setLoadingState("idle");
+        setStepStack((value) => {
           stepComponentRef.current = newStepComponent;
-          return newStepComponent;
+          return [...getStack(value), newStepComponent];
         });
       } catch (error) {
         closeWithError(error);
@@ -13835,7 +13751,7 @@ function useDynamicFlowCore(props) {
         }
         case "replace-step": {
           const isFirstStep = stepRef.current === null;
-          initialiseWithStep(command.step, command.etag);
+          initialiseWithStep(command.step, command.etag, true);
           trackCoreEvent("Step Shown", { isFirstStep });
           break;
         }
@@ -15567,9 +15483,6 @@ var priorities = {
 };
 var getButtonPriority = (control, action) => {
   const actionType = action ? action.type : void 0;
-  if (control === "minimal") {
-    return "tertiary";
-  }
   return control != null ? control : actionType ? priorities[actionType] : "secondary";
 };
 var contextToType = {