@wise/dynamic-flow-client 2.8.9 → 2.8.11

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

@@ -1,26 +1,32 @@
-import type { Action, Margin, Model } from '@wise/dynamic-flow-types/build/next';
+import type { Action, Icon, Image, Margin, Model } from '@wise/dynamic-flow-types/build/next';
 import type { HiddenComponent } from './components/HiddenComponent';
 import type { AlertComponent } from './components/AlertComponent';
+import type { BooleanInputComponent } from './components/BooleanInputComponent';
 import type { BoxComponent } from './components/BoxComponent';
 import type { ButtonComponent } from './components/ButtonComponent';
+import type { ColumnsComponent } from './components/ColumnsComponent';
+import type { ContainerComponent } from './components/ContainerComponent';
 import type { HeadingComponent } from './components/HeadingComponent';
+import type { IntegerInputComponent } from './components/IntegerInputComponent';
+import type { NumberInputComponent } from './components/NumberInputComponent';
 import type { ObjectComponent } from './components/ObjectComponent';
 import type { ParagraphComponent } from './components/ParagraphComponent';
+import type { SelectInputComponent } from './components/SelectInputComponent';
 import type { TextInputComponent } from './components/TextInputComponent';
-import type { ColumnsComponent } from './components/ColumnsComponent';
-import type { NumberInputComponent } from './components/NumberInputComponent';
-import type { IntegerInputComponent } from './components/IntegerInputComponent';
 import type { DateInputComponent } from './components/DateInputComponent';
 import type { UploadInputComponent } from './components/UploadInputComponent';
-import type { ContainerComponent } from './components/ContainerComponent';
 import type { FormComponent } from './components/FormComponent';
-export type StepComponent = AlertComponent | BoxComponent | ButtonComponent | ColumnsComponent | ContainerComponent | DateInputComponent | FormComponent | HeadingComponent | HiddenComponent | IntegerInputComponent | NumberInputComponent | ObjectComponent | ParagraphComponent | TextInputComponent | UploadInputComponent;
-export type HasChildren = BoxComponent | ColumnsComponent | ContainerComponent | FormComponent | ObjectComponent;
+import type { SearchComponent } from './components/searchComponent/SearchComponent';
+import type { RepeatableComponent } from './components/repeatableComponent/RepeatableComponent';
+export type StepComponent = AlertComponent | BooleanInputComponent | BoxComponent | ButtonComponent | ColumnsComponent | ContainerComponent | DateInputComponent | FormComponent | HeadingComponent | HiddenComponent | IntegerInputComponent | NumberInputComponent | ObjectComponent | ParagraphComponent | RepeatableComponent | SearchComponent | SelectInputComponent | TextInputComponent | UploadInputComponent;
+export type HasChildren = BoxComponent | ColumnsComponent | ContainerComponent | FormComponent | RepeatableComponent | SelectInputComponent | ObjectComponent;
 export type BaseComponent<M extends Model> = {
     type: string;
     uid: string;
-    validate: () => boolean;
+    analyticsId?: string;
     getValue: () => M | null;
+    getSummary: () => RepeatableSummary;
+    validate: () => boolean;
 };
 export type LayoutComponent = BaseComponent<Model> & {
     control?: string;
@@ -48,3 +54,9 @@ export type OnAction = (action: Action) => void;
 export type Align = 'start' | 'center' | 'end';
 export type Bias = 'none' | 'start' | 'end';
 export type Context = 'positive' | 'negative' | 'warning' | 'neutral';
+export type RepeatableSummary = {
+    title?: string;
+    description?: string;
+    icon?: Icon;
+    image?: Image;
+};

package/build/types/revamp/domain/validation/validation-functions.d.ts

@@ -0,0 +1,8 @@
+import type { Model } from '@wise/dynamic-flow-types/build/next';
+import type { StepComponent } from '../types';
+import type { IsInvalidCheck } from '../features/validation/value-checks';
+export declare const validateComponents: (components: StepComponent[]) => boolean;
+export declare const getModelValidationErrors: <M extends Model>({ checks, model, }: {
+    checks: IsInvalidCheck<M>[];
+    model: M;
+}) => string[];

package/build/types/revamp/dynamic-flow-types.d.ts

@@ -1,5 +1,5 @@
 import type { Step, Model } from '@wise/dynamic-flow-types/build/next';
-import type { AnalyticsEventHandler, LoggingEventHandler } from './domain/events';
+import type { AnalyticsEventHandler, LoggingEventHandler } from './domain/features/events';
 export type DynamicFlowProps = DynamicFlowPropsWithInitialAction | DynamicFlowPropsWithInitialStep;
 export type DynamicFlowPropsWithInitialAction = DynamicFlowPropsBasic & {
     initialAction: InitialAction;

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

@@ -0,0 +1,3 @@
+import type { BooleanInputComponent } from '../../domain/components/BooleanInputComponent';
+import type { BooleanInputRendererProps } from '../types';
+export declare const booleanInputComponentToProps: (component: BooleanInputComponent) => BooleanInputRendererProps;

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

@@ -2,7 +2,8 @@ import type { ReactNode } from 'react';
 import type { StepComponent } from '../../domain/types';
 import type { RendererProps } from '../types';
 export declare const componentToRendererProps: (component: StepComponent, nestedContent: {
-    children?: ReactNode;
-    startChildren?: ReactNode;
-    endChildren?: ReactNode;
+    children?: ReactNode[] | undefined;
+    startChildren?: ReactNode[] | undefined;
+    endChildren?: ReactNode[] | undefined;
+    editableItemChildren?: ReactNode;
 }) => RendererProps;

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

@@ -1,4 +1,4 @@
 import type { ReactNode } from 'react';
 import type { ObjectComponent } from '../../domain/components/ObjectComponent';
 import type { ObjectRendererProps } from '../types';
-export declare const objectComponentToProps: ({ title, description, help }: ObjectComponent, children: ReactNode) => ObjectRendererProps;
+export declare const objectComponentToProps: ({ control, description, help, title }: ObjectComponent, children: ReactNode) => ObjectRendererProps;

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

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+import type { RepeatableRendererProps } from '../types';
+import type { RepeatableComponent } from '../../domain/components/repeatableComponent/RepeatableComponent';
+export declare const repeatableComponentToProps: (component: RepeatableComponent, editableItemChildren: ReactNode) => RepeatableRendererProps;

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

@@ -0,0 +1,3 @@
+import type { SearchComponent } from '../../domain/components/searchComponent/SearchComponent';
+import type { SearchRendererProps } from '../types';
+export declare const searchComponentToProps: (component: SearchComponent) => SearchRendererProps;

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

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+import type { SelectInputComponent } from '../../domain/components/SelectInputComponent';
+import type { SelectInputRendererProps } from '../types';
+export declare const selectInputComponentToProps: (component: SelectInputComponent, children: ReactNode[]) => SelectInputRendererProps;

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

@@ -0,0 +1,19 @@
+import type { Model } from '@wise/dynamic-flow-types/build/next';
+import type { InputComponent } from '../../../domain/types';
+export declare const inputComponentToProps: <T extends string, M extends Model>(component: Omit<InputComponent<M>, "onChange">, type: T) => {
+    type: T;
+    autoComplete: string;
+    control: string | undefined;
+    description: string | undefined;
+    disabled: boolean;
+    error: string;
+    help: string | undefined;
+    id: string;
+    label: string | undefined;
+    name: string;
+    placeholder: string | undefined;
+    required: boolean;
+    value: M | null;
+    onBlur: () => void;
+    onFocus: () => void;
+};

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

@@ -1,4 +1,4 @@
-import type { Margin as DFMargin, Size as DFSize } from '@wise/dynamic-flow-types/build/next';
+import type { Margin as DFMargin, Size as DFSize, SearchResult as SearchResultSpec, Icon as DFIcon } from '@wise/dynamic-flow-types/build/next';
 import type { ReactNode } from 'react';
 export type Renderer<P extends RendererProps> = {
     canRender: (props: RendererProps) => boolean;
@@ -9,13 +9,18 @@ export type Bias = 'none' | 'start' | 'end';
 export type Context = 'positive' | 'negative' | 'warning' | 'neutral';
 export type Margin = DFMargin;
 export type Size = DFSize;
+export type Image = {
+    url: string;
+    accessibilityDescription?: string;
+};
+export type Icon = DFIcon;
 export interface RendererProps {
     type: string;
+    control?: string;
 }
 export interface AlertRendererProps extends RendererProps {
     type: 'alert';
     context: Context;
-    control?: string;
     margin: Margin;
     markdown: string;
 }
@@ -23,13 +28,11 @@ export interface BoxRendererProps extends RendererProps {
     type: 'box';
     border: boolean;
     children: ReactNode;
-    control?: string;
     margin: Margin;
     width: Size;
 }
 export interface ColumnsRendererProps extends RendererProps {
     type: 'columns';
-    control?: string;
     bias: Bias;
     margin: Margin;
     startChildren: ReactNode;
@@ -38,24 +41,57 @@ export interface ColumnsRendererProps extends RendererProps {
 export interface FormRendererProps extends RendererProps {
     type: 'form';
     children: ReactNode;
-    control?: string;
     margin: Margin;
 }
+/**
+ * Known values for "control" are: 'display'.
+ */
 export interface HeadingRendererProps extends RendererProps {
     type: 'heading';
     text: string;
-    control?: string;
     align: Align;
     margin: Margin;
     size: Size;
 }
+/**
+ * Known values for "control" are: 'copyable'.
+ */
 export interface ParagraphRendererProps extends RendererProps {
     type: 'paragraph';
     align: Align;
-    control?: string;
     margin: Margin;
     text: string;
 }
+export interface SearchRendererProps extends RendererProps {
+    type: 'search';
+    control?: string;
+    emptyMessage?: string;
+    isLoading: boolean;
+    margin: Margin;
+    query: string;
+    onChange: (query: string) => void;
+    state: SearchState;
+    title: string;
+}
+export type SearchState = PendingSearchState | NoResultsSearchState | ResultsSearchState | ErrorSearchState;
+export type PendingSearchState = {
+    type: 'pending';
+};
+export type NoResultsSearchState = {
+    type: 'noResults';
+    message: string;
+};
+export type ErrorSearchState = {
+    type: 'error';
+    onRetry: () => void;
+};
+export type ResultsSearchState = {
+    type: 'results';
+    results: SearchResult[];
+};
+export type SearchResult = Pick<SearchResultSpec, 'description' | 'icon' | 'image' | 'title'> & {
+    onClick: () => void;
+};
 export interface ObjectRendererProps extends RendererProps {
     type: 'object';
     title?: string;
@@ -63,14 +99,12 @@ export interface ObjectRendererProps extends RendererProps {
     help?: string;
     children: ReactNode;
 }
-interface BaseInputRendererProps<M extends string | number> extends RendererProps {
+interface BaseInputRendererProps<M extends string | number | boolean | null> extends RendererProps {
     id: string;
     autoComplete: string;
-    control?: string;
     description?: string;
     disabled: boolean;
     error?: string;
-    format?: 'date';
     help?: string;
     label?: string;
     name: string;
@@ -81,39 +115,84 @@ interface BaseInputRendererProps<M extends string | number> extends RendererProp
     onBlur: () => void;
     onFocus: () => void;
 }
-export interface TextInputRendererProps extends BaseInputRendererProps<string> {
-    type: 'input-text';
-    control?: string;
-    displayFormat?: string;
+export interface BooleanInputRendererProps extends BaseInputRendererProps<boolean> {
+    type: 'input-boolean';
+    value: boolean;
 }
+/**
+ * Known values for "control" are: 'primary' | 'secondary' | 'tertiary'.
+ */
+export interface ButtonRendererProps extends RendererProps {
+    type: 'button';
+    context: Context;
+    disabled: boolean;
+    margin: Margin;
+    pinOrder?: number;
+    size?: Size;
+    title: string;
+    onClick: () => void;
+}
+/**
+ * Known values for "control" are: 'date-lookup'.
+ */
 export interface DateInputRendererProps extends BaseInputRendererProps<string> {
     type: 'input-date';
-    control?: string;
     minimumDate?: string;
     maximumDate?: string;
 }
-export interface NumberInputRendererProps extends BaseInputRendererProps<number> {
-    type: 'input-number';
+export interface HiddenRendererProps extends RendererProps {
+    type: 'hidden';
 }
 export interface IntegerInputRendererProps extends BaseInputRendererProps<number> {
     type: 'input-integer';
 }
-export interface UploadInputRendererProps extends BaseInputRendererProps<string> {
-    type: 'input-upload';
-    accepts?: string[];
+export interface NumberInputRendererProps extends BaseInputRendererProps<number> {
+    type: 'input-number';
 }
-export interface ButtonRendererProps extends RendererProps {
-    type: 'button';
-    context: Context;
-    control?: string;
+export interface RepeatableRendererProps extends RendererProps {
+    type: 'repeatable';
+    addItemTitle: string;
+    description?: string;
+    editableItem: ReactNode;
+    editItemTitle: string;
+    error?: string;
+    items: RepeatableItemRendererProps[];
+    title: string;
+    onAdd: () => void;
+    onEdit: (itemIndex: number) => void;
+    onSave: () => boolean;
+    onRemove: () => void;
+}
+export interface RepeatableItemRendererProps {
+    description?: string;
+    icon?: Icon;
+    image?: Image;
+    title?: string;
+}
+export interface SelectInputRendererProps extends Omit<BaseInputRendererProps<null>, 'value' | 'onChange'> {
+    type: 'input-select';
+    children: ReactNode;
+    options: SelectInputRendererOption[];
+    selectedIndex: number | null;
+    onSelect: (index: number | null) => void;
+}
+export type SelectInputRendererOption = {
+    description?: string;
     disabled: boolean;
-    margin: Margin;
-    pinOrder?: number;
-    size?: Size;
+    icon?: Icon;
+    image?: Image;
+    keywords?: string[];
     title: string;
-    onClick: () => void;
+};
+/**
+ * Known values for "control" are: 'password' | 'textarea' | 'email' | 'numeric' | 'phone-number'.
+ */
+export interface TextInputRendererProps extends BaseInputRendererProps<string> {
+    type: 'input-text';
+    displayFormat?: string;
 }
-export interface HiddenRendererProps extends RendererProps {
-    type: 'hidden';
+export interface UploadInputRendererProps extends BaseInputRendererProps<string> {
+    type: 'input-upload';
+    accepts?: string[];
 }
 export {};

package/build/types/revamp/step/Step.d.ts

@@ -1,11 +1,13 @@
 import type { Step as DFStep } from '@wise/dynamic-flow-types/build/next';
 import type { Renderer, RendererProps } from '../renderers/types';
-import type { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../domain/events';
+import type { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../domain/features/events';
+import type { HttpClient } from '../dynamic-flow-types';
 type StepProps = {
     step: DFStep;
     renderers: Renderer<RendererProps>[];
+    httpClient: HttpClient;
     trackEvent: AnalyticsEventDispatcher;
     logEvent: LoggingEventDispatcher;
 };
-declare function Step({ step, renderers, trackEvent, logEvent }: StepProps): JSX.Element;
+declare function Step({ step, renderers, httpClient, trackEvent, logEvent }: StepProps): JSX.Element;
 export default Step;

package/build/types/revamp/stories/utils/mockSearchHandler.d.ts

@@ -0,0 +1 @@
+export declare const mockSearchHandler: typeof fetch;

package/build/types/revamp/stories/visual-tests/array.d.ts

@@ -0,0 +1,3 @@
+import type { Step } from '@wise/dynamic-flow-types/build/next';
+declare const step: Step;
+export default step;

package/build/types/revamp/test-utils/component-utils.d.ts

@@ -0,0 +1,2 @@
+import { createTextInputComponent } from '../domain/components/TextInputComponent';
+export declare const createMockTextInputComponent: (props?: Partial<Parameters<typeof createTextInputComponent>[0]>) => import("../domain/components/TextInputComponent").TextInputComponent;

package/build/types/revamp/utils/type-utils.d.ts

@@ -1,13 +1,19 @@
-import type { AllOfSchema, ConstSchema, IntegerSchema, Model, NumberSchema, ObjectSchema, OneOfSchema, Schema, StringSchema } from '@wise/dynamic-flow-types/build/next';
+import type { AllOfSchema, ArrayModel, ArraySchema, ArraySchemaList, BooleanSchema, ConstSchema, IntegerSchema, Model, NumberSchema, ObjectSchema, OneOfSchema, Schema, StringSchema } from '@wise/dynamic-flow-types/build/next';
 import type { HasChildren, StepComponent } from '../domain/types';
 import type { ColumnsComponent } from '../domain/components/ColumnsComponent';
+import type { RepeatableComponent } from '../domain/components/repeatableComponent/RepeatableComponent';
 export declare const hasChildren: (component: StepComponent) => component is HasChildren;
 export declare const isColumnsComponent: (component: StepComponent) => component is ColumnsComponent;
+export declare const isRepeatableComponent: (component: StepComponent) => component is RepeatableComponent;
 export declare const isObjectModel: (model: Model) => model is Record<string, Model>;
+export declare const isArrayModel: (model: Model) => model is ArrayModel;
 export declare const isAllOfSchema: (schema: Schema) => schema is AllOfSchema;
-export declare const isOneOfSchema: (schema: Schema) => schema is OneOfSchema;
+export declare const isBooleanSchema: (schema: Schema) => schema is BooleanSchema;
+export declare const isConstSchema: (schema: Schema) => schema is ConstSchema;
+export declare const isIntegerSchema: (schema: Schema) => schema is IntegerSchema;
+export declare const isNumberSchema: (schema: Schema) => schema is NumberSchema;
 export declare const isObjectSchema: (schema: Schema) => schema is ObjectSchema;
+export declare const isOneOfSchema: (schema: Schema) => schema is OneOfSchema;
+export declare const isArraySchema: (schema: Schema) => schema is ArraySchema;
+export declare const isArrayListSchema: (schema: Schema) => schema is ArraySchemaList;
 export declare const isStringSchema: (schema: Schema) => schema is StringSchema;
-export declare const isNumberSchema: (schema: Schema) => schema is NumberSchema;
-export declare const isIntegerSchema: (schema: Schema) => schema is IntegerSchema;
-export declare const isConstSchema: (schema: Schema) => schema is ConstSchema;

package/build/types/revamp/wise/renderers/BooleanInputRenderer.d.ts

@@ -0,0 +1,3 @@
+import type { Renderer, BooleanInputRendererProps } from '../../renderers/types';
+declare const BooleanInputRenderer: Renderer<BooleanInputRendererProps>;
+export default BooleanInputRenderer;

package/build/types/revamp/wise/renderers/RepeatableRenderer.d.ts

@@ -0,0 +1,3 @@
+import type { Renderer, RepeatableRendererProps } from '../../renderers/types';
+declare const RepeatableRenderer: Renderer<RepeatableRendererProps>;
+export default RepeatableRenderer;

package/build/types/revamp/wise/renderers/SearchRenderer.d.ts

@@ -0,0 +1,14 @@
+import type { ErrorSearchState, Renderer, ResultsSearchState, SearchRendererProps } from '../../renderers/types';
+declare const SearchRenderer: Renderer<SearchRendererProps>;
+export declare function SearchInput({ query, onChange, }: {
+    query: string;
+    onChange: (query: string) => void;
+}): JSX.Element;
+export declare function ErrorResult({ state }: {
+    state: ErrorSearchState;
+}): JSX.Element;
+export declare function SearchResults({ state, }: {
+    state: ResultsSearchState;
+    onChange: (query: string) => void;
+}): JSX.Element;
+export default SearchRenderer;

package/build/types/revamp/wise/renderers/SelectInputRenderer/OptionMedia.d.ts

@@ -0,0 +1,5 @@
+import type { Icon, Image } from '../../../renderers/types';
+export declare function OptionMedia({ icon, image }: {
+    icon?: Icon;
+    image?: Image;
+}): JSX.Element | null;

package/build/types/revamp/wise/renderers/SelectInputRenderer/RadioInputRendererComponent.d.ts

@@ -0,0 +1,2 @@
+import type { SelectInputRendererProps } from '../../../renderers/types';
+export declare function RadioInputRendererComponent(props: SelectInputRendererProps): JSX.Element;

package/build/types/revamp/wise/renderers/SelectInputRenderer/SelectInputRenderer.d.ts

@@ -0,0 +1,3 @@
+import type { Renderer, SelectInputRendererProps } from '../../../renderers/types';
+declare const SelectInputRenderer: Renderer<SelectInputRendererProps>;
+export default SelectInputRenderer;

package/build/types/revamp/wise/renderers/SelectInputRenderer/SelectInputRendererComponent.d.ts

@@ -0,0 +1,2 @@
+import type { SelectInputRendererProps } from '../../../renderers/types';
+export declare function SelectInputRendererComponent(props: SelectInputRendererProps): JSX.Element;

package/build/types/revamp/wise/renderers/SelectInputRenderer/SelectTriggerMedia.d.ts

@@ -0,0 +1,5 @@
+import type { Icon, Image } from '../../../renderers/types';
+export declare function SelectTriggerMedia({ icon, image }: {
+    icon?: Icon;
+    image?: Image;
+}): JSX.Element | null;

package/build/types/revamp/wise/renderers/SelectInputRenderer/TabInputRendererComponent.d.ts

@@ -0,0 +1,2 @@
+import type { SelectInputRendererProps } from '../../../renderers/types';
+export declare function TabInputRendererComponent(props: SelectInputRendererProps): JSX.Element;

package/build/types/revamp/wise/renderers/components/FieldInput.d.ts

@@ -1,10 +1,11 @@
 import type { ReactNode } from 'react';
 type FieldInputProps = {
+    id?: string;
     children: ReactNode;
     description: string | undefined;
     error: string | undefined;
     help: string | undefined;
     label: string | undefined;
 };
-declare function FieldInput({ children, label, error, description, help }: FieldInputProps): JSX.Element;
+declare function FieldInput({ id, children, label, error, description, help }: FieldInputProps): JSX.Element;
 export default FieldInput;

package/build/types/revamp/wise/renderers/components/icon/DynamicIcon.d.ts

@@ -0,0 +1,6 @@
+export type Props = {
+    name: string;
+};
+declare function DynamicIcon({ name }: Props): JSX.Element | null;
+export declare function isValidIconName(name: string): boolean;
+export default DynamicIcon;

package/build/types/revamp/wise/renderers/components/icon/FlagIcon.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    name: string;
+};
+export declare const isFlagIcon: (name: string) => boolean;
+export declare function FlagIcon({ name }: Props): JSX.Element | null;
+export {};

package/build/types/revamp/wise/renderers/components/icon/NamedIcon.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    name: string;
+};
+export declare const isNamedIcon: (name: string) => boolean;
+export declare function NamedIcon({ name }: Props): JSX.Element | null;
+export {};

package/build/types/revamp/wise/renderers/components/icon/NavigationOptionMedia.d.ts

@@ -0,0 +1,5 @@
+import type { Icon, Image } from '../../../../renderers/types';
+export declare function NavigationOptionMedia({ icon, image }: {
+    icon?: Icon;
+    image?: Image;
+}): JSX.Element | null;

package/build/types/test-utils/fetch-utils.d.ts

@@ -0,0 +1,19 @@
+import type { ActionResponseBody, Step } from '@wise/dynamic-flow-types';
+type HttpClient = typeof fetch;
+/**
+ * Returns a mock http client you can use in your DynamicFlow.
+ *
+ * @param handlers Map of flow URL to http clients
+ * @returns An http client that will handle real URLs and URLs in the handlers map
+ * @example getMockHttpClient({
+ *  '/form': () => respondWith(formStep),
+ *  '/recipient': () => respondWith(recipientStep),
+ * })
+ */
+export declare const getMockHttpClient: (handlers: Record<string, HttpClient | undefined>) => HttpClient;
+export declare const respondWith: (step: Step | ActionResponseBody | Record<string, unknown>, init?: ResponseInit) => Promise<Response>;
+export declare const respondWithEtag: (step: Step) => Promise<Response>;
+export declare const respondWithEmptyOk: () => Promise<Response>;
+export declare const respondWithEmptyAndEtag: (step: Step) => Promise<Response>;
+export declare const abortableDelay: (delayMs: number, signal: AbortSignal | null | undefined) => Promise<unknown>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "2.8.9",
+  "version": "2.8.11",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -39,10 +39,10 @@
     "@testing-library/react": "14.1.2",
     "@testing-library/react-hooks": "8.0.1",
     "@testing-library/user-event": "14.5.2",
-    "@transferwise/components": "45.21.3",
+    "@transferwise/components": "46.1.0",
     "@transferwise/formatting": "^2.10.0",
     "@transferwise/icons": "3.13.0",
-    "@transferwise/neptune-css": "14.7.0",
+    "@transferwise/neptune-css": "14.8.0",
     "@transferwise/neptune-tokens": "8.7.0",
     "@types/enzyme": "^3.10.18",
     "@types/jest": "29.5.11",
@@ -52,7 +52,7 @@
     "@types/testing-library__jest-dom": "5.14.9",
     "@wise/art": "2.8.5",
     "@wise/components-theming": "^0.8.4",
-    "@wise/forms": "0.3.0",
+    "@wise/forms": "0.3.1",
     "babel-jest": "29.7.0",
     "currency-flags": "4.0.7",
     "enzyme": "^3.11.0",
@@ -62,6 +62,7 @@
     "jest-environment-jsdom": "29.7.0",
     "jest-fetch-mock": "^3.0.3",
     "jest-watch-typeahead": "^2.2.2",
+    "nanoid": "5.0.4",
     "npm-run-all": "4.1.5",
     "postcss": "^8.4.33",
     "postcss-cli": "^10.1.0",
@@ -79,7 +80,7 @@
     "@wise/dynamic-flow-fixtures": "0.0.1"
   },
   "peerDependencies": {
-    "@transferwise/components": "43 || 44 || 45",
+    "@transferwise/components": "43 || 44 || 45 || 46",
     "@transferwise/formatting": "^2",
     "@transferwise/icons": "^3",
     "@transferwise/neptune-css": "^14",
@@ -91,7 +92,7 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "2.5.0"
+    "@wise/dynamic-flow-types": "2.5.2"
   },
   "scripts": {
     "dev": "storybook dev -p 3003",