@wise/dynamic-flow-client 3.13.0-experimental-kyc-camera-be63581 → 3.13.0

package/build/main.js

@@ -291,7 +291,6 @@ __export(src_exports, {
   DynamicFlowRevamp: () => DynamicFlowWise_default,
   DynamicFragmentWise: () => DynamicFragmentWise_default,
   JsonSchemaForm: () => JsonSchemaForm_default,
-  KYCCameraStepRenderer: () => KYCCameraStepRenderer,
   Layout: () => DynamicLayout_default,
   convertStepToLayout: () => convertStepToLayout,
   inlineReferences: () => inlineReferences,
@@ -1287,33 +1286,22 @@ 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/stepComponentToProps.ts
-var stepComponentToProps = ({
-  back,
-  description,
-  error,
-  external,
-  loadingState,
-  step,
-  title,
-  trackEvent,
-  onAction
-}, children) => ({
+var stepComponentToProps = ({ back, description, error, external, loadingState, title, trackEvent }, children) => ({
   type: "step",
   back,
   description,
   error,
   external,
   loadingState,
-  step,
   title,
-  children,
   trackEvent,
-  onAction
+  children
 });
 
 // src/revamp/renderers/mappers/alertComponentToProps.ts
@@ -1744,6 +1732,16 @@ var uploadInputComponentToProps = (component) => {
   });
 };
 
+// src/revamp/renderers/mappers/tupleComponentToProps.ts
+var tupleComponentToProps = ({ control, description, help, title }, children) => ({
+  type: "form-section",
+  children,
+  control,
+  description,
+  help,
+  title
+});
+
 // src/revamp/renderers/mappers/componentToRendererProps.ts
 var componentToRendererProps = (component, nestedContent) => {
   const { children, startChildren, endChildren, editableItemChildren } = nestedContent;
@@ -1813,6 +1811,8 @@ var componentToRendererProps = (component, nestedContent) => {
       return statusListComponentToProps(component);
     case "text":
       return textInputComponentToProps(component);
+    case "tuple":
+      return tupleComponentToProps(component, children);
     case "upload":
       return uploadInputComponentToProps(component);
     default:
@@ -1828,14 +1828,12 @@ var getRenderFunction = (renderers) => {
     if (type === "hidden") {
       return null;
     }
-    const renderer = renderers.find(({ canRenderType, canRender = () => true }) => {
-      try {
-        return canRenderType === type && canRender(props);
-      } catch (e) {
-        console.error(`Error in canRender function for ${type}`, e);
-        return false;
-      }
-    });
+    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}`);
     }
@@ -5697,13 +5695,21 @@ var z = /* @__PURE__ */ Object.freeze({
   quotelessJson,
   ZodError
 });
-var sizeSchema = z.union([
-  z.literal("xs"),
-  z.literal("sm"),
-  z.literal("md"),
-  z.literal("lg"),
-  z.literal("xl")
+var imageSchema = z.object({
+  text: z.string().optional(),
+  url: z.string(),
+  accessibilityDescription: z.string().optional()
+});
+var httpMethodSchema = z.union([
+  z.literal("GET"),
+  z.literal("POST"),
+  z.literal("PUT"),
+  z.literal("PATCH"),
+  z.literal("DELETE")
 ]);
+var iconNamedSchema = z.object({
+  name: z.string()
+});
 var contextSchema = z.union([
   z.literal("positive"),
   z.literal("neutral"),
@@ -5714,114 +5720,18 @@ var contextSchema = z.union([
   z.literal("info"),
   z.literal("primary")
 ]);
-var columnsLayoutBiasSchema = z.union([
-  z.literal("none"),
-  z.literal("left"),
-  z.literal("right")
-]);
-var statusListLayoutStatusSchema = z.union([
-  z.literal("not-done"),
-  z.literal("pending"),
-  z.literal("done")
-]);
-var alignSchema = z.union([z.literal("left"), z.literal("center"), z.literal("right")]);
-var formLayoutSchemaReferenceSchema = z.object({
-  $ref: z.string()
-});
-var modalLayoutTriggerSchema = z.object({
-  title: z.string()
-});
-var httpMethodSchema = z.union([
-  z.literal("GET"),
-  z.literal("POST"),
-  z.literal("PUT"),
-  z.literal("PATCH"),
-  z.literal("DELETE")
-]);
-var dividerLayoutSchema = z.object({
-  type: z.literal("divider"),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
+var iconTextSchema = z.object({
+  text: z.string()
 });
-var listLayoutStatusSchema = z.union([
-  z.literal("warning"),
-  z.literal("neutral"),
-  z.literal("positive")
+var sizeSchema = z.union([
+  z.literal("xs"),
+  z.literal("sm"),
+  z.literal("md"),
+  z.literal("lg"),
+  z.literal("xl")
 ]);
-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 alertLayoutSchema = z.object({
-  type: z.literal("alert"),
-  markdown: z.string(),
-  context: contextSchema.optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var formLayoutSchema = z.object({
-  type: z.literal("form"),
-  schema: formLayoutSchemaReferenceSchema.optional(),
-  schemaId: z.string(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var imageLayoutSchema = z.object({
-  type: z.literal("image"),
-  text: z.string().optional(),
-  url: z.string(),
-  size: sizeSchema.optional(),
-  accessibilityDescription: z.string().optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var infoLayoutSchema = z.object({
-  type: z.literal("info"),
-  markdown: z.string(),
-  align: alignSchema.optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var loadingIndicatorLayoutSchema = z.object({
-  type: z.literal("loading-indicator"),
-  size: sizeSchema.optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var paragraphLayoutSchema = z.object({
-  type: z.literal("paragraph"),
-  text: z.string(),
-  align: alignSchema.optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var instructionsLayoutItemSchema = z.object({
-  text: z.string(),
-  context: contextSchema
-});
-var helpSchema = z.object({
-  markdown: z.string()
-});
-var imageSchema = z.object({
-  text: z.string().optional(),
-  url: z.string(),
-  accessibilityDescription: z.string().optional()
-});
-var summaryProviderSchema = z.object({
-  providesTitle: z.boolean().optional(),
-  providesDescription: z.boolean().optional(),
-  providesIcon: z.boolean().optional(),
-  providesImage: z.boolean().optional()
-});
-var validateAsyncSchema = z.object({
-  param: z.string(),
-  method: httpMethodSchema,
-  url: z.string()
-});
+var alignSchema = z.union([z.literal("left"), z.literal("center"), z.literal("right")]);
+var iconSchema = z.union([iconNamedSchema, iconTextSchema]);
 var autocompleteTokenSchema = z.union([
   z.literal("on"),
   z.literal("name"),
@@ -5887,84 +5797,59 @@ var autocompleteTokenSchema = z.union([
   z.literal("fax"),
   z.literal("pager")
 ]);
-var stringSchemaFormatSchema = z.union([
-  z.literal("date"),
-  z.literal("email"),
-  z.literal("numeric"),
-  z.literal("password"),
-  z.literal("phone-number"),
-  z.literal("base64url")
-]);
-var jsonElementSchema = z.lazy(
-  () => z.union([
-    z.string(),
-    z.number(),
-    z.boolean(),
-    z.record(jsonElementSchema),
-    z.array(jsonElementSchema)
-  ]).nullable()
-);
-var uploadSourceSchema = z.union([z.literal("camera"), z.literal("file")]);
-var externalSchema = z.object({
-  url: z.string()
+var loadingIndicatorLayoutSchema = z.object({
+  type: z.literal("loading-indicator"),
+  size: sizeSchema.optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
 });
-var stepErrorSchema = z.object({
-  error: z.string().optional(),
-  validation: jsonElementSchema.optional()
+var alertLayoutSchema = z.object({
+  type: z.literal("alert"),
+  markdown: z.string(),
+  context: contextSchema.optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
 });
-var errorResponseBodySchema = z.object({
-  refreshFormUrl: z.string().optional(),
-  analytics: z.record(z.string()).optional(),
-  error: z.string().optional(),
-  validation: jsonElementSchema.optional(),
-  refreshUrl: z.string().optional()
+var paragraphLayoutSchema = z.object({
+  type: z.literal("paragraph"),
+  text: z.string(),
+  align: alignSchema.optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
 });
-var searchSearchRequestSchema = z.object({
-  url: z.string(),
-  method: httpMethodSchema,
-  param: z.string(),
-  query: z.string()
+var dividerLayoutSchema = z.object({
+  type: z.literal("divider"),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
 });
-var navigationStackBehaviorSchema = z.union([
-  z.literal("default"),
-  z.literal("remove-previous"),
-  z.literal("remove-all"),
-  z.literal("replace-current")
-]);
-var actionTypeSchema = z.union([
-  z.literal("primary"),
-  z.literal("secondary"),
-  z.literal("link"),
-  z.literal("positive"),
-  z.literal("negative")
+var listLayoutStatusSchema = z.union([
+  z.literal("warning"),
+  z.literal("neutral"),
+  z.literal("positive")
 ]);
-var iconNamedSchema = z.object({
-  name: z.string()
+var formLayoutSchemaReferenceSchema = z.object({
+  $ref: z.string()
 });
-var iconTextSchema = z.object({
-  text: z.string()
+var imageLayoutSchema = z.object({
+  type: z.literal("image"),
+  text: z.string().optional(),
+  url: z.string(),
+  size: sizeSchema.optional(),
+  accessibilityDescription: z.string().optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
 });
-var actionSchema = z.object({
-  title: z.string().optional(),
-  type: actionTypeSchema.optional(),
-  disabled: z.boolean().optional(),
-  $id: z.string().optional(),
-  $ref: z.string().optional(),
-  id: z.string().optional(),
-  url: z.string().optional(),
-  method: httpMethodSchema.optional(),
-  exit: z.boolean().optional(),
-  result: jsonElementSchema.optional(),
-  data: jsonElementSchema.optional(),
-  timeout: z.number().optional(),
-  skipValidation: z.boolean().optional()
+var statusListLayoutStatusSchema = z.union([
+  z.literal("not-done"),
+  z.literal("pending"),
+  z.literal("done")
+]);
+var instructionsLayoutItemSchema = z.object({
+  text: z.string(),
+  context: contextSchema
 });
-var markdownLayoutSchema = z.object({
-  type: z.literal("markdown"),
-  content: z.string(),
-  align: alignSchema.optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
+var modalLayoutTriggerSchema = z.object({
+  title: z.string()
 });
 var searchLayoutSchema = z.object({
   type: z.literal("search"),
@@ -5976,9 +5861,143 @@ var searchLayoutSchema = z.object({
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
-var reviewLayoutCallToActionSchema = z.object({
+var infoLayoutSchema = z.object({
+  type: z.literal("info"),
+  markdown: z.string(),
+  align: alignSchema.optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
+var formLayoutSchema = z.object({
+  type: z.literal("form"),
+  schema: formLayoutSchemaReferenceSchema.optional(),
+  schemaId: z.string(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
+var headingLayoutSchema = z.object({
+  type: z.literal("heading"),
+  text: z.string(),
+  size: sizeSchema.optional(),
+  align: alignSchema.optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
+var markdownLayoutSchema = z.object({
+  type: z.literal("markdown"),
+  content: z.string(),
+  align: alignSchema.optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
+var columnsLayoutBiasSchema = z.union([
+  z.literal("none"),
+  z.literal("left"),
+  z.literal("right")
+]);
+var helpSchema = z.object({
+  markdown: z.string()
+});
+var searchSearchRequestSchema = z.object({
+  url: z.string(),
+  method: httpMethodSchema,
+  param: z.string(),
+  query: z.string()
+});
+var jsonElementSchema = z.lazy(
+  () => z.union([
+    z.string(),
+    z.number(),
+    z.boolean(),
+    z.record(jsonElementSchema),
+    z.array(jsonElementSchema)
+  ]).nullable()
+);
+var externalSchema = z.object({
+  url: z.string()
+});
+var stepErrorSchema = z.object({
+  error: z.string().optional(),
+  validation: jsonElementSchema.optional()
+});
+var stringSchemaFormatSchema = z.union([
+  z.literal("date"),
+  z.literal("email"),
+  z.literal("numeric"),
+  z.literal("password"),
+  z.literal("phone-number"),
+  z.literal("base64url")
+]);
+var summarySummariserSchema = z.object({
+  defaultTitle: z.string().optional(),
+  defaultDescription: z.string().optional(),
+  defaultIcon: iconSchema.optional(),
+  defaultImage: imageLayoutSchema.optional(),
+  providesTitle: z.boolean().optional(),
+  providesDescription: z.boolean().optional(),
+  providesIcon: z.boolean().optional(),
+  providesImage: z.boolean().optional()
+});
+var validateAsyncSchema = z.object({
+  param: z.string(),
+  method: httpMethodSchema,
+  url: z.string()
+});
+var summaryProviderSchema = z.object({
+  providesTitle: z.boolean().optional(),
+  providesDescription: z.boolean().optional(),
+  providesIcon: z.boolean().optional(),
+  providesImage: z.boolean().optional()
+});
+var uploadSourceSchema = z.union([z.literal("camera"), z.literal("file")]);
+var navigationStackBehaviorSchema = z.union([
+  z.literal("default"),
+  z.literal("remove-previous"),
+  z.literal("remove-all"),
+  z.literal("replace-current")
+]);
+var actionTypeSchema = z.union([
+  z.literal("primary"),
+  z.literal("secondary"),
+  z.literal("link"),
+  z.literal("positive"),
+  z.literal("negative")
+]);
+var summarySchema = z.union([summaryProviderSchema, summarySummariserSchema]);
+var actionSchema = z.object({
+  title: z.string().optional(),
+  type: actionTypeSchema.optional(),
+  disabled: z.boolean().optional(),
+  $id: z.string().optional(),
+  $ref: z.string().optional(),
+  id: z.string().optional(),
+  url: z.string().optional(),
+  method: httpMethodSchema.optional(),
+  exit: z.boolean().optional(),
+  result: jsonElementSchema.optional(),
+  data: jsonElementSchema.optional(),
+  timeout: z.number().optional(),
+  skipValidation: z.boolean().optional()
+});
+var listLayoutItemSchema = z.object({
   title: z.string(),
-  action: actionSchema
+  description: z.string().optional(),
+  icon: iconSchema,
+  status: listLayoutStatusSchema.optional()
+});
+var decisionLayoutOptionSchema = z.object({
+  action: actionSchema,
+  title: z.string(),
+  description: z.string().optional(),
+  disabled: z.boolean().optional(),
+  icon: iconSchema.optional(),
+  image: imageLayoutSchema.optional()
+});
+var statusListLayoutItemSchema = z.object({
+  title: z.string(),
+  description: z.string().optional(),
+  icon: iconSchema,
+  status: statusListLayoutStatusSchema.optional()
 });
 var instructionsLayoutSchema = z.object({
   type: z.literal("instructions"),
@@ -5987,17 +6006,51 @@ var instructionsLayoutSchema = z.object({
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
-var iconSchema = z.union([iconNamedSchema, iconTextSchema]);
+var buttonLayoutSchema = z.object({
+  type: z.literal("button"),
+  size: sizeSchema.optional(),
+  title: z.string().optional(),
+  action: actionSchema,
+  context: contextSchema.optional(),
+  disabled: z.boolean().optional(),
+  pinOrder: z.number().optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
 var reviewLayoutFieldSchema = z.object({
   label: z.string(),
   value: z.string(),
   help: helpSchema.optional()
 });
-var statusListLayoutItemSchema = z.object({
+var searchResultSearchSchema = z.object({
+  type: z.literal("search"),
   title: z.string(),
   description: z.string().optional(),
-  icon: iconSchema,
-  status: statusListLayoutStatusSchema.optional()
+  icon: iconSchema.optional(),
+  image: imageLayoutSchema.optional(),
+  value: searchSearchRequestSchema
+});
+var searchResultActionSchema = z.object({
+  type: z.literal("action"),
+  title: z.string(),
+  description: z.string().optional(),
+  icon: iconSchema.optional(),
+  image: imageLayoutSchema.optional(),
+  value: actionSchema
+});
+var actionResponseBodySchema = z.object({
+  action: actionSchema
+});
+var errorResponseBodySchema = z.object({
+  refreshFormUrl: z.string().optional(),
+  analytics: z.record(z.string()).optional(),
+  error: z.string().optional(),
+  validation: jsonElementSchema.optional(),
+  refreshUrl: z.string().optional()
+});
+var linkHandlerSchema = z.object({
+  regexPattern: z.string(),
+  action: actionSchema
 });
 var blobSchemaSchema = z.object({
   type: z.literal("blob"),
@@ -6037,65 +6090,36 @@ var constSchemaSchema = z.object({
   analyticsId: z.string().optional(),
   disabled: z.boolean().optional()
 });
-var summarySummariserSchema = z.object({
-  defaultTitle: z.string().optional(),
-  defaultDescription: z.string().optional(),
-  defaultIcon: iconSchema.optional(),
-  defaultImage: imageLayoutSchema.optional(),
-  providesTitle: z.boolean().optional(),
-  providesDescription: z.boolean().optional(),
-  providesIcon: z.boolean().optional(),
-  providesImage: z.boolean().optional()
-});
-var linkHandlerSchema = z.object({
-  regexPattern: z.string(),
+var pollingOnErrorSchema = z.object({
   action: actionSchema
 });
-var actionResponseBodySchema = z.object({
+var navigationBackBehaviourSchema = z.object({
+  title: z.string().optional(),
   action: actionSchema
 });
-var searchResultSearchSchema = z.object({
-  type: z.literal("search"),
-  title: z.string(),
-  description: z.string().optional(),
-  icon: iconSchema.optional(),
-  image: imageLayoutSchema.optional(),
-  value: searchSearchRequestSchema
-});
-var searchResultActionSchema = z.object({
-  type: z.literal("action"),
+var reviewLayoutCallToActionSchema = z.object({
   title: z.string(),
-  description: z.string().optional(),
-  icon: iconSchema.optional(),
-  image: imageLayoutSchema.optional(),
-  value: actionSchema
-});
-var pollingOnErrorSchema = z.object({
   action: actionSchema
 });
-var navigationBackBehaviourSchema = z.object({
+var listLayoutSchema = z.object({
+  type: z.literal("list"),
+  items: z.array(listLayoutItemSchema),
   title: z.string().optional(),
-  action: actionSchema
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
 });
-var summarySchema = z.union([summaryProviderSchema, summarySummariserSchema]);
-var buttonLayoutSchema = z.object({
-  type: z.literal("button"),
-  size: sizeSchema.optional(),
-  title: z.string().optional(),
-  action: actionSchema,
-  context: contextSchema.optional(),
-  disabled: z.boolean().optional(),
-  pinOrder: z.number().optional(),
+var decisionLayoutSchema = z.object({
+  type: z.literal("decision"),
+  options: z.array(decisionLayoutOptionSchema),
   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()
+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 reviewLayoutSchema = z.object({
   type: z.literal("review"),
@@ -6107,19 +6131,7 @@ var reviewLayoutSchema = 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 listLayoutItemSchema = z.object({
-  title: z.string(),
-  description: z.string().optional(),
-  icon: iconSchema,
-  status: listLayoutStatusSchema.optional()
-});
+var searchResultSchema = z.union([searchResultActionSchema, searchResultSearchSchema]);
 var pollingSchema = z.object({
   url: z.string(),
   interval: z.number(),
@@ -6131,33 +6143,9 @@ var navigationSchema = z.object({
   back: navigationBackBehaviourSchema.optional(),
   stackBehavior: navigationStackBehaviorSchema.optional()
 });
-var searchResultSchema = z.union([searchResultActionSchema, searchResultSearchSchema]);
-var decisionLayoutSchema = z.object({
-  type: z.literal("decision"),
-  options: z.array(decisionLayoutOptionSchema),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var listLayoutSchema = z.object({
-  type: z.literal("list"),
-  items: z.array(listLayoutItemSchema),
-  title: z.string().optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
 var searchResponseBodySchema = z.object({
   results: z.array(searchResultSchema)
 });
-var columnsLayoutSchema = z.lazy(
-  () => z.object({
-    type: z.literal("columns"),
-    left: z.array(layoutSchema),
-    right: z.array(layoutSchema),
-    bias: columnsLayoutBiasSchema.optional(),
-    control: z.string().optional(),
-    margin: sizeSchema.optional()
-  })
-);
 var layoutSchema = z.lazy(
   () => z.union([
     alertLayoutSchema,
@@ -6181,6 +6169,26 @@ var layoutSchema = z.lazy(
     statusListLayoutSchema
   ])
 );
+var boxLayoutSchema = z.lazy(
+  () => z.object({
+    type: z.literal("box"),
+    components: z.array(layoutSchema),
+    width: sizeSchema.optional(),
+    border: z.boolean().optional(),
+    control: z.string().optional(),
+    margin: sizeSchema.optional()
+  })
+);
+var columnsLayoutSchema = z.lazy(
+  () => z.object({
+    type: z.literal("columns"),
+    left: z.array(layoutSchema),
+    right: z.array(layoutSchema),
+    bias: columnsLayoutBiasSchema.optional(),
+    control: z.string().optional(),
+    margin: sizeSchema.optional()
+  })
+);
 var modalLayoutSchema = z.lazy(
   () => z.object({
     type: z.literal("modal"),
@@ -6195,14 +6203,25 @@ var modalLayoutContentSchema = z.lazy(
     components: z.array(layoutSchema)
   })
 );
-var boxLayoutSchema = z.lazy(
+var stepSchema = 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()
+    key: z.string().optional(),
+    type: z.string().optional(),
+    actions: z.array(actionSchema).optional(),
+    refreshFormUrl: z.string().optional(),
+    id: z.string(),
+    title: z.string(),
+    description: z.string().optional(),
+    schemas: z.array(schemaSchema),
+    layout: z.array(layoutSchema),
+    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(
@@ -6428,35 +6447,6 @@ var stringSchemaSchema = z.lazy(
     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(
-  () => z.object({
-    type: z.literal("array"),
-    promoted: z.boolean().optional(),
-    $id: z.string().optional(),
-    items: z.array(schemaSchema),
-    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(),
-    persistAsync: persistAsyncSchema.optional(),
-    validationAsync: validateAsyncSchema.optional(),
-    alert: alertLayoutSchema.optional()
-  })
-);
 var arraySchemaListSchema = z.lazy(
   () => z.object({
     type: z.literal("array"),
@@ -6484,25 +6474,33 @@ var arraySchemaListSchema = z.lazy(
     disabled: z.boolean().optional()
   })
 );
-var stepSchema = z.lazy(
+var persistAsyncSchema = 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(),
+    param: z.string(),
+    idProperty: z.string(),
+    schema: schemaSchema,
+    url: z.string(),
+    method: httpMethodSchema
+  })
+);
+var arraySchemaTupleSchema = z.lazy(
+  () => z.object({
+    type: z.literal("array"),
+    promoted: z.boolean().optional(),
+    $id: z.string().optional(),
+    items: z.array(schemaSchema),
+    title: z.string().optional(),
     description: z.string().optional(),
-    schemas: z.array(schemaSchema),
-    layout: z.array(layoutSchema),
-    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(),
+    hidden: 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(),
+    validationAsync: validateAsyncSchema.optional(),
+    alert: alertLayoutSchema.optional()
   })
 );
 var validateStep = (step) => validate(step, stepSchema);
@@ -8032,6 +8030,9 @@ var isPartialLocalValueMatch = (partialValue, component) => {
   if (isObjectLocalValue(partialValue) && isObjectLocalValue(componentValue)) {
     return isPartialObjectMatch(partialValue, componentValue, component);
   }
+  if (isArrayLocalValue(partialValue) && component.type === "tuple") {
+    return isPartialTupleMatch(partialValue, component);
+  }
   return null;
 };
 var isPartialObjectMatch = (partialValue, componentValue, component) => {
@@ -8047,6 +8048,23 @@ var isPartialObjectMatch = (partialValue, componentValue, component) => {
   }
   return null;
 };
+var isPartialTupleMatch = (partialValue, component) => {
+  const children = component.getChildren();
+  const shortest = partialValue.length < children.length ? partialValue : children;
+  const results = shortest.map((_value, index) => {
+    if (children[index].type !== "const") {
+      return null;
+    }
+    return isPartialLocalValueMatch(partialValue[index], children[index]);
+  });
+  if (results.includes(false)) {
+    return false;
+  }
+  if (results.includes(true)) {
+    return true;
+  }
+  return null;
+};
 var getMatchingKeys = (a, b) => {
   const allKeys = Array.from(/* @__PURE__ */ new Set([...Object.keys(a), ...Object.keys(b)]));
   return allKeys.filter((key) => !isNullish(a[key]) && !isNullish(b[key]));
@@ -9220,6 +9238,71 @@ var arraySchemaToMultiSelectComponent = (schemaMapperProps, mapperProps) => {
   );
 };
 
+// src/revamp/domain/components/TupleComponent.ts
+var createTupleComponent = (tupleProps) => {
+  const { uid, analyticsId, components, control, description, help, hidden, summariser, title } = tupleProps;
+  return {
+    type: "tuple",
+    uid,
+    analyticsId,
+    components,
+    control,
+    description,
+    help,
+    hidden,
+    title,
+    getChildren() {
+      return this.components;
+    },
+    async getSubmittableValue() {
+      return Promise.all(this.components.map((child) => child.getSubmittableValue()));
+    },
+    getSummary() {
+      const summary = summariser(this.getLocalValue());
+      const childSummary = summariseFromChildren(this.getChildren());
+      return mergeSummaries(summary, childSummary);
+    },
+    getLocalValue() {
+      return this.components.map((child) => child.getLocalValue());
+    },
+    validate() {
+      return validateComponents(this.getChildren());
+    }
+  };
+};
+
+// src/revamp/domain/mappers/schema/arraySchemaToComponent/arraySchemaToTupleComponent.ts
+var arraySchemaToTupleComponent = (schemaMapperProps, mapperProps) => {
+  const {
+    uid,
+    localValue,
+    schema,
+    model: initialModel,
+    required = false,
+    validationErrors
+  } = schemaMapperProps;
+  const { items } = schema;
+  const components = items.map(
+    (childSchema, index) => {
+      var _a, _b;
+      return mapSchemaToComponent(
+        {
+          uid: `${uid}-arr.${index}`,
+          schema: childSchema,
+          model: isArray(initialModel) ? (_a = initialModel[index]) != null ? _a : null : null,
+          localValue: isArray(localValue) ? (_b = localValue[index]) != null ? _b : null : null,
+          validationErrors: isArray(validationErrors) ? validationErrors[index] : void 0,
+          required
+        },
+        mapperProps
+      );
+    }
+  );
+  return createTupleComponent(__spreadProps(__spreadValues({}, mapCommonSchemaProps(schemaMapperProps)), {
+    components
+  }));
+};
+
 // src/revamp/domain/mappers/schema/arraySchemaToComponent/arraySchemaToComponent.ts
 var arraySchemaToComponent = (schemaMapperProps, mapperProps) => {
   const { schema, model: originalModel } = schemaMapperProps;
@@ -9230,10 +9313,10 @@ var arraySchemaToComponent = (schemaMapperProps, mapperProps) => {
   if (isArraySchemaListWithMultiSelect(schema)) {
     return arraySchemaToMultiSelectComponent(__spreadProps(__spreadValues({}, schemaMapperProps), { schema, model }), mapperProps);
   }
-  if (isArrayListSchema(schema)) {
-    return arraySchemaToRepeatableComponent(__spreadProps(__spreadValues({}, schemaMapperProps), { schema, model }), mapperProps);
+  if (isArrayTupleSchema(schema)) {
+    return arraySchemaToTupleComponent(__spreadProps(__spreadValues({}, schemaMapperProps), { schema, model }), mapperProps);
   }
-  throw new Error("Currently only repeatable array schemas are supported");
+  return arraySchemaToRepeatableComponent(__spreadProps(__spreadValues({}, schemaMapperProps), { schema, model }), mapperProps);
 };
 var isArraySchemaListWithMultiFileUpload = (schema) => isArrayListSchema(schema) && (isPersistAsyncWithUploadSchema(schema.items) || isStringSchemaWithUpload(schema.items));
 var isPersistAsyncWithUploadSchema = (schema) => isSchemaWithPersistAsync(schema) && (isBlobSchema(schema.persistAsync.schema) || isStringSchemaWithUpload(schema.persistAsync.schema));
@@ -10030,9 +10113,7 @@ var mapStepToComponent = (_a) => {
     stepPolling,
     updateComponent,
     title: displayStepTitle ? title : void 0,
-    trackEvent,
-    step,
-    onAction
+    trackEvent
   });
   return stepComponent;
 };
@@ -10506,7 +10587,7 @@ function useDynamicFlowCore(props) {
   const onAction = (0, import_react4.useCallback)(async (action) => {
     var _a2, _b, _c;
     try {
-      (_a2 = stepComponentRef.current) == null ? void 0 : _a2.setLoadingState("loading");
+      (_a2 = stepComponentRef.current) == null ? void 0 : _a2.setLoadingState("submitting");
       const model = (_c = await ((_b = stepComponentRef.current) == null ? void 0 : _b.getSubmittableValue())) != null ? _c : null;
       const command = await executeSubmission({
         action,
@@ -10551,7 +10632,7 @@ function useDynamicFlowCore(props) {
     async (schemaId, refreshUrl = "", errorsOverride) => {
       var _a2, _b, _c, _d;
       try {
-        (_a2 = stepComponentRef.current) == null ? void 0 : _a2.setLoadingState("loading");
+        (_a2 = stepComponentRef.current) == null ? void 0 : _a2.setLoadingState("refreshing");
         const model = (_c = await ((_b = stepComponentRef.current) == null ? void 0 : _b.getSubmittableValue())) != null ? _c : null;
         const command = await executeRefresh({
           abortSignal: abortCurrentAndGetNewAbortSignal(),
@@ -11946,79 +12027,18 @@ function ItemSummaryOption({
 }
 var RepeatableRenderer_default = RepeatableRenderer;
 
-// src/revamp/wise/renderers/ReviewRenderer.tsx
-var import_components26 = require("@transferwise/components");
-var import_jsx_runtime41 = require("react/jsx-runtime");
-var ReviewRenderer = {
-  canRenderType: "review",
-  render: ({ callToAction, control, fields, margin, title }) => {
-    const orientation = mapControlToDefinitionListLayout(control);
-    const action = callToAction ? {
-      text: callToAction.title,
-      onClick: (event) => {
-        event.preventDefault();
-        callToAction.onClick();
-      }
-    } : void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: getMargin(margin), children: [
-      (title || callToAction) && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_components26.Header, { title: title != null ? title : "", action }),
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: margin, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-        import_components26.DefinitionList,
-        {
-          layout: orientation,
-          definitions: fields.map(({ label, value, help }, index) => ({
-            key: String(index),
-            title: label,
-            value: getFieldValue(value, help, orientation)
-          }))
-        }
-      ) })
-    ] });
-  }
-};
-var ReviewRenderer_default = ReviewRenderer;
-var mapControlToDefinitionListLayout = (control) => {
-  switch (control) {
-    case "horizontal":
-    case "horizontal-end-aligned":
-      return "HORIZONTAL_RIGHT_ALIGNED";
-    case "horizontal-start-aligned":
-      return "HORIZONTAL_LEFT_ALIGNED";
-    case "vertical-two-column":
-      return "VERTICAL_TWO_COLUMN";
-    case "vertical":
-    case "vertical-one-column":
-    default:
-      return "VERTICAL_ONE_COLUMN";
-  }
-};
-var getFieldValue = (value, help, orientation) => {
-  if (help) {
-    return orientation === "HORIZONTAL_RIGHT_ALIGNED" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Help_default, { help }),
-      " ",
-      value
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
-      value,
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Help_default, { help })
-    ] });
-  }
-  return value;
-};
-
 // src/revamp/wise/renderers/SearchRenderer/BlockSearchRendererComponent.tsx
-var import_components27 = require("@transferwise/components");
+var import_components26 = require("@transferwise/components");
 
 // src/revamp/wise/renderers/SearchRenderer/ErrorResult.tsx
 var import_react_intl15 = require("react-intl");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function ErrorResult({ state }) {
   const intl = (0, import_react_intl15.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("p", { className: "m-t-2", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "m-t-2", children: [
     intl.formatMessage(generic_error_messages_default.genericError),
     "\xA0",
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       "a",
       {
         href: "/",
@@ -12034,7 +12054,7 @@ function ErrorResult({ state }) {
 
 // src/revamp/wise/renderers/SearchRenderer/BlockSearchRendererComponent.tsx
 var import_react15 = require("react");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function BlockSearchRendererComponent({
   id,
   isLoading,
@@ -12046,9 +12066,9 @@ function BlockSearchRendererComponent({
 }) {
   const [hasSearched, setHasSearched] = (0, import_react15.useState)(false);
   const trackEvent = useTrackEvent();
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: getMargin(margin), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(FieldInput_default, { id, description: "", error: "", help: "", label: title, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-      import_components27.Input,
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: getMargin(margin), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(FieldInput_default, { id, description: "", error: "", help: "", label: title, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      import_components26.Input,
       {
         id,
         name: id,
@@ -12064,7 +12084,7 @@ function BlockSearchRendererComponent({
         }
       }
     ) }),
-    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_jsx_runtime43.Fragment, { children: "Loading..." }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SearchResultContent, { state, onChange })
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_jsx_runtime42.Fragment, { children: "Loading..." }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SearchResultContent, { state, onChange })
   ] });
 }
 function SearchResultContent({
@@ -12073,29 +12093,29 @@ function SearchResultContent({
 }) {
   switch (state.type) {
     case "error":
-      return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ErrorResult, { state });
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ErrorResult, { state });
     case "results":
-      return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SearchResults, { state, onChange });
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SearchResults, { state, onChange });
     case "noResults":
-      return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(EmptySearchResult, { state });
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(EmptySearchResult, { state });
     case "pending":
     default:
       return null;
   }
 }
 function EmptySearchResult({ state }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_components27.Markdown, { className: "m-t-2", config: { link: { target: "_blank" } }, children: state.message });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_components26.Markdown, { className: "m-t-2", config: { link: { target: "_blank" } }, children: state.message });
 }
 function SearchResults({
   state
 }) {
   const trackEvent = useTrackEvent();
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_components27.NavigationOptionsList, { children: state.results.map((result) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-    import_components27.NavigationOption,
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_components26.NavigationOptionsList, { children: state.results.map((result) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    import_components26.NavigationOption,
     {
       title: result.title,
       content: result.description,
-      media: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(NavigationOptionMedia, __spreadValues({}, result)),
+      media: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(NavigationOptionMedia, __spreadValues({}, result)),
       showMediaCircle: false,
       showMediaAtAllSizes: true,
       onClick: () => {
@@ -12111,10 +12131,10 @@ function SearchResults({
 var BlockSearchRendererComponent_default = BlockSearchRendererComponent;
 
 // src/revamp/wise/renderers/SearchRenderer/InlineSearchRendererComponent.tsx
-var import_components28 = require("@transferwise/components");
+var import_components27 = require("@transferwise/components");
 var import_icons2 = require("@transferwise/icons");
 var import_react16 = require("react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function InlineSearchRenderer({
   id,
   isLoading,
@@ -12125,19 +12145,19 @@ function InlineSearchRenderer({
 }) {
   const [hasSearched, setHasSearched] = (0, import_react16.useState)(false);
   const trackEvent = useTrackEvent();
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: getMargin(margin), children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(FieldInput_default, { id, description: "", error: "", help: "", label: title, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: getMargin(margin), children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(FieldInput_default, { id, description: "", error: "", help: "", label: title, children: [
     id,
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-      import_components28.Typeahead,
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+      import_components27.Typeahead,
       {
         id: "typeahead-input-id",
         name: "typeahead-input-name",
         size: "md",
         maxHeight: 100,
-        footer: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(TypeaheadFooter, { state, isLoading }),
+        footer: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TypeaheadFooter, { state, isLoading }),
         multiple: false,
         clearable: false,
-        addon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons2.Search, { size: 24 }),
+        addon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_icons2.Search, { size: 24 }),
         options: state.type === "results" ? state.results.map(mapResultToTypeaheadOption) : [],
         minQueryLength: 1,
         onChange: (values) => {
@@ -12174,29 +12194,29 @@ function mapResultToTypeaheadOption(result) {
 }
 function TypeaheadFooter({ state, isLoading }) {
   if (state.type === "noResults") {
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_components28.Markdown, { className: "m-t-2 m-x-2", config: { link: { target: "_blank" } }, children: state.message });
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_components27.Markdown, { className: "m-t-2 m-x-2", config: { link: { target: "_blank" } }, children: state.message });
   }
   if (state.type === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "m-t-2 m-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ErrorResult, { state }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "m-t-2 m-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ErrorResult, { state }) });
   }
   if (state.type === "pending" || isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "m-t-2 m-x-2", children: "Loading..." });
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "m-t-2 m-x-2", children: "Loading..." });
   }
   return null;
 }
 var InlineSearchRendererComponent_default = InlineSearchRenderer;
 
 // src/revamp/wise/renderers/SearchRenderer/SearchRenderer.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var SearchRenderer = {
   canRenderType: "search",
-  render: (props) => props.control === "inline" ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(InlineSearchRendererComponent_default, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(BlockSearchRendererComponent_default, __spreadValues({}, props))
+  render: (props) => props.control === "inline" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(InlineSearchRendererComponent_default, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(BlockSearchRendererComponent_default, __spreadValues({}, props))
 };
 var SearchRenderer_default = SearchRenderer;
 
 // src/revamp/wise/renderers/SelectInputRenderer/RadioInputRendererComponent.tsx
-var import_components29 = require("@transferwise/components");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_components28 = require("@transferwise/components");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function RadioInputRendererComponent(props) {
   const {
     id,
@@ -12210,9 +12230,9 @@ function RadioInputRendererComponent(props) {
     selectedIndex,
     onSelect
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(FieldInput_default, { id, label, help, description, error, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-      import_components29.RadioGroup,
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(FieldInput_default, { id, label, help, description, error, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      import_components28.RadioGroup,
       {
         name: id,
         radios: options.map((option, index) => ({
@@ -12220,7 +12240,7 @@ function RadioInputRendererComponent(props) {
           value: index,
           secondary: option.description,
           disabled: option.disabled || disabled,
-          avatar: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(OptionMedia, { icon: option.icon, image: option.image })
+          avatar: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(OptionMedia, { icon: option.icon, image: option.image })
         })),
         selectedValue: selectedIndex != null ? selectedIndex : void 0,
         onChange: onSelect
@@ -12232,9 +12252,9 @@ function RadioInputRendererComponent(props) {
 }
 
 // src/revamp/wise/renderers/SelectInputRenderer/TabInputRendererComponent.tsx
-var import_components30 = require("@transferwise/components");
+var import_components29 = require("@transferwise/components");
 var import_react17 = require("react");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function TabInputRendererComponent(props) {
   const {
     id,
@@ -12253,9 +12273,9 @@ function TabInputRendererComponent(props) {
       onSelect(0);
     }
   }, [selectedIndex, onSelect, options.length]);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(FieldInput_default, { id, label, help, description, error, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-      import_components30.Tabs,
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(FieldInput_default, { id, label, help, description, error, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      import_components29.Tabs,
       {
         name: id,
         selected: selectedIndex != null ? selectedIndex : 0,
@@ -12263,7 +12283,7 @@ function TabInputRendererComponent(props) {
           title: option.title,
           // if we pass null, we get some props-types console errors
           // eslint-disable-next-line react/jsx-no-useless-fragment
-          content: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_jsx_runtime47.Fragment, {}),
+          content: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, {}),
           disabled: option.disabled || disabled
         })),
         onTabSelect: onSelect
@@ -12275,26 +12295,26 @@ function TabInputRendererComponent(props) {
 var isValidIndex = (index, options) => index !== null && index >= 0 && index < options;
 
 // src/revamp/wise/renderers/SelectInputRenderer/SelectInputRendererComponent.tsx
-var import_components32 = require("@transferwise/components");
+var import_components31 = require("@transferwise/components");
 
 // src/revamp/wise/renderers/SelectInputRenderer/SelectTriggerMedia.tsx
-var import_components31 = require("@transferwise/components");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_components30 = require("@transferwise/components");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function SelectTriggerMedia({ icon, image }) {
   if (image == null ? void 0 : image.url) {
     return null;
   }
   if (icon && "name" in icon) {
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_components31.Avatar, { type: import_components31.AvatarType.ICON, size: 24, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DynamicIcon_default, { name: icon.name }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_components30.Avatar, { type: import_components30.AvatarType.ICON, size: 24, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DynamicIcon_default, { name: icon.name }) });
   }
   if (icon && "text" in icon) {
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_components31.Avatar, { type: import_components31.AvatarType.ICON, size: 24, children: icon.text });
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_components30.Avatar, { type: import_components30.AvatarType.ICON, size: 24, children: icon.text });
   }
   return null;
 }
 
 // src/revamp/wise/renderers/SelectInputRenderer/SelectInputRendererComponent.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function SelectInputRendererComponent(props) {
   const {
     id,
@@ -12329,17 +12349,17 @@ function SelectInputRendererComponent(props) {
     const contentProps = withinTrigger ? {
       title: option.title,
       note: option.description,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectTriggerMedia, { icon: option.icon, image: option.image })
+      icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectTriggerMedia, { icon: option.icon, image: option.image })
     } : {
       title: option.title,
       description: option.description,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(OptionMedia, { icon: option.icon, image: option.image })
+      icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(OptionMedia, { icon: option.icon, image: option.image })
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_components32.SelectInputOptionContent, __spreadValues({}, contentProps));
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_components31.SelectInputOptionContent, __spreadValues({}, contentProps));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(FieldInput_default, { id, label, help, description, error, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_components32.SelectInput,
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(FieldInput_default, { id, label, help, description, error, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      import_components31.SelectInput,
       {
         name: id,
         placeholder,
@@ -12358,8 +12378,8 @@ function SelectInputRendererComponent(props) {
 
 // src/revamp/wise/renderers/SelectInputRenderer/SegmentedInputRendererComponent.tsx
 var import_react18 = require("react");
-var import_components33 = require("@transferwise/components");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_components32 = require("@transferwise/components");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function SegmentedInputRendererComponent(props) {
   const { id, children, description, error, help, label, options, selectedIndex, onSelect } = props;
   (0, import_react18.useEffect)(() => {
@@ -12367,9 +12387,9 @@ function SegmentedInputRendererComponent(props) {
       onSelect(0);
     }
   }, [selectedIndex, onSelect, options.length]);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(FieldInput_default, { id, label, help, description, error, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      import_components33.SegmentedControl,
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(FieldInput_default, { id, label, help, description, error, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      import_components32.SegmentedControl,
       {
         name: `${id}-segmented-control`,
         value: String(selectedIndex),
@@ -12383,44 +12403,44 @@ function SegmentedInputRendererComponent(props) {
         onChange: (value) => onSelect(Number(value))
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { id: `${id}-children`, children })
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { id: `${id}-children`, children })
   ] });
 }
 var isValidIndex2 = (index, options) => index !== null && index >= 0 && index < options;
 
 // src/revamp/wise/renderers/SelectInputRenderer/SelectInputRenderer.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var SelectInputRenderer = {
   canRenderType: "input-select",
   render: (props) => {
     switch (props.control) {
       case "radio":
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(RadioInputRendererComponent, __spreadValues({}, props));
+        return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(RadioInputRendererComponent, __spreadValues({}, props));
       case "tab":
-        return props.options.length > 3 ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectInputRendererComponent, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TabInputRendererComponent, __spreadValues({}, props));
+        return props.options.length > 3 ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectInputRendererComponent, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TabInputRendererComponent, __spreadValues({}, props));
       case "segmented":
-        return props.options.length > 3 ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectInputRendererComponent, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SegmentedInputRendererComponent, __spreadValues({}, props));
+        return props.options.length > 3 ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectInputRendererComponent, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SegmentedInputRendererComponent, __spreadValues({}, props));
       case "select":
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectInputRendererComponent, __spreadValues({}, props));
+        return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectInputRendererComponent, __spreadValues({}, props));
     }
   }
 };
 var SelectInputRenderer_default = SelectInputRenderer;
 
 // src/revamp/wise/renderers/StatusListRenderer.tsx
-var import_components34 = require("@transferwise/components");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_components33 = require("@transferwise/components");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var StatusListRenderer = {
   canRenderType: "status-list",
-  render: ({ margin, items, title }) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: getMargin(margin), children: [
-    title ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_components34.Header, { title }) : null,
-    items.map(({ description, icon, status, title: itemTitle }) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-      import_components34.Summary,
+  render: ({ margin, items, title }) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: getMargin(margin), children: [
+    title ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_components33.Header, { title }) : null,
+    items.map(({ description, icon, status, title: itemTitle }) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      import_components33.Summary,
       {
         title: itemTitle,
         description,
-        icon: icon && "name" in icon ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DynamicIcon_default, { name: icon.name }) : null,
+        icon: icon && "name" in icon ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DynamicIcon_default, { name: icon.name }) : null,
         status: mapStatus(status)
       },
       `${title}/${description || ""}`
@@ -12436,63 +12456,63 @@ var mapStatus = (status) => {
 };
 
 // src/revamp/wise/renderers/components/VariableTextInput.tsx
-var import_components35 = require("@transferwise/components");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_components34 = require("@transferwise/components");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function VariableTextInput({
   control,
   inputProps
 }) {
   switch (control) {
     case "password":
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(TextInput, __spreadValues({ type: "password" }, inputProps));
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TextInput, __spreadValues({ type: "password" }, inputProps));
     case "email":
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(TextInput, __spreadValues({ type: "email" }, inputProps));
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TextInput, __spreadValues({ type: "email" }, inputProps));
     case "textarea":
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(TextAreaInput, __spreadValues({}, inputProps));
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TextAreaInput, __spreadValues({}, inputProps));
     case "numeric":
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(NumericInput, __spreadValues({ type: "number" }, inputProps));
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(NumericInput, __spreadValues({ type: "number" }, inputProps));
     case "phone-number":
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PhoneNumberInput, __spreadValues({}, inputProps));
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PhoneNumberInput, __spreadValues({}, inputProps));
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(TextInput, __spreadValues({ type: "text" }, inputProps));
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TextInput, __spreadValues({ type: "text" }, inputProps));
   }
 }
 function TextInput(_a) {
   var _b = _a, { id, displayFormat, onChange } = _b, rest = __objRest(_b, ["id", "displayFormat", "onChange"]);
   if (typeof displayFormat === "string") {
     const inputProps = __spreadValues({ id, name: id, className: "form-control" }, rest);
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-      import_components35.InputWithDisplayFormat,
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      import_components34.InputWithDisplayFormat,
       __spreadValues({
         displayPattern: displayFormat,
         onChange: (newValue) => onChange(newValue)
       }, inputProps)
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_components35.Input, __spreadValues({ id, name: id, onChange: (e) => onChange(e.target.value) }, rest));
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_components34.Input, __spreadValues({ id, name: id, onChange: (e) => onChange(e.target.value) }, rest));
 }
 function TextAreaInput(_a) {
   var _b = _a, { id, displayFormat, onChange } = _b, rest = __objRest(_b, ["id", "displayFormat", "onChange"]);
   const textAreaProps = __spreadValues({ id, name: id }, rest);
-  return typeof displayFormat === "string" ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-    import_components35.TextareaWithDisplayFormat,
+  return typeof displayFormat === "string" ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    import_components34.TextareaWithDisplayFormat,
     __spreadValues({
       displayPattern: displayFormat,
       onChange: (newValue) => onChange(newValue)
     }, textAreaProps)
-  ) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_components35.TextArea, __spreadValues({ onChange: (e) => onChange(e.target.value) }, textAreaProps));
+  ) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_components34.TextArea, __spreadValues({ onChange: (e) => onChange(e.target.value) }, textAreaProps));
 }
 function NumericInput(_a) {
   var _b = _a, { id, displayFormat, onChange } = _b, rest = __objRest(_b, ["id", "displayFormat", "onChange"]);
   const numericProps = __spreadValues({ id, name: id, onWheel }, rest);
-  return typeof displayFormat === "string" ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-    import_components35.InputWithDisplayFormat,
+  return typeof displayFormat === "string" ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    import_components34.InputWithDisplayFormat,
     __spreadValues({
       displayPattern: displayFormat,
       onChange: (newValue) => onChange(numericValueOrNull(newValue))
     }, numericProps)
-  ) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-    import_components35.Input,
+  ) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    import_components34.Input,
     __spreadValues({
       onChange: ({ target: { value: newValue } }) => onChange(numericValueOrNull(newValue))
     }, numericProps)
@@ -12500,12 +12520,12 @@ function NumericInput(_a) {
 }
 function PhoneNumberInput(_a) {
   var _b = _a, { value } = _b, rest = __objRest(_b, ["value"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_components35.PhoneNumberInput, __spreadValues({ initialValue: value }, rest));
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_components34.PhoneNumberInput, __spreadValues({ initialValue: value }, rest));
 }
 var VariableTextInput_default = VariableTextInput;
 
 // src/revamp/wise/renderers/TextInputRenderer.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var TextInputRenderer = {
   canRenderType: "input-text",
   render: (props) => {
@@ -12530,14 +12550,14 @@ var TextInputRenderer = {
     ]);
     const value = initialValue != null ? initialValue : "";
     const inputProps = __spreadProps(__spreadValues({}, rest), { value, id });
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(FieldInput_default, { id, label, description, error, help, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(VariableTextInput_default, { control, inputProps }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(FieldInput_default, { id, label, description, error, help, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(VariableTextInput_default, { control, inputProps }) });
   }
 };
 var TextInputRenderer_default = TextInputRenderer;
 
 // src/revamp/wise/renderers/UploadInputRenderer.tsx
-var import_components36 = require("@transferwise/components");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_components35 = require("@transferwise/components");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var UploadInputRenderer = {
   canRenderType: "input-upload",
   render: (props) => {
@@ -12553,8 +12573,8 @@ var UploadInputRenderer = {
     };
     return (
       // We don't pass help here as there is no sensible place to display it
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(UploadFieldInput_default, { id, label: void 0, description: void 0, error, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-        import_components36.UploadInput,
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(UploadFieldInput_default, { id, label: void 0, description: void 0, error, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        import_components35.UploadInput,
         {
           id,
           description,
@@ -12608,8 +12628,8 @@ var LargeUploadRenderer = {
         throw e;
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(FieldInput_default, { id, label, description, error, help, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-      import_components36.Upload,
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(FieldInput_default, { id, label, description, error, help, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+      import_components35.Upload,
       __spreadProps(__spreadValues({}, uploadProps), {
         usAccept: getAcceptsString(accepts),
         usDisabled: disabled,
@@ -12621,6 +12641,67 @@ var LargeUploadRenderer = {
   }
 };
 
+// src/revamp/wise/renderers/ReviewRenderer.tsx
+var import_components36 = require("@transferwise/components");
+var import_jsx_runtime55 = require("react/jsx-runtime");
+var ReviewRenderer = {
+  canRenderType: "review",
+  render: ({ callToAction, control, fields, margin, title }) => {
+    const orientation = mapControlToDefinitionListLayout(control);
+    const action = callToAction ? {
+      text: callToAction.title,
+      onClick: (event) => {
+        event.preventDefault();
+        callToAction.onClick();
+      }
+    } : void 0;
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: getMargin(margin), children: [
+      (title || callToAction) && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_components36.Header, { title: title != null ? title : "", action }),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: margin, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        import_components36.DefinitionList,
+        {
+          layout: orientation,
+          definitions: fields.map(({ label, value, help }, index) => ({
+            key: String(index),
+            title: label,
+            value: getFieldValue(value, help, orientation)
+          }))
+        }
+      ) })
+    ] });
+  }
+};
+var ReviewRenderer_default = ReviewRenderer;
+var mapControlToDefinitionListLayout = (control) => {
+  switch (control) {
+    case "horizontal":
+    case "horizontal-end-aligned":
+      return "HORIZONTAL_RIGHT_ALIGNED";
+    case "horizontal-start-aligned":
+      return "HORIZONTAL_LEFT_ALIGNED";
+    case "vertical-two-column":
+      return "VERTICAL_TWO_COLUMN";
+    case "vertical":
+    case "vertical-one-column":
+    default:
+      return "VERTICAL_ONE_COLUMN";
+  }
+};
+var getFieldValue = (value, help, orientation) => {
+  if (help) {
+    return orientation === "HORIZONTAL_RIGHT_ALIGNED" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Help_default, { help }),
+      " ",
+      value
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
+      value,
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Help_default, { help })
+    ] });
+  }
+  return value;
+};
+
 // src/revamp/wise/renderers/step/StepRenderer.tsx
 var import_react20 = require("react");
 
@@ -19528,79 +19609,6 @@ function JsonSchemaForm(props) {
 var JsonSchemaForm_default = JsonSchemaForm;
 var noop8 = () => {
 };
-
-// src/revamp/wise/renderers/step/KYCCameraStepRenderer.tsx
-var import_react67 = require("react");
-var import_jsx_runtime130 = require("react/jsx-runtime");
-var KYCCameraStepRenderer = {
-  canRenderType: "step",
-  canRender: (props) => getKYCCameraStepConfiguration(props.step) != null,
-  render: KYCCameraStepRendererComponent
-};
-function KYCCameraStepRendererComponent(props) {
-  const { error, trackEvent, step, onAction } = props;
-  (0, import_react67.useEffect)(() => {
-    if (error) {
-      console.error("KYCCameraStepRendererComponent", error);
-    }
-  }, [error]);
-  const config = getKYCCameraStepConfiguration(step);
-  if (!config) {
-    return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_jsx_runtime130.Fragment, {});
-  }
-  const handleCapture = async (blob) => {
-    if (blob) {
-      const newValue = { [propertyName]: await blobToBase642(blob) };
-      const patchedAction = __spreadProps(__spreadValues({}, action), { skipValidation: true, data: newValue });
-      void onAction(patchedAction);
-    }
-  };
-  const { title, imageUrl, cameraConfig, action, propertyName } = config;
-  const kycCameraConfig = cameraConfig;
-  const { assets, instructions, direction } = kycCameraConfig;
-  return config ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
-    CameraCapture_default,
-    {
-      overlay: assets == null ? void 0 : assets.overlay,
-      outline: assets == null ? void 0 : assets.outline,
-      title: error != null ? error : title,
-      imageUrl,
-      instructions,
-      direction,
-      onEvent: trackEvent,
-      onCapture: (blob) => {
-        void handleCapture(blob);
-      }
-    },
-    error
-  ) : /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_jsx_runtime130.Fragment, {});
-}
-var getKYCCameraStepConfiguration = (step) => {
-  var _a, _b, _c;
-  const action = (_a = step.actions) == null ? void 0 : _a[0];
-  if (action === void 0) {
-    return null;
-  }
-  const firstSchema = filterHiddenSchemas2((_b = step.schemas) != null ? _b : [])[0];
-  if (!firstSchema || !isObjectSchema(firstSchema)) {
-    return null;
-  }
-  const propertyName = Object.keys(firstSchema.properties)[0];
-  const childSchema = propertyName ? firstSchema.properties[propertyName] : void 0;
-  const cameraConfig = childSchema ? getCameraConfig(childSchema) : null;
-  const title = childSchema == null ? void 0 : childSchema.title;
-  const imageUrl = (_c = childSchema == null ? void 0 : childSchema.image) == null ? void 0 : _c.url;
-  return action && propertyName && cameraConfig ? { title, imageUrl, propertyName, cameraConfig, action } : null;
-};
-var getCameraConfig = (childSchema) => childSchema != null && "type" in childSchema && childSchema.type === "string" && childSchema.format === "base64url" && childSchema.source === "camera" && childSchema.cameraConfig != null ? childSchema.cameraConfig : null;
-var filterHiddenSchemas2 = (schemas) => schemas.filter(
-  (schema) => isObjectSchema(schema) ? Object.values((schema == null ? void 0 : schema.properties) || {}).find((s) => (s == null ? void 0 : s.hidden) !== true) : (schema == null ? void 0 : schema.hidden) !== true
-);
-var blobToBase642 = (blob) => new Promise((resolve, _) => {
-  const reader = new FileReader();
-  reader.onloadend = () => resolve(reader.result);
-  reader.readAsDataURL(blob);
-});
 /*! Bundled license information:
 
 classnames/index.js: