@wise/dynamic-flow-client 3.0.0-next-9cca10.3 → 3.0.0

package/build/types/common/errorBoundary/ErrorBoundaryAlert.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    onDismiss: () => void;
+};
+export declare function ErrorBoundaryAlert({ onDismiss }: Props): JSX.Element;
+export {};

package/build/types/common/{contexts/httpClientContext → httpClientContext}/HttpClientContext.d.ts

@@ -1,15 +1,15 @@
 /// <reference types="react" />
-type HttpClient = typeof fetch;
+import { type HttpClient } from '../makeHttpClient';
 type ProviderProps = {
     httpClient: HttpClient;
     children: React.ReactNode;
 };
-export declare const HttpClientProvider: ({ httpClient, children }: ProviderProps) => JSX.Element;
+export declare function HttpClientProvider({ httpClient, children }: ProviderProps): JSX.Element;
 type ProviderFromBaseUrlProps = {
     baseUrl: string;
     children: React.ReactNode;
 };
-export declare const HttpClientProviderFromBaseUrl: ({ baseUrl, children }: ProviderFromBaseUrlProps) => JSX.Element;
+export declare function HttpClientProviderFromBaseUrl({ baseUrl, children }: ProviderFromBaseUrlProps): JSX.Element;
 /**
  * Provides the fetch(er) function for dynamic flows asynchronous operations.
  */

package/build/types/common/httpClientContext/index.d.ts

@@ -0,0 +1 @@
+export * from './HttpClientContext';

package/build/types/common/makeHttpClient/makeHttpClient.d.ts

@@ -1,2 +1,3 @@
 export type HttpClient = typeof fetch;
 export declare const makeHttpClient: (baseUrl: string, additionalHeaders?: HeadersInit) => HttpClient;
+export declare const mergeRequestInit: (init?: RequestInit, additionalInit?: RequestInit) => RequestInit;

package/build/types/{step/cameraStep/cameraCapture/screens/NoCameraAccess/NoCameraAccess.messages.d.ts → common/messages/generic-error.messages.d.ts}

@@ -1,15 +1,15 @@
 declare const _default: {
-    title: {
+    genericErrorRetryHint: {
         id: string;
         defaultMessage: string;
         description: string;
     };
-    paragraph: {
+    genericError: {
         id: string;
         defaultMessage: string;
         description: string;
     };
-    action: {
+    retry: {
         id: string;
         defaultMessage: string;
         description: string;

package/build/types/{dynamicFlow/utils/errorBoundary/ErrorBoundary.messages.d.ts → common/messages/help.messages.d.ts}

@@ -1,10 +1,5 @@
 declare const _default: {
-    errorAlert: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    retry: {
+    helpAria: {
         id: string;
         defaultMessage: string;
         description: string;

package/build/types/{step/cameraStep/cameraCapture/screens/CameraNotSupported/CameraNotSupported.messages.d.ts → common/messages/validation.array.messages.d.ts}

@@ -1,10 +1,10 @@
 declare const _default: {
-    title: {
+    minItemsError: {
         id: string;
         defaultMessage: string;
         description: string;
     };
-    paragraph: {
+    maxItemsError: {
         id: string;
         defaultMessage: string;
         description: string;

package/build/types/common/utils/api-utils.d.ts

@@ -1,4 +1 @@
-export declare function isStatus2xx(status: Response['status']): boolean;
-export declare function isStatus422(status: Response['status']): boolean;
-export declare function getJson(response: Response): Promise<any>;
 export declare function isRelativePath(url?: string): boolean;

package/build/types/index.d.ts

@@ -1,10 +1,10 @@
-export { convertStepToLayout, inlineReferences } from './step/layoutStep/utils';
-export { default as DynamicFlow } from './dynamicFlow';
+export { convertStepToLayout, inlineReferences } from './legacy/step/layoutStep/utils';
+export { default as DynamicFlow } from './legacy/dynamicFlow';
 export { makeHttpClient } from './common/makeHttpClient';
-export { default as JsonSchemaForm } from './jsonSchemaForm';
-export { DynamicLayout as Layout } from './layout';
-export { isValidSchema } from './common/validators';
+export { default as JsonSchemaForm } from './legacy/jsonSchemaForm';
+export { DynamicLayout as Layout } from './legacy/layout';
+export { isValidSchema } from './legacy/common/validators';
 export { default as translations } from './i18n';
-export * from './dynamicFlow/DynamicFlow';
-export type { DynamicFlowProps, InitialAction } from './dynamicFlow/DynamicFlowTypes';
+export * from './legacy/dynamicFlow/DynamicFlow';
+export type { DynamicFlowProps, InitialAction } from './legacy/dynamic-flow-types';
 export type { Step } from '@wise/dynamic-flow-types';

package/build/types/legacy/common/constants/FeatureName.d.ts

@@ -0,0 +1,3 @@
+export declare enum FeatureName {
+    SAMPLE_FEATURE = "sample-feature"
+}

package/build/types/{common → legacy/common}/constants/FormControlType.d.ts

@@ -2,11 +2,13 @@ export declare const FormControlType: {
     RADIO: string;
     CHECKBOX: string;
     SELECT: string;
+    EMAIL: string;
     FILE: string;
     DATE: string;
     DATETIME: string;
     DATELOOKUP: string;
     TEL: string;
+    NUMERIC: string;
     NUMBER: string;
     HIDDEN: string;
     PASSWORD: string;

package/build/types/legacy/common/contexts/eventsContext/EventsContext.d.ts

@@ -0,0 +1,14 @@
+import type React from 'react';
+import type { EventHandler } from '../../../dynamic-flow-types';
+type Props = {
+    metadata?: Record<string, unknown> & {
+        flowId?: string;
+        stepId?: string;
+    };
+    children: React.ReactNode;
+    onEvent: EventHandler;
+};
+export declare function EventsContextProvider({ metadata, children, onEvent }: Props): JSX.Element;
+export declare function useEventDispatcher(): EventHandler;
+export declare const getEventDispatcher: (onEvent: EventHandler, metadata?: Record<string, unknown>) => EventHandler;
+export {};

package/build/types/legacy/common/contexts/featureContext/FeatureContext.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { Feature } from '../../../dynamic-flow-types';
+import type { FeatureName } from '../../constants/FeatureName';
+type FeatureContextProviderProps = {
+    features: Feature[] | undefined;
+    children: React.ReactNode;
+};
+export declare function FeatureContextProvider({ features, children }: FeatureContextProviderProps): JSX.Element;
+export declare const useFeatureFlag: (featureName: FeatureName) => Feature | undefined;
+export {};

package/build/types/{common → legacy/common}/contexts/index.d.ts

@@ -1,4 +1,3 @@
 export * from './dynamicFlowContexts/DynamicFlowContexts';
 export * from './eventsContext/EventsContext';
-export * from './httpClientContext/HttpClientContext';
 export * from './logContext/LogContext';

package/build/types/{common → legacy/common}/contexts/logContext/LogContext.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
-export type LogLevel = 'debug' | 'info' | 'warning' | 'error' | 'critical';
+import type { LogLevel, LogEventHandler } from '../../../dynamic-flow-types';
 export type LogTitle = 'Invalid schema or model' | 'Invalid model on change' | 'Invalid response' | 'Action supressed' | 'Deprecation warning' | 'Deprecated schema' | 'Error fetching';
-type ExtraProps = Record<string, unknown>;
-export type LogEventHandler = (level: LogLevel, message: string, extra: ExtraProps) => void;
-type LogFunction = (title: LogTitle, description: string, extra?: ExtraProps) => void;
+type LogFunction = (title: LogTitle, description: string, extra?: Record<string, unknown>) => void;
 export declare const getLogger: (level: LogLevel, onLog: LogEventHandler, flowId?: string | undefined, stepId?: string | undefined) => LogFunction;
 type LogProviderProps = {
     flowId?: string;
@@ -11,7 +9,7 @@ type LogProviderProps = {
     children: React.ReactNode;
     onLog: LogEventHandler;
 };
-export declare const LogProvider: ({ flowId, stepId, children, onLog }: LogProviderProps) => JSX.Element;
+export declare function LogProvider({ flowId, stepId, children, onLog }: LogProviderProps): JSX.Element;
 export declare const useLogger: () => {
     debug: LogFunction;
     info: LogFunction;

package/build/types/legacy/common/hooks/useDebouncedFunction/useDebouncedFunction.d.ts

@@ -0,0 +1,2 @@
+import { type DebouncedFunc } from '../../utils';
+export declare function useDebouncedFunction<T extends (...args: Parameters<T>) => ReturnType<T>>(callback: T, waitMs: number): DebouncedFunc<T>;

package/build/types/{common → legacy/common}/hooks/useExternalStepPolling/useExternalStepPolling.d.ts

@@ -1,3 +1,3 @@
-import { Action, ExternalStepPollingConfiguration } from '@wise/dynamic-flow-types';
+import type { Action, ExternalStepPollingConfiguration } from '@wise/dynamic-flow-types';
 /** @deprecated External step is no longer supported */
 export declare function useExternalStepPolling(polling: ExternalStepPollingConfiguration | undefined, onAction: (action: Action) => void): void;

package/build/types/{common → legacy/common}/hooks/usePersistAsync/usePersistAsync.d.ts

@@ -1,4 +1,4 @@
-import { PersistAsync } from '@wise/dynamic-flow-types';
+import type { PersistAsync } from '@wise/dynamic-flow-types';
 type PersistAsyncModel = string | Blob | null;
 type PerformPersistAsyncFunction = (payload: PersistAsyncModel) => Promise<{
     data: string | number;

package/build/types/{common → legacy/common}/hooks/useStepPolling/useStepPolling.d.ts

@@ -1,2 +1,2 @@
-import { Action, PollingConfiguration } from '@wise/dynamic-flow-types';
+import type { Action, PollingConfiguration } from '@wise/dynamic-flow-types';
 export declare function useStepPolling(polling: PollingConfiguration | undefined, onAction: (action: Action) => void): void;

package/build/types/legacy/common/utils/api-utils.d.ts

@@ -0,0 +1,2 @@
+export declare function isStatus2xx(status: Response['status']): boolean;
+export declare function isStatus422(status: Response['status']): boolean;

package/build/types/legacy/common/utils/debounce.d.ts

@@ -0,0 +1,6 @@
+export interface DebouncedFunc<T extends (...args: Parameters<T>) => ReturnType<T>> {
+    (...args: Parameters<T>): void;
+    cancel: () => void;
+    flush: () => void;
+}
+export declare const debounce: <T extends (...args: Parameters<T>) => ReturnType<T>>(callback: T, waitMs: number) => DebouncedFunc<T>;

package/build/types/{common → legacy/common}/utils/file-utils.d.ts

@@ -1,4 +1,4 @@
-import { UploadedFile } from '@transferwise/components';
+import type { UploadedFile } from '@transferwise/components';
 export declare function toKilobytes(sizeInBytes: number): number;
 export declare const toBase64: (file: Blob) => Promise<string>;
 export declare function areFilesSame(newFiles: UploadedFile[], files: UploadedFile[]): boolean;

package/build/types/{common → legacy/common}/utils/index.d.ts

@@ -8,3 +8,4 @@ export * from './step-utils';
 export * from './model-utils';
 export * from './misc-utils';
 export * from './schema-utils';
+export * from './mobile-utils';

package/build/types/{common → legacy/common}/utils/misc-utils.d.ts

@@ -1,2 +1,2 @@
-import { FormErrors } from '@wise/dynamic-flow-types';
+import type { FormErrors } from '@wise/dynamic-flow-types';
 export declare const isBasicError: (error: FormErrors) => error is string | null;

package/build/types/legacy/common/utils/mobile-utils.d.ts

@@ -0,0 +1,4 @@
+export declare const isMobile: () => boolean;
+export declare const isMobileUA: (userAgent?: string) => boolean;
+export declare const isMobileScreenSize: (width?: number, height?: number) => boolean;
+export declare const isTouchScreen: (navigator?: Navigator, matchMedia?: ((query: string) => MediaQueryList) & typeof matchMedia) => boolean;

package/build/types/{common → legacy/common}/utils/model-utils.d.ts

@@ -1,4 +1,4 @@
-import { ArrayModel, BasicModel, Model, ObjectModel } from '@wise/dynamic-flow-types';
+import type { ArrayModel, BasicModel, Model, ObjectModel } from '@wise/dynamic-flow-types';
 export declare const isObjectModel: (model: Model) => model is ObjectModel;
 export declare const isNullableObjectModel: (model: Model) => model is ObjectModel | null;
 export declare const isNullableBasicModel: (model: Model) => model is BasicModel | null;

package/build/types/{common → legacy/common}/utils/schema-utils.d.ts

@@ -1,4 +1,4 @@
-import { AllOfSchema, ArraySchema, BasicSchema, BlobSchema, ConstSchema, FileUploadSchema, ListArraySchema, MultipleFileUploadSchema, ObjectSchema, OneOfObjectSchema, OneOfSchema, PersistAsyncSchema, Schema, StringSchema, TupleArraySchema, ValidationAsyncSchema } from '@wise/dynamic-flow-types';
+import type { AllOfSchema, ArraySchema, BasicSchema, BlobSchema, ConstSchema, FileUploadSchema, ListArraySchema, MultipleFileUploadSchema, ObjectSchema, OneOfObjectSchema, OneOfSchema, PersistAsyncSchema, Schema, StringSchema, TupleArraySchema, ValidationAsyncSchema } from '@wise/dynamic-flow-types';
 export declare function isConstSchema(schema: Schema | undefined): schema is ConstSchema;
 export declare function isNoNConstSchema(schema: Schema | undefined): boolean;
 export declare const isReadOnlySchema: (schema: Schema) => boolean;

package/build/types/{common → legacy/common}/utils/step-utils.d.ts

@@ -1,3 +1,3 @@
-import { Schema, Step } from '@wise/dynamic-flow-types';
+import type { Schema, Step } from '@wise/dynamic-flow-types';
 export declare const isCameraStep: (step: Step) => boolean;
 export declare const filterHiddenSchemas: (schemas: Schema[]) => Schema[];

package/build/types/{common → legacy/common}/validators/models/model-utils.d.ts

@@ -1,4 +1,4 @@
-import { AllOfSchema, ArrayModel, ArraySchema, BasicModel, Model, ObjectModel, ObjectSchema, OneOfSchema } from '@wise/dynamic-flow-types';
+import type { AllOfSchema, ArrayModel, ArraySchema, BasicModel, Model, ObjectModel, ObjectSchema, OneOfSchema } from '@wise/dynamic-flow-types';
 export declare function cleanBasicModelWithOneOfSchema(model: BasicModel, schema: OneOfSchema): BasicModel | null;
 export declare function cleanArrayModelWithOneOfSchema(model: ArrayModel, schema: OneOfSchema): ArrayModel | null;
 export declare function cleanModelWithStringSchema(model: Model): string | null;

package/build/types/{common → legacy/common}/validators/models/model-validators.d.ts

@@ -1,4 +1,4 @@
-import { BasicModel, Model, ObjectModel, Schema } from '@wise/dynamic-flow-types';
+import type { BasicModel, Model, ObjectModel, Schema } from '@wise/dynamic-flow-types';
 export declare const getValidModelParts: (model: Model, schema: Schema) => Model;
 export declare function getValidBasicModelOrNull(model: BasicModel | null, schema: Schema): BasicModel | null;
 export declare function getValidObjectModelParts(model: ObjectModel | null, schema: Schema): ObjectModel | null;

package/build/types/{common → legacy/common}/validators/schemas/schema-validators.d.ts

@@ -1,4 +1,4 @@
-import { Model, Schema } from '@wise/dynamic-flow-types';
+import type { Model, Schema } from '@wise/dynamic-flow-types';
 /**
  * Validate any value against a given schema
  *

package/build/types/{common → legacy/common}/validators/validationFailures/validation-failures.d.ts

@@ -1,4 +1,4 @@
-import { BlobSchema, NumberSchema, IntegerSchema, Model, Schema, AllOfSchema, OneOfSchema, StringSchema } from '@wise/dynamic-flow-types';
+import type { BlobSchema, NumberSchema, IntegerSchema, Model, Schema, AllOfSchema, OneOfSchema, StringSchema } from '@wise/dynamic-flow-types';
 declare function getValidationFailures(value: Model, schema: Schema, isRequired: boolean): string[];
 declare function getStringValidationFailures(value: Model, schema: StringSchema, isRequired?: boolean): string[];
 declare function getNumberValidationFailures(value: Model, schema: AllOfSchema | OneOfSchema | NumberSchema | IntegerSchema, isRequired?: boolean): string[];

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

@@ -0,0 +1,57 @@
+import type { Size, Step } from '@wise/dynamic-flow-types';
+export type DynamicFlowProps = DynamicFlowPropsWithInitialAction | DynamicFlowPropsWithInitialStep;
+export type DynamicFlowPropsWithInitialAction = DynamicFlowPropsBasic & {
+    initialAction: InitialAction;
+    initialStep?: never;
+};
+export type DynamicFlowPropsWithInitialStep = DynamicFlowPropsBasic & {
+    initialAction?: never;
+    initialStep: Step;
+};
+export type HttpClient = typeof fetch;
+export type EventHandler = (eventName: EventName, properties: Record<string, unknown>) => void;
+export type EventName = 'Dynamic Flow - Flow Started' | 'Dynamic Flow - Flow Finished' | 'Dynamic Flow - Step Started' | 'Dynamic Flow - Step Submitted' | 'Dynamic Flow - Step Refreshed' | 'Dynamic Flow - OneOf Selected' | 'Dynamic Flow - PersistAsync' | 'Dynamic Flow - ValidationAsync' | 'Dynamic Flow - Camera Permission Denied' | 'Dynamic Flow - Camera Feed Started' | 'Dynamic Flow - Camera Not Supported' | 'Dynamic Flow - Camera Not Accessible' | 'Dynamic Flow - Camera Orientation Locked' | 'Dynamic Flow - Camera Orientation Lock Overlay Shown' | 'Dynamic Flow - Search Started' | 'Dynamic Flow - Search Result Selected' | 'Dynamic Flow - invalid submission response' | 'Dynamic Flow - onAction supressed' | 'Dynamic Flow - OneOf Searched';
+export type LogLevel = 'debug' | 'info' | 'warning' | 'error' | 'critical';
+export type LogEventHandler = (level: LogLevel, message: string, extra: Record<string, unknown>) => void;
+export type Feature = {
+    featureName: string;
+    /**
+     * The variant of the feature active for the user/profile.
+     * 0 is usually the control, and > 0 are variants.
+     */
+    variant: number | null;
+    /**
+     * If the feature is enabled for the user/profile.
+     * This is the same as checking if `variant > 0`.
+     */
+    enabled: boolean;
+    initiation: 'MISSING' | 'SKIPPED' | 'DEFAULT' | 'INITIATED';
+};
+export type InitialAction = {
+    $id?: string;
+    url: string;
+    method?: 'GET';
+    data?: never;
+} | {
+    $id?: string;
+    url: string;
+    method: 'POST';
+    data: Record<string, unknown>;
+};
+export type LoaderConfig = {
+    size?: Size;
+    initial?: boolean;
+    submission?: boolean;
+};
+type DynamicFlowPropsBasic = {
+    flowId: string;
+    loaderConfig?: LoaderConfig;
+    displayStepTitle?: boolean;
+    features?: Feature[];
+    httpClient: HttpClient;
+    onCompletion: (result: Record<string, unknown> | undefined | null) => void;
+    onError: (error: unknown, status?: number) => void;
+    onEvent?: EventHandler;
+    onLog?: LogEventHandler;
+};
+export {};

package/build/types/legacy/dynamicFlow/BackButton.d.ts

@@ -0,0 +1,9 @@
+import type { Action } from '@wise/dynamic-flow-types';
+import type { OnAction } from './DynamicFlowTypes';
+type BackButtonProps = {
+    title?: string;
+    action: Action;
+    onAction: OnAction;
+};
+declare function BackButton({ title, action, onAction }: BackButtonProps): JSX.Element;
+export default BackButton;

package/build/types/legacy/dynamicFlow/DynamicFlow.d.ts

@@ -0,0 +1,3 @@
+import type { DynamicFlowProps } from '../dynamic-flow-types';
+declare function DynamicFlow(props: DynamicFlowProps): JSX.Element;
+export default DynamicFlow;

package/build/types/legacy/dynamicFlow/DynamicFlowStep.d.ts

@@ -0,0 +1,8 @@
+import type { GlobalError, Step } from '@wise/dynamic-flow-types';
+import type { LayoutStepProps } from '../step/layoutStep/LayoutStep';
+type DynamicFlowStepProps = Omit<LayoutStepProps, 'stepSpecification'> & {
+    step: Step | undefined;
+    globalError: GlobalError;
+};
+export declare function DynamicFlowStep(props: DynamicFlowStepProps): JSX.Element | null;
+export {};

package/build/types/legacy/dynamicFlow/DynamicFlowTypes.d.ts

@@ -0,0 +1,8 @@
+import type { Action, Schema } from '@wise/dynamic-flow-types';
+import type { OnChangeProps } from '../jsonSchemaForm/JsonSchemaForm';
+export type OnModelChangeProps = OnChangeProps & {
+    formSchema: Schema;
+};
+export type OnModelChange = (props: OnModelChangeProps) => void;
+export type OnAction = (action: Action) => void;
+export type OnPersistAsync = (promise: Promise<unknown>) => void;

package/build/types/{dynamicFlow → legacy/dynamicFlow}/stories/fixtureHttpClient.d.ts

@@ -1,3 +1,3 @@
-import { HttpClient } from '../DynamicFlowTypes';
+import type { HttpClient } from '../../dynamic-flow-types';
 export declare const getObjectKeys: <T>(object: T) => (keyof T)[];
 export declare const fixtureHttpClient: HttpClient;

package/build/types/{dynamicFlow → legacy/dynamicFlow}/utils/index.d.ts

@@ -1,5 +1,5 @@
 export * from './useDebouncedRefresh/useDebouncedRefresh';
 export * from './useDynamicFlowState';
 export * from './useLoader';
-export { default as ErrorBoundary } from './errorBoundary/ErrorBoundary';
+export { default as ErrorBoundary } from '../../../common/errorBoundary/ErrorBoundary';
 export * from './responseParsers/response-parsers';

package/build/types/{dynamicFlow → legacy/dynamicFlow}/utils/responseParsers/response-parsers.d.ts

@@ -1,5 +1,5 @@
-import { ActionResponseBody, ErrorResponseBody, Step } from '@wise/dynamic-flow-types';
-import { DynamicFlowProps } from '../../DynamicFlowTypes';
+import type { ActionResponseBody, ErrorResponseBody, Step } from '@wise/dynamic-flow-types';
+import type { DynamicFlowProps } from '../../../dynamic-flow-types';
 type ParsedBody = {
     type: 'exit';
     result: Parameters<DynamicFlowProps['onCompletion']>[0];

package/build/types/legacy/dynamicFlow/utils/useDebouncedRefresh/useDebouncedRefresh.d.ts

@@ -0,0 +1,5 @@
+import type { Schema } from '@wise/dynamic-flow-types';
+type FetchRefresh = (url: string, data: unknown, etag: string | undefined) => Promise<void | null>;
+export declare function useDebouncedRefresh(fetchRefresh: FetchRefresh): (url: string, data: unknown, etag: string | undefined, schema: Schema) => void;
+export declare const shouldDebounceSchema: (schema: Schema) => boolean;
+export {};

package/build/types/{dynamicFlow → legacy/dynamicFlow}/utils/useDynamicFlowState.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { FormErrors, GlobalError, ObjectModel, Step } from '@wise/dynamic-flow-types';
+import type { FormErrors, GlobalError, ObjectModel, Step } from '@wise/dynamic-flow-types';
 type ModelsMap = {
     [key: string]: ObjectModel;
 };

package/build/types/{dynamicFlow → legacy/dynamicFlow}/utils/useLoader.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DynamicFlowProps } from '../DynamicFlowTypes';
+import type { DynamicFlowProps } from '../../dynamic-flow-types';
 type LoadingState = 'idle' | 'initial' | 'refresh' | 'submission';
 export declare function useLoader(loaderConfig: DynamicFlowProps['loaderConfig'], initialState: LoadingState): {
     isLoading: boolean;

package/build/types/{formControl → legacy/formControl}/FormControl.d.ts

@@ -1,18 +1,21 @@
-import { RadioGroupRadios } from '@transferwise/components/build/types/radioGroup/RadioGroup';
-import { UploadProps } from '@transferwise/components/build/types/upload/Upload';
-import { ReactNode } from 'react';
-import { PureComponent } from 'react';
+import type { RadioGroupRadios } from '@transferwise/components/build/types/radioGroup/RadioGroup';
+import type { UploadProps } from '@transferwise/components/build/types/upload/Upload';
+import type { AutocompleteToken } from '@wise/dynamic-flow-types';
+import { type ReactNode, PureComponent } from 'react';
 import { FormControlType } from '../common/constants';
+import type { OnChangeProps } from '../jsonSchemaForm/JsonSchemaForm';
 export default class FormControl extends PureComponent<FormControlProps, FormControlState> {
     static Type: {
         RADIO: string;
         CHECKBOX: string;
         SELECT: string;
+        EMAIL: string;
         FILE: string;
         DATE: string;
         DATETIME: string;
         DATELOOKUP: string;
         TEL: string;
+        NUMERIC: string;
         NUMBER: string;
         HIDDEN: string;
         PASSWORD: string;
@@ -41,13 +44,8 @@ export default class FormControl extends PureComponent<FormControlProps, FormCon
         prevValue: string | number | boolean | Date | null;
         value: string | number | boolean | Date | null;
     } | null;
-    /**
-     * autocomplete hides our form help so we need to disable it when help text
-     * is present. Chrome ignores autocomplete=off, the only way to disable it is
-     * to provide an 'invalid' value, for which 'disabled' serves.
-     */
-    getAutocompleteStatus: () => "on" | "disabled";
-    handleOnChange: (value: string | number | boolean | null) => void;
+    getAutocompleteValue: () => string;
+    handleOnChange: (value: string | number | boolean | null, metadata?: OnChangeProps['metadata']) => void;
     handleInputOnChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
     handleOnFocus: () => void;
     handleOnBlur: () => void;
@@ -103,8 +101,10 @@ type FormControlSelectedOption = {
 };
 type FormControlProps = {
     name: string;
-    onChange: (value: string | number | boolean | null, type?: 'init' | 'user') => void;
+    onChange: (value: string | number | boolean | null, type?: 'init' | 'user', metadata?: OnChangeProps['metadata']) => void;
+    /** @deprecated - Use autocompleteHint instead */
     autoComplete?: boolean;
+    autocompleteHint?: AutocompleteToken[];
     countryCode?: string;
     disabled?: boolean;
     displayPattern?: string;
@@ -121,7 +121,7 @@ type FormControlProps = {
     onBlur?: () => void;
     onFocus?: () => void;
     onSearchChange?: (searchValue: string) => void;
-    options: Array<FormControlOption>;
+    options: FormControlOption[];
     placeholder?: string;
     readOnly?: boolean;
     required?: boolean;
@@ -137,7 +137,7 @@ type FormControlProps = {
 };
 type FormControlState = {
     prevValue: FormControlProps['value'];
-    selectedOption: FormControlSelectedOption | undefined;
+    selectedOption: FormControlSelectedOption | null | undefined;
     touched: boolean;
 };
 export {};

package/build/types/legacy/formControl/utils/getAutocompleteString.d.ts

@@ -0,0 +1,2 @@
+import type { AutocompleteToken } from '@wise/dynamic-flow-types';
+export declare const getAutocompleteString: (hints: AutocompleteToken[]) => string;

package/build/types/legacy/formControl/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './value-utils';
+export { getAutocompleteString } from './getAutocompleteString';

package/build/types/{jsonSchemaForm → legacy/jsonSchemaForm}/JsonSchemaForm.d.ts

@@ -1,7 +1,7 @@
-import { FormErrors, Model, Schema } from '@wise/dynamic-flow-types';
-import { EventHandler, LogEventHandler } from '../common/contexts';
-import { OnPersistAsync } from '../dynamicFlow/DynamicFlowTypes';
-declare const JsonSchemaForm: (props: JsonSchemaFormProps) => JSX.Element;
+import type { FormErrors, Model, Schema } from '@wise/dynamic-flow-types';
+import type { EventHandler, LogEventHandler } from '../dynamic-flow-types';
+import type { OnPersistAsync } from '../dynamicFlow/DynamicFlowTypes';
+declare function JsonSchemaForm(props: JsonSchemaFormProps): JSX.Element;
 export type OnChange = (parameters: OnChangeProps) => void;
 export type OnChangeProps = {
     model: Model;
@@ -9,6 +9,7 @@ export type OnChangeProps = {
     triggerModel: Model;
     lastTriggerModel?: Model;
     type?: 'init' | 'user';
+    metadata?: Record<string, unknown> | undefined;
 };
 export type JsonSchemaFormProps = {
     /**

package/build/types/legacy/jsonSchemaForm/allOfSchema/AllOfSchema.d.ts

@@ -0,0 +1,13 @@
+import type { AllOfSchema as AllOfSchemaType, ObjectModel } from '@wise/dynamic-flow-types';
+import type { GenericSchemaProps } from '../genericSchema/GenericSchema';
+declare function AllOfSchema(props: AllOfSchemaProps): JSX.Element;
+declare namespace AllOfSchema {
+    var defaultProps: {
+        disabled: boolean;
+    };
+}
+export type AllOfSchemaProps = Omit<GenericSchemaProps, 'schema' | 'model'> & {
+    schema: AllOfSchemaType;
+    model: ObjectModel;
+};
+export default AllOfSchema;

package/build/types/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/MultipleFileUploadSchema.d.ts

@@ -0,0 +1,16 @@
+import type { ArrayModel, MultipleFileUploadSchema as MultipleFileUploadSchemaType } from '@wise/dynamic-flow-types';
+import type { GenericSchemaProps } from '../../../genericSchema/GenericSchema';
+declare function MultipleFileUploadSchema(props: Props): JSX.Element;
+declare namespace MultipleFileUploadSchema {
+    var defaultProps: {
+        errors: null;
+        required: boolean;
+    };
+}
+type Props = Omit<GenericSchemaProps, 'model'> & {
+    schema: MultipleFileUploadSchemaType;
+    model: ArrayModel | null;
+    required?: boolean;
+    errors?: string | null;
+};
+export default MultipleFileUploadSchema;

package/build/types/{jsonSchemaForm → legacy/jsonSchemaForm}/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/utils/upload-utils.d.ts

@@ -1,4 +1,4 @@
-import { UploadError, UploadResponse } from '@transferwise/components';
+import type { UploadError, UploadResponse } from '@transferwise/components';
 export declare function createPayload(userUploadedFile: Blob | string | null, isBlobSchema: boolean): Promise<string | Blob | null>;
 export declare function constructUploadResponse(response: {
     data: string | number;

package/build/types/{jsonSchemaForm → legacy/jsonSchemaForm}/arrayTypeSchema/arrayListSchema/repeatableSchema/ItemSummary.d.ts

@@ -1,4 +1,4 @@
-import { Icon, Image, Model } from '@wise/dynamic-flow-types';
+import type { Icon, Image, Model } from '@wise/dynamic-flow-types';
 export type ItemSummary = {
     value: Model | null;
     title?: string;
@@ -6,7 +6,7 @@ export type ItemSummary = {
     icon?: Icon;
     image?: Image;
 };
-export declare const ItemSummaryOption: ({ item, onClick, }: {
+export declare function ItemSummaryOption({ item, onClick }: {
     item: ItemSummary;
     onClick: () => void;
-}) => JSX.Element;
+}): JSX.Element;

package/build/types/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/RepeatableSchema.d.ts

@@ -0,0 +1,8 @@
+import type { ArrayModel, ListArraySchema } from '@wise/dynamic-flow-types';
+import type { GenericSchemaProps } from '../../../genericSchema/GenericSchema';
+type RepeatableSchemaProps = Omit<GenericSchemaProps, 'model' | 'onPersistAsync'> & {
+    schema: ListArraySchema;
+    model: ArrayModel | null;
+};
+declare function RepeatableSchema({ schema, model, errors, submitted, onChange }: RepeatableSchemaProps): JSX.Element;
+export default RepeatableSchema;