@wise/dynamic-flow-client 4.0.0-exp-no-min-16b18aa → 4.0.0-experimental-0afa26a

package/build/main.js

@@ -143,10 +143,10 @@ var init_clsx = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@wise+art@2.19.0_@transferwise+neptune-css@14.20.1_@types+react@18.3.18_react-dom@18.3.1_reac_mzw7cg6j4wc7ddwlhxck7linn4/node_modules/@wise/art/dist/index-8Fxev6OI.esm.js
+// ../../node_modules/.pnpm/@wise+art@2.19.0_@transferwise+neptune-css@14.22.0_@types+react@18.3.18_react-dom@18.3.1_reac_62coi6aa7fmdhpcz7p72kf3gum/node_modules/@wise/art/dist/index-8Fxev6OI.esm.js
 var import_react14, import_jsx_runtime11, unknownFlagName, Flag, Sizes, ImageSizes, imageSizes, Assets, RenderMode;
 var init_index_8Fxev6OI_esm = __esm({
-  "../../node_modules/.pnpm/@wise+art@2.19.0_@transferwise+neptune-css@14.20.1_@types+react@18.3.18_react-dom@18.3.1_reac_mzw7cg6j4wc7ddwlhxck7linn4/node_modules/@wise/art/dist/index-8Fxev6OI.esm.js"() {
+  "../../node_modules/.pnpm/@wise+art@2.19.0_@transferwise+neptune-css@14.22.0_@types+react@18.3.18_react-dom@18.3.1_reac_62coi6aa7fmdhpcz7p72kf3gum/node_modules/@wise/art/dist/index-8Fxev6OI.esm.js"() {
     "use strict";
     init_clsx();
     import_react14 = require("react");
@@ -439,7 +439,7 @@ var index_exports = {};
 __export(index_exports, {
   DynamicFlow: () => DynamicFlow_default,
   DynamicFlowCoreRevamp: () => DynamicFlowCore,
-  DynamicFragmentCore: () => DynamicFragmentCore,
+  DynamicFormCore: () => DynamicFormCore,
   JsonSchemaForm: () => JsonSchemaForm_default,
   Layout: () => DynamicLayout_default,
   convertStepToLayout: () => convertStepToLayout,
@@ -1430,891 +1430,290 @@ var CoreContainerRenderer = {
   render: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children })
 };
 
-// src/revamp/utils/type-validators.ts
-var isString = (value) => typeof value === "string";
-var isNumber = (value) => typeof value === "number" && !Number.isNaN(value);
-var isInteger = (value) => isNumber(value) && Math.floor(value) === value;
-var isBoolean = (value) => typeof value === "boolean";
-var isObject = (value) => !isNullish(value) && (value == null ? void 0 : value.constructor) === Object;
-var isArray = (value) => Array.isArray(value);
-var isNull = (value) => value === null;
-var isUndefined = (value) => typeof value === "undefined";
-var isNullish = (v) => isNull(v) || isUndefined(v);
-var isFile = (value) => value instanceof File;
-
-// src/revamp/utils/type-utils.ts
-var hasChildren = (component) => "getChildren" in component && typeof component.getChildren === "function";
-var isColumnsComponent = (component) => Object.hasOwnProperty.call(component, "startComponents") && Object.hasOwnProperty.call(component, "endComponents");
-var isHiddenComponent = (component) => "hidden" in component && component.hidden;
-var isRepeatableComponent = (component) => Object.hasOwnProperty.call(component, "editableComponent");
-var isObjectLocalValue = (value) => value != null && typeof value === "object" && !Array.isArray(value) && !(value instanceof File);
-var isArrayLocalValue = (value) => Array.isArray(value);
-var isObjectModel = (model) => model != null && typeof model === "object" && !Array.isArray(model);
-var isArrayModel = (model) => Array.isArray(model);
-var isAllOfSchema = (schema) => "allOf" in schema && !isNullish(schema.allOf);
-var isBooleanSchema = (schema) => "type" in schema && schema.type === "boolean";
-var isBlobSchema = (schema) => "type" in schema && schema.type === "blob";
-var isConstSchema = (schema) => "const" in schema && schema.const !== void 0;
-var isIntegerSchema = (schema) => "type" in schema && schema.type === "integer";
-var isNumberSchema = (schema) => "type" in schema && schema.type === "number";
-var isObjectSchema = (schema) => "type" in schema && schema.type === "object";
-var isOneOfSchema = (schema) => "oneOf" in schema && !isNullish(schema.oneOf);
-var isArraySchema = (schema) => "items" in schema && !isNullish(schema.items);
-var isArrayListSchema = (schema) => "items" in schema && isObject(schema.items) && !isArray(schema.items);
-var isArrayTupleSchema = (schema) => "items" in schema && !isObject(schema.items) && isArray(schema.items);
-var isStringSchema = (schema) => "type" in schema && schema.type === "string";
-var isStringSchemaWithUpload = (schema) => isStringSchema(schema) && schema.format === "base64url";
-var isSchemaWithPersistAsync = (schema) => "persistAsync" in schema && !isNullish(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 = (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 = (component) => pick(component, "type", "callToAction", "context", "control", "margin", "markdown");
-
-// src/revamp/renderers/mappers/allOfComponentToProps.ts
-var allOfComponentToProps = (component, children) => __spreadProps(__spreadValues({
-  type: "section"
-}, pick(component, "control", "description", "help", "icon", "image", "title")), {
-  children
-});
-
-// src/revamp/renderers/mappers/utils/mapErrorsToValidationState.ts
-var mapErrorsToValidationState = (errors) => {
-  if (errors) {
-    if (errors.length > 0) {
-      return { status: "invalid", message: errors[0] };
+// src/revamp/renderers/getRenderFunction.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var getRenderFunction = (renderers) => {
+  function ComponentRenderer(props) {
+    const { type } = props;
+    if (type === "hidden") {
+      return null;
     }
-    return { status: "valid" };
+    const renderer = renderers.find(
+      ({ canRenderType, canRender = () => true }) => (
+        // once the type is matched, we know the props are of the correct type
+        canRenderType === type && canRender(props)
+      )
+    );
+    if (!renderer) {
+      throw new Error(`Could not find a renderer for ${type}`);
+    }
+    return renderer.render(props);
   }
-  return void 0;
+  const render = (props) => {
+    if (!props) {
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, {});
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ComponentRenderer, __spreadValues({}, props), props.uid);
+  };
+  return render;
 };
 
-// src/revamp/renderers/mappers/utils/inputComponentToProps.ts
-var inputComponentToProps = (component, type) => {
-  var _a, _b, _c, _d;
-  const {
-    control,
-    description,
-    disabled,
-    errors,
-    help,
-    icon,
-    id,
-    image,
-    placeholder,
-    required,
-    title,
-    validationAsyncState,
-    onBlur,
-    onFocus
-  } = component;
-  const { messages } = validationAsyncState != null ? validationAsyncState : {};
-  return {
-    type,
-    control,
-    description,
-    disabled,
-    error: (_a = messages == null ? void 0 : messages.error) != null ? _a : errors == null ? void 0 : errors[0],
-    help,
-    icon,
-    id,
-    image: image ? {
-      accessibilityDescription: (_b = image.accessibilityDescription) != null ? _b : image.text,
-      uri: image.uri,
-      url: (_d = (_c = image.uri) != null ? _c : image.url) != null ? _d : ""
-    } : void 0,
-    placeholder,
-    required,
-    title,
-    validationState: getValidationState(errors, validationAsyncState),
-    value: component.getLocalValue(),
-    onBlur: onBlur.bind(component),
-    onFocus: onFocus.bind(component)
-  };
+// ../types/build/main.mjs
+var __defProp2 = Object.defineProperty;
+var __defProps2 = Object.defineProperties;
+var __getOwnPropDescs2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp2.call(b, prop))
+      __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2)
+    for (var prop of __getOwnPropSymbols2(b)) {
+      if (__propIsEnum2.call(b, prop))
+        __defNormalProp2(a, prop, b[prop]);
+    }
+  return a;
 };
-var getValidationState = (errors, validationAsyncState) => {
-  if (validationAsyncState) {
-    if (validationAsyncState == null ? void 0 : validationAsyncState.messages.error) {
-      return { status: "invalid", message: validationAsyncState == null ? void 0 : validationAsyncState.messages.error };
+var __spreadProps2 = (a, b) => __defProps2(a, __getOwnPropDescs2(b));
+var util;
+(function(util2) {
+  util2.assertEqual = (val) => val;
+  function assertIs(_arg) {
+  }
+  util2.assertIs = assertIs;
+  function assertNever(_x) {
+    throw new Error();
+  }
+  util2.assertNever = assertNever;
+  util2.arrayToEnum = (items) => {
+    const obj = {};
+    for (const item of items) {
+      obj[item] = item;
     }
-    if (validationAsyncState == null ? void 0 : validationAsyncState.messages.success) {
-      return { status: "valid", message: validationAsyncState == null ? void 0 : validationAsyncState.messages.success };
+    return obj;
+  };
+  util2.getValidEnumValues = (obj) => {
+    const validKeys = util2.objectKeys(obj).filter((k) => typeof obj[obj[k]] !== "number");
+    const filtered = {};
+    for (const k of validKeys) {
+      filtered[k] = obj[k];
     }
-  }
-  return mapErrorsToValidationState(errors);
-};
-
-// src/revamp/renderers/mappers/booleanInputComponentToProps.ts
-var booleanInputComponentToProps = (component) => {
-  var _a;
-  return __spreadProps(__spreadValues({}, inputComponentToProps(component, "input-checkbox")), {
-    value: (_a = component.value) != null ? _a : false,
-    onChange: component.onChange.bind(component)
-  });
-};
-
-// src/revamp/renderers/mappers/boxComponentToProps.ts
-var boxComponentToProps = (component, children) => __spreadProps(__spreadValues({}, pick(component, "type", "border", "control", "width", "margin")), {
-  children
-});
-
-// src/revamp/renderers/mappers/buttonComponentToProps.ts
-var buttonComponentToProps = (component) => {
-  return __spreadValues({
-    type: "button"
-  }, pick(
-    component,
-    "title",
-    "control",
-    "context",
-    "disabled",
-    "margin",
-    "pinOrder",
-    "size",
-    "onClick"
-  ));
-};
-
-// src/revamp/renderers/mappers/columnsComponentToProps.ts
-var columnsComponentToProps = ({ bias, control, margin }, startChildren, endChildren) => ({ type: "columns", bias, control, margin, startChildren, endChildren });
-
-// src/revamp/renderers/mappers/containerComponentToProps.ts
-var containerComponentToProps = (children) => ({
-  type: "container",
-  children
-});
-
-// src/revamp/renderers/mappers/dateInputComponentToProps.ts
-var dateInputComponentToProps = (component) => __spreadProps(__spreadValues({}, inputComponentToProps(component, "input-date")), {
-  autoComplete: component.autoComplete,
-  minimumDate: component.minimumDate,
-  maximumDate: component.maximumDate,
-  onChange: component.onChange.bind(component)
-});
-
-// src/revamp/renderers/mappers/decisionComponentToProps.ts
-var decisionComponentToProps = (component) => __spreadProps(__spreadValues({}, pick(component, "type", "control", "margin", "title")), {
-  options: component.options.map((_a) => {
-    var _b = _a, { image } = _b, rest = __objRest(_b, ["image"]);
-    var _a2, _b2, _c;
-    return __spreadProps(__spreadValues({}, rest), {
-      image: image ? {
-        accessibilityDescription: (_a2 = image.accessibilityDescription) != null ? _a2 : image.text,
-        uri: image.uri,
-        url: (_c = (_b2 = image.uri) != null ? _b2 : image.url) != null ? _c : ""
-      } : image
+    return util2.objectValues(filtered);
+  };
+  util2.objectValues = (obj) => {
+    return util2.objectKeys(obj).map(function(e) {
+      return obj[e];
     });
-  })
-});
-
-// src/revamp/renderers/mappers/dividerComponentToProps.ts
-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 = (component) => pick(component, "type", "align", "control", "margin", "size", "text");
-
-// src/revamp/renderers/mappers/hiddenComponentToProps.ts
-var hiddenComponentToProps = () => ({
-  type: "hidden"
-});
-
-// src/revamp/renderers/mappers/imageComponentToProps.ts
-var imageComponentToProps = (component) => {
-  var _a;
-  return __spreadProps(__spreadValues({}, pick(component, "type", "control", "margin", "size")), {
-    accessibilityDescription: component.content.accessibilityDescription,
-    url: (_a = component.content.url) != null ? _a : "",
-    uri: component.content.uri
-  });
-};
-
-// src/revamp/renderers/mappers/instructionsComponentToProps.ts
-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")), {
-  autoComplete: component.autoComplete,
-  maximum: component.maximum,
-  minimum: component.minimum,
-  onChange: component.onChange.bind(component)
-});
-
-// src/revamp/renderers/mappers/loadingIndicatorComponentToProps.ts
-var loadingIndicatorComponentToProps = (component) => pick(component, "type", "control", "margin", "size");
-
-// src/revamp/renderers/mappers/markdownComponentToProps.ts
-var markdownComponentToProps = (control) => pick(control, "type", "align", "margin", "content", "control");
-
-// src/revamp/renderers/mappers/modalComponentToProps.ts
-var modalComponentToProps = ({ content, control, margin, trigger }, components) => ({
-  type: "modal",
-  content: { components, title: content.title },
-  control,
-  margin,
-  trigger
-});
-
-// src/revamp/renderers/mappers/multiUploadInputComponentToProps.ts
-var multiUploadInputComponentToProps = (component) => {
-  const { accepts, files, maxSize, minItems, maxItems, uploadLabel } = component;
-  return __spreadProps(__spreadValues({}, inputComponentToProps(component, "input-upload-multi")), {
-    accepts,
-    maxSize,
-    minItems,
-    maxItems,
-    uploadLabel,
-    value: files.map((file) => __spreadProps(__spreadValues({}, file), { validationState: mapErrorsToValidationState(file.errors) })),
-    onInsertFile: component.onInsertFile.bind(component),
-    onRemoveFile: component.onRemoveFile.bind(component)
-  });
-};
-
-// src/revamp/renderers/mappers/numberInputComponentToProps.ts
-var numberInputComponentToProps = (component) => __spreadProps(__spreadValues({}, inputComponentToProps(component, "input-number")), {
-  maximum: component.maximum,
-  minimum: component.minimum,
-  onChange: component.onChange.bind(component)
-});
-
-// src/revamp/renderers/mappers/objectComponentToProps.ts
-var objectComponentToProps = (component, children) => {
-  var _a, _b;
-  return __spreadProps(__spreadValues({
-    type: "section"
-  }, pick(component, "control", "description", "help", "icon", "title")), {
-    // TODO: Remove when viewbindings are updated
-    image: component.image ? __spreadProps(__spreadValues({}, component.image), {
-      url: (_b = (_a = component.image) == null ? void 0 : _a.url) != null ? _b : ""
-    }) : void 0,
-    children
-  });
-};
-
-// src/revamp/renderers/mappers/paragraphComponentToProps.ts
-var paragraphComponentToProps = (component) => pick(component, "type", "align", "control", "margin", "text");
-
-// src/revamp/renderers/mappers/repeatableComponentToProps.ts
-var repeatableComponentToProps = (component, children, editableItemChildren) => {
-  var _a, _b;
-  const {
-    addItemTitle,
-    control,
-    components,
-    description,
-    editItemTitle,
-    errors,
-    icon,
-    image,
-    maxItems,
-    minItems,
-    summaryDefaults,
-    title = "",
-    onEdit,
-    onAdd,
-    onSave,
-    onRemove
-  } = component;
-  const getSummaryImage = (componentSummary) => {
-    var _a2, _b2;
-    if (componentSummary.image) {
-      return __spreadProps(__spreadValues({}, componentSummary.image), {
-        url: (_a2 = componentSummary.image.url) != null ? _a2 : ""
-      });
+  };
+  util2.objectKeys = typeof Object.keys === "function" ? (obj) => Object.keys(obj) : (object) => {
+    const keys = [];
+    for (const key in object) {
+      if (Object.prototype.hasOwnProperty.call(object, key)) {
+        keys.push(key);
+      }
     }
-    if (summaryDefaults.image) {
-      return __spreadProps(__spreadValues({}, summaryDefaults.image), {
-        url: (_b2 = summaryDefaults.image.url) != null ? _b2 : ""
-      });
+    return keys;
+  };
+  util2.find = (arr, checker) => {
+    for (const item of arr) {
+      if (checker(item))
+        return item;
     }
+    return void 0;
   };
-  const getSummary = (componentSummary) => {
-    var _a2, _b2, _c;
-    return {
-      title: (_a2 = componentSummary.title) != null ? _a2 : summaryDefaults.title,
-      description: (_b2 = componentSummary.description) != null ? _b2 : summaryDefaults.description,
-      icon: (_c = componentSummary.icon) != null ? _c : summaryDefaults.icon,
-      image: getSummaryImage(componentSummary)
-    };
+  util2.isInteger = typeof Number.isInteger === "function" ? (val) => Number.isInteger(val) : (val) => typeof val === "number" && isFinite(val) && Math.floor(val) === val;
+  function joinValues(array, separator = " | ") {
+    return array.map((val) => typeof val === "string" ? `'${val}'` : val).join(separator);
+  }
+  util2.joinValues = joinValues;
+  util2.jsonStringifyReplacer = (_, value) => {
+    if (typeof value === "bigint") {
+      return value.toString();
+    }
+    return value;
   };
-  const itemProps = components.map((childComponent) => __spreadProps(__spreadValues({}, getSummary(childComponent.getSummary())), {
-    id: `${childComponent.uid}-summary`
-  }));
-  return {
-    type: "repeatable",
-    children,
-    addItemTitle,
-    control,
-    description,
-    editableItem: editableItemChildren,
-    editItemTitle,
-    error: errors == null ? void 0 : errors[0],
-    icon,
-    image: image ? {
-      accessibilityDescription: (_a = image.accessibilityDescription) != null ? _a : image.text,
-      uri: image.uri,
-      url: (_b = image.url) != null ? _b : ""
-    } : void 0,
-    items: itemProps,
-    maxItems,
-    minItems,
-    title,
-    validationState: mapErrorsToValidationState(errors),
-    onAdd: onAdd.bind(component),
-    onEdit: onEdit.bind(component),
-    onSave: onSave.bind(component),
-    onRemove: onRemove.bind(component)
+})(util || (util = {}));
+var objectUtil;
+(function(objectUtil2) {
+  objectUtil2.mergeShapes = (first, second) => {
+    return __spreadValues2(__spreadValues2({}, first), second);
   };
+})(objectUtil || (objectUtil = {}));
+var ZodParsedType = util.arrayToEnum([
+  "string",
+  "nan",
+  "number",
+  "integer",
+  "float",
+  "boolean",
+  "date",
+  "bigint",
+  "symbol",
+  "function",
+  "undefined",
+  "null",
+  "array",
+  "object",
+  "unknown",
+  "promise",
+  "void",
+  "never",
+  "map",
+  "set"
+]);
+var getParsedType = (data) => {
+  const t = typeof data;
+  switch (t) {
+    case "undefined":
+      return ZodParsedType.undefined;
+    case "string":
+      return ZodParsedType.string;
+    case "number":
+      return isNaN(data) ? ZodParsedType.nan : ZodParsedType.number;
+    case "boolean":
+      return ZodParsedType.boolean;
+    case "function":
+      return ZodParsedType.function;
+    case "bigint":
+      return ZodParsedType.bigint;
+    case "symbol":
+      return ZodParsedType.symbol;
+    case "object":
+      if (Array.isArray(data)) {
+        return ZodParsedType.array;
+      }
+      if (data === null) {
+        return ZodParsedType.null;
+      }
+      if (data.then && typeof data.then === "function" && data.catch && typeof data.catch === "function") {
+        return ZodParsedType.promise;
+      }
+      if (typeof Map !== "undefined" && data instanceof Map) {
+        return ZodParsedType.map;
+      }
+      if (typeof Set !== "undefined" && data instanceof Set) {
+        return ZodParsedType.set;
+      }
+      if (typeof Date !== "undefined" && data instanceof Date) {
+        return ZodParsedType.date;
+      }
+      return ZodParsedType.object;
+    default:
+      return ZodParsedType.unknown;
+  }
 };
-
-// src/revamp/renderers/mappers/reviewComponentToProps.ts
-var reviewComponentToProps = (component) => pick(component, "type", "callToAction", "control", "fields", "margin", "title");
-
-// src/revamp/renderers/mappers/searchComponentToProps.ts
-var searchComponentToProps = (component) => {
-  const { uid, control, emptyMessage, error, isLoading, margin, query, results, title } = component;
-  const onChange = component.onChange.bind(component);
-  const onSelect = component.onSelect.bind(component);
-  const state = getSearchState({
-    emptyMessage,
-    error,
-    isLoading,
-    query,
-    results,
-    onChange,
-    onSelect
-  });
-  return {
-    type: "search",
-    id: uid,
-    control,
-    isLoading,
-    margin,
-    query,
-    state,
-    title,
-    onChange
-  };
+var ZodIssueCode = util.arrayToEnum([
+  "invalid_type",
+  "invalid_literal",
+  "custom",
+  "invalid_union",
+  "invalid_union_discriminator",
+  "invalid_enum_value",
+  "unrecognized_keys",
+  "invalid_arguments",
+  "invalid_return_type",
+  "invalid_date",
+  "invalid_string",
+  "too_small",
+  "too_big",
+  "invalid_intersection_types",
+  "not_multiple_of",
+  "not_finite"
+]);
+var quotelessJson = (obj) => {
+  const json = JSON.stringify(obj, null, 2);
+  return json.replace(/"([^"]+)":/g, "$1:");
 };
-var getSearchState = ({
-  emptyMessage,
-  error,
-  isLoading,
-  query,
-  results,
-  onChange,
-  onSelect
-}) => {
-  if (!query || isLoading) {
-    return { type: "pending" };
+var ZodError = class _ZodError extends Error {
+  get errors() {
+    return this.issues;
   }
-  if (error) {
-    return { type: "error", onRetry: () => onChange(query) };
+  constructor(issues) {
+    super();
+    this.issues = [];
+    this.addIssue = (sub) => {
+      this.issues = [...this.issues, sub];
+    };
+    this.addIssues = (subs = []) => {
+      this.issues = [...this.issues, ...subs];
+    };
+    const actualProto = new.target.prototype;
+    if (Object.setPrototypeOf) {
+      Object.setPrototypeOf(this, actualProto);
+    } else {
+      this.__proto__ = actualProto;
+    }
+    this.name = "ZodError";
+    this.issues = issues;
   }
-  if (results.length === 0) {
-    return { type: "noResults", message: emptyMessage };
+  format(_mapper) {
+    const mapper = _mapper || function(issue) {
+      return issue.message;
+    };
+    const fieldErrors = { _errors: [] };
+    const processError = (error) => {
+      for (const issue of error.issues) {
+        if (issue.code === "invalid_union") {
+          issue.unionErrors.map(processError);
+        } else if (issue.code === "invalid_return_type") {
+          processError(issue.returnTypeError);
+        } else if (issue.code === "invalid_arguments") {
+          processError(issue.argumentsError);
+        } else if (issue.path.length === 0) {
+          fieldErrors._errors.push(mapper(issue));
+        } else {
+          let curr = fieldErrors;
+          let i = 0;
+          while (i < issue.path.length) {
+            const el = issue.path[i];
+            const terminal = i === issue.path.length - 1;
+            if (!terminal) {
+              curr[el] = curr[el] || { _errors: [] };
+            } else {
+              curr[el] = curr[el] || { _errors: [] };
+              curr[el]._errors.push(mapper(issue));
+            }
+            curr = curr[el];
+            i++;
+          }
+        }
+      }
+    };
+    processError(this);
+    return fieldErrors;
   }
-  const rendererResults = results.map((result) => {
-    var _a;
-    return __spreadProps(__spreadValues({}, result), {
-      id: result.type === "action" ? (_a = result.value.id) != null ? _a : result.value.$id : void 0,
-      onClick: () => onSelect(result)
-    });
-  });
-  return { type: "results", results: rendererResults };
-};
-
-// src/revamp/renderers/mappers/selectInputComponentToProps.ts
-var selectInputComponentToProps = (component, children) => {
-  var _b;
-  const { autoComplete, options, selectedIndex, onSelect } = component;
-  const _a = inputComponentToProps(component, "input-select"), { value } = _a, props = __objRest(_a, ["value"]);
-  return __spreadProps(__spreadValues({}, props), {
-    autoComplete,
-    options,
-    selectedIndex,
-    onSelect: onSelect.bind(component),
-    children: (_b = children[selectedIndex != null ? selectedIndex : -1]) != null ? _b : null
-  });
-};
-
-// src/revamp/renderers/mappers/statusListComponentToProps.ts
-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")), {
-  autoComplete: component.autoComplete,
-  autoCapitalize: component == null ? void 0 : component.autocapitalization,
-  displayFormat: component.displayFormat,
-  maxLength: component.maxLength,
-  minLength: component.minLength,
-  onChange: component.onChange.bind(component)
-});
-
-// src/revamp/renderers/mappers/multiSelectComponentToProps.ts
-var multiSelectInputComponentToProps = (component) => {
-  const { autoComplete, maxItems, minItems, options, selectedIndices, onSelect } = component;
-  const _a = inputComponentToProps(component, "input-multi-select"), { required, value } = _a, props = __objRest(_a, ["required", "value"]);
-  return __spreadProps(__spreadValues({}, props), {
-    autoComplete,
-    maxItems,
-    minItems,
-    options,
-    selectedIndices,
-    onSelect: onSelect.bind(component)
-  });
-};
-
-// src/revamp/renderers/mappers/uploadInputComponentToProps.ts
-var uploadInputComponentToProps = (component) => {
-  const { accepts, maxSize } = component;
-  return __spreadProps(__spreadValues({}, inputComponentToProps(component, "input-upload")), {
-    accepts,
-    maxSize,
-    onUpload: component.onUpload.bind(component)
-  });
-};
-
-// src/revamp/renderers/mappers/tupleComponentToProps.ts
-var tupleComponentToProps = (component, children) => {
-  var _a, _b;
-  return __spreadProps(__spreadValues({
-    type: "section"
-  }, pick(component, "control", "description", "help", "icon", "title")), {
-    // TODO Remove URL default after next types update (add back to `pick`)
-    image: component.image ? __spreadProps(__spreadValues({}, component.image), {
-      url: (_b = (_a = component.image) == null ? void 0 : _a.url) != null ? _b : ""
-    }) : void 0,
-    children
-  });
-};
-
-// src/revamp/renderers/mappers/listComponentToProps.ts
-var listComponentToProps = (component) => __spreadProps(__spreadValues({}, pick(component, "type", "callToAction", "control", "margin", "title")), {
-  items: component.items.map((_a) => {
-    var _b = _a, { image } = _b, rest = __objRest(_b, ["image"]);
-    var _a2, _b2, _c;
-    return __spreadProps(__spreadValues({}, rest), {
-      image: image ? {
-        accessibilityDescription: (_a2 = image == null ? void 0 : image.accessibilityDescription) != null ? _a2 : image == null ? void 0 : image.text,
-        uri: image == null ? void 0 : image.uri,
-        url: (_c = (_b2 = image == null ? void 0 : image.url) != null ? _b2 : image == null ? void 0 : image.url) != null ? _c : ""
-      } : void 0
-    });
-  })
-});
-
-// src/revamp/renderers/mappers/componentToRendererProps.ts
-var componentToRendererProps = (component, nestedContent) => {
-  const { children, startChildren, endChildren, editableItemChildren } = nestedContent;
-  if (isHiddenComponent(component)) {
-    return hiddenComponentToProps();
+  static assert(value) {
+    if (!(value instanceof _ZodError)) {
+      throw new Error(`Not a ZodError: ${value}`);
+    }
   }
-  switch (component.type) {
-    case "step":
-      return stepComponentToProps(component, children);
-    case "alert":
-      return alertComponentToProps(component);
-    case "all-of":
-      return allOfComponentToProps(component, children);
-    case "boolean":
-      return booleanInputComponentToProps(component);
-    case "box":
-      return boxComponentToProps(component, children);
-    case "button":
-      return buttonComponentToProps(component);
-    case "columns":
-      return columnsComponentToProps(component, startChildren, endChildren);
-    case "container":
-      return containerComponentToProps(children);
-    case "date":
-      return dateInputComponentToProps(component);
-    case "decision":
-      return decisionComponentToProps(component);
-    case "divider":
-      return dividerComponentToProps(component);
-    case "form":
-      return formComponentToProps(component, children);
-    case "heading":
-      return headingComponentToProps(component);
-    case "const":
-      return hiddenComponentToProps();
-    case "image":
-      return imageComponentToProps(component);
-    case "instructions":
-      return instructionsComponentToProps(component);
-    case "integer":
-      return integerInputComponentToProps(component);
-    case "list":
-      return listComponentToProps(component);
-    case "loading-indicator":
-      return loadingIndicatorComponentToProps(component);
-    case "markdown":
-      return markdownComponentToProps(component);
-    case "modal":
-      return modalComponentToProps(component, children);
-    case "multi-select":
-      return multiSelectInputComponentToProps(component);
-    case "multi-upload":
-      return multiUploadInputComponentToProps(component);
-    case "number":
-      return numberInputComponentToProps(component);
-    case "object":
-      return objectComponentToProps(component, children);
-    case "paragraph":
-      return paragraphComponentToProps(component);
-    case "repeatable":
-      return repeatableComponentToProps(component, children != null ? children : [], editableItemChildren);
-    case "review":
-      return reviewComponentToProps(component);
-    case "search":
-      return searchComponentToProps(component);
-    case "select":
-      return selectInputComponentToProps(component, children != null ? children : []);
-    case "status-list":
-      return statusListComponentToProps(component);
-    case "text":
-      return textInputComponentToProps(component);
-    case "tuple":
-      return tupleComponentToProps(component, children);
-    case "upload":
-      return uploadInputComponentToProps(component);
-    default:
-      throw new Error("Unknown component type");
+  toString() {
+    return this.message;
   }
-};
-
-// src/revamp/renderers/getRenderFunction.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var getRenderFunction = (renderers) => {
-  function ComponentRenderer(props) {
-    const { type } = props;
-    if (type === "hidden") {
-      return null;
-    }
-    const renderer = renderers.find(
-      ({ canRenderType, canRender = () => true }) => (
-        // once the type is matched, we know the props are of the correct type
-        canRenderType === type && canRender(props)
-      )
-    );
-    if (!renderer) {
-      throw new Error(`Could not find a renderer for ${type}`);
-    }
-    return renderer.render(props);
+  get message() {
+    return JSON.stringify(this.issues, util.jsonStringifyReplacer, 2);
   }
-  const getNestedContent = (component) => {
-    if (!hasChildren(component)) {
-      return {};
-    }
-    if (isColumnsComponent(component)) {
-      return {
-        startChildren: component.startComponents.map(render),
-        endChildren: component.endComponents.map(render)
-      };
-    }
-    if (isRepeatableComponent(component)) {
-      return {
-        // We specifically only want components here, because getChildren() includes the editable component
-        children: component.components.map(render),
-        editableItemChildren: component.editableComponent !== null ? render(component.editableComponent) : null
-      };
-    }
-    return {
-      children: component.getChildren().map(render)
-    };
-  };
-  const render = (component) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    ComponentRenderer,
-    __spreadValues({}, componentToRendererProps(component, getNestedContent(component))),
-    component.uid
-  );
-  return render;
-};
-
-// ../types/build/main.mjs
-var __defProp2 = Object.defineProperty;
-var __defProps2 = Object.defineProperties;
-var __getOwnPropDescs2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
-var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues2 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp2.call(b, prop))
-      __defNormalProp2(a, prop, b[prop]);
-  if (__getOwnPropSymbols2)
-    for (var prop of __getOwnPropSymbols2(b)) {
-      if (__propIsEnum2.call(b, prop))
-        __defNormalProp2(a, prop, b[prop]);
+  get isEmpty() {
+    return this.issues.length === 0;
+  }
+  flatten(mapper = (issue) => issue.message) {
+    const fieldErrors = {};
+    const formErrors = [];
+    for (const sub of this.issues) {
+      if (sub.path.length > 0) {
+        fieldErrors[sub.path[0]] = fieldErrors[sub.path[0]] || [];
+        fieldErrors[sub.path[0]].push(mapper(sub));
+      } else {
+        formErrors.push(mapper(sub));
+      }
     }
-  return a;
-};
-var __spreadProps2 = (a, b) => __defProps2(a, __getOwnPropDescs2(b));
-var util;
-(function(util2) {
-  util2.assertEqual = (val) => val;
-  function assertIs(_arg) {
+    return { formErrors, fieldErrors };
   }
-  util2.assertIs = assertIs;
-  function assertNever(_x) {
-    throw new Error();
-  }
-  util2.assertNever = assertNever;
-  util2.arrayToEnum = (items) => {
-    const obj = {};
-    for (const item of items) {
-      obj[item] = item;
-    }
-    return obj;
-  };
-  util2.getValidEnumValues = (obj) => {
-    const validKeys = util2.objectKeys(obj).filter((k) => typeof obj[obj[k]] !== "number");
-    const filtered = {};
-    for (const k of validKeys) {
-      filtered[k] = obj[k];
-    }
-    return util2.objectValues(filtered);
-  };
-  util2.objectValues = (obj) => {
-    return util2.objectKeys(obj).map(function(e) {
-      return obj[e];
-    });
-  };
-  util2.objectKeys = typeof Object.keys === "function" ? (obj) => Object.keys(obj) : (object) => {
-    const keys = [];
-    for (const key in object) {
-      if (Object.prototype.hasOwnProperty.call(object, key)) {
-        keys.push(key);
-      }
-    }
-    return keys;
-  };
-  util2.find = (arr, checker) => {
-    for (const item of arr) {
-      if (checker(item))
-        return item;
-    }
-    return void 0;
-  };
-  util2.isInteger = typeof Number.isInteger === "function" ? (val) => Number.isInteger(val) : (val) => typeof val === "number" && isFinite(val) && Math.floor(val) === val;
-  function joinValues(array, separator = " | ") {
-    return array.map((val) => typeof val === "string" ? `'${val}'` : val).join(separator);
-  }
-  util2.joinValues = joinValues;
-  util2.jsonStringifyReplacer = (_, value) => {
-    if (typeof value === "bigint") {
-      return value.toString();
-    }
-    return value;
-  };
-})(util || (util = {}));
-var objectUtil;
-(function(objectUtil2) {
-  objectUtil2.mergeShapes = (first, second) => {
-    return __spreadValues2(__spreadValues2({}, first), second);
-  };
-})(objectUtil || (objectUtil = {}));
-var ZodParsedType = util.arrayToEnum([
-  "string",
-  "nan",
-  "number",
-  "integer",
-  "float",
-  "boolean",
-  "date",
-  "bigint",
-  "symbol",
-  "function",
-  "undefined",
-  "null",
-  "array",
-  "object",
-  "unknown",
-  "promise",
-  "void",
-  "never",
-  "map",
-  "set"
-]);
-var getParsedType = (data) => {
-  const t = typeof data;
-  switch (t) {
-    case "undefined":
-      return ZodParsedType.undefined;
-    case "string":
-      return ZodParsedType.string;
-    case "number":
-      return isNaN(data) ? ZodParsedType.nan : ZodParsedType.number;
-    case "boolean":
-      return ZodParsedType.boolean;
-    case "function":
-      return ZodParsedType.function;
-    case "bigint":
-      return ZodParsedType.bigint;
-    case "symbol":
-      return ZodParsedType.symbol;
-    case "object":
-      if (Array.isArray(data)) {
-        return ZodParsedType.array;
-      }
-      if (data === null) {
-        return ZodParsedType.null;
-      }
-      if (data.then && typeof data.then === "function" && data.catch && typeof data.catch === "function") {
-        return ZodParsedType.promise;
-      }
-      if (typeof Map !== "undefined" && data instanceof Map) {
-        return ZodParsedType.map;
-      }
-      if (typeof Set !== "undefined" && data instanceof Set) {
-        return ZodParsedType.set;
-      }
-      if (typeof Date !== "undefined" && data instanceof Date) {
-        return ZodParsedType.date;
-      }
-      return ZodParsedType.object;
-    default:
-      return ZodParsedType.unknown;
-  }
-};
-var ZodIssueCode = util.arrayToEnum([
-  "invalid_type",
-  "invalid_literal",
-  "custom",
-  "invalid_union",
-  "invalid_union_discriminator",
-  "invalid_enum_value",
-  "unrecognized_keys",
-  "invalid_arguments",
-  "invalid_return_type",
-  "invalid_date",
-  "invalid_string",
-  "too_small",
-  "too_big",
-  "invalid_intersection_types",
-  "not_multiple_of",
-  "not_finite"
-]);
-var quotelessJson = (obj) => {
-  const json = JSON.stringify(obj, null, 2);
-  return json.replace(/"([^"]+)":/g, "$1:");
-};
-var ZodError = class _ZodError extends Error {
-  get errors() {
-    return this.issues;
-  }
-  constructor(issues) {
-    super();
-    this.issues = [];
-    this.addIssue = (sub) => {
-      this.issues = [...this.issues, sub];
-    };
-    this.addIssues = (subs = []) => {
-      this.issues = [...this.issues, ...subs];
-    };
-    const actualProto = new.target.prototype;
-    if (Object.setPrototypeOf) {
-      Object.setPrototypeOf(this, actualProto);
-    } else {
-      this.__proto__ = actualProto;
-    }
-    this.name = "ZodError";
-    this.issues = issues;
-  }
-  format(_mapper) {
-    const mapper = _mapper || function(issue) {
-      return issue.message;
-    };
-    const fieldErrors = { _errors: [] };
-    const processError = (error) => {
-      for (const issue of error.issues) {
-        if (issue.code === "invalid_union") {
-          issue.unionErrors.map(processError);
-        } else if (issue.code === "invalid_return_type") {
-          processError(issue.returnTypeError);
-        } else if (issue.code === "invalid_arguments") {
-          processError(issue.argumentsError);
-        } else if (issue.path.length === 0) {
-          fieldErrors._errors.push(mapper(issue));
-        } else {
-          let curr = fieldErrors;
-          let i = 0;
-          while (i < issue.path.length) {
-            const el = issue.path[i];
-            const terminal = i === issue.path.length - 1;
-            if (!terminal) {
-              curr[el] = curr[el] || { _errors: [] };
-            } else {
-              curr[el] = curr[el] || { _errors: [] };
-              curr[el]._errors.push(mapper(issue));
-            }
-            curr = curr[el];
-            i++;
-          }
-        }
-      }
-    };
-    processError(this);
-    return fieldErrors;
-  }
-  static assert(value) {
-    if (!(value instanceof _ZodError)) {
-      throw new Error(`Not a ZodError: ${value}`);
-    }
-  }
-  toString() {
-    return this.message;
-  }
-  get message() {
-    return JSON.stringify(this.issues, util.jsonStringifyReplacer, 2);
-  }
-  get isEmpty() {
-    return this.issues.length === 0;
-  }
-  flatten(mapper = (issue) => issue.message) {
-    const fieldErrors = {};
-    const formErrors = [];
-    for (const sub of this.issues) {
-      if (sub.path.length > 0) {
-        fieldErrors[sub.path[0]] = fieldErrors[sub.path[0]] || [];
-        fieldErrors[sub.path[0]].push(mapper(sub));
-      } else {
-        formErrors.push(mapper(sub));
-      }
-    }
-    return { formErrors, fieldErrors };
-  }
-  get formErrors() {
-    return this.flatten();
+  get formErrors() {
+    return this.flatten();
   }
 };
 ZodError.create = (issues) => {
@@ -6009,51 +5408,16 @@ var z = /* @__PURE__ */ Object.freeze({
   quotelessJson,
   ZodError
 });
-var jsonElementSchema = z.lazy(
-  () => z.union([
-    z.string(),
-    z.number(),
-    z.boolean(),
-    z.record(jsonElementSchema),
-    z.array(jsonElementSchema)
-  ]).nullable()
-);
-var externalSchema = z.object({
-  url: z.string()
+var imageSchema = z.object({
+  text: z.string().optional(),
+  url: z.string(),
+  accessibilityDescription: z.string().optional()
 });
-var stepErrorSchema = z.object({
-  error: z.string().optional(),
-  validation: jsonElementSchema.optional()
-});
-var httpMethodSchema = z.union([
-  z.literal("GET"),
-  z.literal("POST"),
-  z.literal("PUT"),
-  z.literal("PATCH"),
-  z.literal("DELETE")
-]);
-var iconNamedSchema = z.object({
-  name: z.string()
-});
-var sizeSchema = z.union([
-  z.literal("xs"),
-  z.literal("sm"),
-  z.literal("md"),
-  z.literal("lg"),
-  z.literal("xl")
-]);
-var contextSchema = z.union([
-  z.literal("positive"),
-  z.literal("neutral"),
-  z.literal("warning"),
-  z.literal("negative"),
-  z.literal("success"),
-  z.literal("failure"),
-  z.literal("info"),
-  z.literal("primary")
-]);
-var iconTextSchema = z.object({
-  text: z.string()
+var summaryProviderSchema = z.object({
+  providesTitle: z.boolean().optional(),
+  providesDescription: z.boolean().optional(),
+  providesIcon: z.boolean().optional(),
+  providesImage: z.boolean().optional()
 });
 var autocompleteTokenSchema = z.union([
   z.literal("on"),
@@ -6120,19 +5484,71 @@ var autocompleteTokenSchema = z.union([
   z.literal("fax"),
   z.literal("pager")
 ]);
-var iconSchema = z.union([iconNamedSchema, iconTextSchema]);
+var helpSchema = z.object({
+  markdown: z.string()
+});
+var jsonElementSchema = z.lazy(
+  () => z.union([
+    z.string(),
+    z.number(),
+    z.boolean(),
+    z.record(jsonElementSchema),
+    z.array(jsonElementSchema)
+  ]).nullable()
+);
+var stringSchemaFormatSchema = z.union([
+  z.literal("date"),
+  z.literal("email"),
+  z.literal("numeric"),
+  z.literal("password"),
+  z.literal("phone-number"),
+  z.literal("base64url")
+]);
 var autocapitalizationTypeSchema = z.union([
   z.literal("none"),
   z.literal("characters"),
   z.literal("sentences"),
   z.literal("words")
 ]);
-var alignSchema = z.union([z.literal("left"), z.literal("center"), z.literal("right")]);
-var imageSchema = z.object({
-  text: z.string().optional(),
-  url: z.string(),
-  accessibilityDescription: z.string().optional()
+var uploadSourceSchema = z.union([z.literal("camera"), z.literal("file")]);
+var externalSchema = z.object({
+  url: z.string()
+});
+var stepErrorSchema = z.object({
+  error: z.string().optional(),
+  validation: jsonElementSchema.optional()
+});
+var iconNamedSchema = z.object({
+  name: z.string()
 });
+var iconTextSchema = z.object({
+  text: z.string()
+});
+var alignSchema = z.union([z.literal("left"), z.literal("center"), z.literal("right")]);
+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 contextSchema = z.union([
+  z.literal("positive"),
+  z.literal("neutral"),
+  z.literal("warning"),
+  z.literal("negative"),
+  z.literal("success"),
+  z.literal("failure"),
+  z.literal("info"),
+  z.literal("primary")
+]);
 var imageLayoutSchema = z.object({
   type: z.literal("image"),
   text: z.string().optional(),
@@ -6142,62 +5558,43 @@ var imageLayoutSchema = z.object({
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
-var statusListLayoutStatusSchema = z.union([
-  z.literal("not-done"),
-  z.literal("pending"),
-  z.literal("done")
-]);
-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 searchLayoutSchema = z.object({
-  type: z.literal("search"),
-  title: z.string(),
-  method: httpMethodSchema,
+var searchSearchRequestSchema = z.object({
   url: z.string(),
+  method: httpMethodSchema,
   param: z.string(),
-  emptyMessage: z.string().optional(),
+  query: z.string()
+});
+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 paragraphLayoutSchema = z.object({
+  type: z.literal("paragraph"),
+  text: z.string(),
+  align: alignSchema.optional(),
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
-var modalLayoutTriggerSchema = z.object({
-  title: z.string()
-});
-var helpSchema = z.object({
-  markdown: z.string()
+var instructionsLayoutItemSchema = z.object({
+  text: z.string(),
+  context: contextSchema,
+  tag: z.string().optional()
 });
 var columnsLayoutBiasSchema = z.union([
   z.literal("none"),
   z.literal("left"),
   z.literal("right")
 ]);
-var instructionsLayoutItemSchema = z.object({
-  text: z.string(),
-  context: contextSchema
-});
 var formLayoutSchemaReferenceSchema = z.object({
   $ref: z.string()
 });
-var listLayoutStatusSchema = z.union([
-  z.literal("warning"),
-  z.literal("neutral"),
-  z.literal("positive")
-]);
-var instructionsLayoutSchema = z.object({
-  type: z.literal("instructions"),
-  title: z.string().optional(),
-  items: z.array(instructionsLayoutItemSchema),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var paragraphLayoutSchema = z.object({
-  type: z.literal("paragraph"),
+var headingLayoutSchema = z.object({
+  type: z.literal("heading"),
   text: z.string(),
+  size: sizeSchema.optional(),
   align: alignSchema.optional(),
   control: z.string().optional(),
   margin: sizeSchema.optional()
@@ -6207,13 +5604,6 @@ var dividerLayoutSchema = z.object({
   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 infoLayoutSchema = z.object({
   type: z.literal("info"),
   markdown: z.string(),
@@ -6221,6 +5611,13 @@ var infoLayoutSchema = z.object({
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
+var instructionsLayoutSchema = z.object({
+  type: z.literal("instructions"),
+  title: z.string().optional(),
+  items: z.array(instructionsLayoutItemSchema),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
 var loadingIndicatorLayoutSchema = z.object({
   type: z.literal("loading-indicator"),
   size: sizeSchema.optional(),
@@ -6234,56 +5631,38 @@ var markdownLayoutSchema = z.object({
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
-var summaryProviderSchema = z.object({
-  providesTitle: z.boolean().optional(),
-  providesDescription: z.boolean().optional(),
-  providesIcon: z.boolean().optional(),
-  providesImage: z.boolean().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 validateAsyncSchema = z.object({
-  param: z.string(),
+var searchLayoutSchema = z.object({
+  type: z.literal("search"),
+  title: z.string(),
   method: httpMethodSchema,
-  url: z.string()
-});
-var uploadSourceSchema = z.union([z.literal("camera"), z.literal("file")]);
-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 searchSearchRequestSchema = z.object({
   url: z.string(),
-  method: httpMethodSchema,
   param: z.string(),
-  query: z.string()
+  emptyMessage: z.string().optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
 });
-var searchResultSearchSchema = z.object({
-  type: z.literal("search"),
-  title: z.string(),
-  description: z.string().optional(),
-  icon: iconSchema.optional(),
-  image: imageLayoutSchema.optional(),
-  value: searchSearchRequestSchema
+var modalLayoutTriggerSchema = z.object({
+  title: z.string()
 });
-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 listLayoutStatusSchema = z.union([
+  z.literal("warning"),
+  z.literal("neutral"),
+  z.literal("positive")
+]);
+var reviewLayoutFieldSchema = z.object({
+  label: z.string(),
+  value: z.string(),
+  rawValue: z.string().optional(),
+  help: helpSchema.optional(),
+  tag: z.string().optional()
+});
+var statusListLayoutStatusSchema = z.union([
+  z.literal("not-done"),
+  z.literal("pending"),
+  z.literal("done")
+]);
+var linkSchema = z.object({
+  url: z.string()
 });
 var actionTypeSchema = z.union([
   z.literal("primary"),
@@ -6298,10 +5677,22 @@ var navigationStackBehaviorSchema = z.union([
   z.literal("remove-all"),
   z.literal("replace-current")
 ]);
-var summarySchema = z.union([summaryProviderSchema, summarySummariserSchema]);
-var linkSchema = z.object({
+var iconSchema = z.union([iconNamedSchema, iconTextSchema]);
+var validateAsyncSchema = z.object({
+  param: z.string(),
+  method: httpMethodSchema,
   url: z.string()
 });
+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 actionSchema = z.object({
   title: z.string().optional(),
   type: actionTypeSchema.optional(),
@@ -6321,45 +5712,49 @@ var linkHandlerSchema = z.object({
   regexPattern: z.string(),
   action: actionSchema
 });
-var listLayoutItemSchema = z.object({
+var searchResultActionSchema = z.object({
+  type: z.literal("action"),
+  title: z.string(),
   description: z.string().optional(),
-  status: listLayoutStatusSchema.optional(),
   icon: iconSchema.optional(),
-  image: imageSchema.optional(),
-  title: z.string(),
-  subtitle: z.string().optional(),
-  value: z.string().optional(),
-  subvalue: z.string().optional()
+  image: imageLayoutSchema.optional(),
+  value: actionSchema
 });
-var decisionLayoutOptionSchema = z.object({
-  action: actionSchema,
+var searchResultSearchSchema = z.object({
+  type: z.literal("search"),
   title: z.string(),
   description: z.string().optional(),
-  disabled: z.boolean().optional(),
   icon: iconSchema.optional(),
-  image: imageLayoutSchema.optional()
-});
-var behaviorSchema = z.object({
-  action: actionSchema.optional(),
-  link: linkSchema.optional()
+  image: imageLayoutSchema.optional(),
+  value: searchSearchRequestSchema
 });
-var reviewLayoutFieldSchema = z.object({
-  label: z.string(),
-  value: z.string(),
-  rawValue: z.string().optional(),
-  help: helpSchema.optional()
+var actionResponseBodySchema = z.object({
+  action: actionSchema
 });
 var reviewLayoutCallToActionSchema = z.object({
   title: z.string(),
   action: actionSchema
 });
-var decisionLayoutSchema = z.object({
-  type: z.literal("decision"),
-  title: z.string().optional(),
-  options: z.array(decisionLayoutOptionSchema),
+var formLayoutSchema = z.object({
+  type: z.literal("form"),
+  schema: formLayoutSchemaReferenceSchema.optional(),
+  schemaId: z.string(),
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
+var decisionLayoutOptionSchema = z.object({
+  action: actionSchema,
+  title: z.string(),
+  description: z.string().optional(),
+  disabled: z.boolean().optional(),
+  icon: iconSchema.optional(),
+  image: imageLayoutSchema.optional(),
+  tag: z.string().optional()
+});
+var behaviorSchema = z.object({
+  action: actionSchema.optional(),
+  link: linkSchema.optional()
+});
 var buttonLayoutSchema = z.object({
   type: z.literal("button"),
   size: sizeSchema.optional(),
@@ -6371,17 +5766,44 @@ var buttonLayoutSchema = z.object({
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
-var searchResultActionSchema = z.object({
-  type: z.literal("action"),
+var reviewLayoutSchema = z.object({
+  type: z.literal("review"),
+  orientation: z.string().optional(),
+  action: actionSchema.optional(),
+  fields: z.array(reviewLayoutFieldSchema),
+  title: z.string().optional(),
+  callToAction: reviewLayoutCallToActionSchema.optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
+var itemCallToActionSchema = z.object({
+  title: z.string(),
+  accessibilityDescription: z.string().optional(),
+  behavior: behaviorSchema
+});
+var listLayoutCallToActionSchema = z.object({
   title: z.string(),
+  accessibilityDescription: z.string().optional(),
+  behavior: behaviorSchema
+});
+var listLayoutItemSchema = z.object({
   description: z.string().optional(),
+  status: listLayoutStatusSchema.optional(),
   icon: iconSchema.optional(),
-  image: imageLayoutSchema.optional(),
-  value: actionSchema
+  image: imageSchema.optional(),
+  title: z.string().optional(),
+  subtitle: z.string().optional(),
+  value: z.string().optional(),
+  subvalue: z.string().optional(),
+  tag: z.string().optional()
 });
-var searchResultSchema = z.union([searchResultActionSchema, searchResultSearchSchema]);
-var actionResponseBodySchema = z.object({
-  action: actionSchema
+var statusListLayoutItemSchema = z.object({
+  title: z.string(),
+  description: z.string().optional(),
+  icon: iconSchema,
+  status: statusListLayoutStatusSchema.optional(),
+  callToAction: itemCallToActionSchema.optional(),
+  tag: z.string().optional()
 });
 var pollingOnErrorSchema = z.object({
   action: actionSchema
@@ -6390,6 +5812,7 @@ var navigationBackBehaviorSchema = z.object({
   title: z.string().optional(),
   action: actionSchema
 });
+var summarySchema = z.union([summaryProviderSchema, summarySummariserSchema]);
 var pollingSchema = z.object({
   url: z.string(),
   interval: z.number().optional(),
@@ -6403,41 +5826,22 @@ var navigationSchema = z.object({
   back: navigationBackBehaviorSchema.optional(),
   stackBehavior: navigationStackBehaviorSchema.optional()
 });
-var listLayoutCallToActionSchema = z.object({
-  title: z.string(),
-  accessibilityDescription: z.string().optional(),
-  behavior: behaviorSchema
+var searchResultSchema = z.union([searchResultActionSchema, searchResultSearchSchema]);
+var searchResponseBodySchema = z.object({
+  results: z.array(searchResultSchema)
 });
 var alertLayoutCallToActionSchema = z.object({
   title: z.string(),
   accessibilityDescription: z.string().optional(),
   behavior: behaviorSchema
 });
-var itemCallToActionSchema = z.object({
-  title: z.string(),
-  accessibilityDescription: z.string().optional(),
-  behavior: behaviorSchema
-});
-var reviewLayoutSchema = z.object({
-  type: z.literal("review"),
-  orientation: z.string().optional(),
-  action: actionSchema.optional(),
-  fields: z.array(reviewLayoutFieldSchema),
+var decisionLayoutSchema = z.object({
+  type: z.literal("decision"),
   title: z.string().optional(),
-  callToAction: reviewLayoutCallToActionSchema.optional(),
+  options: z.array(decisionLayoutOptionSchema),
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
-var searchResponseBodySchema = z.object({
-  results: z.array(searchResultSchema)
-});
-var statusListLayoutItemSchema = z.object({
-  title: z.string(),
-  description: z.string().optional(),
-  icon: iconSchema,
-  status: statusListLayoutStatusSchema.optional(),
-  callToAction: itemCallToActionSchema.optional()
-});
 var listLayoutSchema = z.object({
   type: z.literal("list"),
   title: z.string().optional(),
@@ -6446,6 +5850,13 @@ var listLayoutSchema = z.object({
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
+var statusListLayoutSchema = z.object({
+  type: z.literal("status-list"),
+  items: z.array(statusListLayoutItemSchema),
+  title: z.string().optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
 var alertLayoutSchema = z.object({
   type: z.literal("alert"),
   markdown: z.string(),
@@ -6492,134 +5903,46 @@ var blobSchemaSchema = z.object({
   source: uploadSourceSchema.optional(),
   disabled: z.boolean().optional()
 });
-var statusListLayoutSchema = z.object({
-  type: z.literal("status-list"),
-  items: z.array(statusListLayoutItemSchema),
-  title: z.string().optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.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 schemaSchema = z.lazy(
-  () => z.union([
-    allOfSchemaSchema,
-    arraySchemaSchema,
-    blobSchemaSchema,
-    booleanSchemaSchema,
-    constSchemaSchema,
-    integerSchemaSchema,
-    numberSchemaSchema,
-    objectSchemaSchema,
-    oneOfSchemaSchema,
-    stringSchemaSchema
-  ])
-);
-var layoutSchema = z.lazy(
-  () => z.union([
-    alertLayoutSchema,
-    boxLayoutSchema,
-    buttonLayoutSchema,
-    columnsLayoutSchema,
-    decisionLayoutSchema,
-    dividerLayoutSchema,
-    formLayoutSchema,
-    headingLayoutSchema,
-    imageLayoutSchema,
-    infoLayoutSchema,
-    instructionsLayoutSchema,
-    listLayoutSchema,
-    loadingIndicatorLayoutSchema,
-    markdownLayoutSchema,
-    modalLayoutSchema,
-    paragraphLayoutSchema,
-    reviewLayoutSchema,
-    searchLayoutSchema,
-    statusListLayoutSchema
-  ])
-);
-var modalLayoutContentSchema = z.lazy(
-  () => z.object({
-    title: z.string().optional(),
-    components: z.array(layoutSchema)
-  })
-);
-var modalLayoutSchema = z.lazy(
-  () => z.object({
-    type: z.literal("modal"),
-    control: z.string().optional(),
-    margin: sizeSchema.optional(),
-    trigger: modalLayoutTriggerSchema,
-    content: modalLayoutContentSchema
-  })
-);
-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 arraySchemaSchema = z.lazy(
-  () => z.union([arraySchemaListSchema, arraySchemaTupleSchema])
-);
-var arraySchemaListSchema = z.lazy(
+var numberSchemaSchema = z.lazy(
   () => z.object({
-    type: z.literal("array"),
+    type: z.literal("number"),
+    autofillProvider: z.string().optional(),
     promoted: z.boolean().optional(),
-    $id: z.string().optional(),
-    items: schemaSchema,
-    addItemTitle: z.string(),
-    editItemTitle: z.string(),
-    minItems: z.number().optional(),
-    maxItems: z.number().optional(),
+    refreshFormOnChange: z.boolean().optional(),
+    refreshUrl: z.string().optional(),
+    refreshFormUrl: z.string().optional(),
     placeholder: z.string().optional(),
+    minimum: z.number().optional(),
+    maximum: z.number().optional(),
+    $id: z.string().optional(),
     title: z.string().optional(),
     description: z.string().optional(),
     control: z.string().optional(),
+    default: z.number().optional(),
     hidden: z.boolean().optional(),
+    disabled: z.boolean().optional(),
     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(),
+    refreshStepOnChange: z.boolean().optional(),
     validationAsync: validateAsyncSchema.optional(),
-    alert: alertLayoutSchema.optional(),
     validationMessages: z.record(z.string()).optional(),
-    disabled: z.boolean().optional()
+    alert: alertLayoutSchema.optional(),
+    autocompleteHint: z.array(autocompleteTokenSchema).optional(),
+    autofillKey: z.string().optional(),
+    help: helpSchema.optional()
+  })
+);
+var persistAsyncSchema = z.lazy(
+  () => z.object({
+    param: z.string(),
+    idProperty: z.string(),
+    schema: schemaSchema,
+    url: z.string(),
+    method: httpMethodSchema
   })
 );
 var arraySchemaTupleSchema = z.lazy(
@@ -6642,91 +5965,72 @@ var arraySchemaTupleSchema = z.lazy(
     alert: alertLayoutSchema.optional()
   })
 );
-var oneOfSchemaSchema = z.lazy(
-  () => z.object({
+var schemaSchema = z.lazy(
+  () => z.union([
+    allOfSchemaSchema,
+    arraySchemaSchema,
+    blobSchemaSchema,
+    booleanSchemaSchema,
+    constSchemaSchema,
+    integerSchemaSchema,
+    numberSchemaSchema,
+    objectSchemaSchema,
+    oneOfSchemaSchema,
+    stringSchemaSchema
+  ])
+);
+var booleanSchemaSchema = z.lazy(
+  () => z.object({
+    type: z.literal("boolean"),
     autofillProvider: z.string().optional(),
     promoted: z.boolean().optional(),
     refreshFormOnChange: z.boolean().optional(),
     refreshUrl: z.string().optional(),
     refreshFormUrl: z.string().optional(),
-    promotion: jsonElementSchema.optional(),
-    oneOf: z.array(schemaSchema),
-    placeholder: z.string().optional(),
     $id: z.string().optional(),
     title: z.string().optional(),
     description: z.string().optional(),
     control: z.string().optional(),
-    default: jsonElementSchema.optional(),
+    default: z.boolean().optional(),
     hidden: z.boolean().optional(),
+    disabled: z.boolean().optional(),
     icon: iconSchema.optional(),
     image: imageSchema.optional(),
     keywords: z.array(z.string()).optional(),
     summary: summaryProviderSchema.optional(),
     analyticsId: z.string().optional(),
+    persistAsync: persistAsyncSchema.optional(),
     refreshStepOnChange: z.boolean().optional(),
+    validationAsync: validateAsyncSchema.optional(),
     alert: alertLayoutSchema.optional(),
-    help: helpSchema.optional(),
-    autocompleteHint: z.array(autocompleteTokenSchema).optional(),
     autofillKey: z.string().optional(),
-    validationMessages: z.record(z.string()).optional(),
-    disabled: z.boolean().optional()
+    help: helpSchema.optional()
   })
 );
-var stringSchemaSchema = z.lazy(
+var allOfSchemaSchema = z.lazy(
   () => z.object({
-    type: z.literal("string"),
-    autofillProvider: z.string().optional(),
+    disabled: z.boolean().optional(),
     promoted: z.boolean().optional(),
-    refreshFormOnChange: z.boolean().optional(),
-    refreshUrl: z.string().optional(),
-    refreshFormUrl: z.string().optional(),
-    format: stringSchemaFormatSchema.optional(),
-    displayFormat: z.string().optional(),
-    placeholder: z.string().optional(),
-    minLength: z.number().optional(),
-    maxLength: z.number().optional(),
-    minimum: z.string().optional(),
-    maximum: z.string().optional(),
-    pattern: z.string().optional(),
-    autocapitalization: autocapitalizationTypeSchema.optional(),
+    allOf: z.array(schemaSchema),
     $id: z.string().optional(),
     title: z.string().optional(),
     description: z.string().optional(),
     control: z.string().optional(),
-    default: z.string().optional(),
     hidden: z.boolean().optional(),
-    disabled: z.boolean().optional(),
     icon: iconSchema.optional(),
     image: imageSchema.optional(),
     keywords: z.array(z.string()).optional(),
     summary: summaryProviderSchema.optional(),
     analyticsId: z.string().optional(),
-    persistAsync: persistAsyncSchema.optional(),
-    refreshStepOnChange: z.boolean().optional(),
-    validationAsync: validateAsyncSchema.optional(),
-    validationMessages: z.record(z.string()).optional(),
-    alert: alertLayoutSchema.optional(),
-    cameraConfig: jsonElementSchema.optional(),
-    accepts: z.array(z.string()).optional(),
-    maxSize: z.number().optional(),
-    source: uploadSourceSchema.optional(),
-    autocompleteHint: z.array(autocompleteTokenSchema).optional(),
-    autofillKey: z.string().optional(),
-    help: helpSchema.optional()
+    alert: alertLayoutSchema.optional()
   })
 );
-var persistAsyncSchema = z.lazy(
-  () => z.object({
-    param: z.string(),
-    idProperty: z.string(),
-    schema: schemaSchema,
-    url: z.string(),
-    method: httpMethodSchema
-  })
+var arraySchemaSchema = z.lazy(
+  () => z.union([arraySchemaListSchema, arraySchemaTupleSchema])
 );
-var numberSchemaSchema = z.lazy(
+var integerSchemaSchema = z.lazy(
   () => z.object({
-    type: z.literal("number"),
+    type: z.literal("integer"),
     autofillProvider: z.string().optional(),
     promoted: z.boolean().optional(),
     refreshFormOnChange: z.boolean().optional(),
@@ -6757,24 +6061,6 @@ var numberSchemaSchema = z.lazy(
     help: helpSchema.optional()
   })
 );
-var allOfSchemaSchema = z.lazy(
-  () => z.object({
-    disabled: z.boolean().optional(),
-    promoted: z.boolean().optional(),
-    allOf: z.array(schemaSchema),
-    $id: z.string().optional(),
-    title: z.string().optional(),
-    description: z.string().optional(),
-    control: z.string().optional(),
-    hidden: z.boolean().optional(),
-    icon: iconSchema.optional(),
-    image: imageSchema.optional(),
-    keywords: z.array(z.string()).optional(),
-    summary: summaryProviderSchema.optional(),
-    analyticsId: z.string().optional(),
-    alert: alertLayoutSchema.optional()
-  })
-);
 var objectSchemaSchema = z.lazy(
   () => z.object({
     type: z.literal("object"),
@@ -6797,50 +6083,59 @@ var objectSchemaSchema = z.lazy(
     alert: alertLayoutSchema.optional()
   })
 );
-var booleanSchemaSchema = z.lazy(
+var oneOfSchemaSchema = z.lazy(
   () => z.object({
-    type: z.literal("boolean"),
     autofillProvider: z.string().optional(),
     promoted: z.boolean().optional(),
     refreshFormOnChange: z.boolean().optional(),
     refreshUrl: z.string().optional(),
     refreshFormUrl: z.string().optional(),
+    promotion: jsonElementSchema.optional(),
+    oneOf: z.array(schemaSchema),
+    placeholder: z.string().optional(),
     $id: z.string().optional(),
     title: z.string().optional(),
     description: z.string().optional(),
     control: z.string().optional(),
-    default: z.boolean().optional(),
+    default: jsonElementSchema.optional(),
     hidden: z.boolean().optional(),
-    disabled: z.boolean().optional(),
     icon: iconSchema.optional(),
     image: imageSchema.optional(),
     keywords: z.array(z.string()).optional(),
     summary: summaryProviderSchema.optional(),
     analyticsId: z.string().optional(),
-    persistAsync: persistAsyncSchema.optional(),
     refreshStepOnChange: z.boolean().optional(),
-    validationAsync: validateAsyncSchema.optional(),
     alert: alertLayoutSchema.optional(),
+    help: helpSchema.optional(),
+    autocompleteHint: z.array(autocompleteTokenSchema).optional(),
     autofillKey: z.string().optional(),
-    help: helpSchema.optional()
+    validationMessages: z.record(z.string()).optional(),
+    disabled: z.boolean().optional()
   })
 );
-var integerSchemaSchema = z.lazy(
+var stringSchemaSchema = z.lazy(
   () => z.object({
-    type: z.literal("integer"),
+    type: z.literal("string"),
     autofillProvider: z.string().optional(),
     promoted: z.boolean().optional(),
     refreshFormOnChange: z.boolean().optional(),
     refreshUrl: z.string().optional(),
     refreshFormUrl: z.string().optional(),
+    format: stringSchemaFormatSchema.optional(),
+    displayFormat: z.string().optional(),
     placeholder: z.string().optional(),
-    minimum: z.number().optional(),
-    maximum: z.number().optional(),
+    minLength: z.number().optional(),
+    maxLength: z.number().optional(),
+    minimum: z.string().optional(),
+    maximum: z.string().optional(),
+    pattern: z.string().optional(),
+    autocapitalization: autocapitalizationTypeSchema.optional(),
+    autocorrect: z.boolean().optional(),
     $id: z.string().optional(),
     title: z.string().optional(),
     description: z.string().optional(),
     control: z.string().optional(),
-    default: z.number().optional(),
+    default: z.string().optional(),
     hidden: z.boolean().optional(),
     disabled: z.boolean().optional(),
     icon: iconSchema.optional(),
@@ -6853,11 +6148,122 @@ var integerSchemaSchema = z.lazy(
     validationAsync: validateAsyncSchema.optional(),
     validationMessages: z.record(z.string()).optional(),
     alert: alertLayoutSchema.optional(),
+    cameraConfig: jsonElementSchema.optional(),
+    accepts: z.array(z.string()).optional(),
+    maxSize: z.number().optional(),
+    source: uploadSourceSchema.optional(),
     autocompleteHint: z.array(autocompleteTokenSchema).optional(),
     autofillKey: z.string().optional(),
     help: helpSchema.optional()
   })
 );
+var arraySchemaListSchema = 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(),
+    title: z.string().optional(),
+    description: z.string().optional(),
+    control: z.string().optional(),
+    hidden: z.boolean().optional(),
+    icon: iconSchema.optional(),
+    image: imageSchema.optional(),
+    keywords: z.array(z.string()).optional(),
+    summary: summarySummariserSchema.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 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(),
+    control: z.string().optional()
+  })
+);
+var layoutSchema = z.lazy(
+  () => z.union([
+    alertLayoutSchema,
+    boxLayoutSchema,
+    buttonLayoutSchema,
+    columnsLayoutSchema,
+    decisionLayoutSchema,
+    dividerLayoutSchema,
+    formLayoutSchema,
+    headingLayoutSchema,
+    imageLayoutSchema,
+    infoLayoutSchema,
+    instructionsLayoutSchema,
+    listLayoutSchema,
+    loadingIndicatorLayoutSchema,
+    markdownLayoutSchema,
+    modalLayoutSchema,
+    paragraphLayoutSchema,
+    reviewLayoutSchema,
+    searchLayoutSchema,
+    statusListLayoutSchema
+  ])
+);
+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 modalLayoutContentSchema = z.lazy(
+  () => z.object({
+    title: z.string().optional(),
+    components: z.array(layoutSchema)
+  })
+);
+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 modalLayoutSchema = z.lazy(
+  () => z.object({
+    type: z.literal("modal"),
+    control: z.string().optional(),
+    margin: sizeSchema.optional(),
+    trigger: modalLayoutTriggerSchema,
+    content: modalLayoutContentSchema
+  })
+);
 var validateStep = (step) => validate(step, stepSchema);
 var validateActionResponse = (response) => validate(response, actionResponseBodySchema);
 var validate = (value, schema) => {
@@ -6886,25 +6292,59 @@ var flattenZodErrors = (zodError) => zodError.flatMap((e) => {
 var import_react3 = require("react");
 var import_react_intl7 = require("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) => {
+// src/revamp/utils/type-validators.ts
+var isString = (value) => typeof value === "string";
+var isNumber = (value) => typeof value === "number" && !Number.isNaN(value);
+var isInteger = (value) => isNumber(value) && Math.floor(value) === value;
+var isBoolean = (value) => typeof value === "boolean";
+var isObject = (value) => !isNullish(value) && (value == null ? void 0 : value.constructor) === Object;
+var isArray = (value) => Array.isArray(value);
+var isNull = (value) => value === null;
+var isUndefined = (value) => typeof value === "undefined";
+var isNullish = (v) => isNull(v) || isUndefined(v);
+var isFile = (value) => value instanceof File;
+
+// src/revamp/utils/type-utils.ts
+var hasChildren = (component) => "getChildren" in component && typeof component.getChildren === "function";
+var isHiddenComponent = (component) => "hidden" in component && component.hidden;
+var isObjectLocalValue = (value) => value != null && typeof value === "object" && !Array.isArray(value) && !(value instanceof File);
+var isArrayLocalValue = (value) => Array.isArray(value);
+var isObjectModel = (model) => model != null && typeof model === "object" && !Array.isArray(model);
+var isArrayModel = (model) => Array.isArray(model);
+var isAllOfSchema = (schema) => "allOf" in schema && !isNullish(schema.allOf);
+var isBooleanSchema = (schema) => "type" in schema && schema.type === "boolean";
+var isBlobSchema = (schema) => "type" in schema && schema.type === "blob";
+var isConstSchema = (schema) => "const" in schema && schema.const !== void 0;
+var isIntegerSchema = (schema) => "type" in schema && schema.type === "integer";
+var isNumberSchema = (schema) => "type" in schema && schema.type === "number";
+var isObjectSchema = (schema) => "type" in schema && schema.type === "object";
+var isOneOfSchema = (schema) => "oneOf" in schema && !isNullish(schema.oneOf);
+var isArraySchema = (schema) => "items" in schema && !isNullish(schema.items);
+var isArrayListSchema = (schema) => "items" in schema && isObject(schema.items) && !isArray(schema.items);
+var isArrayTupleSchema = (schema) => "items" in schema && !isObject(schema.items) && isArray(schema.items);
+var isStringSchema = (schema) => "type" in schema && schema.type === "string";
+var isStringSchemaWithUpload = (schema) => isStringSchema(schema) && schema.format === "base64url";
+var isSchemaWithPersistAsync = (schema) => "persistAsync" in schema && !isNullish(schema.persistAsync);
+
+// 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;
   }
@@ -8745,6 +8185,19 @@ var oneOfSchemaToComponent = (schemaMapperProps, mapperProps) => {
     required = false
   } = schemaMapperProps;
   const initialModel = (_a = model != null ? model : schema.default) != null ? _a : null;
+  if (schema.oneOf.length === 1 && isFormSectionSchema(schema.oneOf[0])) {
+    return mapSchemaToComponent(
+      {
+        uid,
+        schema: supressSchemaTitleAndDescription(schema.oneOf[0]),
+        model: initialModel,
+        localValue,
+        validationErrors: initialError,
+        required
+      },
+      mapperProps
+    );
+  }
   const options = schema.oneOf.map((childSchema, index) => {
     const { title = "", description, image, icon, keywords = [] } = childSchema;
     return {
@@ -10298,9 +9751,8 @@ var createInstructionsComponent = (instructionsProps) => __spreadProps(__spreadV
 var instructionsLayoutToComponent = (uid, { control, items, margin = "md", title }) => createInstructionsComponent({
   uid,
   control,
-  items: items.map(({ context, text }) => ({
-    context: mapLegacyContext(context),
-    text
+  items: items.map((item) => __spreadProps(__spreadValues({}, item), {
+    context: mapLegacyContext(item.context)
   })),
   margin,
   title
@@ -10409,12 +9861,10 @@ var reviewLayoutToComponent = (uid, { fields, title, callToAction, control, marg
   uid,
   callToAction: getReviewAction({ onAction, onLink, callToAction, action }),
   control: getOrientationControl({ control, orientation }),
-  fields: fields.map(({ label, value, rawValue, help }) => ({
-    label,
-    value,
-    rawValue,
-    help: help == null ? void 0 : help.markdown
-  })),
+  fields: fields.map((field) => {
+    var _a;
+    return __spreadProps(__spreadValues({}, field), { help: (_a = field.help) == null ? void 0 : _a.markdown });
+  }),
   margin,
   title
 });
@@ -10527,10 +9977,10 @@ var createSearchComponent = (searchProps, performSearch, onAction, updateCompone
       signal,
       query,
       config: searchConfig
-    }).then((state) => {
+    }).then((results) => {
       if (!signal.aborted) {
         update((draft) => {
-          draft.results = state;
+          draft.results = results;
           draft.isLoading = false;
           draft.error = void 0;
         });
@@ -10585,24 +10035,31 @@ var createSearchComponent = (searchProps, performSearch, onAction, updateCompone
 };
 
 // src/revamp/domain/features/search/getPerformSearchFunction.ts
-var getPerformSearchFunction = (httpClient, defaultConfig) => async ({ config = defaultConfig, query, signal }) => {
-  if (!query) {
-    return [];
-  }
-  const { method, param, url } = config;
-  const headers2 = { "Content-Type": "application/json" };
-  const request = method === "GET" ? httpClient(addQueryParameter(url, param, query), {
-    method,
-    headers: headers2,
-    signal
-  }) : httpClient(url, {
-    method,
-    headers: headers2,
-    signal,
-    body: JSON.stringify({ [param]: query })
-  });
-  const response = await request;
-  return parseResponse(response);
+var getPerformSearchFunction = (httpClient, defaultConfig) => {
+  let latestSuccessfulRequestHash = hashRequest("", defaultConfig);
+  let latestSuccessfulResults = [];
+  return async ({ config = defaultConfig, query, signal }) => {
+    const requestHash = hashRequest(query, config);
+    if (requestHash !== latestSuccessfulRequestHash) {
+      const { method, param, url } = config;
+      const headers2 = { "Content-Type": "application/json" };
+      const response = await (method === "GET" ? httpClient(addQueryParameter(url, param, query), {
+        method,
+        headers: headers2,
+        signal
+      }) : httpClient(url, {
+        method,
+        headers: headers2,
+        signal,
+        body: JSON.stringify({ [param]: query })
+      }));
+      const results = await parseResponse(response);
+      latestSuccessfulRequestHash = requestHash;
+      latestSuccessfulResults = results;
+      return results;
+    }
+    return latestSuccessfulResults;
+  };
 };
 var parseResponse = async (response) => {
   if (response.ok) {
@@ -10625,6 +10082,7 @@ var addQueryParameter = (url, key, value) => {
 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) => {
@@ -10780,14 +10238,7 @@ var createListComponent = (listProps) => __spreadProps(__spreadValues({
 var listLayoutToComponent = (uid, { callToAction, control, items, margin = "md", title }, mapperProps) => createListComponent({
   uid,
   control,
-  items: items.map(({ value, subvalue, title: itemTitle, subtitle, icon, image }) => ({
-    title: itemTitle,
-    subtitle,
-    value,
-    subvalue,
-    icon,
-    image
-  })),
+  items: items.map((item) => __spreadValues({}, item)),
   callToAction: getListCallToAction(callToAction, mapperProps),
   margin,
   title
@@ -10911,11 +10362,13 @@ var getUnreferencedSchemas = (step) => {
 // src/revamp/domain/mappers/mapStepToComponent.ts
 var mapStepToComponent = (_a) => {
   var _b = _a, {
+    bit,
     loadingState,
     displayStepTitle,
     trackEvent,
     onPoll
   } = _b, restProps = __objRest(_b, [
+    "bit",
     "loadingState",
     "displayStepTitle",
     "trackEvent",
@@ -10936,7 +10389,7 @@ var mapStepToComponent = (_a) => {
   if (stepId === void 0) {
     throw new Error("Step must have an id or a key");
   }
-  const uid = stepId != null ? stepId : "step";
+  const uid = `${stepId != null ? stepId : "step"}_${bit}`;
   const onAction = async (action) => {
     try {
       await stepComponent.getSubmittableValue();
@@ -11427,6 +10880,10 @@ function useDynamicFlowCore(props) {
   );
   const [stepComponent, setStepComponent] = (0, import_react3.useState)(null);
   const stepComponentRef = (0, import_react3.useRef)(null);
+  const stepBit = (0, import_react3.useRef)("flip");
+  const flipStepBit = () => {
+    stepBit.current = stepBit.current === "flip" ? "flop" : "flip";
+  };
   const stepRef = (0, import_react3.useRef)(initialStep != null ? initialStep : null);
   const etagRef = (0, import_react3.useRef)(null);
   const abortControllerRef = (0, import_react3.useRef)(new AbortController());
@@ -11470,6 +10927,7 @@ function useDynamicFlowCore(props) {
       };
       try {
         const newStepComponent = mapStepToComponent({
+          bit: stepBit.current,
           stepLocalValue: (_c = (_b = stepComponentRef.current) == null ? void 0 : _b.getLocalValue()) != null ? _c : null,
           step: newStep,
           displayStepTitle,
@@ -11555,6 +11013,7 @@ function useDynamicFlowCore(props) {
         }
         case "replace-step": {
           const isFirstStep = stepRef.current === null;
+          flipStepBit();
           initialiseWithStep(command.step, command.etag);
           trackCoreEvent("Step Shown", { isFirstStep });
           break;
@@ -11642,36 +11101,674 @@ function useDynamicFlowCore(props) {
         signal,
         trackEvent: trackCoreEvent
       });
-      switch (command.type) {
-        case "replace-step":
-          initialiseWithStep(command.step, command.etag);
-          return true;
-        case "action":
-          void onAction(command.action);
-          return true;
-        case "complete":
-          onCompletion(command.result);
-          return true;
-        case "continue":
-          return false;
-      }
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  );
-  return { stepComponentRef };
-}
+      switch (command.type) {
+        case "replace-step":
+          flipStepBit();
+          initialiseWithStep(command.step, command.etag);
+          return true;
+        case "action":
+          void onAction(command.action);
+          return true;
+        case "complete":
+          onCompletion(command.result);
+          return true;
+        case "continue":
+          return false;
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+  return { stepComponentRef };
+}
+
+// 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/mappers/alertComponentToProps.ts
+var alertComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "type", "callToAction", "context", "control", "margin", "markdown")), rendererMapperProps);
+
+// src/revamp/renderers/mappers/allOfComponentToProps.ts
+var allOfComponentToProps = (component, rendererMapperProps) => {
+  const childrenProps = component.components.map(
+    (c) => componentToRendererProps(c, rendererMapperProps)
+  );
+  return __spreadProps(__spreadValues(__spreadValues({
+    type: "section"
+  }, pick(component, "uid", "control", "description", "help", "icon", "image", "title")), rendererMapperProps), {
+    children: childrenProps.map(rendererMapperProps.render),
+    childrenProps
+  });
+};
+
+// src/revamp/renderers/mappers/utils/mapErrorsToValidationState.ts
+var mapErrorsToValidationState = (errors) => {
+  if (errors) {
+    if (errors.length > 0) {
+      return { status: "invalid", message: errors[0] };
+    }
+    return { status: "valid" };
+  }
+  return void 0;
+};
+
+// src/revamp/renderers/mappers/utils/inputComponentToProps.ts
+var inputComponentToProps = (component, type) => {
+  var _a, _b, _c, _d;
+  const {
+    uid,
+    control,
+    description,
+    disabled,
+    errors,
+    help,
+    icon,
+    id,
+    image,
+    placeholder,
+    required,
+    title,
+    validationAsyncState,
+    onBlur,
+    onFocus
+  } = component;
+  const { messages } = validationAsyncState != null ? validationAsyncState : {};
+  return {
+    uid,
+    type,
+    control,
+    description,
+    disabled,
+    error: (_a = messages == null ? void 0 : messages.error) != null ? _a : errors == null ? void 0 : errors[0],
+    help,
+    icon,
+    id,
+    image: image ? {
+      accessibilityDescription: (_b = image.accessibilityDescription) != null ? _b : image.text,
+      uri: image.uri,
+      url: (_d = (_c = image.uri) != null ? _c : image.url) != null ? _d : ""
+    } : void 0,
+    placeholder,
+    required,
+    title,
+    validationState: getValidationState(errors, validationAsyncState),
+    value: component.getLocalValue(),
+    onBlur: onBlur.bind(component),
+    onFocus: onFocus.bind(component)
+  };
+};
+var getValidationState = (errors, validationAsyncState) => {
+  if (validationAsyncState) {
+    if (validationAsyncState == null ? void 0 : validationAsyncState.messages.error) {
+      return { status: "invalid", message: validationAsyncState == null ? void 0 : validationAsyncState.messages.error };
+    }
+    if (validationAsyncState == null ? void 0 : validationAsyncState.messages.success) {
+      return { status: "valid", message: validationAsyncState == null ? void 0 : validationAsyncState.messages.success };
+    }
+  }
+  return mapErrorsToValidationState(errors);
+};
+
+// src/revamp/renderers/mappers/booleanInputComponentToProps.ts
+var booleanInputComponentToProps = (component, rendererMapperProps) => {
+  var _a;
+  return __spreadProps(__spreadValues(__spreadValues({}, inputComponentToProps(component, "input-checkbox")), rendererMapperProps), {
+    value: (_a = component.value) != null ? _a : false,
+    onChange: component.onChange.bind(component)
+  });
+};
+
+// src/revamp/renderers/mappers/boxComponentToProps.ts
+var boxComponentToProps = (component, rendererMapperProps) => {
+  const childrenProps = component.components.map(
+    (c) => componentToRendererProps(c, rendererMapperProps)
+  );
+  return __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "type", "border", "control", "width", "margin")), rendererMapperProps), {
+    children: childrenProps.map(rendererMapperProps.render),
+    childrenProps
+  });
+};
+
+// src/revamp/renderers/mappers/buttonComponentToProps.ts
+var buttonComponentToProps = (component, rendererMapperProps) => {
+  return __spreadValues(__spreadValues({
+    type: "button"
+  }, pick(
+    component,
+    "uid",
+    "title",
+    "control",
+    "context",
+    "disabled",
+    "margin",
+    "pinOrder",
+    "size",
+    "onClick"
+  )), rendererMapperProps);
+};
+
+// src/revamp/renderers/mappers/columnsComponentToProps.ts
+var columnsComponentToProps = ({ uid, bias, control, margin, startComponents, endComponents }, rendererMapperProps) => {
+  const startChildrenProps = startComponents.map(
+    (c) => componentToRendererProps(c, rendererMapperProps)
+  );
+  const endChildrenProps = endComponents.map(
+    (c) => componentToRendererProps(c, rendererMapperProps)
+  );
+  return __spreadValues({
+    uid,
+    type: "columns",
+    bias,
+    control,
+    margin,
+    startChildren: startChildrenProps.map(rendererMapperProps.render),
+    endChildren: endChildrenProps.map(rendererMapperProps.render),
+    startChildrenProps,
+    endChildrenProps
+  }, rendererMapperProps);
+};
+
+// src/revamp/renderers/mappers/containerComponentToProps.ts
+var containerComponentToProps = (component, rendererMapperProps) => {
+  const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
+  return __spreadValues({
+    type: "container",
+    uid: component.uid,
+    children: childrenProps.map(rendererMapperProps.render),
+    childrenProps
+  }, rendererMapperProps);
+};
+
+// src/revamp/renderers/mappers/dateInputComponentToProps.ts
+var dateInputComponentToProps = (component, rendererMapperProps) => __spreadProps(__spreadValues(__spreadValues({}, inputComponentToProps(component, "input-date")), rendererMapperProps), {
+  autoComplete: component.autoComplete,
+  minimumDate: component.minimumDate,
+  maximumDate: component.maximumDate,
+  onChange: component.onChange.bind(component)
+});
+
+// src/revamp/renderers/mappers/decisionComponentToProps.ts
+var decisionComponentToProps = (component, rendererMapperProps) => __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "type", "control", "margin", "title")), rendererMapperProps), {
+  options: component.options.map((_a) => {
+    var _b = _a, { image } = _b, rest = __objRest(_b, ["image"]);
+    var _a2, _b2, _c;
+    return __spreadProps(__spreadValues({}, rest), {
+      image: image ? {
+        accessibilityDescription: (_a2 = image.accessibilityDescription) != null ? _a2 : image.text,
+        uri: image.uri,
+        url: (_c = (_b2 = image.uri) != null ? _b2 : image.url) != null ? _c : ""
+      } : image
+    });
+  })
+});
+
+// src/revamp/renderers/mappers/dividerComponentToProps.ts
+var dividerComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "type", "control", "margin")), rendererMapperProps);
+
+// src/revamp/renderers/mappers/formComponentToProps.ts
+var formComponentToProps = (component, rendererMapperProps) => {
+  const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
+  const { uid, control, margin } = component;
+  return __spreadValues({
+    uid,
+    type: "form",
+    children: childrenProps.map(rendererMapperProps.render),
+    childrenProps,
+    control,
+    margin
+  }, rendererMapperProps);
+};
+
+// src/revamp/renderers/mappers/headingComponentToProps.ts
+var headingComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "type", "align", "control", "margin", "size", "text")), rendererMapperProps);
+
+// src/revamp/renderers/mappers/hiddenComponentToProps.ts
+var hiddenComponentToProps = ({ uid }) => ({
+  uid,
+  type: "hidden"
+});
+
+// src/revamp/renderers/mappers/imageComponentToProps.ts
+var imageComponentToProps = (component, rendererMapperProps) => {
+  var _a;
+  return __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "type", "control", "margin", "size")), rendererMapperProps), {
+    accessibilityDescription: component.content.accessibilityDescription,
+    url: (_a = component.content.url) != null ? _a : "",
+    uri: component.content.uri
+  });
+};
+
+// src/revamp/renderers/mappers/instructionsComponentToProps.ts
+var instructionsComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "type", "control", "items", "margin", "title")), rendererMapperProps);
+
+// src/revamp/renderers/mappers/integerInputComponentToProps.ts
+var integerInputComponentToProps = (component, rendererMapperProps) => __spreadProps(__spreadValues(__spreadValues({}, inputComponentToProps(component, "input-integer")), rendererMapperProps), {
+  autoComplete: component.autoComplete,
+  maximum: component.maximum,
+  minimum: component.minimum,
+  onChange: component.onChange.bind(component)
+});
+
+// src/revamp/renderers/mappers/loadingIndicatorComponentToProps.ts
+var loadingIndicatorComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "type", "control", "margin", "size")), rendererMapperProps);
+
+// src/revamp/renderers/mappers/markdownComponentToProps.ts
+var markdownComponentToProps = (control, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(control, "uid", "type", "align", "margin", "content", "control")), rendererMapperProps);
+
+// src/revamp/renderers/mappers/modalComponentToProps.ts
+var modalComponentToProps = (component, rendererMapperProps) => {
+  const { uid, content, control, margin, trigger } = component;
+  const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
+  return __spreadValues({
+    uid,
+    type: "modal",
+    content: {
+      children: childrenProps.map(rendererMapperProps.render),
+      childrenProps,
+      title: content.title
+    },
+    control,
+    margin,
+    trigger
+  }, rendererMapperProps);
+};
+
+// src/revamp/renderers/mappers/multiUploadInputComponentToProps.ts
+var multiUploadInputComponentToProps = (component, rendererMapperProps) => {
+  const { accepts, files, maxSize, minItems, maxItems, uploadLabel } = component;
+  return __spreadProps(__spreadValues(__spreadValues({}, inputComponentToProps(component, "input-upload-multi")), rendererMapperProps), {
+    accepts,
+    maxSize,
+    minItems,
+    maxItems,
+    uploadLabel,
+    value: files.map((file) => __spreadProps(__spreadValues({}, file), {
+      validationState: mapErrorsToValidationState(file.errors)
+    })),
+    onInsertFile: component.onInsertFile.bind(component),
+    onRemoveFile: component.onRemoveFile.bind(component)
+  });
+};
+
+// src/revamp/renderers/mappers/numberInputComponentToProps.ts
+var numberInputComponentToProps = (component, rendererMapperProps) => __spreadProps(__spreadValues(__spreadValues({}, inputComponentToProps(component, "input-number")), rendererMapperProps), {
+  maximum: component.maximum,
+  minimum: component.minimum,
+  onChange: component.onChange.bind(component)
+});
+
+// src/revamp/renderers/mappers/objectComponentToProps.ts
+var objectComponentToProps = (component, rendererMapperProps) => {
+  var _a, _b;
+  const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
+  return __spreadProps(__spreadValues(__spreadValues({
+    type: "section"
+  }, pick(component, "uid", "control", "description", "help", "icon", "title")), rendererMapperProps), {
+    // TODO: Remove when viewbindings are updated
+    image: component.image ? __spreadProps(__spreadValues({}, component.image), {
+      url: (_b = (_a = component.image) == null ? void 0 : _a.url) != null ? _b : ""
+    }) : void 0,
+    children: childrenProps.map(rendererMapperProps.render),
+    childrenProps
+  });
+};
+
+// src/revamp/renderers/mappers/paragraphComponentToProps.ts
+var paragraphComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "type", "align", "control", "margin", "text")), rendererMapperProps);
+
+// src/revamp/renderers/mappers/repeatableComponentToProps.ts
+var repeatableComponentToProps = (component, rendererMapperProps) => {
+  var _a, _b;
+  const {
+    uid,
+    addItemTitle,
+    control,
+    components,
+    description,
+    editableComponent,
+    editItemTitle,
+    errors,
+    icon,
+    image,
+    maxItems,
+    minItems,
+    summaryDefaults,
+    title = "",
+    onEdit,
+    onAdd,
+    onSave,
+    onRemove
+  } = component;
+  const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
+  const editableItemProps = editableComponent ? componentToRendererProps(editableComponent, rendererMapperProps) : null;
+  const getSummaryImage = (componentSummary) => {
+    var _a2, _b2;
+    if (componentSummary.image) {
+      return __spreadProps(__spreadValues({}, componentSummary.image), {
+        url: (_a2 = componentSummary.image.url) != null ? _a2 : ""
+      });
+    }
+    if (summaryDefaults.image) {
+      return __spreadProps(__spreadValues({}, summaryDefaults.image), {
+        url: (_b2 = summaryDefaults.image.url) != null ? _b2 : ""
+      });
+    }
+  };
+  const getSummary = (componentSummary) => {
+    var _a2, _b2, _c;
+    return {
+      title: (_a2 = componentSummary.title) != null ? _a2 : summaryDefaults.title,
+      description: (_b2 = componentSummary.description) != null ? _b2 : summaryDefaults.description,
+      icon: (_c = componentSummary.icon) != null ? _c : summaryDefaults.icon,
+      image: getSummaryImage(componentSummary)
+    };
+  };
+  const itemProps = components.map((childComponent) => __spreadProps(__spreadValues({}, getSummary(childComponent.getSummary())), {
+    id: `${childComponent.uid}-summary`
+  }));
+  return __spreadValues({
+    uid,
+    type: "repeatable",
+    children: childrenProps.map(rendererMapperProps.render),
+    childrenProps,
+    addItemTitle,
+    control,
+    description,
+    editableItem: rendererMapperProps.render(editableItemProps),
+    editableItemProps,
+    editItemTitle,
+    error: errors == null ? void 0 : errors[0],
+    icon,
+    image: image ? {
+      accessibilityDescription: (_a = image.accessibilityDescription) != null ? _a : image.text,
+      uri: image.uri,
+      url: (_b = image.url) != null ? _b : ""
+    } : void 0,
+    items: itemProps,
+    maxItems,
+    minItems,
+    title,
+    validationState: mapErrorsToValidationState(errors),
+    onAdd: onAdd.bind(component),
+    onEdit: onEdit.bind(component),
+    onSave: onSave.bind(component),
+    onRemove: onRemove.bind(component)
+  }, rendererMapperProps);
+};
+
+// src/revamp/renderers/mappers/reviewComponentToProps.ts
+var reviewComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "type", "callToAction", "control", "fields", "margin", "title")), rendererMapperProps);
+
+// src/revamp/renderers/mappers/searchComponentToProps.ts
+var searchComponentToProps = (component, rendererMapperProps) => {
+  const { uid, control, emptyMessage, error, isLoading, margin, query, results, title } = component;
+  const onChange = component.onChange.bind(component);
+  const onSelect = component.onSelect.bind(component);
+  const state = getSearchState({
+    emptyMessage,
+    error,
+    isLoading,
+    query,
+    results,
+    onChange,
+    onSelect
+  });
+  return __spreadValues({
+    uid,
+    type: "search",
+    id: uid,
+    control,
+    isLoading,
+    margin,
+    query,
+    state,
+    title,
+    onChange
+  }, rendererMapperProps);
+};
+var getSearchState = ({
+  emptyMessage,
+  error,
+  isLoading,
+  query,
+  results,
+  onChange,
+  onSelect
+}) => {
+  if (!query || isLoading) {
+    return { type: "pending" };
+  }
+  if (error) {
+    return { type: "error", onRetry: () => onChange(query) };
+  }
+  if (results.length === 0) {
+    return { type: "noResults", message: emptyMessage };
+  }
+  const rendererResults = results.map((result) => {
+    var _a;
+    return __spreadProps(__spreadValues({}, result), {
+      id: result.type === "action" ? (_a = result.value.id) != null ? _a : result.value.$id : void 0,
+      onClick: () => onSelect(result)
+    });
+  });
+  return { type: "results", results: rendererResults };
+};
+
+// src/revamp/renderers/mappers/selectInputComponentToProps.ts
+var selectInputComponentToProps = (component, rendererMapperProps) => {
+  const { autoComplete, options, selectedIndex, onSelect } = component;
+  const selectedChild = component.getSelectedChild();
+  const childrenProps = selectedChild ? componentToRendererProps(selectedChild, rendererMapperProps) : null;
+  const _a = inputComponentToProps(component, "input-select"), { value } = _a, props = __objRest(_a, ["value"]);
+  return __spreadProps(__spreadValues(__spreadValues({}, props), rendererMapperProps), {
+    autoComplete,
+    options,
+    selectedIndex,
+    onSelect: onSelect.bind(component),
+    children: rendererMapperProps.render(childrenProps),
+    childrenProps
+  });
+};
+
+// src/revamp/renderers/mappers/statusListComponentToProps.ts
+var statusListComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "type", "control", "items", "margin", "title")), rendererMapperProps);
+
+// src/revamp/renderers/mappers/textInputComponentToProps.ts
+var textInputComponentToProps = (component, rendererMapperProps) => __spreadProps(__spreadValues(__spreadValues({}, inputComponentToProps(component, "input-text")), rendererMapperProps), {
+  autoComplete: component.autoComplete,
+  autoCapitalize: component == null ? void 0 : component.autocapitalization,
+  displayFormat: component.displayFormat,
+  maxLength: component.maxLength,
+  minLength: component.minLength,
+  onChange: component.onChange.bind(component)
+});
+
+// src/revamp/renderers/mappers/multiSelectComponentToProps.ts
+var multiSelectInputComponentToProps = (component, rendererMapperProps) => {
+  const { autoComplete, maxItems, minItems, options, selectedIndices, onSelect } = component;
+  const _a = inputComponentToProps(component, "input-multi-select"), { required, value } = _a, props = __objRest(_a, ["required", "value"]);
+  return __spreadProps(__spreadValues(__spreadValues({}, props), rendererMapperProps), {
+    autoComplete,
+    maxItems,
+    minItems,
+    options,
+    selectedIndices,
+    onSelect: onSelect.bind(component)
+  });
+};
+
+// src/revamp/renderers/mappers/uploadInputComponentToProps.ts
+var uploadInputComponentToProps = (component, rendererMapperProps) => {
+  const { accepts, maxSize } = component;
+  return __spreadProps(__spreadValues(__spreadValues({}, inputComponentToProps(component, "input-upload")), rendererMapperProps), {
+    accepts,
+    maxSize,
+    onUpload: component.onUpload.bind(component)
+  });
+};
+
+// src/revamp/renderers/mappers/tupleComponentToProps.ts
+var tupleComponentToProps = (component, rendererMapperProps) => {
+  var _a, _b;
+  const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
+  return __spreadProps(__spreadValues(__spreadValues({
+    type: "section"
+  }, pick(component, "uid", "control", "description", "help", "icon", "title")), rendererMapperProps), {
+    // TODO Remove URL default after next types update (add back to `pick`)
+    image: component.image ? __spreadProps(__spreadValues({}, component.image), {
+      url: (_b = (_a = component.image) == null ? void 0 : _a.url) != null ? _b : ""
+    }) : void 0,
+    children: childrenProps.map(rendererMapperProps.render),
+    childrenProps
+  });
+};
+
+// src/revamp/renderers/mappers/listComponentToProps.ts
+var listComponentToProps = (component, rendererMapperProps) => __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "type", "callToAction", "control", "margin", "title")), rendererMapperProps), {
+  items: component.items.map((_a) => {
+    var _b = _a, { image } = _b, rest = __objRest(_b, ["image"]);
+    var _a2, _b2, _c;
+    return __spreadProps(__spreadValues({}, rest), {
+      image: image ? {
+        accessibilityDescription: (_a2 = image == null ? void 0 : image.accessibilityDescription) != null ? _a2 : image == null ? void 0 : image.text,
+        uri: image == null ? void 0 : image.uri,
+        url: (_c = (_b2 = image == null ? void 0 : image.url) != null ? _b2 : image == null ? void 0 : image.url) != null ? _c : ""
+      } : void 0
+    });
+  })
+});
+
+// src/revamp/renderers/stepComponentToProps.ts
+var stepComponentToProps = ({
+  uid,
+  back,
+  description,
+  error,
+  external,
+  loadingState,
+  step,
+  title,
+  components,
+  onAction
+}, rendererMapperProps) => {
+  const childrenProps = components.map((c) => componentToRendererProps(c, rendererMapperProps));
+  return __spreadValues({
+    type: "step",
+    uid,
+    back,
+    description,
+    error,
+    external,
+    loadingState,
+    title,
+    step,
+    onAction,
+    children: childrenProps.map(rendererMapperProps.render),
+    childrenProps
+  }, rendererMapperProps);
+};
+
+// src/revamp/renderers/mappers/componentToRendererProps.ts
+var componentToRendererProps = (component, rendererMapperProps) => {
+  if (isHiddenComponent(component)) {
+    return hiddenComponentToProps(component);
+  }
+  switch (component.type) {
+    case "step":
+      return stepComponentToProps(component, rendererMapperProps);
+    case "alert":
+      return alertComponentToProps(component, rendererMapperProps);
+    case "all-of":
+      return allOfComponentToProps(component, rendererMapperProps);
+    case "boolean":
+      return booleanInputComponentToProps(component, rendererMapperProps);
+    case "box":
+      return boxComponentToProps(component, rendererMapperProps);
+    case "button":
+      return buttonComponentToProps(component, rendererMapperProps);
+    case "columns":
+      return columnsComponentToProps(component, rendererMapperProps);
+    case "container":
+      return containerComponentToProps(component, rendererMapperProps);
+    case "date":
+      return dateInputComponentToProps(component, rendererMapperProps);
+    case "decision":
+      return decisionComponentToProps(component, rendererMapperProps);
+    case "divider":
+      return dividerComponentToProps(component, rendererMapperProps);
+    case "form":
+      return formComponentToProps(component, rendererMapperProps);
+    case "heading":
+      return headingComponentToProps(component, rendererMapperProps);
+    case "const":
+      return hiddenComponentToProps(component);
+    case "image":
+      return imageComponentToProps(component, rendererMapperProps);
+    case "instructions":
+      return instructionsComponentToProps(component, rendererMapperProps);
+    case "integer":
+      return integerInputComponentToProps(component, rendererMapperProps);
+    case "list":
+      return listComponentToProps(component, rendererMapperProps);
+    case "loading-indicator":
+      return loadingIndicatorComponentToProps(component, rendererMapperProps);
+    case "markdown":
+      return markdownComponentToProps(component, rendererMapperProps);
+    case "modal":
+      return modalComponentToProps(component, rendererMapperProps);
+    case "multi-select":
+      return multiSelectInputComponentToProps(component, rendererMapperProps);
+    case "multi-upload":
+      return multiUploadInputComponentToProps(component, rendererMapperProps);
+    case "number":
+      return numberInputComponentToProps(component, rendererMapperProps);
+    case "object":
+      return objectComponentToProps(component, rendererMapperProps);
+    case "paragraph":
+      return paragraphComponentToProps(component, rendererMapperProps);
+    case "repeatable":
+      return repeatableComponentToProps(component, rendererMapperProps);
+    case "review":
+      return reviewComponentToProps(component, rendererMapperProps);
+    case "search":
+      return searchComponentToProps(component, rendererMapperProps);
+    case "select":
+      return selectInputComponentToProps(component, rendererMapperProps);
+    case "status-list":
+      return statusListComponentToProps(component, rendererMapperProps);
+    case "text":
+      return textInputComponentToProps(component, rendererMapperProps);
+    case "tuple":
+      return tupleComponentToProps(component, rendererMapperProps);
+    case "upload":
+      return uploadInputComponentToProps(component, rendererMapperProps);
+    default:
+      throw new Error("Unknown component type");
+  }
+};
 
 // src/revamp/DynamicFlowCore.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function DynamicFlowCore(props) {
   var _a, _b;
   const { stepComponentRef } = useDynamicFlowCore(props);
-  const { renderers, onEvent, onError } = props;
+  const { renderers, httpClient, onEvent, onError } = props;
   const render = (0, import_react4.useMemo)(
     () => getRenderFunction([CoreContainerRenderer, ...renderers]),
     [renderers]
   );
+  const tree = stepComponentRef.current ? componentToRendererProps(stepComponentRef.current, {
+    render,
+    httpClient,
+    trackEvent: stepComponentRef.current.trackEvent,
+    stepLoadingState: stepComponentRef.current.loadingState
+  }) : null;
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     ErrorBoundary_default,
     {
@@ -11679,12 +11776,12 @@ function DynamicFlowCore(props) {
         onEvent == null ? void 0 : onEvent("Dynamic Flow - Failed", { error });
         onError == null ? void 0 : onError(error);
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { id: (_b = (_a = stepComponentRef.current) == null ? void 0 : _a.step) == null ? void 0 : _b.id, className: "dynamic-flow", children: stepComponentRef.current ? render(stepComponentRef.current) : null })
+      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { id: (_b = (_a = stepComponentRef.current) == null ? void 0 : _a.step) == null ? void 0 : _b.id, className: "dynamic-flow", children: render(tree) })
     }
   );
 }
 
-// src/revamp/DynamicFragmentCore.tsx
+// src/revamp/DynamicFormCore.tsx
 var import_react5 = require("react");
 
 // src/revamp/utils/openLinkInNewTab.tsx
@@ -11698,11 +11795,18 @@ var openLinkInNewTab = (url) => {
   }
 };
 
-// src/revamp/DynamicFragmentCore.tsx
+// src/revamp/DynamicFormCore.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var DynamicFragmentCore = (0, import_react5.forwardRef)(function DynamicFragmentCore2(props, ref) {
-  const { onCompletion = () => {
-  }, onEvent, onError, onLink = openLinkInNewTab, renderers } = props;
+var DynamicFormCore = (0, import_react5.forwardRef)(function DynamicFormCore2(props, ref) {
+  const {
+    onCompletion = () => {
+    },
+    httpClient,
+    onEvent,
+    onError,
+    onLink = openLinkInNewTab,
+    renderers
+  } = props;
   const { stepComponentRef } = useDynamicFlowCore(__spreadProps(__spreadValues({ onCompletion }, props), { onLink }));
   (0, import_react5.useImperativeHandle)(
     ref,
@@ -11723,6 +11827,12 @@ var DynamicFragmentCore = (0, import_react5.forwardRef)(function DynamicFragment
     () => getRenderFunction([CoreContainerRenderer, ...renderers]),
     [renderers]
   );
+  const tree = stepComponentRef.current ? componentToRendererProps(stepComponentRef.current, {
+    render,
+    httpClient,
+    trackEvent: stepComponentRef.current.trackEvent,
+    stepLoadingState: stepComponentRef.current.loadingState
+  }) : null;
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     ErrorBoundary_default,
     {
@@ -11730,7 +11840,7 @@ var DynamicFragmentCore = (0, import_react5.forwardRef)(function DynamicFragment
         onEvent == null ? void 0 : onEvent("Dynamic Flow - Failed");
         onError(error);
       },
-      children: stepComponentRef.current ? render(stepComponentRef.current) : null
+      children: render(tree)
     }
   );
 });
@@ -13032,7 +13142,7 @@ var import_components3 = require("@transferwise/components");
 // src/legacy/layout/utils/getNavigationOptionMedia.tsx
 var import_components2 = require("@transferwise/components");
 
-// ../../node_modules/.pnpm/@wise+art@2.19.0_@transferwise+neptune-css@14.20.1_@types+react@18.3.18_react-dom@18.3.1_reac_mzw7cg6j4wc7ddwlhxck7linn4/node_modules/@wise/art/dist/index.esm.js
+// ../../node_modules/.pnpm/@wise+art@2.19.0_@transferwise+neptune-css@14.22.0_@types+react@18.3.18_react-dom@18.3.1_reac_62coi6aa7fmdhpcz7p72kf3gum/node_modules/@wise/art/dist/index.esm.js
 init_index_8Fxev6OI_esm();
 init_clsx();
 var import_react15 = require("react");