@wise/dynamic-flow-client 3.11.5 → 3.12.0-experimental-kyc-camera-fae600d

package/build/main.mjs

@@ -1269,16 +1269,28 @@ var isStringSchemaWithUpload = (schema) => isStringSchema(schema) && schema.form
 var isSchemaWithPersistAsync = (schema) => "persistAsync" in schema && !isNullish(schema.persistAsync);
 
 // src/revamp/renderers/stepComponentToProps.ts
-var stepComponentToProps = ({ back, description, error, external, loadingState, title, trackEvent }, children) => ({
+var stepComponentToProps = ({
+  back,
+  description,
+  error,
+  external,
+  loadingState,
+  step,
+  title,
+  trackEvent,
+  onAction
+}, children) => ({
   type: "step",
   back,
   description,
   error,
   external,
   loadingState,
+  step,
   title,
+  children,
   trackEvent,
-  children
+  onAction
 });
 
 // src/revamp/renderers/mappers/alertComponentToProps.ts
@@ -5486,38 +5498,24 @@ var imageSchema = z.object({
   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 summaryProviderSchema = z.object({
+  providesTitle: z.boolean().optional(),
+  providesDescription: z.boolean().optional(),
+  providesIcon: z.boolean().optional(),
+  providesImage: z.boolean().optional()
 });
-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 jsonElementSchema = z.lazy(
+  () => z.union([
+    z.string(),
+    z.number(),
+    z.boolean(),
+    z.record(jsonElementSchema),
+    z.array(jsonElementSchema)
+  ]).nullable()
+);
+var helpSchema = z.object({
+  markdown: z.string()
 });
-var sizeSchema = z.union([
-  z.literal("xs"),
-  z.literal("sm"),
-  z.literal("md"),
-  z.literal("lg"),
-  z.literal("xl")
-]);
-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"),
@@ -5583,59 +5581,84 @@ var autocompleteTokenSchema = z.union([
   z.literal("fax"),
   z.literal("pager")
 ]);
-var loadingIndicatorLayoutSchema = z.object({
-  type: z.literal("loading-indicator"),
-  size: sizeSchema.optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var alertLayoutSchema = z.object({
-  type: z.literal("alert"),
-  markdown: z.string(),
-  context: contextSchema.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 uploadSourceSchema = z.union([z.literal("camera"), z.literal("file")]);
+var stringSchemaFormatSchema = z.union([
+  z.literal("date"),
+  z.literal("email"),
+  z.literal("numeric"),
+  z.literal("password"),
+  z.literal("phone-number"),
+  z.literal("base64url")
+]);
+var externalSchema = z.object({
+  url: z.string()
 });
-var dividerLayoutSchema = z.object({
-  type: z.literal("divider"),
-  control: z.string().optional(),
-  margin: sizeSchema.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 actionTypeSchema = z.union([
+  z.literal("primary"),
+  z.literal("secondary"),
+  z.literal("link"),
+  z.literal("positive"),
+  z.literal("negative")
+]);
+var navigationStackBehaviorSchema = z.union([
+  z.literal("default"),
+  z.literal("remove-previous"),
+  z.literal("remove-all"),
+  z.literal("replace-current")
+]);
+var sizeSchema = z.union([
+  z.literal("xs"),
+  z.literal("sm"),
+  z.literal("md"),
+  z.literal("lg"),
+  z.literal("xl")
+]);
 var listLayoutStatusSchema = z.union([
   z.literal("warning"),
   z.literal("neutral"),
   z.literal("positive")
 ]);
+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 modalLayoutTriggerSchema = z.object({
+  title: z.string()
+});
 var formLayoutSchemaReferenceSchema = z.object({
   $ref: z.string()
 });
-var imageLayoutSchema = z.object({
-  type: z.literal("image"),
-  text: z.string().optional(),
-  url: z.string(),
-  size: sizeSchema.optional(),
-  accessibilityDescription: z.string().optional(),
+var dividerLayoutSchema = z.object({
+  type: z.literal("divider"),
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
-var statusListLayoutStatusSchema = z.union([
-  z.literal("not-done"),
-  z.literal("pending"),
-  z.literal("done")
-]);
 var instructionsLayoutItemSchema = z.object({
   text: z.string(),
   context: contextSchema
 });
-var modalLayoutTriggerSchema = z.object({
-  title: z.string()
+var alignSchema = z.union([z.literal("left"), z.literal("center"), z.literal("right")]);
+var reviewLayoutFieldSchema = z.object({
+  label: z.string(),
+  value: z.string(),
+  help: helpSchema.optional()
 });
 var searchLayoutSchema = z.object({
   type: z.literal("search"),
@@ -5647,17 +5670,21 @@ var searchLayoutSchema = z.object({
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
-var infoLayoutSchema = z.object({
-  type: z.literal("info"),
-  markdown: z.string(),
+var paragraphLayoutSchema = z.object({
+  type: z.literal("paragraph"),
+  text: 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(),
+var columnsLayoutBiasSchema = z.union([
+  z.literal("none"),
+  z.literal("left"),
+  z.literal("right")
+]);
+var loadingIndicatorLayoutSchema = z.object({
+  type: z.literal("loading-indicator"),
+  size: sizeSchema.optional(),
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
@@ -5669,6 +5696,11 @@ var headingLayoutSchema = z.object({
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
+var statusListLayoutStatusSchema = z.union([
+  z.literal("not-done"),
+  z.literal("pending"),
+  z.literal("done")
+]);
 var markdownLayoutSchema = z.object({
   type: z.literal("markdown"),
   content: z.string(),
@@ -5676,13 +5708,11 @@ var markdownLayoutSchema = z.object({
   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 iconTextSchema = z.object({
+  text: z.string()
+});
+var iconNamedSchema = z.object({
+  name: z.string()
 });
 var searchSearchRequestSchema = z.object({
   url: z.string(),
@@ -5690,69 +5720,67 @@ var searchSearchRequestSchema = z.object({
   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({
+var errorResponseBodySchema = z.object({
+  refreshFormUrl: z.string().optional(),
+  analytics: z.record(z.string()).optional(),
   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()
+  validation: jsonElementSchema.optional(),
+  refreshUrl: z.string().optional()
 });
+var iconSchema = z.union([iconNamedSchema, iconTextSchema]);
 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 alertLayoutSchema = z.object({
+  type: z.literal("alert"),
+  markdown: z.string(),
+  context: contextSchema.optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.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(),
+var blobSchemaSchema = z.object({
+  type: z.literal("blob"),
+  promoted: z.boolean().optional(),
+  $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(),
+  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(),
+  disabled: z.boolean().optional()
+});
+var constSchemaSchema = z.object({
+  hidden: z.boolean().optional(),
+  alert: alertLayoutSchema.optional(),
+  control: z.string().optional(),
+  promoted: z.boolean().optional(),
+  $id: z.string().optional(),
+  const: jsonElementSchema,
+  title: z.string().optional(),
+  description: z.string().optional(),
+  icon: iconSchema.optional(),
+  image: imageSchema.optional(),
+  keywords: z.array(z.string()).optional(),
+  summary: summaryProviderSchema.optional(),
+  analyticsId: z.string().optional(),
+  disabled: z.boolean().optional()
+});
+var actionSchema = z.object({
+  title: z.string().optional(),
+  type: actionTypeSchema.optional(),
   disabled: z.boolean().optional(),
   $id: z.string().optional(),
   $ref: z.string().optional(),
@@ -5765,11 +5793,25 @@ var actionSchema = z.object({
   timeout: z.number().optional(),
   skipValidation: z.boolean().optional()
 });
-var listLayoutItemSchema = z.object({
-  title: z.string(),
-  description: z.string().optional(),
-  icon: iconSchema,
-  status: listLayoutStatusSchema.optional()
+var linkHandlerSchema = z.object({
+  regexPattern: z.string(),
+  action: actionSchema
+});
+var navigationBackBehaviourSchema = z.object({
+  title: z.string().optional(),
+  action: actionSchema
+});
+var pollingOnErrorSchema = z.object({
+  action: actionSchema
+});
+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 decisionLayoutOptionSchema = z.object({
   action: actionSchema,
@@ -5779,12 +5821,25 @@ var decisionLayoutOptionSchema = z.object({
   icon: iconSchema.optional(),
   image: imageLayoutSchema.optional()
 });
+var listLayoutItemSchema = z.object({
+  title: z.string(),
+  description: z.string().optional(),
+  icon: iconSchema,
+  status: listLayoutStatusSchema.optional()
+});
 var statusListLayoutItemSchema = z.object({
   title: z.string(),
   description: z.string().optional(),
   icon: iconSchema,
   status: statusListLayoutStatusSchema.optional()
 });
+var formLayoutSchema = z.object({
+  type: z.literal("form"),
+  schema: formLayoutSchemaReferenceSchema.optional(),
+  schemaId: z.string(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
 var instructionsLayoutSchema = z.object({
   type: z.literal("instructions"),
   title: z.string().optional(),
@@ -5792,6 +5847,13 @@ var instructionsLayoutSchema = z.object({
   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 buttonLayoutSchema = z.object({
   type: z.literal("button"),
   size: sizeSchema.optional(),
@@ -5803,89 +5865,66 @@ var buttonLayoutSchema = z.object({
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
-var reviewLayoutFieldSchema = z.object({
-  label: z.string(),
-  value: z.string(),
-  help: helpSchema.optional()
+var reviewLayoutCallToActionSchema = z.object({
+  title: z.string(),
+  action: actionSchema
 });
-var searchResultSearchSchema = z.object({
-  type: z.literal("search"),
+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 searchResultActionSchema = z.object({
+  type: z.literal("action"),
   title: z.string(),
   description: z.string().optional(),
   icon: iconSchema.optional(),
   image: imageLayoutSchema.optional(),
-  value: searchSearchRequestSchema
+  value: actionSchema
 });
-var searchResultActionSchema = z.object({
-  type: z.literal("action"),
+var searchResultSearchSchema = z.object({
+  type: z.literal("search"),
   title: z.string(),
   description: z.string().optional(),
   icon: iconSchema.optional(),
   image: imageLayoutSchema.optional(),
-  value: actionSchema
+  value: searchSearchRequestSchema
 });
 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 summarySummariserSchema = z.object({
+  defaultTitle: z.string().optional(),
+  defaultDescription: z.string().optional(),
+  defaultIcon: iconSchema.optional(),
+  defaultImage: imageLayoutSchema.optional(),
+  providesTitle: z.boolean().optional(),
+  providesDescription: z.boolean().optional(),
+  providesIcon: z.boolean().optional(),
+  providesImage: z.boolean().optional()
 });
-var linkHandlerSchema = z.object({
-  regexPattern: z.string(),
-  action: actionSchema
+var pollingSchema = z.object({
+  url: z.string(),
+  interval: z.number(),
+  maxAttempts: z.number(),
+  onError: pollingOnErrorSchema
 });
-var blobSchemaSchema = z.object({
-  type: z.literal("blob"),
-  promoted: z.boolean().optional(),
-  $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(),
-  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(),
-  disabled: z.boolean().optional()
+var navigationSchema = z.object({
+  backButton: navigationBackBehaviourSchema.optional(),
+  back: navigationBackBehaviourSchema.optional(),
+  stackBehavior: navigationStackBehaviorSchema.optional()
 });
-var constSchemaSchema = z.object({
-  hidden: z.boolean().optional(),
-  alert: alertLayoutSchema.optional(),
+var summarySchema = z.union([summaryProviderSchema, summarySummariserSchema]);
+var decisionLayoutSchema = z.object({
+  type: z.literal("decision"),
+  options: z.array(decisionLayoutOptionSchema),
   control: z.string().optional(),
-  promoted: z.boolean().optional(),
-  $id: z.string().optional(),
-  const: jsonElementSchema,
-  title: z.string().optional(),
-  description: z.string().optional(),
-  icon: iconSchema.optional(),
-  image: imageSchema.optional(),
-  keywords: z.array(z.string()).optional(),
-  summary: summaryProviderSchema.optional(),
-  analyticsId: z.string().optional(),
-  disabled: z.boolean().optional()
-});
-var pollingOnErrorSchema = z.object({
-  action: actionSchema
-});
-var navigationBackBehaviourSchema = z.object({
-  title: z.string().optional(),
-  action: actionSchema
-});
-var reviewLayoutCallToActionSchema = z.object({
-  title: z.string(),
-  action: actionSchema
+  margin: sizeSchema.optional()
 });
 var listLayoutSchema = z.object({
   type: z.literal("list"),
@@ -5894,12 +5933,6 @@ var listLayoutSchema = z.object({
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
-var decisionLayoutSchema = z.object({
-  type: z.literal("decision"),
-  options: z.array(decisionLayoutOptionSchema),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
 var statusListLayoutSchema = z.object({
   type: z.literal("status-list"),
   items: z.array(statusListLayoutItemSchema),
@@ -5907,107 +5940,28 @@ var statusListLayoutSchema = z.object({
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
-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 searchResultSchema = z.union([searchResultActionSchema, searchResultSearchSchema]);
-var pollingSchema = z.object({
-  url: z.string(),
-  interval: z.number(),
-  maxAttempts: z.number(),
-  onError: pollingOnErrorSchema
-});
-var navigationSchema = z.object({
-  backButton: navigationBackBehaviourSchema.optional(),
-  back: navigationBackBehaviourSchema.optional(),
-  stackBehavior: navigationStackBehaviorSchema.optional()
-});
 var searchResponseBodySchema = z.object({
   results: z.array(searchResultSchema)
 });
-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 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"),
-    control: z.string().optional(),
-    margin: sizeSchema.optional(),
-    trigger: modalLayoutTriggerSchema,
-    content: modalLayoutContentSchema
-  })
-);
-var modalLayoutContentSchema = z.lazy(
-  () => z.object({
-    components: z.array(layoutSchema)
-  })
-);
-var stepSchema = z.lazy(
+var arraySchemaTupleSchema = z.lazy(
   () => z.object({
-    key: z.string().optional(),
-    type: z.string().optional(),
+    type: z.literal("array"),
+    promoted: z.boolean().optional(),
+    $id: z.string().optional(),
+    items: z.array(schemaSchema),
+    title: z.string().optional(),
     description: 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),
-    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 schemaSchema = z.lazy(
@@ -6024,6 +5978,94 @@ var schemaSchema = z.lazy(
     stringSchemaSchema
   ])
 );
+var persistAsyncSchema = z.lazy(
+  () => z.object({
+    param: z.string(),
+    idProperty: z.string(),
+    schema: schemaSchema,
+    url: z.string(),
+    method: httpMethodSchema
+  })
+);
+var oneOfSchemaSchema = z.lazy(
+  () => z.object({
+    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(),
+    hidden: z.boolean().optional(),
+    icon: iconSchema.optional(),
+    image: imageSchema.optional(),
+    keywords: z.array(z.string()).optional(),
+    summary: summaryProviderSchema.optional(),
+    analyticsId: z.string().optional(),
+    refreshStepOnChange: z.boolean().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()
+  })
+);
+var objectSchemaSchema = z.lazy(
+  () => z.object({
+    type: z.literal("object"),
+    disabled: z.boolean().optional(),
+    promoted: z.boolean().optional(),
+    help: helpSchema.optional(),
+    properties: z.record(schemaSchema),
+    displayOrder: z.array(z.string()),
+    required: z.array(z.string()).optional(),
+    $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 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 allOfSchemaSchema = z.lazy(
   () => z.object({
     disabled: z.boolean().optional(),
@@ -6139,58 +6181,6 @@ var numberSchemaSchema = z.lazy(
     help: helpSchema.optional()
   })
 );
-var objectSchemaSchema = z.lazy(
-  () => z.object({
-    type: z.literal("object"),
-    disabled: z.boolean().optional(),
-    promoted: z.boolean().optional(),
-    help: helpSchema.optional(),
-    properties: z.record(schemaSchema),
-    displayOrder: z.array(z.string()),
-    required: z.array(z.string()).optional(),
-    $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 oneOfSchemaSchema = z.lazy(
-  () => z.object({
-    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(),
-    hidden: z.boolean().optional(),
-    icon: iconSchema.optional(),
-    image: imageSchema.optional(),
-    keywords: z.array(z.string()).optional(),
-    summary: summaryProviderSchema.optional(),
-    analyticsId: z.string().optional(),
-    refreshStepOnChange: z.boolean().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()
-  })
-);
 var stringSchemaSchema = z.lazy(
   () => z.object({
     type: z.literal("string"),
@@ -6233,60 +6223,82 @@ var stringSchemaSchema = z.lazy(
     help: helpSchema.optional()
   })
 );
-var arraySchemaListSchema = z.lazy(
+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(),
+    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 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 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("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(),
+    type: z.literal("modal"),
     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()
+    margin: sizeSchema.optional(),
+    trigger: modalLayoutTriggerSchema,
+    content: modalLayoutContentSchema
   })
 );
-var persistAsyncSchema = z.lazy(
+var modalLayoutContentSchema = z.lazy(
   () => z.object({
-    param: z.string(),
-    idProperty: z.string(),
-    schema: schemaSchema,
-    url: z.string(),
-    method: httpMethodSchema
+    components: z.array(layoutSchema)
   })
 );
-var arraySchemaTupleSchema = z.lazy(
+var columnsLayoutSchema = 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(),
+    type: z.literal("columns"),
+    left: z.array(layoutSchema),
+    right: z.array(layoutSchema),
+    bias: columnsLayoutBiasSchema.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()
+    margin: sizeSchema.optional()
   })
 );
 var validateStep = (step) => validate(step, stepSchema);
@@ -6703,9 +6715,7 @@ var compareLocalValue = (valueA, valueB) => {
     return valueA.length === valueB.length && valueA.every((value, index) => compareLocalValue(value, valueB[index]));
   }
   if (isObjectLocalValue(valueA) && isObjectLocalValue(valueB)) {
-    const keysA = Object.keys(valueA);
-    const keysB = Object.keys(valueB);
-    return keysA.length === keysB.length && keysA.every((key) => compareLocalValue(valueA[key], valueB[key]));
+    return Object.keys(valueA).every((key) => compareLocalValue(valueA[key], valueB[key]));
   }
   return valueA === valueB;
 };
@@ -7475,7 +7485,12 @@ var mergeChildrenValues = (displayOrder, getComponentValue) => displayOrder.redu
 var objectSchemaToComponent = (schemaMapperProps, mapperProps) => {
   const { uid, localValue, schema, model, validationErrors } = schemaMapperProps;
   const { $id, displayOrder, properties, required } = schema;
-  validateDisplayOrder($id, displayOrder, properties, mapperProps.logEvent);
+  const propertyNames = Object.keys(properties);
+  if (displayOrder.length !== propertyNames.length) {
+    throw new Error(
+      `Object schema ${$id} has ${propertyNames.length} properties but only ${displayOrder.length} are listed in displayOrder`
+    );
+  }
   const componentMap = displayOrder.reduce((acc, propName) => {
     var _a;
     const propSchema = properties[propName];
@@ -7501,28 +7516,6 @@ var objectSchemaToComponent = (schemaMapperProps, mapperProps) => {
     displayOrder
   }));
 };
-var validateDisplayOrder = ($id, displayOrder, properties, logEvent) => {
-  if (!displayOrder) {
-    const message = `Object schema ${$id} has no displayOrder property.`;
-    logEvent("error", message);
-    throw new Error(message);
-  }
-  const propertyNames = Object.keys(properties);
-  displayOrder.forEach((propName) => {
-    if (!properties[propName]) {
-      const message = `Object schema ${$id} has no property named "${propName}", but it is listed in the displayOrder array.`;
-      logEvent("error", message);
-      throw new Error(message);
-    }
-  });
-  propertyNames.forEach((propName) => {
-    if (!displayOrder.includes(propName)) {
-      const message = `Object schema ${$id} has a "${propName}" property which is missing in the displayOrder array.`;
-      logEvent("error", message);
-      throw new Error(message);
-    }
-  });
-};
 
 // src/revamp/domain/components/AllOfComponent.ts
 var createAllOfComponent = (allOfProps) => {
@@ -7772,20 +7765,17 @@ var isPartialLocalValueMatch = (partialValue, component) => {
   if (isObjectLocalValue(partialValue) && isObjectLocalValue(componentValue)) {
     return isPartialObjectMatch(partialValue, componentValue, component);
   }
-  return null;
+  return true;
 };
 var isPartialObjectMatch = (partialValue, componentValue, component) => {
-  const results = getMatchingKeys(partialValue, componentValue).map((key) => {
+  const resultByKey = getMatchingKeys(partialValue, componentValue).map((key) => {
     const componentForKey = getComponentForLocalValueKey(key, component);
-    return componentForKey && componentForKey.type === "const" ? isPartialLocalValueMatch(partialValue[key], componentForKey) : null;
+    if (componentForKey && componentForKey.type === "const") {
+      return isPartialLocalValueMatch(partialValue[key], componentForKey);
+    }
+    return null;
   });
-  if (results.includes(false)) {
-    return false;
-  }
-  if (results.includes(true)) {
-    return true;
-  }
-  return null;
+  return resultByKey.includes(true) && !resultByKey.includes(false);
 };
 var getMatchingKeys = (a, b) => {
   const allKeys = Array.from(/* @__PURE__ */ new Set([...Object.keys(a), ...Object.keys(b)]));
@@ -7900,7 +7890,7 @@ var createSelectInputComponent = (selectProps, updateComponent) => {
     }
   });
 };
-var isTrue = (value) => value === true;
+var isTrue = (value) => value;
 
 // src/revamp/domain/mappers/schema/oneOfSchemaToComponent/oneOfSchemaToComponent.ts
 var oneOfSchemaToComponent = (schemaMapperProps, mapperProps) => {
@@ -9782,7 +9772,9 @@ var mapStepToComponent = (_a) => {
     stepPolling,
     updateComponent,
     title: displayStepTitle ? title : void 0,
-    trackEvent
+    trackEvent,
+    step,
+    onAction
   });
   return stepComponent;
 };
@@ -10423,7 +10415,7 @@ function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId) {
   return deterministicId || (id ? `radix-${id}` : "");
 }
 
-// ../../node_modules/.pnpm/@wise+forms@0.3.4_@transferwise+components@46.36.0_@types+react@18.0.29_react@18.2.0/node_modules/@wise/forms/dist/index.mjs
+// ../../node_modules/.pnpm/@wise+forms@0.3.4_@transferwise+components@46.35.0_@types+react@18.0.29_react@18.2.0/node_modules/@wise/forms/dist/index.mjs
 var import_classnames = __toESM(require_classnames(), 1);
 import { InlineAlert, Sentiment as Sentiment2, Input, TextArea } from "@transferwise/components";
 import { createContext as createContext2, useContext as useContext2, forwardRef } from "react";
@@ -10717,16 +10709,7 @@ function VariableDateInput({
   control,
   inputProps
 }) {
-  const {
-    autoComplete,
-    minimumDate,
-    maximumDate,
-    placeholder,
-    disabled,
-    onBlur,
-    onChange,
-    onFocus
-  } = inputProps;
+  const { minimumDate, maximumDate, placeholder, disabled, onBlur, onChange, onFocus } = inputProps;
   if (control === "date-lookup") {
     return /* @__PURE__ */ jsx16(
       DateLookup,
@@ -10744,20 +10727,8 @@ function VariableDateInput({
       }
     );
   }
-  return /* @__PURE__ */ jsx16(
-    DateInput,
-    __spreadProps(__spreadValues({}, inputProps), {
-      dayAutoComplete: getAutocompleteString2(autoComplete, "day"),
-      yearAutoComplete: getAutocompleteString2(autoComplete, "year")
-    })
-  );
+  return /* @__PURE__ */ jsx16(DateInput, __spreadValues({}, inputProps));
 }
-var getAutocompleteString2 = (value, suffix) => {
-  if (value === "bday") {
-    return `${value}-${suffix}`;
-  }
-  return void 0;
-};
 var VariableDateInput_default = VariableDateInput;
 
 // src/revamp/wise/renderers/DateInputRenderer.tsx
@@ -11696,18 +11667,79 @@ function ItemSummaryOption({
 }
 var RepeatableRenderer_default = RepeatableRenderer;
 
+// src/revamp/wise/renderers/ReviewRenderer.tsx
+import { DefinitionList, Header as Header4 } from "@transferwise/components";
+import { Fragment as Fragment5, jsx as jsx41, jsxs as jsxs12 } from "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__ */ jsxs12("div", { className: getMargin(margin), children: [
+      (title || callToAction) && /* @__PURE__ */ jsx41(Header4, { title: title != null ? title : "", action }),
+      /* @__PURE__ */ jsx41("div", { className: margin, children: /* @__PURE__ */ jsx41(
+        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__ */ jsxs12(Fragment5, { children: [
+      /* @__PURE__ */ jsx41(Help_default, { help }),
+      " ",
+      value
+    ] }) : /* @__PURE__ */ jsxs12(Fragment5, { children: [
+      value,
+      " ",
+      /* @__PURE__ */ jsx41(Help_default, { help })
+    ] });
+  }
+  return value;
+};
+
 // src/revamp/wise/renderers/SearchRenderer/BlockSearchRendererComponent.tsx
 import { Input as Input5, Markdown as Markdown3, NavigationOption as NavigationOption3, NavigationOptionsList as NavigationOptionsList2 } from "@transferwise/components";
 
 // src/revamp/wise/renderers/SearchRenderer/ErrorResult.tsx
 import { useIntl as useIntl7 } from "react-intl";
-import { jsx as jsx41, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs13 } from "react/jsx-runtime";
 function ErrorResult({ state }) {
   const intl = useIntl7();
-  return /* @__PURE__ */ jsxs12("p", { className: "m-t-2", children: [
+  return /* @__PURE__ */ jsxs13("p", { className: "m-t-2", children: [
     intl.formatMessage(generic_error_messages_default.genericError),
     "\xA0",
-    /* @__PURE__ */ jsx41(
+    /* @__PURE__ */ jsx42(
       "a",
       {
         href: "/",
@@ -11723,7 +11755,7 @@ function ErrorResult({ state }) {
 
 // src/revamp/wise/renderers/SearchRenderer/BlockSearchRendererComponent.tsx
 import { useState as useState8 } from "react";
-import { Fragment as Fragment5, jsx as jsx42, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx43, jsxs as jsxs14 } from "react/jsx-runtime";
 function BlockSearchRendererComponent({
   id,
   isLoading,
@@ -11735,8 +11767,8 @@ function BlockSearchRendererComponent({
 }) {
   const [hasSearched, setHasSearched] = useState8(false);
   const trackEvent = useTrackEvent();
-  return /* @__PURE__ */ jsxs13("div", { className: getMargin(margin), children: [
-    /* @__PURE__ */ jsx42(FieldInput_default, { id, description: "", error: "", help: "", label: title, children: /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsxs14("div", { className: getMargin(margin), children: [
+    /* @__PURE__ */ jsx43(FieldInput_default, { id, description: "", error: "", help: "", label: title, children: /* @__PURE__ */ jsx43(
       Input5,
       {
         id,
@@ -11753,7 +11785,7 @@ function BlockSearchRendererComponent({
         }
       }
     ) }),
-    isLoading ? /* @__PURE__ */ jsx42(Fragment5, { children: "Loading..." }) : /* @__PURE__ */ jsx42(SearchResultContent, { state, onChange })
+    isLoading ? /* @__PURE__ */ jsx43(Fragment6, { children: "Loading..." }) : /* @__PURE__ */ jsx43(SearchResultContent, { state, onChange })
   ] });
 }
 function SearchResultContent({
@@ -11762,29 +11794,29 @@ function SearchResultContent({
 }) {
   switch (state.type) {
     case "error":
-      return /* @__PURE__ */ jsx42(ErrorResult, { state });
+      return /* @__PURE__ */ jsx43(ErrorResult, { state });
     case "results":
-      return /* @__PURE__ */ jsx42(SearchResults, { state, onChange });
+      return /* @__PURE__ */ jsx43(SearchResults, { state, onChange });
     case "noResults":
-      return /* @__PURE__ */ jsx42(EmptySearchResult, { state });
+      return /* @__PURE__ */ jsx43(EmptySearchResult, { state });
     case "pending":
     default:
       return null;
   }
 }
 function EmptySearchResult({ state }) {
-  return /* @__PURE__ */ jsx42(Markdown3, { className: "m-t-2", config: { link: { target: "_blank" } }, children: state.message });
+  return /* @__PURE__ */ jsx43(Markdown3, { className: "m-t-2", config: { link: { target: "_blank" } }, children: state.message });
 }
 function SearchResults({
   state
 }) {
   const trackEvent = useTrackEvent();
-  return /* @__PURE__ */ jsx42(NavigationOptionsList2, { children: state.results.map((result) => /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(NavigationOptionsList2, { children: state.results.map((result) => /* @__PURE__ */ jsx43(
     NavigationOption3,
     {
       title: result.title,
       content: result.description,
-      media: /* @__PURE__ */ jsx42(NavigationOptionMedia, __spreadValues({}, result)),
+      media: /* @__PURE__ */ jsx43(NavigationOptionMedia, __spreadValues({}, result)),
       showMediaCircle: false,
       showMediaAtAllSizes: true,
       onClick: () => {
@@ -11803,7 +11835,7 @@ var BlockSearchRendererComponent_default = BlockSearchRendererComponent;
 import { Markdown as Markdown4, Typeahead } from "@transferwise/components";
 import { Search } from "@transferwise/icons";
 import { useState as useState9 } from "react";
-import { jsx as jsx43, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs15 } from "react/jsx-runtime";
 function InlineSearchRenderer({
   id,
   isLoading,
@@ -11814,19 +11846,19 @@ function InlineSearchRenderer({
 }) {
   const [hasSearched, setHasSearched] = useState9(false);
   const trackEvent = useTrackEvent();
-  return /* @__PURE__ */ jsx43("div", { className: getMargin(margin), children: /* @__PURE__ */ jsxs14(FieldInput_default, { id, description: "", error: "", help: "", label: title, children: [
+  return /* @__PURE__ */ jsx44("div", { className: getMargin(margin), children: /* @__PURE__ */ jsxs15(FieldInput_default, { id, description: "", error: "", help: "", label: title, children: [
     id,
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(
       Typeahead,
       {
         id: "typeahead-input-id",
         name: "typeahead-input-name",
         size: "md",
         maxHeight: 100,
-        footer: /* @__PURE__ */ jsx43(TypeaheadFooter, { state, isLoading }),
+        footer: /* @__PURE__ */ jsx44(TypeaheadFooter, { state, isLoading }),
         multiple: false,
         clearable: false,
-        addon: /* @__PURE__ */ jsx43(Search, { size: 24 }),
+        addon: /* @__PURE__ */ jsx44(Search, { size: 24 }),
         options: state.type === "results" ? state.results.map(mapResultToTypeaheadOption) : [],
         minQueryLength: 1,
         onChange: (values) => {
@@ -11863,29 +11895,29 @@ function mapResultToTypeaheadOption(result) {
 }
 function TypeaheadFooter({ state, isLoading }) {
   if (state.type === "noResults") {
-    return /* @__PURE__ */ jsx43(Markdown4, { className: "m-t-2 m-x-2", config: { link: { target: "_blank" } }, children: state.message });
+    return /* @__PURE__ */ jsx44(Markdown4, { className: "m-t-2 m-x-2", config: { link: { target: "_blank" } }, children: state.message });
   }
   if (state.type === "error") {
-    return /* @__PURE__ */ jsx43("div", { className: "m-t-2 m-x-2", children: /* @__PURE__ */ jsx43(ErrorResult, { state }) });
+    return /* @__PURE__ */ jsx44("div", { className: "m-t-2 m-x-2", children: /* @__PURE__ */ jsx44(ErrorResult, { state }) });
   }
   if (state.type === "pending" || isLoading) {
-    return /* @__PURE__ */ jsx43("p", { className: "m-t-2 m-x-2", children: "Loading..." });
+    return /* @__PURE__ */ jsx44("p", { className: "m-t-2 m-x-2", children: "Loading..." });
   }
   return null;
 }
 var InlineSearchRendererComponent_default = InlineSearchRenderer;
 
 // src/revamp/wise/renderers/SearchRenderer/SearchRenderer.tsx
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 var SearchRenderer = {
   canRenderType: "search",
-  render: (props) => props.control === "inline" ? /* @__PURE__ */ jsx44(InlineSearchRendererComponent_default, __spreadValues({}, props)) : /* @__PURE__ */ jsx44(BlockSearchRendererComponent_default, __spreadValues({}, props))
+  render: (props) => props.control === "inline" ? /* @__PURE__ */ jsx45(InlineSearchRendererComponent_default, __spreadValues({}, props)) : /* @__PURE__ */ jsx45(BlockSearchRendererComponent_default, __spreadValues({}, props))
 };
 var SearchRenderer_default = SearchRenderer;
 
 // src/revamp/wise/renderers/SelectInputRenderer/RadioInputRendererComponent.tsx
 import { RadioGroup } from "@transferwise/components";
-import { Fragment as Fragment6, jsx as jsx45, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx46, jsxs as jsxs16 } from "react/jsx-runtime";
 function RadioInputRendererComponent(props) {
   const {
     id,
@@ -11899,8 +11931,8 @@ function RadioInputRendererComponent(props) {
     selectedIndex,
     onSelect
   } = props;
-  return /* @__PURE__ */ jsxs15(Fragment6, { children: [
-    /* @__PURE__ */ jsx45(FieldInput_default, { id, label, help, description, error, children: /* @__PURE__ */ jsx45("span", { children: /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsxs16(Fragment7, { children: [
+    /* @__PURE__ */ jsx46(FieldInput_default, { id, label, help, description, error, children: /* @__PURE__ */ jsx46("span", { children: /* @__PURE__ */ jsx46(
       RadioGroup,
       {
         name: id,
@@ -11909,7 +11941,7 @@ function RadioInputRendererComponent(props) {
           value: index,
           secondary: option.description,
           disabled: option.disabled || disabled,
-          avatar: /* @__PURE__ */ jsx45(OptionMedia, { icon: option.icon, image: option.image })
+          avatar: /* @__PURE__ */ jsx46(OptionMedia, { icon: option.icon, image: option.image })
         })),
         selectedValue: selectedIndex != null ? selectedIndex : void 0,
         onChange: onSelect
@@ -11923,7 +11955,7 @@ function RadioInputRendererComponent(props) {
 // src/revamp/wise/renderers/SelectInputRenderer/TabInputRendererComponent.tsx
 import { Tabs } from "@transferwise/components";
 import { useEffect as useEffect4 } from "react";
-import { Fragment as Fragment7, jsx as jsx46, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx47, jsxs as jsxs17 } from "react/jsx-runtime";
 function TabInputRendererComponent(props) {
   const {
     id,
@@ -11942,8 +11974,8 @@ function TabInputRendererComponent(props) {
       onSelect(0);
     }
   }, [selectedIndex, onSelect, options.length]);
-  return /* @__PURE__ */ jsxs16(Fragment7, { children: [
-    /* @__PURE__ */ jsx46(FieldInput_default, { id, label, help, description, error, children: /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsxs17(Fragment8, { children: [
+    /* @__PURE__ */ jsx47(FieldInput_default, { id, label, help, description, error, children: /* @__PURE__ */ jsx47(
       Tabs,
       {
         name: id,
@@ -11952,7 +11984,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__ */ jsx46(Fragment7, {}),
+          content: /* @__PURE__ */ jsx47(Fragment8, {}),
           disabled: option.disabled || disabled
         })),
         onTabSelect: onSelect
@@ -11968,22 +12000,22 @@ import { SelectInput as SelectInput2, SelectInputOptionContent as SelectInputOpt
 
 // src/revamp/wise/renderers/SelectInputRenderer/SelectTriggerMedia.tsx
 import { Avatar as Avatar3, AvatarType as AvatarType3 } from "@transferwise/components";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 function SelectTriggerMedia({ icon, image }) {
   if (image == null ? void 0 : image.url) {
     return null;
   }
   if (icon && "name" in icon) {
-    return /* @__PURE__ */ jsx47(Avatar3, { type: AvatarType3.ICON, size: 24, children: /* @__PURE__ */ jsx47(DynamicIcon_default, { name: icon.name }) });
+    return /* @__PURE__ */ jsx48(Avatar3, { type: AvatarType3.ICON, size: 24, children: /* @__PURE__ */ jsx48(DynamicIcon_default, { name: icon.name }) });
   }
   if (icon && "text" in icon) {
-    return /* @__PURE__ */ jsx47(Avatar3, { type: AvatarType3.ICON, size: 24, children: icon.text });
+    return /* @__PURE__ */ jsx48(Avatar3, { type: AvatarType3.ICON, size: 24, children: icon.text });
   }
   return null;
 }
 
 // src/revamp/wise/renderers/SelectInputRenderer/SelectInputRendererComponent.tsx
-import { Fragment as Fragment8, jsx as jsx48, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx49, jsxs as jsxs18 } from "react/jsx-runtime";
 function SelectInputRendererComponent(props) {
   const {
     id,
@@ -12018,16 +12050,16 @@ function SelectInputRendererComponent(props) {
     const contentProps = withinTrigger ? {
       title: option.title,
       note: option.description,
-      icon: /* @__PURE__ */ jsx48(SelectTriggerMedia, { icon: option.icon, image: option.image })
+      icon: /* @__PURE__ */ jsx49(SelectTriggerMedia, { icon: option.icon, image: option.image })
     } : {
       title: option.title,
       description: option.description,
-      icon: /* @__PURE__ */ jsx48(OptionMedia, { icon: option.icon, image: option.image })
+      icon: /* @__PURE__ */ jsx49(OptionMedia, { icon: option.icon, image: option.image })
     };
-    return /* @__PURE__ */ jsx48(SelectInputOptionContent2, __spreadValues({}, contentProps));
+    return /* @__PURE__ */ jsx49(SelectInputOptionContent2, __spreadValues({}, contentProps));
   };
-  return /* @__PURE__ */ jsxs17(Fragment8, { children: [
-    /* @__PURE__ */ jsx48(FieldInput_default, { id, label, help, description, error, children: /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsxs18(Fragment9, { children: [
+    /* @__PURE__ */ jsx49(FieldInput_default, { id, label, help, description, error, children: /* @__PURE__ */ jsx49(
       SelectInput2,
       {
         name: id,
@@ -12048,7 +12080,7 @@ function SelectInputRendererComponent(props) {
 // src/revamp/wise/renderers/SelectInputRenderer/SegmentedInputRendererComponent.tsx
 import { useEffect as useEffect5 } from "react";
 import { SegmentedControl } from "@transferwise/components";
-import { Fragment as Fragment9, jsx as jsx49, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx50, jsxs as jsxs19 } from "react/jsx-runtime";
 function SegmentedInputRendererComponent(props) {
   const { id, children, description, error, help, label, options, selectedIndex, onSelect } = props;
   useEffect5(() => {
@@ -12056,8 +12088,8 @@ function SegmentedInputRendererComponent(props) {
       onSelect(0);
     }
   }, [selectedIndex, onSelect, options.length]);
-  return /* @__PURE__ */ jsxs18(Fragment9, { children: [
-    /* @__PURE__ */ jsx49(FieldInput_default, { id, label, help, description, error, children: /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsxs19(Fragment10, { children: [
+    /* @__PURE__ */ jsx50(FieldInput_default, { id, label, help, description, error, children: /* @__PURE__ */ jsx50(
       SegmentedControl,
       {
         name: `${id}-segmented-control`,
@@ -12072,44 +12104,44 @@ function SegmentedInputRendererComponent(props) {
         onChange: (value) => onSelect(Number(value))
       }
     ) }),
-    /* @__PURE__ */ jsx49("div", { id: `${id}-children`, children })
+    /* @__PURE__ */ jsx50("div", { id: `${id}-children`, children })
   ] });
 }
 var isValidIndex2 = (index, options) => index !== null && index >= 0 && index < options;
 
 // src/revamp/wise/renderers/SelectInputRenderer/SelectInputRenderer.tsx
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 var SelectInputRenderer = {
   canRenderType: "input-select",
   render: (props) => {
     switch (props.control) {
       case "radio":
-        return /* @__PURE__ */ jsx50(RadioInputRendererComponent, __spreadValues({}, props));
+        return /* @__PURE__ */ jsx51(RadioInputRendererComponent, __spreadValues({}, props));
       case "tab":
-        return props.options.length > 3 ? /* @__PURE__ */ jsx50(SelectInputRendererComponent, __spreadValues({}, props)) : /* @__PURE__ */ jsx50(TabInputRendererComponent, __spreadValues({}, props));
+        return props.options.length > 3 ? /* @__PURE__ */ jsx51(SelectInputRendererComponent, __spreadValues({}, props)) : /* @__PURE__ */ jsx51(TabInputRendererComponent, __spreadValues({}, props));
       case "segmented":
-        return props.options.length > 3 ? /* @__PURE__ */ jsx50(SelectInputRendererComponent, __spreadValues({}, props)) : /* @__PURE__ */ jsx50(SegmentedInputRendererComponent, __spreadValues({}, props));
+        return props.options.length > 3 ? /* @__PURE__ */ jsx51(SelectInputRendererComponent, __spreadValues({}, props)) : /* @__PURE__ */ jsx51(SegmentedInputRendererComponent, __spreadValues({}, props));
       case "select":
       default:
-        return /* @__PURE__ */ jsx50(SelectInputRendererComponent, __spreadValues({}, props));
+        return /* @__PURE__ */ jsx51(SelectInputRendererComponent, __spreadValues({}, props));
     }
   }
 };
 var SelectInputRenderer_default = SelectInputRenderer;
 
 // src/revamp/wise/renderers/StatusListRenderer.tsx
-import { Header as Header4, Summary } from "@transferwise/components";
-import { jsx as jsx51, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Header as Header5, Summary } from "@transferwise/components";
+import { jsx as jsx52, jsxs as jsxs20 } from "react/jsx-runtime";
 var StatusListRenderer = {
   canRenderType: "status-list",
-  render: ({ margin, items, title }) => /* @__PURE__ */ jsxs19("div", { className: getMargin(margin), children: [
-    title ? /* @__PURE__ */ jsx51(Header4, { title }) : null,
-    items.map(({ description, icon, status, title: itemTitle }) => /* @__PURE__ */ jsx51(
+  render: ({ margin, items, title }) => /* @__PURE__ */ jsxs20("div", { className: getMargin(margin), children: [
+    title ? /* @__PURE__ */ jsx52(Header5, { title }) : null,
+    items.map(({ description, icon, status, title: itemTitle }) => /* @__PURE__ */ jsx52(
       Summary,
       {
         title: itemTitle,
         description,
-        icon: icon && "name" in icon ? /* @__PURE__ */ jsx51(DynamicIcon_default, { name: icon.name }) : null,
+        icon: icon && "name" in icon ? /* @__PURE__ */ jsx52(DynamicIcon_default, { name: icon.name }) : null,
         status: mapStatus(status)
       },
       `${title}/${description || ""}`
@@ -12132,31 +12164,31 @@ import {
   TextArea as TextArea2,
   TextareaWithDisplayFormat
 } from "@transferwise/components";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 function VariableTextInput({
   control,
   inputProps
 }) {
   switch (control) {
     case "password":
-      return /* @__PURE__ */ jsx52(TextInput, __spreadValues({ type: "password" }, inputProps));
+      return /* @__PURE__ */ jsx53(TextInput, __spreadValues({ type: "password" }, inputProps));
     case "email":
-      return /* @__PURE__ */ jsx52(TextInput, __spreadValues({ type: "email" }, inputProps));
+      return /* @__PURE__ */ jsx53(TextInput, __spreadValues({ type: "email" }, inputProps));
     case "textarea":
-      return /* @__PURE__ */ jsx52(TextAreaInput, __spreadValues({}, inputProps));
+      return /* @__PURE__ */ jsx53(TextAreaInput, __spreadValues({}, inputProps));
     case "numeric":
-      return /* @__PURE__ */ jsx52(NumericInput, __spreadValues({ type: "number" }, inputProps));
+      return /* @__PURE__ */ jsx53(NumericInput, __spreadValues({ type: "number" }, inputProps));
     case "phone-number":
-      return /* @__PURE__ */ jsx52(PhoneNumberInput, __spreadValues({}, inputProps));
+      return /* @__PURE__ */ jsx53(PhoneNumberInput, __spreadValues({}, inputProps));
     default:
-      return /* @__PURE__ */ jsx52(TextInput, __spreadValues({ type: "text" }, inputProps));
+      return /* @__PURE__ */ jsx53(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__ */ jsx52(
+    return /* @__PURE__ */ jsx53(
       InputWithDisplayFormat,
       __spreadValues({
         displayPattern: displayFormat,
@@ -12164,29 +12196,29 @@ function TextInput(_a) {
       }, inputProps)
     );
   }
-  return /* @__PURE__ */ jsx52(Input6, __spreadValues({ id, name: id, onChange: (e) => onChange(e.target.value) }, rest));
+  return /* @__PURE__ */ jsx53(Input6, __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__ */ jsx52(
+  return typeof displayFormat === "string" ? /* @__PURE__ */ jsx53(
     TextareaWithDisplayFormat,
     __spreadValues({
       displayPattern: displayFormat,
       onChange: (newValue) => onChange(newValue)
     }, textAreaProps)
-  ) : /* @__PURE__ */ jsx52(TextArea2, __spreadValues({ onChange: (e) => onChange(e.target.value) }, textAreaProps));
+  ) : /* @__PURE__ */ jsx53(TextArea2, __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__ */ jsx52(
+  return typeof displayFormat === "string" ? /* @__PURE__ */ jsx53(
     InputWithDisplayFormat,
     __spreadValues({
       displayPattern: displayFormat,
       onChange: (newValue) => onChange(numericValueOrNull(newValue))
     }, numericProps)
-  ) : /* @__PURE__ */ jsx52(
+  ) : /* @__PURE__ */ jsx53(
     Input6,
     __spreadValues({
       onChange: ({ target: { value: newValue } }) => onChange(numericValueOrNull(newValue))
@@ -12195,12 +12227,12 @@ function NumericInput(_a) {
 }
 function PhoneNumberInput(_a) {
   var _b = _a, { value } = _b, rest = __objRest(_b, ["value"]);
-  return /* @__PURE__ */ jsx52(PhoneNumber, __spreadValues({ initialValue: value }, rest));
+  return /* @__PURE__ */ jsx53(PhoneNumber, __spreadValues({ initialValue: value }, rest));
 }
 var VariableTextInput_default = VariableTextInput;
 
 // src/revamp/wise/renderers/TextInputRenderer.tsx
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 var TextInputRenderer = {
   canRenderType: "input-text",
   render: (props) => {
@@ -12225,14 +12257,14 @@ var TextInputRenderer = {
     ]);
     const value = initialValue != null ? initialValue : "";
     const inputProps = __spreadProps(__spreadValues({}, rest), { value, id });
-    return /* @__PURE__ */ jsx53(FieldInput_default, { id, label, description, error, help, children: /* @__PURE__ */ jsx53(VariableTextInput_default, { control, inputProps }) });
+    return /* @__PURE__ */ jsx54(FieldInput_default, { id, label, description, error, help, children: /* @__PURE__ */ jsx54(VariableTextInput_default, { control, inputProps }) });
   }
 };
 var TextInputRenderer_default = TextInputRenderer;
 
 // src/revamp/wise/renderers/UploadInputRenderer.tsx
 import { Upload, UploadInput as UploadInput2 } from "@transferwise/components";
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 var UploadInputRenderer = {
   canRenderType: "input-upload",
   render: (props) => {
@@ -12248,7 +12280,7 @@ var UploadInputRenderer = {
     };
     return (
       // We don't pass help here as there is no sensible place to display it
-      /* @__PURE__ */ jsx54(UploadFieldInput_default, { id, label: void 0, description: void 0, error, children: /* @__PURE__ */ jsx54(
+      /* @__PURE__ */ jsx55(UploadFieldInput_default, { id, label: void 0, description: void 0, error, children: /* @__PURE__ */ jsx55(
         UploadInput2,
         {
           id,
@@ -12281,100 +12313,39 @@ var LargeUploadRenderer = {
       type,
       onUpload
     } = _a, rest = __objRest(_a, [
-      "id",
-      "accepts",
-      "control",
-      "label",
-      "description",
-      "disabled",
-      "error",
-      "help",
-      "maxSize",
-      "type",
-      "onUpload"
-    ]);
-    const uploadProps = __spreadProps(__spreadValues({}, rest), { id, name: id });
-    const onUploadFile = async (file, fileName) => {
-      try {
-        const convertedFile = file ? await toFile(file, fileName) : null;
-        await onUpload(convertedFile);
-      } catch (e) {
-        await onUpload(null);
-        throw e;
-      }
-    };
-    return /* @__PURE__ */ jsx54(FieldInput_default, { id, label, description, error, help, children: /* @__PURE__ */ jsx54(
-      Upload,
-      __spreadProps(__spreadValues({}, uploadProps), {
-        usAccept: getAcceptsString(accepts),
-        usDisabled: disabled,
-        onSuccess: onUploadFile,
-        onFailure: async () => onUpload(null),
-        onCancel: async () => onUpload(null)
-      })
-    ) });
-  }
-};
-
-// src/revamp/wise/renderers/ReviewRenderer.tsx
-import { DefinitionList, Header as Header5 } from "@transferwise/components";
-import { Fragment as Fragment10, jsx as jsx55, jsxs as jsxs20 } from "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__ */ jsxs20("div", { className: getMargin(margin), children: [
-      (title || callToAction) && /* @__PURE__ */ jsx55(Header5, { title: title != null ? title : "", action }),
-      /* @__PURE__ */ jsx55("div", { className: margin, children: /* @__PURE__ */ jsx55(
-        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__ */ jsxs20(Fragment10, { children: [
-      /* @__PURE__ */ jsx55(Help_default, { help }),
-      " ",
-      value
-    ] }) : /* @__PURE__ */ jsxs20(Fragment10, { children: [
-      value,
-      " ",
-      /* @__PURE__ */ jsx55(Help_default, { help })
-    ] });
+      "id",
+      "accepts",
+      "control",
+      "label",
+      "description",
+      "disabled",
+      "error",
+      "help",
+      "maxSize",
+      "type",
+      "onUpload"
+    ]);
+    const uploadProps = __spreadProps(__spreadValues({}, rest), { id, name: id });
+    const onUploadFile = async (file, fileName) => {
+      try {
+        const convertedFile = file ? await toFile(file, fileName) : null;
+        await onUpload(convertedFile);
+      } catch (e) {
+        await onUpload(null);
+        throw e;
+      }
+    };
+    return /* @__PURE__ */ jsx55(FieldInput_default, { id, label, description, error, help, children: /* @__PURE__ */ jsx55(
+      Upload,
+      __spreadProps(__spreadValues({}, uploadProps), {
+        usAccept: getAcceptsString(accepts),
+        usDisabled: disabled,
+        onSuccess: onUploadFile,
+        onFailure: async () => onUpload(null),
+        onCancel: async () => onUpload(null)
+      })
+    ) });
   }
-  return value;
 };
 
 // src/revamp/wise/renderers/step/StepRenderer.tsx
@@ -12899,7 +12870,6 @@ function isReference(block) {
 
 // src/legacy/dynamicFlow/DynamicFlow.tsx
 import { useCallback as useCallback11, useEffect as useEffect26, useMemo as useMemo22, useState as useState35 } from "react";
-import { useIntl as useIntl26 } from "react-intl";
 
 // src/legacy/common/contexts/dynamicFlowContexts/DynamicFlowContexts.tsx
 import { createContext as createContext4, useContext as useContext5, useMemo as useMemo7 } from "react";
@@ -13013,6 +12983,61 @@ function FeatureContextProvider({ features, children }) {
   return /* @__PURE__ */ jsx64(FeatureContext.Provider, { value: features, children });
 }
 
+// src/common/cameraCapture/utils/mobile-utils.ts
+var isMobile = () => isMobileScreenSize() && (isTouchScreen() || isMobileUA());
+var isMobileUA = (userAgent = window.navigator.userAgent) => (
+  // eslint-disable-next-line regexp/no-unused-capturing-group
+  /mobi|\b(iphone|android|blackberry|webos|windows phone)\b/i.test(userAgent)
+);
+var isMobileScreenSize = (width = window.screen.width, height = window.screen.height) => width < 768 || height < 768;
+var isTouchScreen = (navigator2 = window.navigator, matchMedia = window.matchMedia) => {
+  if ("maxTouchPoints" in navigator2) {
+    return navigator2.maxTouchPoints > 0;
+  }
+  const mQ = matchMedia == null ? void 0 : matchMedia("(pointer:coarse)");
+  if ((mQ == null ? void 0 : mQ.media) === "(pointer:coarse)") {
+    return Boolean(mQ.matches);
+  }
+  return false;
+};
+
+// src/common/utils/debounce.ts
+var debounce2 = (callback, waitMs) => {
+  let timeoutId;
+  let lastArgs;
+  const clearTimer = () => {
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+      timeoutId = null;
+    }
+    lastArgs = null;
+  };
+  const debouncedFn = (...args) => {
+    lastArgs = args;
+    if (timeoutId !== null) {
+      clearTimeout(timeoutId);
+    }
+    timeoutId = setTimeout(() => {
+      callback(...lastArgs);
+      timeoutId = null;
+      lastArgs = null;
+    }, waitMs);
+  };
+  debouncedFn.cancel = () => {
+    if (timeoutId !== null) {
+      clearTimer();
+    }
+  };
+  debouncedFn.flush = () => {
+    if (timeoutId !== null) {
+      callback(...lastArgs);
+      clearTimer();
+    }
+  };
+  debouncedFn.isPending = () => timeoutId !== null;
+  return debouncedFn;
+};
+
 // src/legacy/common/utils/api-utils.ts
 function isStatus2xx(status) {
   return status >= 200 && status < 300;
@@ -13475,63 +13500,6 @@ var dateStringToDate = (dateString) => {
 };
 var dateToDateString2 = (date) => formatDate2(date);
 
-// src/legacy/common/utils/debounce.ts
-var debounce2 = (callback, waitMs) => {
-  let timeoutId;
-  let lastArgs;
-  const clearTimer = () => {
-    if (timeoutId) {
-      clearTimeout(timeoutId);
-      timeoutId = null;
-    }
-    lastArgs = null;
-  };
-  const debouncedFn = (...args) => {
-    lastArgs = args;
-    if (timeoutId !== null) {
-      clearTimeout(timeoutId);
-    }
-    timeoutId = setTimeout(() => {
-      callback(...lastArgs);
-      timeoutId = null;
-      lastArgs = null;
-    }, waitMs);
-  };
-  debouncedFn.cancel = () => {
-    if (timeoutId !== null) {
-      clearTimer();
-    }
-  };
-  debouncedFn.flush = () => {
-    if (timeoutId !== null) {
-      callback(...lastArgs);
-      clearTimer();
-    }
-  };
-  debouncedFn.isPending = () => timeoutId !== null;
-  return debouncedFn;
-};
-
-// src/legacy/common/utils/is-equal.ts
-var isEqual = (a, b) => {
-  if (a === b) {
-    return true;
-  }
-  if (Array.isArray(a) && Array.isArray(b)) {
-    return a.length === b.length && a.every((item, index) => isEqual(item, b[index]));
-  }
-  if (isNonNullObject(a) && isNonNullObject(b) && isObjectEquals(a, b)) {
-    return true;
-  }
-  return false;
-};
-var isObjectEquals = (a, b) => {
-  const keysA = Object.keys(a);
-  const keysB = Object.keys(b);
-  return keysA.length === keysB.length && keysA.every((key) => Object.hasOwnProperty.call(b, key) && isEqual(a[key], b[key]));
-};
-var isNonNullObject = (a) => typeof a === "object" && a !== null;
-
 // src/legacy/common/utils/file-utils.ts
 function toKilobytes2(sizeInBytes) {
   const ONE_KB_IN_BYTES = 1024;
@@ -13567,6 +13535,52 @@ var generateRandomId = (prefix = "") => {
   return `${prefixString}${Math.floor(1e8 * Math.random())}`;
 };
 
+// src/legacy/common/utils/is-equal.ts
+var isEqual = (a, b) => {
+  if (a === b) {
+    return true;
+  }
+  if (Array.isArray(a) && Array.isArray(b)) {
+    return a.length === b.length && a.every((item, index) => isEqual(item, b[index]));
+  }
+  if (isNonNullObject(a) && isNonNullObject(b) && isObjectEquals(a, b)) {
+    return true;
+  }
+  return false;
+};
+var isObjectEquals = (a, b) => {
+  const keysA = Object.keys(a);
+  const keysB = Object.keys(b);
+  return keysA.length === keysB.length && keysA.every((key) => Object.hasOwnProperty.call(b, key) && isEqual(a[key], b[key]));
+};
+var isNonNullObject = (a) => typeof a === "object" && a !== null;
+
+// src/legacy/common/utils/misc-utils.ts
+var isBasicError = (error) => isString2(error) || isNull3(error);
+
+// src/legacy/common/utils/model-utils.ts
+var isObjectModel2 = (model) => typeof model === "object" && model !== null && model.constructor === Object;
+var isNullableObjectModel = (model) => isNull3(model) || isObjectModel2(model);
+var isNullableBasicModel = (model) => isBoolean2(model) || isNumber3(model) || isString2(model) || isNull3(model);
+var isNullableStringModel = (model) => isString2(model) || isNull3(model);
+var isArrayModel2 = (model) => {
+  if (isArray2(model)) {
+    if (model.length === 0) {
+      return true;
+    }
+    return model.every(
+      (item) => typeof item === "string" || typeof item === "number" || typeof item === "boolean" || typeof item === "object"
+    );
+  }
+  return false;
+};
+var isNullableArrayModel = (model) => {
+  if (isNull3(model)) {
+    return true;
+  }
+  return isArrayModel2(model);
+};
+
 // src/legacy/common/utils/schema-utils.ts
 function isConstSchema2(schema) {
   return !isUndefined3(schema == null ? void 0 : schema.const);
@@ -13695,50 +13709,6 @@ var filterHiddenSchemas = (schemas) => schemas.filter((schema) => {
   return (schema == null ? void 0 : schema.hidden) !== true;
 });
 
-// src/legacy/common/utils/model-utils.ts
-var isObjectModel2 = (model) => typeof model === "object" && model !== null && model.constructor === Object;
-var isNullableObjectModel = (model) => isNull3(model) || isObjectModel2(model);
-var isNullableBasicModel = (model) => isBoolean2(model) || isNumber3(model) || isString2(model) || isNull3(model);
-var isNullableStringModel = (model) => isString2(model) || isNull3(model);
-var isArrayModel2 = (model) => {
-  if (isArray2(model)) {
-    if (model.length === 0) {
-      return true;
-    }
-    return model.every(
-      (item) => typeof item === "string" || typeof item === "number" || typeof item === "boolean" || typeof item === "object"
-    );
-  }
-  return false;
-};
-var isNullableArrayModel = (model) => {
-  if (isNull3(model)) {
-    return true;
-  }
-  return isArrayModel2(model);
-};
-
-// src/legacy/common/utils/misc-utils.ts
-var isBasicError = (error) => isString2(error) || isNull3(error);
-
-// src/legacy/common/utils/mobile-utils.ts
-var isMobile = () => isMobileScreenSize() && (isTouchScreen() || isMobileUA());
-var isMobileUA = (userAgent = window.navigator.userAgent) => (
-  // eslint-disable-next-line regexp/no-unused-capturing-group
-  /mobi|\b(iphone|android|blackberry|webos|windows phone)\b/i.test(userAgent)
-);
-var isMobileScreenSize = (width = window.screen.width, height = window.screen.height) => width < 768 || height < 768;
-var isTouchScreen = (navigator2 = window.navigator, matchMedia = window.matchMedia) => {
-  if ("maxTouchPoints" in navigator2) {
-    return navigator2.maxTouchPoints > 0;
-  }
-  const mQ = matchMedia == null ? void 0 : matchMedia("(pointer:coarse)");
-  if ((mQ == null ? void 0 : mQ.media) === "(pointer:coarse)") {
-    return Boolean(mQ.matches);
-  }
-  return false;
-};
-
 // src/legacy/common/hooks/useDebouncedFunction/useDebouncedFunction.tsx
 import { useCallback as useCallback4 } from "react";
 function useDebouncedFunction(callback, waitMs) {
@@ -15473,7 +15443,7 @@ var logInvalidTypeFallbackWarning = ({
 };
 
 // src/legacy/formControl/utils/getAutocompleteString.ts
-var getAutocompleteString3 = (hints, { prefix = "", suffix = "" } = {}) => {
+var getAutocompleteString2 = (hints, { prefix = "", suffix = "" } = {}) => {
   const autoCompleteString = hints.map((hint) => {
     const builtHint = `${prefix}${hint}${suffix}`;
     return isAutocompleteToken(builtHint) ? autocompleteTokenMap2[builtHint] : void 0;
@@ -15556,7 +15526,7 @@ var _FormControl = class _FormControl extends PureComponent {
     this.getAutocompleteValue = ({ prefix = "", suffix = "" } = {}) => {
       const { autoComplete, autocompleteHint } = this.props;
       if (isArray2(autocompleteHint)) {
-        return getAutocompleteString3(autocompleteHint, { prefix, suffix });
+        return getAutocompleteString2(autocompleteHint, { prefix, suffix });
       }
       return autoComplete ? "on" : "off";
     };
@@ -17967,12 +17937,12 @@ var LayoutStep_default = LayoutStep;
 // src/legacy/step/cameraStep/CameraStep.tsx
 import { useEffect as useEffect25, useState as useState32 } from "react";
 
-// src/legacy/step/cameraStep/cameraCapture/CameraCapture.tsx
+// src/common/cameraCapture/CameraCapture.tsx
 import { useCallback as useCallback10, useEffect as useEffect24, useMemo as useMemo20, useRef as useRef8, useState as useState31 } from "react";
 import { useIntl as useIntl23 } from "react-intl";
 import Webcam from "react-webcam";
 
-// src/legacy/step/cameraStep/cameraCapture/CameraCapture.messages.ts
+// src/common/cameraCapture/CameraCapture.messages.ts
 import { defineMessages as defineMessages13 } from "react-intl";
 var CameraCapture_messages_default = defineMessages13({
   reviewSubmit: {
@@ -18032,7 +18002,7 @@ var CameraCapture_messages_default = defineMessages13({
   }
 });
 
-// src/legacy/step/cameraStep/cameraCapture/components/bottomBar/BottomBar.tsx
+// src/common/cameraCapture/components/bottomBar/BottomBar.tsx
 import { Button as Button10, ControlType, Priority, Size as Size3 } from "@transferwise/components";
 import { useIntl as useIntl21 } from "react-intl";
 import { jsx as jsx118, jsxs as jsxs46 } from "react/jsx-runtime";
@@ -18079,10 +18049,10 @@ var CaptureButton = ({ onClick }) => /* @__PURE__ */ jsx118(
   }
 );
 
-// src/legacy/step/cameraStep/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
+// src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
 import { useIntl as useIntl22 } from "react-intl";
 
-// src/legacy/step/cameraStep/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.messages.ts
+// src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.messages.ts
 import { defineMessages as defineMessages14 } from "react-intl";
 var OrientationLockOverlay_messages_default = defineMessages14({
   text: {
@@ -18092,7 +18062,7 @@ var OrientationLockOverlay_messages_default = defineMessages14({
   }
 });
 
-// src/legacy/step/cameraStep/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
+// src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
 import { jsx as jsx119, jsxs as jsxs47 } from "react/jsx-runtime";
 function OrientationLockOverlay() {
   const intl = useIntl22();
@@ -18112,23 +18082,11 @@ function OrientationLockOverlay() {
 }
 var OrientationLockOverlay_default = OrientationLockOverlay;
 
-// src/legacy/step/cameraStep/cameraCapture/screens/cameraErrorScreen/CameraErrorScreen.tsx
-import { Button as Button11 } from "@transferwise/components";
-import { jsx as jsx120, jsxs as jsxs48 } from "react/jsx-runtime";
-function CameraErrorScreen({ title, description, actionButton, onAction }) {
-  return /* @__PURE__ */ jsx120("div", { className: "container p-t-5", children: /* @__PURE__ */ jsx120("div", { className: "row", children: /* @__PURE__ */ jsxs48("div", { className: "col-md-6 col-md-offset-3", children: [
-    /* @__PURE__ */ jsx120("h2", { className: "text-xs-center m-b-3", children: title }),
-    /* @__PURE__ */ jsx120("p", { className: "text-xs-center m-b-5", children: description }),
-    onAction && actionButton && /* @__PURE__ */ jsx120(Button11, { block: true, onClick: onAction, children: actionButton })
-  ] }) }) });
-}
-var CameraErrorScreen_default = CameraErrorScreen;
-
-// src/legacy/step/cameraStep/cameraCapture/hooks/useFullScreenOrientationLock.ts
+// src/common/cameraCapture/hooks/useFullScreenOrientationLock.ts
 var import_screenfull = __toESM(require_screenfull());
 import { useCallback as useCallback9, useEffect as useEffect21 } from "react";
 
-// src/legacy/step/cameraStep/cameraCapture/utils/index.ts
+// src/common/cameraCapture/utils/index.ts
 var isSelfieCamera = (stream) => {
   var _a;
   const { facingMode } = ((_a = getVideoTrack(stream)) == null ? void 0 : _a.getSettings()) || {};
@@ -18174,7 +18132,7 @@ var getVideoCapabilities = (videoStream) => {
   return (_b = (_a = getVideoTrack(videoStream)) == null ? void 0 : _a.getCapabilities) == null ? void 0 : _b.call(_a);
 };
 
-// src/legacy/step/cameraStep/cameraCapture/tracking/index.ts
+// src/common/cameraCapture/tracking/index.ts
 var trackCameraError = (message, onEvent, error) => onEvent == null ? void 0 : onEvent(message, { Error: getSerializedError(error) });
 var getSerializedError = (error) => error instanceof DOMException ? JSON.stringify({
   name: error == null ? void 0 : error.name,
@@ -18196,13 +18154,13 @@ var getCameraStartedProperties = async (props, videoStream) => {
   });
 };
 var trackCameraOrientationLandscape = (onEvent) => {
-  onEvent == null ? void 0 : onEvent("Dynamic Flow - Camera Orientation Lock Overlay Shown", {});
+  void (onEvent == null ? void 0 : onEvent("Dynamic Flow - Camera Orientation Lock Overlay Shown", {}));
 };
 var trackCameraOrientationLocked = (onEvent) => {
-  onEvent == null ? void 0 : onEvent("Dynamic Flow - Camera Orientation Locked", {});
+  void (onEvent == null ? void 0 : onEvent("Dynamic Flow - Camera Orientation Locked", {}));
 };
 
-// src/legacy/step/cameraStep/cameraCapture/hooks/useFullScreenOrientationLock.ts
+// src/common/cameraCapture/hooks/useFullScreenOrientationLock.ts
 var useFullScreenOrientationLock = (shouldLockOrientation, onEvent) => {
   const lockOrientation = useCallback9(() => {
     if (window.screen.orientation && "lock" in window.screen.orientation && typeof window.screen.orientation.lock === "function") {
@@ -18264,37 +18222,37 @@ var useFullScreenOrientationLock = (shouldLockOrientation, onEvent) => {
 var noop5 = () => {
 };
 
-// src/legacy/step/cameraStep/cameraCapture/hooks/useVideoConstraints.ts
+// src/common/cameraCapture/hooks/useVideoConstraints.ts
 import { useEffect as useEffect22, useState as useState30 } from "react";
 var useVideoConstraints = (direction) => {
   const [videoConstraints, setVideoConstraints] = useState30();
+  useEffect22(() => {
+    void getVideoConstraints(direction).then(setVideoConstraints);
+  }, [direction]);
+  return { videoConstraints };
+};
+var getVideoConstraints = async (dir) => {
   const defaultVideoConstraints = {
-    facingMode: direction === "front" ? "user" : "environment",
+    facingMode: dir === "front" ? "user" : "environment",
     height: { min: 480, max: 1080, ideal: 720 },
     width: { min: 640, max: 1920, ideal: 1280 },
     frameRate: 30,
     aspectRatio: 16 / 9
   };
-  useEffect22(() => {
-    void getVideoConstraints(direction).then(setVideoConstraints);
-  }, [direction]);
-  const getVideoConstraints = async (direction2) => {
-    if (direction2 === "back") {
-      const mainCamera = (await getAvailableVideoDevices()).find(isMainBackCamera);
-      if (mainCamera == null ? void 0 : mainCamera.deviceId) {
-        return __spreadProps(__spreadValues({}, defaultVideoConstraints), {
-          deviceId: { exact: mainCamera.deviceId }
-        });
-      }
+  if (dir === "back") {
+    const mainCamera = (await getAvailableVideoDevices()).find(isMainBackCamera);
+    if (mainCamera == null ? void 0 : mainCamera.deviceId) {
+      return __spreadProps(__spreadValues({}, defaultVideoConstraints), {
+        deviceId: { exact: mainCamera.deviceId }
+      });
     }
-    return defaultVideoConstraints;
-  };
-  return { videoConstraints };
+  }
+  return defaultVideoConstraints;
 };
 
-// src/legacy/step/cameraStep/cameraCapture/overlay/Overlay.tsx
+// src/common/cameraCapture/overlay/Overlay.tsx
 import { useEffect as useEffect23, useRef as useRef7 } from "react";
-import { Fragment as Fragment23, jsx as jsx121, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx120, jsxs as jsxs48 } from "react/jsx-runtime";
 var captureButtonHeight = 92;
 var reviewButtonsHeight = 120;
 var imageHeight = 40;
@@ -18316,18 +18274,18 @@ function Overlay({ overlay, outline, imageUrl, title, instructions, reviewInstru
     return () => window.removeEventListener("resize", listener);
   });
   let helperBoxHeight = (imageUrl ? imageHeight : 0) + (title ? titleHeight : 0) + (instructions ? instructionsHeight : 0);
-  let helperBox = /* @__PURE__ */ jsxs49(Fragment23, { children: [
-    imageUrl && /* @__PURE__ */ jsx121("img", { className: "camera-capture-img", src: imageUrl, alt: "" }),
-    title && /* @__PURE__ */ jsx121("h4", { className: "camera-capture-title", children: title }),
-    instructions && /* @__PURE__ */ jsx121("small", { className: "camera-capture-instructions", children: instructions })
+  let helperBox = /* @__PURE__ */ jsxs48(Fragment23, { children: [
+    imageUrl && /* @__PURE__ */ jsx120("img", { className: "camera-capture-img", src: imageUrl, alt: "" }),
+    title && /* @__PURE__ */ jsx120("h4", { className: "camera-capture-title", children: title }),
+    instructions && /* @__PURE__ */ jsx120("small", { className: "camera-capture-instructions", children: instructions })
   ] });
   const frameBottomMargin = captureButtonHeight + helperBoxHeight;
   if (reviewInstructions) {
     helperBoxHeight = frameBottomMargin - reviewButtonsHeight;
-    helperBox = /* @__PURE__ */ jsx121("small", { className: "camera-capture-instructions", children: reviewInstructions });
+    helperBox = /* @__PURE__ */ jsx120("small", { className: "camera-capture-instructions", children: reviewInstructions });
     const frameWithReviewInstructionsMinBottomMargin = reviewButtonsHeight + reviewInstructionsHeight;
     if (frameBottomMargin < frameWithReviewInstructionsMinBottomMargin) {
-      helperBox = /* @__PURE__ */ jsx121(Fragment23, {});
+      helperBox = /* @__PURE__ */ jsx120(Fragment23, {});
     }
   }
   const framePosition = {
@@ -18345,19 +18303,31 @@ function Overlay({ overlay, outline, imageUrl, title, instructions, reviewInstru
       width: "90%"
     }
   };
-  return /* @__PURE__ */ jsxs49("svg", { ref: svgReference, xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ jsx121("defs", { children: /* @__PURE__ */ jsxs49("mask", { id: "mask", children: [
-      /* @__PURE__ */ jsx121("rect", { width: "100%", height: "100%", fill: "#fff" }),
-      /* @__PURE__ */ jsx121("image", __spreadValues({ href: overlay }, framePosition))
+  return /* @__PURE__ */ jsxs48("svg", { ref: svgReference, xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx120("defs", { children: /* @__PURE__ */ jsxs48("mask", { id: "mask", children: [
+      /* @__PURE__ */ jsx120("rect", { width: "100%", height: "100%", fill: "#fff" }),
+      /* @__PURE__ */ jsx120("image", __spreadValues({ href: overlay }, framePosition))
     ] }) }),
-    overlay && /* @__PURE__ */ jsx121("rect", { width: "100%", height: "100%", mask: "url(#mask)", fillOpacity: "0.72" }),
-    outline && /* @__PURE__ */ jsx121("image", __spreadValues({ href: outline }, framePosition)),
-    /* @__PURE__ */ jsx121("foreignObject", { width: "100%", height: "100%", children: /* @__PURE__ */ jsx121("div", __spreadProps(__spreadValues({ className: "camera-capture-text-and-image-container" }, helperBoxPosition), { children: helperBox })) })
+    overlay && /* @__PURE__ */ jsx120("rect", { width: "100%", height: "100%", mask: "url(#mask)", fillOpacity: "0.72" }),
+    outline && /* @__PURE__ */ jsx120("image", __spreadValues({ href: outline }, framePosition)),
+    /* @__PURE__ */ jsx120("foreignObject", { width: "100%", height: "100%", children: /* @__PURE__ */ jsx120("div", __spreadProps(__spreadValues({ className: "camera-capture-text-and-image-container" }, helperBoxPosition), { children: helperBox })) })
   ] });
 }
 var Overlay_default = Overlay;
 
-// src/legacy/step/cameraStep/cameraCapture/CameraCapture.tsx
+// src/common/cameraCapture/screens/cameraErrorScreen/CameraErrorScreen.tsx
+import { Button as Button11 } from "@transferwise/components";
+import { jsx as jsx121, jsxs as jsxs49 } from "react/jsx-runtime";
+function CameraErrorScreen({ title, description, actionButton, onAction }) {
+  return /* @__PURE__ */ jsx121("div", { className: "container p-t-5", children: /* @__PURE__ */ jsx121("div", { className: "row", children: /* @__PURE__ */ jsxs49("div", { className: "col-md-6 col-md-offset-3", children: [
+    /* @__PURE__ */ jsx121("h2", { className: "text-xs-center m-b-3", children: title }),
+    /* @__PURE__ */ jsx121("p", { className: "text-xs-center m-b-5", children: description }),
+    onAction && actionButton && /* @__PURE__ */ jsx121(Button11, { block: true, onClick: onAction, children: actionButton })
+  ] }) }) });
+}
+var CameraErrorScreen_default = CameraErrorScreen;
+
+// src/common/cameraCapture/CameraCapture.tsx
 import { jsx as jsx122, jsxs as jsxs50 } from "react/jsx-runtime";
 function CameraCapture({
   direction = "back",
@@ -19032,7 +19002,6 @@ var DynamicFlowComponent = ({
     setSchemaModel
   } = useDynamicFlowState(initialStep);
   const [submitted, setSubmitted] = useState35(false);
-  const { locale } = useIntl26();
   const { isLoading, loader, setLoadingState } = useLoader(
     loaderConfig,
     initialStep ? "idle" : "initial"
@@ -19070,15 +19039,13 @@ var DynamicFlowComponent = ({
       const { url, method = "POST" } = action;
       return httpClient(url != null ? url : "", {
         method,
-        credentials: "include",
         headers: __spreadValues({
-          "Content-Type": "application/json",
-          "accept-language": locale
+          "Content-Type": "application/json"
         }, etag2 ? { "If-None-Match": etag2 } : {}),
         body: method === "GET" ? void 0 : JSON.stringify(data)
       });
     },
-    [httpClient, locale]
+    [httpClient]
   );
   const performAction = async (action, data = {}) => {
     cancelPendingRefreshes();