@wise/dynamic-flow-client 3.22.2 → 3.23.1-experimental-3a3c1f1

package/build/main.mjs

@@ -138,12 +138,12 @@ var init_clsx = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@wise+art@2.15.0_@transferwise+neptune-css@14.19.0_@types+react@18.3.11_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-a91e5689.esm.js
+// ../../node_modules/.pnpm/@wise+art@2.16.2_@transferwise+neptune-css@14.19.1_@types+react@18.3.11_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-c8ed1f53.esm.js
 import { useState as useState2, useEffect as useEffect2, forwardRef, Suspense, lazy } from "react";
 import { jsx as jsx17, jsxs as jsxs4, Fragment as Fragment3 } from "react/jsx-runtime";
 var unknownFlagName, Flag, Sizes, ImageSizes, imageSizes, Assets, RenderMode;
-var init_index_a91e5689_esm = __esm({
-  "../../node_modules/.pnpm/@wise+art@2.15.0_@transferwise+neptune-css@14.19.0_@types+react@18.3.11_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-a91e5689.esm.js"() {
+var init_index_c8ed1f53_esm = __esm({
+  "../../node_modules/.pnpm/@wise+art@2.16.2_@transferwise+neptune-css@14.19.1_@types+react@18.3.11_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-c8ed1f53.esm.js"() {
     "use strict";
     init_clsx();
     unknownFlagName = "wise";
@@ -159,16 +159,18 @@ var init_index_a91e5689_esm = __esm({
       }, [code]);
       const detailed = intrinsicSize >= 150;
       const name = fallback !== "unknown" ? `${code.toLowerCase()}${fallback == null && detailed ? "-detailed" : ""}` : unknownFlagName;
-      return /* @__PURE__ */ jsx17("img", {
+      return /* @__PURE__ */ jsx17("span", {
         className: clsx(`wds-flag wds-flag-${name}`, className),
-        src: `https://wise.com/web-art/assets/flags/${name}.svg`,
-        loading,
-        alt: "",
-        width: intrinsicSize,
-        height: intrinsicSize,
-        onError: () => {
-          setFallback((prev) => prev == null && detailed ? "simple" : "unknown");
-        }
+        children: /* @__PURE__ */ jsx17("img", {
+          src: `https://wise.com/web-art/assets/flags/${name}.svg`,
+          loading,
+          alt: "",
+          width: intrinsicSize,
+          height: intrinsicSize,
+          onError: () => {
+            setFallback((prev) => prev == null && detailed ? "simple" : "unknown");
+          }
+        })
       });
     };
     (function(Sizes2) {
@@ -1455,12 +1457,14 @@ var alertComponentToProps = ({
 });
 
 // src/revamp/renderers/mappers/allOfComponentToProps.ts
-var allOfComponentToProps = ({ control, description, help, title }, children) => ({
+var allOfComponentToProps = ({ control, description, help, icon, image, title }, children) => ({
   type: "form-section",
   children,
   control,
   description,
   help,
+  icon,
+  image,
   title
 });
 
@@ -1485,7 +1489,9 @@ var inputComponentToProps = (component, type) => {
     disabled,
     errors,
     help,
+    icon,
     id,
+    image,
     placeholder,
     required,
     title,
@@ -1502,7 +1508,9 @@ var inputComponentToProps = (component, type) => {
     disabled,
     error: (_a = messages == null ? void 0 : messages.error) != null ? _a : errors == null ? void 0 : errors[0],
     help,
+    icon,
     id,
+    image,
     label: title,
     placeholder,
     required,
@@ -1708,12 +1716,14 @@ var numberInputComponentToProps = (component) => __spreadProps(__spreadValues({}
 });
 
 // src/revamp/renderers/mappers/objectComponentToProps.ts
-var objectComponentToProps = ({ control, description, help, title }, children) => ({
+var objectComponentToProps = ({ control, description, help, icon, image, title }, children) => ({
   type: "form-section",
   children,
   control,
   description,
   help,
+  icon,
+  image,
   title
 });
 
@@ -1740,6 +1750,8 @@ var repeatableComponentToProps = (component, children, editableItemChildren) =>
     description,
     editItemTitle,
     errors,
+    icon,
+    image,
     maxItems,
     minItems,
     summaryDefaults,
@@ -1770,6 +1782,8 @@ var repeatableComponentToProps = (component, children, editableItemChildren) =>
     editableItem: editableItemChildren,
     editItemTitle,
     error: errors == null ? void 0 : errors[0],
+    icon,
+    image,
     items: itemProps,
     maxItems,
     minItems,
@@ -1911,12 +1925,14 @@ var uploadInputComponentToProps = (component) => {
 };
 
 // src/revamp/renderers/mappers/tupleComponentToProps.ts
-var tupleComponentToProps = ({ control, description, help, title }, children) => ({
+var tupleComponentToProps = ({ control, description, help, icon, image, title }, children) => ({
   type: "form-section",
   children,
   control,
   description,
   help,
+  icon,
+  image,
   title
 });
 
@@ -5867,21 +5883,13 @@ var z = /* @__PURE__ */ Object.freeze({
   quotelessJson,
   ZodError
 });
-var imageSchema = z.object({
-  text: z.string().optional(),
-  url: z.string(),
-  accessibilityDescription: z.string().optional()
-});
-var httpMethodSchema = z.union([
-  z.literal("GET"),
-  z.literal("POST"),
-  z.literal("PUT"),
-  z.literal("PATCH"),
-  z.literal("DELETE")
+var sizeSchema = z.union([
+  z.literal("xs"),
+  z.literal("sm"),
+  z.literal("md"),
+  z.literal("lg"),
+  z.literal("xl")
 ]);
-var iconNamedSchema = z.object({
-  name: z.string()
-});
 var contextSchema = z.union([
   z.literal("positive"),
   z.literal("neutral"),
@@ -5892,18 +5900,107 @@ var contextSchema = z.union([
   z.literal("info"),
   z.literal("primary")
 ]);
-var iconTextSchema = z.object({
-  text: z.string()
-});
-var sizeSchema = z.union([
-  z.literal("xs"),
-  z.literal("sm"),
-  z.literal("md"),
-  z.literal("lg"),
-  z.literal("xl")
+var columnsLayoutBiasSchema = z.union([
+  z.literal("none"),
+  z.literal("left"),
+  z.literal("right")
+]);
+var statusListLayoutStatusSchema = z.union([
+  z.literal("not-done"),
+  z.literal("pending"),
+  z.literal("done")
 ]);
 var alignSchema = z.union([z.literal("left"), z.literal("center"), z.literal("right")]);
-var iconSchema = z.union([iconNamedSchema, iconTextSchema]);
+var formLayoutSchemaReferenceSchema = z.object({
+  $ref: z.string()
+});
+var modalLayoutTriggerSchema = z.object({
+  title: z.string()
+});
+var httpMethodSchema = z.union([
+  z.literal("GET"),
+  z.literal("POST"),
+  z.literal("PUT"),
+  z.literal("PATCH"),
+  z.literal("DELETE")
+]);
+var dividerLayoutSchema = z.object({
+  type: z.literal("divider"),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
+var listLayoutStatusSchema = z.union([
+  z.literal("warning"),
+  z.literal("neutral"),
+  z.literal("positive")
+]);
+var headingLayoutSchema = z.object({
+  type: z.literal("heading"),
+  text: z.string(),
+  size: sizeSchema.optional(),
+  align: alignSchema.optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
+var formLayoutSchema = z.object({
+  type: z.literal("form"),
+  schema: formLayoutSchemaReferenceSchema.optional(),
+  schemaId: z.string(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
+var imageLayoutSchema = z.object({
+  type: z.literal("image"),
+  text: z.string().optional(),
+  url: z.string(),
+  size: sizeSchema.optional(),
+  accessibilityDescription: z.string().optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
+var infoLayoutSchema = z.object({
+  type: z.literal("info"),
+  markdown: z.string(),
+  align: alignSchema.optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
+var loadingIndicatorLayoutSchema = z.object({
+  type: z.literal("loading-indicator"),
+  size: sizeSchema.optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
+var paragraphLayoutSchema = z.object({
+  type: z.literal("paragraph"),
+  text: z.string(),
+  align: alignSchema.optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
+var instructionsLayoutItemSchema = z.object({
+  text: z.string(),
+  context: contextSchema
+});
+var helpSchema = z.object({
+  markdown: z.string()
+});
+var imageSchema = z.object({
+  text: z.string().optional(),
+  url: z.string(),
+  accessibilityDescription: z.string().optional()
+});
+var summaryProviderSchema = z.object({
+  providesTitle: z.boolean().optional(),
+  providesDescription: z.boolean().optional(),
+  providesIcon: z.boolean().optional(),
+  providesImage: z.boolean().optional()
+});
+var validateAsyncSchema = z.object({
+  param: z.string(),
+  method: httpMethodSchema,
+  url: z.string()
+});
 var autocompleteTokenSchema = z.union([
   z.literal("on"),
   z.literal("name"),
@@ -5969,106 +6066,14 @@ var autocompleteTokenSchema = z.union([
   z.literal("fax"),
   z.literal("pager")
 ]);
-var loadingIndicatorLayoutSchema = z.object({
-  type: z.literal("loading-indicator"),
-  size: sizeSchema.optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var paragraphLayoutSchema = z.object({
-  type: z.literal("paragraph"),
-  text: z.string(),
-  align: alignSchema.optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var dividerLayoutSchema = z.object({
-  type: z.literal("divider"),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var listLayoutStatusSchema = z.union([
-  z.literal("warning"),
-  z.literal("neutral"),
-  z.literal("positive")
-]);
-var formLayoutSchemaReferenceSchema = z.object({
-  $ref: z.string()
-});
-var imageLayoutSchema = z.object({
-  type: z.literal("image"),
-  text: z.string().optional(),
-  url: z.string(),
-  size: sizeSchema.optional(),
-  accessibilityDescription: z.string().optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var statusListLayoutStatusSchema = z.union([
-  z.literal("not-done"),
-  z.literal("pending"),
-  z.literal("done")
-]);
-var instructionsLayoutItemSchema = z.object({
-  text: z.string(),
-  context: contextSchema
-});
-var modalLayoutTriggerSchema = z.object({
-  title: z.string()
-});
-var searchLayoutSchema = z.object({
-  type: z.literal("search"),
-  title: z.string(),
-  method: httpMethodSchema,
-  url: z.string(),
-  param: z.string(),
-  emptyMessage: z.string().optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var infoLayoutSchema = z.object({
-  type: z.literal("info"),
-  markdown: z.string(),
-  align: alignSchema.optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var formLayoutSchema = z.object({
-  type: z.literal("form"),
-  schema: formLayoutSchemaReferenceSchema.optional(),
-  schemaId: z.string(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var headingLayoutSchema = z.object({
-  type: z.literal("heading"),
-  text: z.string(),
-  size: sizeSchema.optional(),
-  align: alignSchema.optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var markdownLayoutSchema = z.object({
-  type: z.literal("markdown"),
-  content: z.string(),
-  align: alignSchema.optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var columnsLayoutBiasSchema = z.union([
-  z.literal("none"),
-  z.literal("left"),
-  z.literal("right")
+var stringSchemaFormatSchema = z.union([
+  z.literal("date"),
+  z.literal("email"),
+  z.literal("numeric"),
+  z.literal("password"),
+  z.literal("phone-number"),
+  z.literal("base64url")
 ]);
-var helpSchema = z.object({
-  markdown: z.string()
-});
-var searchSearchRequestSchema = z.object({
-  url: z.string(),
-  method: httpMethodSchema,
-  param: z.string(),
-  query: z.string()
-});
 var jsonElementSchema = z.lazy(
   () => z.union([
     z.string(),
@@ -6078,6 +6083,7 @@ var jsonElementSchema = z.lazy(
     z.array(jsonElementSchema)
   ]).nullable()
 );
+var uploadSourceSchema = z.union([z.literal("camera"), z.literal("file")]);
 var externalSchema = z.object({
   url: z.string()
 });
@@ -6085,42 +6091,28 @@ var stepErrorSchema = z.object({
   error: z.string().optional(),
   validation: jsonElementSchema.optional()
 });
-var stringSchemaFormatSchema = z.union([
-  z.literal("date"),
-  z.literal("email"),
-  z.literal("numeric"),
-  z.literal("password"),
-  z.literal("phone-number"),
-  z.literal("base64url")
-]);
-var summarySummariserSchema = z.object({
-  defaultTitle: z.string().optional(),
-  defaultDescription: z.string().optional(),
-  defaultIcon: iconSchema.optional(),
-  defaultImage: imageLayoutSchema.optional(),
-  providesTitle: z.boolean().optional(),
-  providesDescription: z.boolean().optional(),
-  providesIcon: z.boolean().optional(),
-  providesImage: z.boolean().optional()
+var errorResponseBodySchema = z.object({
+  refreshFormUrl: z.string().optional(),
+  analytics: z.record(z.string()).optional(),
+  error: z.string().optional(),
+  validation: jsonElementSchema.optional(),
+  refreshUrl: z.string().optional()
 });
-var validateAsyncSchema = z.object({
-  param: z.string(),
+var searchSearchRequestSchema = z.object({
+  url: z.string(),
   method: httpMethodSchema,
-  url: z.string()
-});
-var summaryProviderSchema = z.object({
-  providesTitle: z.boolean().optional(),
-  providesDescription: z.boolean().optional(),
-  providesIcon: z.boolean().optional(),
-  providesImage: z.boolean().optional()
+  param: z.string(),
+  query: z.string()
 });
-var uploadSourceSchema = z.union([z.literal("camera"), z.literal("file")]);
 var navigationStackBehaviorSchema = z.union([
   z.literal("default"),
   z.literal("remove-previous"),
   z.literal("remove-all"),
   z.literal("replace-current")
 ]);
+var linkSchema = z.object({
+  url: z.string()
+});
 var actionTypeSchema = z.union([
   z.literal("primary"),
   z.literal("secondary"),
@@ -6128,9 +6120,11 @@ var actionTypeSchema = z.union([
   z.literal("positive"),
   z.literal("negative")
 ]);
-var summarySchema = z.union([summaryProviderSchema, summarySummariserSchema]);
-var linkSchema = z.object({
-  url: z.string()
+var iconNamedSchema = z.object({
+  name: z.string()
+});
+var iconTextSchema = z.object({
+  text: z.string()
 });
 var actionSchema = z.object({
   title: z.string().optional(),
@@ -6147,19 +6141,26 @@ var actionSchema = z.object({
   timeout: z.number().optional(),
   skipValidation: z.boolean().optional()
 });
-var listLayoutItemSchema = z.object({
+var markdownLayoutSchema = z.object({
+  type: z.literal("markdown"),
+  content: z.string(),
+  align: alignSchema.optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
+var searchLayoutSchema = z.object({
+  type: z.literal("search"),
   title: z.string(),
-  description: z.string().optional(),
-  icon: iconSchema,
-  status: listLayoutStatusSchema.optional()
+  method: httpMethodSchema,
+  url: z.string(),
+  param: z.string(),
+  emptyMessage: z.string().optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
 });
-var decisionLayoutOptionSchema = z.object({
-  action: actionSchema,
+var reviewLayoutCallToActionSchema = z.object({
   title: z.string(),
-  description: z.string().optional(),
-  disabled: z.boolean().optional(),
-  icon: iconSchema.optional(),
-  image: imageLayoutSchema.optional()
+  action: actionSchema
 });
 var instructionsLayoutSchema = z.object({
   type: z.literal("instructions"),
@@ -6168,26 +6169,38 @@ var instructionsLayoutSchema = z.object({
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
+var iconSchema = z.union([iconNamedSchema, iconTextSchema]);
 var behaviorSchema = z.object({
   action: actionSchema.optional(),
   link: linkSchema.optional()
 });
-var buttonLayoutSchema = z.object({
-  type: z.literal("button"),
-  size: sizeSchema.optional(),
-  title: z.string().optional(),
-  action: actionSchema,
-  context: contextSchema.optional(),
-  disabled: z.boolean().optional(),
-  pinOrder: z.number().optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
 var reviewLayoutFieldSchema = z.object({
   label: z.string(),
   value: z.string(),
   help: helpSchema.optional()
 });
+var alertLayoutCallToActionSchema = z.object({
+  title: z.string(),
+  accessibilityDescription: z.string().optional(),
+  behavior: behaviorSchema
+});
+var summarySummariserSchema = z.object({
+  defaultTitle: z.string().optional(),
+  defaultDescription: z.string().optional(),
+  defaultIcon: iconSchema.optional(),
+  defaultImage: imageLayoutSchema.optional(),
+  providesTitle: z.boolean().optional(),
+  providesDescription: z.boolean().optional(),
+  providesIcon: z.boolean().optional(),
+  providesImage: z.boolean().optional()
+});
+var linkHandlerSchema = z.object({
+  regexPattern: z.string(),
+  action: actionSchema
+});
+var actionResponseBodySchema = z.object({
+  action: actionSchema
+});
 var searchResultSearchSchema = z.object({
   type: z.literal("search"),
   title: z.string(),
@@ -6196,27 +6209,13 @@ var searchResultSearchSchema = z.object({
   image: imageLayoutSchema.optional(),
   value: searchSearchRequestSchema
 });
-var searchResultActionSchema = z.object({
-  type: z.literal("action"),
-  title: z.string(),
-  description: z.string().optional(),
-  icon: iconSchema.optional(),
-  image: imageLayoutSchema.optional(),
-  value: actionSchema
-});
-var actionResponseBodySchema = z.object({
-  action: actionSchema
-});
-var errorResponseBodySchema = z.object({
-  refreshFormUrl: z.string().optional(),
-  analytics: z.record(z.string()).optional(),
-  error: z.string().optional(),
-  validation: jsonElementSchema.optional(),
-  refreshUrl: z.string().optional()
-});
-var linkHandlerSchema = z.object({
-  regexPattern: z.string(),
-  action: actionSchema
+var searchResultActionSchema = z.object({
+  type: z.literal("action"),
+  title: z.string(),
+  description: z.string().optional(),
+  icon: iconSchema.optional(),
+  image: imageLayoutSchema.optional(),
+  value: actionSchema
 });
 var pollingOnErrorSchema = z.object({
   action: actionSchema
@@ -6225,33 +6224,33 @@ var navigationBackBehaviorSchema = z.object({
   title: z.string().optional(),
   action: actionSchema
 });
-var reviewLayoutCallToActionSchema = z.object({
-  title: z.string(),
-  action: actionSchema
-});
-var alertLayoutCallToActionSchema = z.object({
-  title: z.string(),
-  accessibilityDescription: z.string().optional(),
-  behavior: behaviorSchema
-});
-var listLayoutSchema = z.object({
-  type: z.literal("list"),
-  items: z.array(listLayoutItemSchema),
-  title: z.string().optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional()
-});
-var decisionLayoutSchema = z.object({
-  type: z.literal("decision"),
+var summarySchema = z.union([summaryProviderSchema, summarySummariserSchema]);
+var buttonLayoutSchema = z.object({
+  type: z.literal("button"),
+  size: sizeSchema.optional(),
   title: z.string().optional(),
-  options: z.array(decisionLayoutOptionSchema),
+  action: actionSchema,
+  context: contextSchema.optional(),
+  disabled: z.boolean().optional(),
+  pinOrder: z.number().optional(),
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
-var itemCallToActionSchema = z.object({
+var decisionLayoutOptionSchema = z.object({
+  action: actionSchema,
   title: z.string(),
-  accessibilityDescription: z.string().optional(),
-  behavior: behaviorSchema
+  description: z.string().optional(),
+  disabled: z.boolean().optional(),
+  icon: iconSchema.optional(),
+  image: imageLayoutSchema.optional()
+});
+var alertLayoutSchema = z.object({
+  type: z.literal("alert"),
+  markdown: z.string(),
+  context: contextSchema.optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional(),
+  callToAction: alertLayoutCallToActionSchema.optional()
 });
 var reviewLayoutSchema = z.object({
   type: z.literal("review"),
@@ -6263,27 +6262,16 @@ var reviewLayoutSchema = z.object({
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
-var searchResultSchema = z.union([searchResultActionSchema, searchResultSearchSchema]);
-var pollingSchema = z.object({
-  url: z.string(),
-  interval: z.number().optional(),
-  delay: z.number().optional(),
-  timeout: z.number().optional(),
-  maxAttempts: z.number(),
-  onError: pollingOnErrorSchema
-});
-var navigationSchema = z.object({
-  backButton: navigationBackBehaviorSchema.optional(),
-  back: navigationBackBehaviorSchema.optional(),
-  stackBehavior: navigationStackBehaviorSchema.optional()
+var listLayoutItemSchema = z.object({
+  title: z.string(),
+  description: z.string().optional(),
+  icon: iconSchema,
+  status: listLayoutStatusSchema.optional()
 });
-var alertLayoutSchema = z.object({
-  type: z.literal("alert"),
-  markdown: z.string(),
-  context: contextSchema.optional(),
-  control: z.string().optional(),
-  margin: sizeSchema.optional(),
-  callToAction: alertLayoutCallToActionSchema.optional()
+var itemCallToActionSchema = z.object({
+  title: z.string(),
+  accessibilityDescription: z.string().optional(),
+  behavior: behaviorSchema
 });
 var statusListLayoutItemSchema = z.object({
   title: z.string(),
@@ -6292,9 +6280,6 @@ var statusListLayoutItemSchema = z.object({
   status: statusListLayoutStatusSchema.optional(),
   callToAction: itemCallToActionSchema.optional()
 });
-var searchResponseBodySchema = z.object({
-  results: z.array(searchResultSchema)
-});
 var blobSchemaSchema = z.object({
   type: z.literal("blob"),
   promoted: z.boolean().optional(),
@@ -6333,6 +6318,34 @@ var constSchemaSchema = z.object({
   analyticsId: z.string().optional(),
   disabled: z.boolean().optional()
 });
+var pollingSchema = z.object({
+  url: z.string(),
+  interval: z.number().optional(),
+  delay: z.number().optional(),
+  timeout: z.number().optional(),
+  maxAttempts: z.number(),
+  onError: pollingOnErrorSchema
+});
+var navigationSchema = z.object({
+  backButton: navigationBackBehaviorSchema.optional(),
+  back: navigationBackBehaviorSchema.optional(),
+  stackBehavior: navigationStackBehaviorSchema.optional()
+});
+var searchResultSchema = z.union([searchResultActionSchema, searchResultSearchSchema]);
+var decisionLayoutSchema = z.object({
+  type: z.literal("decision"),
+  title: z.string().optional(),
+  options: z.array(decisionLayoutOptionSchema),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
+var listLayoutSchema = z.object({
+  type: z.literal("list"),
+  items: z.array(listLayoutItemSchema),
+  title: z.string().optional(),
+  control: z.string().optional(),
+  margin: sizeSchema.optional()
+});
 var statusListLayoutSchema = z.object({
   type: z.literal("status-list"),
   items: z.array(statusListLayoutItemSchema),
@@ -6340,6 +6353,19 @@ var statusListLayoutSchema = z.object({
   control: z.string().optional(),
   margin: sizeSchema.optional()
 });
+var searchResponseBodySchema = z.object({
+  results: z.array(searchResultSchema)
+});
+var columnsLayoutSchema = z.lazy(
+  () => z.object({
+    type: z.literal("columns"),
+    left: z.array(layoutSchema),
+    right: z.array(layoutSchema),
+    bias: columnsLayoutBiasSchema.optional(),
+    control: z.string().optional(),
+    margin: sizeSchema.optional()
+  })
+);
 var layoutSchema = z.lazy(
   () => z.union([
     alertLayoutSchema,
@@ -6363,26 +6389,6 @@ var layoutSchema = z.lazy(
     statusListLayoutSchema
   ])
 );
-var boxLayoutSchema = z.lazy(
-  () => z.object({
-    type: z.literal("box"),
-    components: z.array(layoutSchema),
-    width: sizeSchema.optional(),
-    border: z.boolean().optional(),
-    control: z.string().optional(),
-    margin: sizeSchema.optional()
-  })
-);
-var columnsLayoutSchema = z.lazy(
-  () => z.object({
-    type: z.literal("columns"),
-    left: z.array(layoutSchema),
-    right: z.array(layoutSchema),
-    bias: columnsLayoutBiasSchema.optional(),
-    control: z.string().optional(),
-    margin: sizeSchema.optional()
-  })
-);
 var modalLayoutSchema = z.lazy(
   () => z.object({
     type: z.literal("modal"),
@@ -6398,25 +6404,14 @@ var modalLayoutContentSchema = z.lazy(
     components: z.array(layoutSchema)
   })
 );
-var stepSchema = z.lazy(
+var boxLayoutSchema = z.lazy(
   () => z.object({
-    key: z.string().optional(),
-    type: z.string().optional(),
-    actions: z.array(actionSchema).optional(),
-    refreshFormUrl: z.string().optional(),
-    id: z.string(),
-    title: z.string(),
-    schemas: z.array(schemaSchema),
-    layout: z.array(layoutSchema),
-    description: z.string().optional(),
-    model: jsonElementSchema.optional(),
-    external: externalSchema.optional(),
-    polling: pollingSchema.optional(),
-    linkHandlers: z.array(linkHandlerSchema).optional(),
-    analytics: z.record(z.string()).optional(),
-    errors: stepErrorSchema.optional(),
-    navigation: navigationSchema.optional(),
-    refreshUrl: z.string().optional()
+    type: z.literal("box"),
+    components: z.array(layoutSchema),
+    width: sizeSchema.optional(),
+    border: z.boolean().optional(),
+    control: z.string().optional(),
+    margin: sizeSchema.optional()
   })
 );
 var schemaSchema = z.lazy(
@@ -6642,17 +6637,21 @@ var stringSchemaSchema = z.lazy(
     help: helpSchema.optional()
   })
 );
-var arraySchemaListSchema = z.lazy(
+var persistAsyncSchema = z.lazy(
+  () => z.object({
+    param: z.string(),
+    idProperty: z.string(),
+    schema: schemaSchema,
+    url: z.string(),
+    method: httpMethodSchema
+  })
+);
+var arraySchemaTupleSchema = z.lazy(
   () => z.object({
     type: z.literal("array"),
     promoted: z.boolean().optional(),
     $id: z.string().optional(),
-    items: schemaSchema,
-    addItemTitle: z.string(),
-    editItemTitle: z.string(),
-    minItems: z.number().optional(),
-    maxItems: z.number().optional(),
-    placeholder: z.string().optional(),
+    items: z.array(schemaSchema),
     title: z.string().optional(),
     description: z.string().optional(),
     control: z.string().optional(),
@@ -6660,30 +6659,24 @@ var arraySchemaListSchema = z.lazy(
     icon: iconSchema.optional(),
     image: imageSchema.optional(),
     keywords: z.array(z.string()).optional(),
-    summary: summarySummariserSchema.optional(),
+    summary: summaryProviderSchema.optional(),
     analyticsId: z.string().optional(),
     persistAsync: persistAsyncSchema.optional(),
     validationAsync: validateAsyncSchema.optional(),
-    alert: alertLayoutSchema.optional(),
-    validationMessages: z.record(z.string()).optional(),
-    disabled: z.boolean().optional()
-  })
-);
-var persistAsyncSchema = z.lazy(
-  () => z.object({
-    param: z.string(),
-    idProperty: z.string(),
-    schema: schemaSchema,
-    url: z.string(),
-    method: httpMethodSchema
+    alert: alertLayoutSchema.optional()
   })
 );
-var arraySchemaTupleSchema = z.lazy(
+var arraySchemaListSchema = z.lazy(
   () => z.object({
     type: z.literal("array"),
     promoted: z.boolean().optional(),
     $id: z.string().optional(),
-    items: z.array(schemaSchema),
+    items: schemaSchema,
+    addItemTitle: z.string(),
+    editItemTitle: z.string(),
+    minItems: z.number().optional(),
+    maxItems: z.number().optional(),
+    placeholder: z.string().optional(),
     title: z.string().optional(),
     description: z.string().optional(),
     control: z.string().optional(),
@@ -6691,11 +6684,34 @@ var arraySchemaTupleSchema = z.lazy(
     icon: iconSchema.optional(),
     image: imageSchema.optional(),
     keywords: z.array(z.string()).optional(),
-    summary: summaryProviderSchema.optional(),
+    summary: summarySummariserSchema.optional(),
     analyticsId: z.string().optional(),
     persistAsync: persistAsyncSchema.optional(),
     validationAsync: validateAsyncSchema.optional(),
-    alert: alertLayoutSchema.optional()
+    alert: alertLayoutSchema.optional(),
+    validationMessages: z.record(z.string()).optional(),
+    disabled: z.boolean().optional()
+  })
+);
+var stepSchema = z.lazy(
+  () => z.object({
+    key: z.string().optional(),
+    type: z.string().optional(),
+    actions: z.array(actionSchema).optional(),
+    refreshFormUrl: z.string().optional(),
+    id: z.string(),
+    title: z.string(),
+    schemas: z.array(schemaSchema),
+    layout: z.array(layoutSchema),
+    description: z.string().optional(),
+    model: jsonElementSchema.optional(),
+    external: externalSchema.optional(),
+    polling: pollingSchema.optional(),
+    linkHandlers: z.array(linkHandlerSchema).optional(),
+    analytics: z.record(z.string()).optional(),
+    errors: stepErrorSchema.optional(),
+    navigation: navigationSchema.optional(),
+    refreshUrl: z.string().optional()
   })
 );
 var validateStep = (step) => validate(step, stepSchema);
@@ -7850,7 +7866,7 @@ var schemaHasValidationMessages = (schema) => Boolean("validationMessages" in sc
 var mapCommonSchemaProps = (schemaMapperProps) => {
   var _a;
   const { uid, schema, required, validationErrors } = schemaMapperProps;
-  const { $id, analyticsId, control, description, keywords, title, hidden } = schema;
+  const { $id, analyticsId, control, description, icon, image, keywords, title, hidden } = schema;
   return __spreadValues(__spreadValues({
     uid,
     id: $id != null ? $id : uid,
@@ -7860,6 +7876,8 @@ var mapCommonSchemaProps = (schemaMapperProps) => {
     disabled: schemaHasDisabled(schema) ? schema.disabled : false,
     errors: isString(validationErrors) ? [validationErrors] : void 0,
     hidden: Boolean(hidden),
+    icon,
+    image,
     keywords,
     required: Boolean(required),
     title,
@@ -7997,6 +8015,8 @@ var createObjectComponent = (objectProps) => {
     displayOrder,
     help,
     hidden,
+    icon,
+    image,
     summariser,
     title
   } = objectProps;
@@ -8009,6 +8029,8 @@ var createObjectComponent = (objectProps) => {
     description,
     help,
     hidden,
+    icon,
+    image,
     title,
     getChildren() {
       return displayOrder.map((propName) => this.componentMap[propName]);
@@ -8107,7 +8129,7 @@ var validateDisplayOrder = ($id, displayOrder, properties, logEvent) => {
 
 // src/revamp/domain/components/AllOfComponent.ts
 var createAllOfComponent = (allOfProps) => {
-  const { uid, analyticsId, components, control, description, help, hidden, title } = allOfProps;
+  const { uid, analyticsId, components, control, description, help, hidden, icon, image, title } = allOfProps;
   return {
     type: "all-of",
     uid,
@@ -8117,6 +8139,8 @@ var createAllOfComponent = (allOfProps) => {
     description,
     help,
     hidden,
+    icon,
+    image,
     title,
     getChildren() {
       return this.components;
@@ -9521,7 +9545,19 @@ var arraySchemaToMultiSelectComponent = (schemaMapperProps, mapperProps) => {
 
 // src/revamp/domain/components/TupleComponent.ts
 var createTupleComponent = (tupleProps) => {
-  const { uid, analyticsId, components, control, description, help, hidden, summariser, title } = tupleProps;
+  const {
+    uid,
+    analyticsId,
+    components,
+    control,
+    description,
+    help,
+    hidden,
+    icon,
+    image,
+    summariser,
+    title
+  } = tupleProps;
   return {
     type: "tuple",
     uid,
@@ -9531,6 +9567,8 @@ var createTupleComponent = (tupleProps) => {
     description,
     help,
     hidden,
+    icon,
+    image,
     title,
     getChildren() {
       return this.components;
@@ -11546,8 +11584,8 @@ var DateInputRenderer_default = DateInputRenderer;
 // ../renderers/src/DecisionRenderer.tsx
 import { NavigationOptionsList, NavigationOption, Header } from "@transferwise/components";
 
-// ../../node_modules/.pnpm/@wise+art@2.15.0_@transferwise+neptune-css@14.19.0_@types+react@18.3.11_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index.esm.js
-init_index_a91e5689_esm();
+// ../../node_modules/.pnpm/@wise+art@2.16.2_@transferwise+neptune-css@14.19.1_@types+react@18.3.11_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index.esm.js
+init_index_c8ed1f53_esm();
 init_clsx();
 import "react";
 import "react/jsx-runtime";
@@ -13809,7 +13847,7 @@ function isReference(block) {
 }
 
 // src/legacy/dynamicFlow/DynamicFlow.tsx
-import { useCallback as useCallback11, useEffect as useEffect26, useMemo as useMemo23, useState as useState34 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect26, useMemo as useMemo24, useState as useState34 } from "react";
 import { useIntl as useIntl31 } from "react-intl";
 
 // src/legacy/common/contexts/dynamicFlowContexts/DynamicFlowContexts.tsx
@@ -14784,7 +14822,7 @@ var Size = {
 
 // src/legacy/jsonSchemaForm/basicTypeSchema/BasicTypeSchema.tsx
 var import_classnames15 = __toESM(require_classnames());
-import { useEffect as useEffect17, useMemo as useMemo18, useState as useState26 } from "react";
+import { useEffect as useEffect17, useMemo as useMemo19, useState as useState26 } from "react";
 
 // src/legacy/layout/alert/DynamicAlert.tsx
 import { Alert as Alert4 } from "@transferwise/components";
@@ -15198,7 +15236,7 @@ var DynamicDivider_default = DynamicDivider;
 
 // src/legacy/layout/external/DynamicExternal.tsx
 import { Button as Button8, Loader as Loader2, Size as Size2 } from "@transferwise/components";
-import { useCallback as useCallback6, useEffect as useEffect8 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect8, useMemo as useMemo12 } from "react";
 import { useIntl as useIntl11 } from "react-intl";
 
 // src/legacy/layout/external/DynamicExternal.messages.ts
@@ -15223,9 +15261,11 @@ var DynamicExternal = ({ component, onAction }) => {
   useEffect8(() => {
     openExternalUrl();
   }, [openExternalUrl]);
-  const pollingConfiguration = polling && responseHandlers ? __spreadProps(__spreadValues({}, polling), {
-    responseHandlers
-  }) : void 0;
+  const pollingConfiguration = useMemo12(() => {
+    return polling && responseHandlers ? __spreadProps(__spreadValues({}, polling), {
+      responseHandlers
+    }) : void 0;
+  }, [polling, responseHandlers]);
   useExternalStepPolling(pollingConfiguration, onAction);
   return /* @__PURE__ */ jsxs25(Fragment11, { children: [
     /* @__PURE__ */ jsx76(Loader2, { size: Size2.LARGE, classNames: { "tw-loader": "tw-loader m-x-auto" } }),
@@ -15290,7 +15330,7 @@ import {
   Status,
   UploadInput as UploadInput3
 } from "@transferwise/components";
-import { useMemo as useMemo12, useState as useState13 } from "react";
+import { useMemo as useMemo13, useState as useState13 } from "react";
 
 // src/legacy/jsonSchemaForm/controlFeedback/ControlFeedback.tsx
 import { InlineAlert as InlineAlert3 } from "@transferwise/components";
@@ -15436,7 +15476,7 @@ function MultipleFileUploadSchema(props) {
   const { onChange, errors = null, schema, required = false } = props;
   const onEvent = useEventDispatcher();
   const defaultErrorMessages = useFormattedDefaultErrorMessages(schema);
-  const uid = useMemo12(() => schema.$id || generateRandomId(), [schema.$id]);
+  const uid = useMemo13(() => schema.$id || generateRandomId(), [schema.$id]);
   const [inputChanged, setInputChanged] = useState13(false);
   const [files, setFiles] = useState13(() => convertFileIdsToComponentFileObjects(props.model || []));
   const performPersistAsync = usePersistAsync(schema.items.persistAsync);
@@ -15529,7 +15569,7 @@ function getValidationMessages(schema, required, defaultErrorMessages) {
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multiSelectSchema/MultiSelectSchema.tsx
 var import_classnames8 = __toESM(require_classnames());
 import { SelectInput as SelectInput3, SelectInputOptionContent as SelectInputOptionContent3 } from "@transferwise/components";
-import { useEffect as useEffect9, useMemo as useMemo13, useState as useState14 } from "react";
+import { useEffect as useEffect9, useMemo as useMemo14, useState as useState14 } from "react";
 import { useIntl as useIntl14 } from "react-intl";
 
 // src/legacy/jsonSchemaForm/schemaFormControl/utils/mapping-utils.tsx
@@ -15646,7 +15686,7 @@ function MultiSelectSchema({
   const { formatMessage, locale } = useIntl14();
   const { disabled, items, validationMessages, placeholder } = schema;
   const options = items.oneOf.map((item) => mapConstSchemaToOption(item, "select"));
-  const id = useMemo13(() => schema.$id || generateRandomId(), [schema.$id]);
+  const id = useMemo14(() => schema.$id || generateRandomId(), [schema.$id]);
   const [changed, setChanged] = useState14(false);
   const [selected, setSelected] = useState14(getInitialModelIndices2(model, options));
   useEffect9(
@@ -15746,7 +15786,7 @@ var getInitialModelIndices2 = (model, options) => {
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/RepeatableSchema.tsx
 import { Header as Header9, Modal as Modal3, NavigationOption as NavigationOption6 } from "@transferwise/components";
 import { Plus as Plus2 } from "@transferwise/icons";
-import { useMemo as useMemo14, useState as useState16 } from "react";
+import { useMemo as useMemo15, useState as useState16 } from "react";
 import { useIntl as useIntl16 } from "react-intl";
 
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/ItemSummary.tsx
@@ -16068,7 +16108,7 @@ function RepeatableSchema({
     return model ? model.map((item) => getItemSummaryFromSchema(schema.items, item, schema == null ? void 0 : schema.summary)) : null;
   });
   const [editableItem, setEditableItem] = useState16({ item: null, model: null });
-  const id = useMemo14(() => schema.$id || generateRandomId(), [schema.$id]);
+  const id = useMemo15(() => schema.$id || generateRandomId(), [schema.$id]);
   const broadcastModelChange = (updatedItems) => {
     const updatedModel = updatedItems ? updatedItems.map(({ value }) => value) : null;
     onChange({
@@ -16312,7 +16352,7 @@ var ObjectSchema_default = ObjectSchema;
 // src/legacy/jsonSchemaForm/oneOfSchema/OneOfSchema.tsx
 var import_classnames11 = __toESM(require_classnames());
 import { Header as Header11 } from "@transferwise/components";
-import { useEffect as useEffect12, useMemo as useMemo15, useState as useState18 } from "react";
+import { useEffect as useEffect12, useMemo as useMemo16, useState as useState18 } from "react";
 
 // src/legacy/jsonSchemaForm/help/Help.tsx
 import { Markdown as Markdown6, Info as Info2 } from "@transferwise/components";
@@ -17131,7 +17171,7 @@ function OneOfSchema(props) {
   const [focused, setFocused] = useState18(false);
   const [blurred, setBlurred] = useState18(false);
   const { disabled = false, required = false } = props;
-  const id = useMemo15(() => props.schema.$id || generateRandomId(), [props.schema.$id]);
+  const id = useMemo16(() => props.schema.$id || generateRandomId(), [props.schema.$id]);
   const [schemaIndex, setSchemaIndex] = useState18(
     getActiveSchemaIndex(props.schema, props.model)
   );
@@ -17306,7 +17346,7 @@ import { useIntl as useIntl19 } from "react-intl";
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/UploadInputAdapter.tsx
 import { Status as Status2, UploadInput as UploadInput4 } from "@transferwise/components";
-import { useMemo as useMemo16 } from "react";
+import { useMemo as useMemo17 } from "react";
 import { jsx as jsx92 } from "react/jsx-runtime";
 function UploadInputAdapter(props) {
   const {
@@ -17323,7 +17363,7 @@ function UploadInputAdapter(props) {
     onCancel
   } = props;
   const onEvent = useEventDispatcher();
-  const files = useMemo16(() => fileId ? [{ id: fileId, status: Status2.SUCCEEDED }] : [], [fileId]);
+  const files = useMemo17(() => fileId ? [{ id: fileId, status: Status2.SUCCEEDED }] : [], [fileId]);
   const uploadFile = (formData) => {
     onEvent("Dynamic Flow - PersistAsync", { status: "pending", schemaId: id });
     return httpClient(String(httpOptions.url), {
@@ -18284,7 +18324,7 @@ function DynamicReview(props) {
 var DynamicReview_default = DynamicReview;
 
 // src/legacy/layout/search/DynamicSearch.tsx
-import { useMemo as useMemo17, useState as useState24 } from "react";
+import { useMemo as useMemo18, useState as useState24 } from "react";
 import { Search as Search2 } from "@transferwise/icons";
 
 // src/legacy/layout/search/SearchInput.tsx
@@ -18439,7 +18479,7 @@ function DynamicSearch({ component, onAction }) {
   const { control, title, margin, url, method, param, emptyMessage } = component;
   const { status, results, search } = useSearch({ url, method, param });
   const onEvent = useEventDispatcher();
-  const debouncedSearch = useMemo17(() => debounce2(search, DEBOUNCE_TIME2), [search]);
+  const debouncedSearch = useMemo18(() => debounce2(search, DEBOUNCE_TIME2), [search]);
   const onSearchStart = () => {
     onEvent("Dynamic Flow - Search Started", {});
   };
@@ -18622,7 +18662,7 @@ var BasicTypeSchema = (props) => {
   const [focused, setFocused] = useState26(false);
   const [blurred, setBlurred] = useState26(false);
   const [validations, setValidations] = useState26([]);
-  const id = useMemo18(() => props.schema.$id || generateRandomId(), [props.schema.$id]);
+  const id = useMemo19(() => props.schema.$id || generateRandomId(), [props.schema.$id]);
   const onSchemaChange = () => {
     const defaultValue = getDefaultValue(props.schema);
     if (isNullish3(model) && !isNullish3(defaultValue)) {
@@ -18884,7 +18924,7 @@ function hasStringMessage(value) {
 }
 
 // src/legacy/common/hooks/usePolling/usePolling.tsx
-import { useEffect as useEffect19, useMemo as useMemo19, useRef as useRef5 } from "react";
+import { useEffect as useEffect19, useMemo as useMemo20, useRef as useRef5 } from "react";
 function usePolling({
   asyncFn,
   delay,
@@ -18895,7 +18935,7 @@ function usePolling({
 }) {
   const onPollingResponseReference = useRef5(onPollingResponse);
   const onFailureReference = useRef5(onFailure);
-  const poll = useMemo19(
+  const poll = useMemo20(
     () => createPollingClosure(
       asyncFn,
       maxAttempts,
@@ -18955,11 +18995,11 @@ var usePrevious = (value) => {
 };
 
 // src/legacy/common/hooks/useStepPolling/useStepPolling.tsx
-import { useCallback as useCallback8, useMemo as useMemo20 } from "react";
+import { useCallback as useCallback8, useMemo as useMemo21 } from "react";
 function useStepPolling(polling, onAction) {
   var _a, _b;
   const httpClient = useHttpClient();
-  const asyncFn = useMemo20(() => {
+  const asyncFn = useMemo21(() => {
     if (polling) {
       return () => httpClient(polling.url).then((response) => {
         if (response.ok) {
@@ -19039,7 +19079,7 @@ var LayoutStep_default = LayoutStep;
 import { useEffect as useEffect25, useState as useState31 } from "react";
 
 // src/common/cameraCapture/CameraCapture.tsx
-import { useCallback as useCallback10, useEffect as useEffect24, useMemo as useMemo21, useRef as useRef8, useState as useState30 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect24, useMemo as useMemo22, useRef as useRef8, useState as useState30 } from "react";
 import { useIntl as useIntl28 } from "react-intl";
 import Webcam from "react-webcam";
 
@@ -19448,7 +19488,7 @@ function CameraCapture({
   const [reviewImage, setReviewImage] = useState30();
   const webcamReference = useRef8(null);
   const { videoConstraints } = useVideoConstraints(direction);
-  const shouldLockOrientation = useMemo21(
+  const shouldLockOrientation = useMemo22(
     () => !!(isMobile() && mode === "CAPTURE" /* CAPTURE */),
     [mode]
   );
@@ -19863,7 +19903,7 @@ function useDebouncedRefresh(fetchRefresh) {
 var shouldDebounceSchema = (schema) => getSchemaType(schema) === "basic" && schema.type !== "boolean" && schema.format !== "base64url";
 
 // src/legacy/dynamicFlow/utils/useDynamicFlowState.ts
-import { useMemo as useMemo22, useState as useState32 } from "react";
+import { useMemo as useMemo23, useState as useState32 } from "react";
 var useDynamicFlowState = (initialStep) => {
   var _a, _b;
   const [formErrors, setFormErrors] = useState32((_a = initialStep == null ? void 0 : initialStep.errors) == null ? void 0 : _a.validation);
@@ -19898,7 +19938,7 @@ var useDynamicFlowState = (initialStep) => {
       return updatedState;
     });
   };
-  const modelIsValid = useMemo22(
+  const modelIsValid = useMemo23(
     () => areModelsValid(models, getAllValidatableSchemas(step)),
     [models, step]
   );
@@ -20148,14 +20188,14 @@ var DynamicFlowComponent = ({
       );
     }
   };
-  const analyticsMetadata = useMemo23(
+  const analyticsMetadata = useMemo24(
     () => {
       var _a;
       return __spreadValues({ flowId, stepId: (step == null ? void 0 : step.id) || (step == null ? void 0 : step.key) }, (_a = step == null ? void 0 : step.analytics) != null ? _a : {});
     },
     [flowId, step]
   );
-  const dispatchEvent = useMemo23(
+  const dispatchEvent = useMemo24(
     () => getEventDispatcher(onEvent, analyticsMetadata),
     [onEvent, analyticsMetadata]
   );