@wise/dynamic-flow-client 4.0.0-experimental-af37aae → 4.0.0-experimental-9cbdd3f

package/build/types/index.d.ts

@@ -12,5 +12,5 @@ export { default as JsonSchemaForm } from './legacy/jsonSchemaForm';
 export { DynamicLayout as Layout } from './legacy/layout';
 export { isValidSchema } from './legacy/common/validators';
 export * from './legacy/dynamicFlow/DynamicFlow';
-export { find, findType } from './revamp/renderers/utils';
+export { findRendererPropsByType } from './revamp/renderers/utils';
 export type { Renderers, Renderer, AlertRendererProps, CheckboxInputRendererProps, BoxRendererProps, ButtonRendererProps, ColumnsRendererProps, DateInputRendererProps, DecisionRendererProps, DividerRendererProps, FormRendererProps, SectionRendererProps, HeadingRendererProps, HiddenRendererProps, ImageRendererProps, InstructionsRendererProps, IntegerInputRendererProps, LoadingIndicatorRendererProps, MarkdownRendererProps, ModalRendererProps, MultiSelectInputRendererProps, MultiUploadInputRendererProps, NumberInputRendererProps, ParagraphRendererProps, RepeatableRendererProps, ReviewRendererProps, SearchRendererProps, SelectInputRendererProps, StatusListRendererProps, StepRendererProps, TextInputRendererProps, UploadInputRendererProps, } from '@wise/dynamic-flow-types/build/renderers';

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

@@ -1,16 +1,8 @@
 import type { Model } from '@wise/dynamic-flow-types/build/next';
-import type { BaseComponent, LocalValue, RepeatableSummary, DomainComponent } from '../types';
-import { Icon, Image } from '@wise/dynamic-flow-types/build/next';
-export type AllOfComponent = BaseComponent & {
+import type { LocalValue, RepeatableSummary, DomainComponent, ComponentWithTitle } from '../types';
+export type AllOfComponent = ComponentWithTitle & {
     type: 'all-of';
     components: DomainComponent[];
-    control?: string;
-    description?: string;
-    help?: string;
-    hidden: boolean;
-    icon?: Icon;
-    image?: Image;
-    title?: string;
     getChildren: () => DomainComponent[];
     getLocalValue: () => LocalValue;
 };

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

@@ -7,9 +7,7 @@ export type ImageComponent = LayoutComponent & {
 };
 type ImageContent = {
     accessibilityDescription?: string;
-    text?: string;
-    url?: string;
-    uri?: string;
+    uri: string;
 };
 export declare const createImageComponent: (imageProps: Pick<ImageComponent, "uid" | "content" | "control" | "margin" | "size">) => ImageComponent;
 export {};

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

@@ -1,6 +1,6 @@
-import type { SummarySummariser } from '@wise/dynamic-flow-types/build/next/feature/SummarySummariser';
-import type { ComponentWithTitle, LocalValue, LocalValueArray, RepeatableSummary, DomainComponent, UpdateComponent, OnValueChange } from '../types';
+import type { ComponentWithTitle, LocalValue, LocalValueArray, RepeatableSummary, DomainComponent, UpdateComponent, OnValueChange, Image } from '../types';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
+import { Icon } from '@wise/dynamic-flow-types/build/next';
 export type RepeatableComponent = ComponentWithTitle & {
     type: 'repeatable';
     id?: string;
@@ -20,11 +20,22 @@ export type RepeatableComponent = ComponentWithTitle & {
     onRemove: () => void;
     onSave: () => boolean;
 };
+type Summary = {
+    defaultTitle?: string;
+    defaultDescription?: string;
+    defaultIcon?: Icon;
+    defaultImage?: Image;
+    providesTitle?: boolean;
+    providesDescription?: boolean;
+    providesIcon?: boolean;
+    providesImage?: boolean;
+};
 export declare const createRepeatableComponent: (repeatableProps: Pick<RepeatableComponent, "uid" | "id" | "addItemTitle" | "components" | "control" | "description" | "editItemTitle" | "errors" | "hidden" | "icon" | "image" | "maxItems" | "minItems" | "title"> & {
     analyticsId?: string;
     checks: IsInvalidCheck<LocalValueArray | null>[];
-    summary?: SummarySummariser;
+    summary?: Summary;
     summariser: (value: LocalValueArray | null) => RepeatableSummary;
     onValueChange: OnValueChange;
     createEditableComponent: (value: LocalValue) => DomainComponent;
 }, updateComponent: UpdateComponent) => RepeatableComponent;
+export {};

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

@@ -1,5 +1,5 @@
-import type { Icon, Image, Model } from '@wise/dynamic-flow-types/build/next';
-import type { InputComponent, LocalValue, RepeatableSummary, DomainComponent, UpdateComponent, OnValueChange } from '../types';
+import type { Icon, Model } from '@wise/dynamic-flow-types/build/next';
+import type { InputComponent, LocalValue, RepeatableSummary, DomainComponent, UpdateComponent, OnValueChange, Image } from '../types';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { AnalyticsEventDispatcher } from '../features/events';
 import type { PerformRefresh } from '../features/refresh/getPerformRefresh';

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

@@ -1,28 +1,8 @@
-import type { Icon, Image, Model, Schema } from '@wise/dynamic-flow-types/build/next';
+import type { Icon, Model, Schema } from '@wise/dynamic-flow-types/build/next';
 import type { LocalValue, RepeatableSummary, DomainComponent } 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) => {
-    title?: undefined;
-    description?: undefined;
-    icon?: undefined;
-    image?: undefined;
-} | {
-    title: string | undefined;
-    description: string | undefined;
-    icon: Icon | undefined;
-    image: Image | undefined;
-};
-export declare const getConstSummary: (schema: Schema, model: Model | null) => {
-    title?: undefined;
-    description?: undefined;
-    icon?: undefined;
-    image?: undefined;
-} | {
-    title: string | undefined;
-    description: string | undefined;
-    icon: Icon | undefined;
-    image: Image | undefined;
-};
+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: DomainComponent[]) => RepeatableSummary;
 export declare const mergeSummaries: (summaryA: RepeatableSummary, summaryB: RepeatableSummary) => {
     title: string | undefined;

package/build/types/revamp/domain/mappers/layout/buttonLayoutToComponent.d.ts

@@ -1,6 +1,3 @@
 import type { ButtonLayout } from '@wise/dynamic-flow-types/build/next';
 import type { MapperProps } from '../schema/types';
-import { SpecNextBehavior } from '../../types';
-export declare const buttonLayoutToComponent: (uid: string, button: ButtonLayout & {
-    behavior?: SpecNextBehavior;
-}, mapperProps: MapperProps) => import("../../components/ButtonComponent").ButtonComponent;
+export declare const buttonLayoutToComponent: (uid: string, button: ButtonLayout, mapperProps: MapperProps) => import("../../components/ButtonComponent").ButtonComponent;

package/build/types/revamp/domain/mappers/layout/decisionLayoutToComponent.d.ts

@@ -1,8 +1,5 @@
 import type { DecisionLayout, DecisionLayoutOption } from '@wise/dynamic-flow-types/build/next';
 import type { MapperProps } from '../schema/types';
-import { SpecNextBehavior } from '../../types';
 export declare const decisionLayoutToComponent: (uid: string, { control, margin, options, title, }: Omit<DecisionLayout, "options"> & {
-    options: (DecisionLayoutOption & {
-        behavior?: SpecNextBehavior;
-    })[];
+    options: DecisionLayoutOption[];
 }, mapperProps: MapperProps) => import("../../components/DecisionComponent").DecisionComponent;

package/build/types/revamp/domain/mappers/layout/imageLayoutToComponent.d.ts

@@ -1,11 +1,2 @@
 import type { ImageLayout } from '@wise/dynamic-flow-types/build/next';
-type ImageContent = {
-    accessibilityDescription?: string;
-    text?: string;
-    url?: string;
-    uri?: string;
-};
-export declare const imageLayoutToComponent: (uid: string, { accessibilityDescription, content, control, margin, size, text, url }: ImageLayout & {
-    content?: ImageContent;
-}) => import("../../components/ImageComponent").ImageComponent;
-export {};
+export declare const imageLayoutToComponent: (uid: string, { accessibilityDescription, content, control, margin, size, text, url, }: ImageLayout) => import("../../components/ImageComponent").ImageComponent;

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

@@ -2,10 +2,10 @@ import type { AnalyticsEventDispatcher } from '../features/events';
 import type { LoadingState, OnPoll } from '../types';
 import type { MapperProps } from './schema/types';
 export type StepMapperProps = Omit<MapperProps, 'trackEvent'> & {
-    bit: 'flip' | 'flop';
+    count: number;
     displayStepTitle: boolean;
     loadingState: LoadingState;
     trackEvent: AnalyticsEventDispatcher<string>;
     onPoll: OnPoll;
 };
-export declare const mapStepToComponent: ({ bit, loadingState, displayStepTitle, trackEvent, onPoll, ...restProps }: StepMapperProps) => import("../components/StepDomainComponent").StepDomainComponent;
+export declare const mapStepToComponent: ({ count, loadingState, displayStepTitle, trackEvent, onPoll, ...restProps }: StepMapperProps) => import("../components/StepDomainComponent").StepDomainComponent;

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

@@ -11,19 +11,9 @@ export declare const mapCommonSchemaProps: (schemaMapperProps: SchemaMapperProps
     errors: string[] | undefined;
     hidden: boolean;
     icon: import("@wise/dynamic-flow-types/build/next").Icon | undefined;
-    image: import("@wise/dynamic-flow-types/build/next").Image | undefined;
+    image: import("../../../types").Image | undefined;
     keywords: string[] | undefined;
     required: boolean;
     title: string | undefined;
-    summariser: (value: import("../../../types").LocalValue | null) => {
-        title?: undefined;
-        description?: undefined;
-        icon?: undefined;
-        image?: undefined;
-    } | {
-        title: string | undefined;
-        description: string | undefined;
-        icon: import("@wise/dynamic-flow-types/build/next").Icon | undefined;
-        image: import("@wise/dynamic-flow-types/build/next").Image | undefined;
-    };
+    summariser: (value: import("../../../types").LocalValue | null) => import("../../../types").RepeatableSummary;
 };

package/build/types/revamp/domain/mappers/utils/image.d.ts

@@ -0,0 +1,3 @@
+import { Image as SpecImage } from '@wise/dynamic-flow-types/build/next';
+import { Image } from '../../types';
+export declare const mapSpecImage: (image: SpecImage | undefined) => Image | undefined;

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

@@ -57,10 +57,8 @@ export type LayoutComponent = BaseComponent & {
     getLocalValue: () => LocalValue;
 };
 export type Image = {
-    url?: string;
-    uri?: string;
+    uri: string;
     accessibilityDescription?: string;
-    text?: string;
 };
 export type ComponentWithTitle = BaseComponent & {
     control?: string;
@@ -117,15 +115,3 @@ export type ValidationAsyncState = {
     };
 };
 export type LoadingState = 'idle' | 'submitting' | 'refreshing';
-export type SpecNextBehavior = {
-    type: 'action';
-    action: Action;
-} | {
-    type: 'link';
-    url: string;
-} | {
-    action?: Action;
-    link?: {
-        url: string;
-    };
-};

package/build/types/revamp/renderers/mappers/allOfComponentToProps.d.ts

@@ -1,4 +1,4 @@
 import type { AllOfComponent } from '../../domain/components/AllOfComponent';
 import type { SectionRendererProps } from '@wise/dynamic-flow-types/build/renderers';
-import { RendererMapperProps } from './componentToRendererProps';
+import { type RendererMapperProps } from './componentToRendererProps';
 export declare const allOfComponentToProps: (component: AllOfComponent, rendererMapperProps: RendererMapperProps) => SectionRendererProps;

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

@@ -10,11 +10,7 @@ export declare const inputComponentToProps: <T extends string, V extends LocalVa
     help: string | undefined;
     icon: import("@wise/dynamic-flow-types/build/renderers").Icon | undefined;
     id: string;
-    image: {
-        accessibilityDescription: string | undefined;
-        uri: string | undefined;
-        url: string;
-    } | undefined;
+    image: import("../../../domain/types").Image | undefined;
     placeholder: string | undefined;
     required: boolean;
     title: string | undefined;

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

@@ -2,8 +2,4 @@ import { RendererProps } from '@wise/dynamic-flow-types/build/renderers';
 /**
  * @experimental
  */
-export declare function find(root: RendererProps | RendererProps[], predicate: (props: RendererProps) => boolean): RendererProps[];
-/**
- * @experimental
- */
-export declare function findType<T extends RendererProps>(root: RendererProps | RendererProps[], type: T['type'], predicate?: (props: T) => boolean): T[];
+export declare function findRendererPropsByType<T extends RendererProps>(root: RendererProps | RendererProps[], type: T['type'], predicate?: (props: T) => boolean): readonly T[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "4.0.0-experimental-af37aae",
+  "version": "4.0.0-experimental-9cbdd3f",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -85,8 +85,8 @@
     "tsx": "4.19.2",
     "typescript": "5.7.3",
     "webpack": "5.97.1",
-    "@wise/dynamic-flow-fixtures": "0.0.1",
-    "@wise/dynamic-flow-renderers": "0.0.0"
+    "@wise/dynamic-flow-renderers": "0.0.0",
+    "@wise/dynamic-flow-fixtures": "0.0.1"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.92.0",
@@ -102,7 +102,7 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "3.0.0-experimental-af37aae"
+    "@wise/dynamic-flow-types": "3.0.0-experimental-9cbdd3f"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",