@wise/dynamic-flow-client 4.11.3 → 4.12.0-experimental-fae3d25

package/build/types/revamp/domain/components/RepeatableComponent.d.ts

@@ -1,6 +1,5 @@
-import { Icon } from '@wise/dynamic-flow-types/build/next';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
-import type { BaseSchemaComponent, Image, InlineAlert, LocalValue, LocalValueArray, OnValueChange, RepeatableSummary, SchemaComponent, UpdateComponent } from '../types';
+import type { BaseSchemaComponent, InlineAlert, LocalValue, LocalValueArray, Media, OnValueChange, RepeatableSummary, SchemaComponent, UpdateComponent } from '../types';
 export type RepeatableComponent = BaseSchemaComponent<LocalValueArray> & {
     type: 'repeatable';
     kind: 'input';
@@ -24,14 +23,12 @@ export type RepeatableComponent = BaseSchemaComponent<LocalValueArray> & {
 type Summary = {
     defaultTitle?: string;
     defaultDescription?: string;
-    defaultIcon?: Icon;
-    defaultImage?: Image;
+    defaultMedia?: Media;
     providesTitle?: boolean;
     providesDescription?: boolean;
-    providesIcon?: boolean;
-    providesImage?: boolean;
+    providesMedia?: boolean;
 };
-export declare const createRepeatableComponent: (repeatableProps: Pick<RepeatableComponent, "uid" | "analyticsId" | "schemaId" | "id" | "addItemTitle" | "alert" | "components" | "control" | "description" | "editItemTitle" | "errors" | "hidden" | "icon" | "image" | "maxItems" | "minItems" | "title"> & {
+export declare const createRepeatableComponent: (repeatableProps: Pick<RepeatableComponent, "uid" | "analyticsId" | "schemaId" | "id" | "addItemTitle" | "alert" | "components" | "control" | "description" | "editItemTitle" | "errors" | "hidden" | "media" | "maxItems" | "minItems" | "title"> & {
     checks: IsInvalidCheck<LocalValueArray | null>[];
     summary?: Summary;
     summariser: (value: LocalValueArray | null) => RepeatableSummary;

package/build/types/revamp/domain/components/ReviewComponent.d.ts

@@ -1,5 +1,4 @@
-import { Icon } from '@wise/dynamic-flow-types/build/next';
-import type { AdditionalInfo, BaseLayoutComponent, CallToAction, Image, InlineAlert } from '../types';
+import type { AdditionalInfo, BaseLayoutComponent, CallToAction, InlineAlert, Media } from '../types';
 export type ReviewComponent = BaseLayoutComponent & {
     type: 'review';
     kind: 'layout';
@@ -17,7 +16,6 @@ export type ReviewField = {
     inlineAlert?: InlineAlert;
     additionalInfo?: AdditionalInfo;
     callToAction?: CallToAction;
-    icon?: Icon;
-    image?: Image;
+    media?: Media;
 };
 export declare const createReviewComponent: (reviewProps: Pick<ReviewComponent, "uid" | "analyticsId" | "callToAction" | "control" | "fields" | "margin" | "title">) => ReviewComponent;

package/build/types/revamp/domain/components/SelectInputComponent.d.ts

@@ -1,8 +1,8 @@
-import type { Icon, Model } from '@wise/dynamic-flow-types/build/next';
+import type { Model } from '@wise/dynamic-flow-types/build/next';
 import type { AnalyticsEventDispatcher } from '../features/events';
 import type { SchemaOnChange } from '../features/schema-on-change/getSchemaOnChange';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
-import type { BaseInputComponent, Image, LocalValue, OnValueChange, RepeatableSummary, SchemaComponent, UpdateComponent } from '../types';
+import type { BaseInputComponent, LocalValue, Media, OnValueChange, RepeatableSummary, SchemaComponent, UpdateComponent } from '../types';
 export type SelectInputComponent = BaseInputComponent<LocalValue | null> & {
     type: 'select';
     kind: 'input';
@@ -17,12 +17,11 @@ export type SelectInputComponent = BaseInputComponent<LocalValue | null> & {
 export type SelectInputOption = {
     title: string;
     description?: string;
-    icon?: Icon;
-    image?: Image;
+    media?: Media;
     keywords: string[];
     disabled: boolean;
 };
-export declare const createSelectInputComponent: (selectProps: Pick<SelectInputComponent, "uid" | "id" | "analyticsId" | "alert" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "help" | "hidden" | "icon" | "image" | "placeholder" | "required" | "title"> & {
+export declare const createSelectInputComponent: (selectProps: Pick<SelectInputComponent, "uid" | "id" | "analyticsId" | "alert" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "help" | "hidden" | "placeholder" | "required" | "title"> & {
     initialModel: Model;
     options: (SelectInputOption & {
         component: SchemaComponent;

package/build/types/revamp/domain/components/TextInputComponent.d.ts

@@ -13,7 +13,7 @@ export type TextInputComponent = BaseInputComponent<string | null> & {
     validationAsyncState: ValidationAsyncState;
     onChange: (value: string | null) => void;
 };
-export declare const createTextInputComponent: (textInputProps: Pick<TextInputComponent, "uid" | "id" | "analyticsId" | "alert" | "autocapitalization" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "displayFormat" | "help" | "hidden" | "icon" | "image" | "maxLength" | "minLength" | "placeholder" | "required" | "suggestions" | "title" | "value" | "validationAsyncState"> & {
+export declare const createTextInputComponent: (textInputProps: Pick<TextInputComponent, "uid" | "id" | "analyticsId" | "alert" | "autocapitalization" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "displayFormat" | "help" | "hidden" | "maxLength" | "media" | "minLength" | "placeholder" | "required" | "suggestions" | "title" | "value" | "validationAsyncState"> & {
     checks: IsInvalidCheck<string | null>[];
     performValidationAsync: PerformValidationAsync | undefined;
     schemaOnChange: SchemaOnChange | undefined;

package/build/types/revamp/domain/components/TupleComponent.d.ts

@@ -6,6 +6,6 @@ export type TupleComponent = BaseSchemaComponent<LocalValueArray> & {
     alert?: InlineAlert;
     getChildren: () => SchemaComponent[];
 };
-export declare const createTupleComponent: (tupleProps: Pick<TupleComponent, "uid" | "schemaId" | "analyticsId" | "alert" | "control" | "description" | "components" | "help" | "hidden" | "icon" | "image" | "schemaId" | "title"> & {
+export declare const createTupleComponent: (tupleProps: Pick<TupleComponent, "uid" | "schemaId" | "analyticsId" | "alert" | "control" | "description" | "components" | "help" | "hidden" | "media" | "schemaId" | "title"> & {
     summariser: (value: LocalValue | null) => RepeatableSummary;
 }) => TupleComponent;

package/build/types/revamp/domain/components/UploadInputComponent.d.ts

@@ -14,7 +14,7 @@ export type UploadInputComponent = BaseInputComponent<File | null> & {
     base64Value: string | null;
     onUpload: (value: File | null) => Promise<void>;
 };
-export declare const createUploadInputComponent: (uploadInputProps: Pick<UploadInputComponent, "uid" | "id" | "accepts" | "analyticsId" | "alert" | "autoComplete" | "cameraConfig" | "control" | "errors" | "description" | "disabled" | "format" | "help" | "hidden" | "icon" | "image" | "maxSize" | "placeholder" | "required" | "source" | "title" | "value"> & {
+export declare const createUploadInputComponent: (uploadInputProps: Pick<UploadInputComponent, "uid" | "id" | "accepts" | "analyticsId" | "alert" | "autoComplete" | "cameraConfig" | "control" | "errors" | "description" | "disabled" | "format" | "help" | "hidden" | "maxSize" | "media" | "placeholder" | "required" | "source" | "title" | "value"> & {
     checks: IsInvalidCheck<File | null>[];
     schemaOnChange: SchemaOnChange | undefined;
     onValueChange: OnValueChange;

package/build/types/revamp/domain/features/summary/summary-utils.d.ts

@@ -1,12 +1,7 @@
-import type { Icon, Model, Schema } from '@wise/dynamic-flow-types/build/next';
+import type { Model, Schema } from '@wise/dynamic-flow-types/build/next';
 import type { SchemaComponent, LocalValue, RepeatableSummary } from '../../types';
 /** A summariser that accepts a schema and returns a function that can form a summary based on a value. */
 export declare const getSummariser: <S extends Schema>(schema: S) => (value: LocalValue | null) => RepeatableSummary;
 export declare const getConstSummary: (schema: Schema, model: Model | null) => RepeatableSummary;
 export declare const summariseFromChildren: (components: SchemaComponent[]) => RepeatableSummary;
-export declare const mergeSummaries: (summaryA: RepeatableSummary, summaryB: RepeatableSummary) => {
-    title: string | undefined;
-    description: string | undefined;
-    icon: Icon | undefined;
-    image: import("../../types").Image | undefined;
-};
+export declare const mergeSummaries: (summaryA: RepeatableSummary, summaryB: RepeatableSummary) => RepeatableSummary;

package/build/types/revamp/domain/mappers/schema/oneOfSchemaToComponent/oneOfSchemaToComponent.d.ts

@@ -9,8 +9,7 @@ export declare const oneOfSchemaToComponent: (schemaMapperProps: SchemaMapperPro
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../../types").Image;
+    media?: import("../../../types").Media;
     title?: string;
     getLocalValue: () => import("../../../types").LocalValue;
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
@@ -36,8 +35,7 @@ export declare const oneOfSchemaToComponent: (schemaMapperProps: SchemaMapperPro
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../../types").Image;
+    media?: import("../../../types").Media;
     title?: string;
     getLocalValue: () => import("../../../types").LocalValue;
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
@@ -59,8 +57,7 @@ export declare const oneOfSchemaToComponent: (schemaMapperProps: SchemaMapperPro
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../../types").Image;
+    media?: import("../../../types").Media;
     title?: string;
     getLocalValue: () => boolean;
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
@@ -93,8 +90,7 @@ export declare const oneOfSchemaToComponent: (schemaMapperProps: SchemaMapperPro
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../../types").Image;
+    media?: import("../../../types").Media;
     title?: string;
     getLocalValue: () => import("../../../types").LocalValue;
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
@@ -113,8 +109,7 @@ export declare const oneOfSchemaToComponent: (schemaMapperProps: SchemaMapperPro
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../../types").Image;
+    media?: import("../../../types").Media;
     title?: string;
     getLocalValue: () => string | null;
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
@@ -150,8 +145,7 @@ export declare const oneOfSchemaToComponent: (schemaMapperProps: SchemaMapperPro
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../../types").Image;
+    media?: import("../../../types").Media;
     title?: string;
     getLocalValue: () => number | null;
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
@@ -186,8 +180,7 @@ export declare const oneOfSchemaToComponent: (schemaMapperProps: SchemaMapperPro
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../../types").Image;
+    media?: import("../../../types").Media;
     title?: string;
     getLocalValue: () => import("../../../types").LocalValueArray | null;
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
@@ -227,8 +220,7 @@ export declare const oneOfSchemaToComponent: (schemaMapperProps: SchemaMapperPro
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../../types").Image;
+    media?: import("../../../types").Media;
     title?: string;
     getLocalValue: () => File[];
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
@@ -277,8 +269,7 @@ export declare const oneOfSchemaToComponent: (schemaMapperProps: SchemaMapperPro
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../../types").Image;
+    media?: import("../../../types").Media;
     title?: string;
     getLocalValue: () => number | null;
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
@@ -313,8 +304,7 @@ export declare const oneOfSchemaToComponent: (schemaMapperProps: SchemaMapperPro
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../../types").Image;
+    media?: import("../../../types").Media;
     title?: string;
     getLocalValue: () => import("../../../types").LocalValueObject;
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
@@ -336,8 +326,7 @@ export declare const oneOfSchemaToComponent: (schemaMapperProps: SchemaMapperPro
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../../types").Image;
+    media?: import("../../../types").Media;
     title?: string;
     getLocalValue: () => import("../../../types").LocalValueArray;
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
@@ -372,8 +361,7 @@ export declare const oneOfSchemaToComponent: (schemaMapperProps: SchemaMapperPro
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../../types").Image;
+    media?: import("../../../types").Media;
     title?: string;
     getLocalValue: () => string | null;
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
@@ -411,8 +399,7 @@ export declare const oneOfSchemaToComponent: (schemaMapperProps: SchemaMapperPro
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../../types").Image;
+    media?: import("../../../types").Media;
     title?: string;
     getLocalValue: () => import("../../../types").LocalValueArray;
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
@@ -434,8 +421,7 @@ export declare const oneOfSchemaToComponent: (schemaMapperProps: SchemaMapperPro
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../../types").Image;
+    media?: import("../../../types").Media;
     title?: string;
     getLocalValue: () => File | null;
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;

package/build/types/revamp/domain/mappers/schema/persistAsyncSchemaToComponent.d.ts

@@ -10,8 +10,7 @@ export declare const persistAsyncSchemaToComponent: (schemaMapperProps: SchemaMa
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../types").Image;
+    media?: import("../../types").Media;
     title?: string;
     getLocalValue: () => import("../../types").LocalValue;
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
@@ -33,8 +32,7 @@ export declare const persistAsyncSchemaToComponent: (schemaMapperProps: SchemaMa
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../types").Image;
+    media?: import("../../types").Media;
     title?: string;
     getLocalValue: () => boolean;
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
@@ -67,8 +65,7 @@ export declare const persistAsyncSchemaToComponent: (schemaMapperProps: SchemaMa
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../types").Image;
+    media?: import("../../types").Media;
     title?: string;
     getLocalValue: () => import("../../types").LocalValue;
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
@@ -87,8 +84,7 @@ export declare const persistAsyncSchemaToComponent: (schemaMapperProps: SchemaMa
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../types").Image;
+    media?: import("../../types").Media;
     title?: string;
     getLocalValue: () => string | null;
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
@@ -124,8 +120,7 @@ export declare const persistAsyncSchemaToComponent: (schemaMapperProps: SchemaMa
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../types").Image;
+    media?: import("../../types").Media;
     title?: string;
     getLocalValue: () => number | null;
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
@@ -160,8 +155,7 @@ export declare const persistAsyncSchemaToComponent: (schemaMapperProps: SchemaMa
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../types").Image;
+    media?: import("../../types").Media;
     title?: string;
     getLocalValue: () => import("../../types").LocalValueArray | null;
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
@@ -201,8 +195,7 @@ export declare const persistAsyncSchemaToComponent: (schemaMapperProps: SchemaMa
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../types").Image;
+    media?: import("../../types").Media;
     title?: string;
     getLocalValue: () => File[];
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
@@ -251,8 +244,7 @@ export declare const persistAsyncSchemaToComponent: (schemaMapperProps: SchemaMa
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../types").Image;
+    media?: import("../../types").Media;
     title?: string;
     getLocalValue: () => number | null;
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
@@ -287,8 +279,7 @@ export declare const persistAsyncSchemaToComponent: (schemaMapperProps: SchemaMa
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../types").Image;
+    media?: import("../../types").Media;
     title?: string;
     getLocalValue: () => import("../../types").LocalValueObject;
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
@@ -310,8 +301,7 @@ export declare const persistAsyncSchemaToComponent: (schemaMapperProps: SchemaMa
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../types").Image;
+    media?: import("../../types").Media;
     title?: string;
     getLocalValue: () => import("../../types").LocalValueArray;
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
@@ -346,8 +336,7 @@ export declare const persistAsyncSchemaToComponent: (schemaMapperProps: SchemaMa
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../types").Image;
+    media?: import("../../types").Media;
     title?: string;
     getLocalValue: () => import("../../types").LocalValue;
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
@@ -385,8 +374,7 @@ export declare const persistAsyncSchemaToComponent: (schemaMapperProps: SchemaMa
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../types").Image;
+    media?: import("../../types").Media;
     title?: string;
     getLocalValue: () => string | null;
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
@@ -424,8 +412,7 @@ export declare const persistAsyncSchemaToComponent: (schemaMapperProps: SchemaMa
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../types").Image;
+    media?: import("../../types").Media;
     title?: string;
     getLocalValue: () => import("../../types").LocalValueArray;
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;
@@ -447,8 +434,7 @@ export declare const persistAsyncSchemaToComponent: (schemaMapperProps: SchemaMa
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: import("@wise/dynamic-flow-types/build/next").Icon;
-    image?: import("../../types").Image;
+    media?: import("../../types").Media;
     title?: string;
     getLocalValue: () => File | null;
     getSubmittableValueSync: () => import("@wise/dynamic-flow-types/build/next").Model;

package/build/types/revamp/domain/mappers/schema/utils/mapCommonSchemaProps.d.ts

@@ -12,9 +12,8 @@ export declare const mapCommonSchemaProps: (schemaMapperProps: SchemaMapperProps
     disabled: boolean;
     errors: string[] | undefined;
     hidden: boolean;
-    icon: import("@wise/dynamic-flow-types/build/next").Icon | undefined;
-    image: import("../../../types").Image | undefined;
     keywords: string[] | undefined;
+    media: import("../../../types").Media | undefined;
     required: boolean;
     title: string | undefined;
     onPersistAsync: import("../../../types").OnPersistAsync | undefined;

package/build/types/revamp/domain/mappers/utils/media-utils.d.ts

@@ -0,0 +1,9 @@
+import type { Icon, Image, Media as SpecMedia } from '@wise/dynamic-flow-types/build/next';
+import type { Media } from '../../types';
+type Props = {
+    media?: SpecMedia;
+    icon?: Icon;
+    image?: Image;
+};
+export declare const getDomainLayerMedia: ({ icon, image, media }: Props) => Media | undefined;
+export {};

package/build/types/revamp/domain/types.d.ts

@@ -91,6 +91,33 @@ export type Image = {
     uri: string;
     accessibilityDescription?: string;
 };
+export type Media = MediaAvatar | MediaImage | LegacyMedia;
+type MediaAvatar = {
+    type: 'avatar';
+    content: AvatarContent[];
+    accessibilityDescription?: string;
+};
+type AvatarContent = AvatarTextContent | AvatarUriContent;
+type AvatarTextContent = {
+    type: 'text';
+    text: string;
+    badgeUri?: string;
+};
+type AvatarUriContent = {
+    type: 'uri';
+    uri: string;
+    badgeUri?: string;
+};
+type MediaImage = {
+    type: 'image';
+    uri: string;
+    accessibilityDescription?: string;
+};
+type LegacyMedia = {
+    type: 'legacy';
+    icon?: Icon;
+    image?: Image;
+};
 export type PersistableComponent = {
     onPersistAsync: () => void;
 };
@@ -101,8 +128,7 @@ export type BaseSchemaComponent<LV extends LocalValue> = BaseComponent & {
     description?: string;
     help?: string;
     hidden: boolean;
-    icon?: Icon;
-    image?: Image;
+    media?: Media;
     title?: string;
     getLocalValue: () => LV;
     /** Gets the (potentially incomplete) form model, synchronously. It will NOT wait for in-flight requests and will not include base64 encoded values. It can be used in places where accuracy is not required (such as matching algorithms) but on submission, you should always prefer getSubmittableValue */
@@ -142,15 +168,13 @@ export type Suggestions = {
 export type SuggestionsValue = {
     label: string;
     value?: JsonElement;
-    icon?: Icon;
-    image?: Image;
+    media?: Media;
     tag?: string;
 };
 export type RepeatableSummary = {
     title?: string;
     description?: string;
-    icon?: Icon;
-    image?: Image;
+    media?: Media;
 };
 export type PersistedState = {
     id?: string;

package/build/types/revamp/renderers/mappers/utils/inputComponentToProps.d.ts

@@ -1,6 +1,9 @@
 import { ValidationResult } from '@wise/dynamic-flow-types/build/renderers';
 import type { BaseInputComponent, LocalValue } from '../../../domain/types';
 export declare const inputComponentToProps: <T extends string, V extends LocalValue>(component: BaseInputComponent<V>, type: T) => {
+    media?: import("@wise/dynamic-flow-types/build/renderers").Media;
+    icon?: import("@wise/dynamic-flow-types/build/renderers").Icon;
+    image?: import("@wise/dynamic-flow-types/build/renderers").Image;
     uid: string;
     analyticsId: string | undefined;
     type: T;
@@ -9,9 +12,7 @@ export declare const inputComponentToProps: <T extends string, V extends LocalVa
     disabled: boolean;
     error: string | undefined;
     help: string | undefined;
-    icon: import("@wise/dynamic-flow-types/build/renderers").Icon | undefined;
     id: string;
-    image: import("../../../domain/types").Image | undefined;
     placeholder: string | undefined;
     required: boolean;
     title: string | undefined;

package/build/types/revamp/renderers/mappers/utils/mapMediaToLegacyProps.d.ts

@@ -0,0 +1,9 @@
+import type { Media as DomainMedia } from '../../../domain/types';
+import type { Icon, Image, Media as RendererMedia } from '@wise/dynamic-flow-types/build/renderers';
+type MediaWithLegacyIconImage = {
+    media?: RendererMedia;
+    icon?: Icon;
+    image?: Image;
+};
+export declare const mapMediaToLegacyProps: (media: DomainMedia | undefined) => MediaWithLegacyIconImage;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "4.11.3",
+  "version": "4.12.0-experimental-fae3d25",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -46,7 +46,7 @@
     "@testing-library/jest-dom": "6.6.4",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
-    "@transferwise/components": "46.101.0",
+    "@transferwise/components": "0.0.0-experimental-4ee52fa",
     "@transferwise/formatting": "^2.13.4",
     "@transferwise/icons": "3.22.3",
     "@transferwise/neptune-css": "14.24.5",
@@ -95,7 +95,7 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "3.9.0"
+    "@wise/dynamic-flow-types": "3.10.0-experimental-fae3d25"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",