@wise/dynamic-flow-client 5.3.0 → 5.4.0

package/build/types/domain/components/RootDomainComponent.d.ts

@@ -3,15 +3,19 @@ import { AnalyticsEventDispatcher } from '../features/events';
 import { BaseComponent, DomainComponent, LoadingState, LocalValue, SchemaComponent, ScrollToTop, UpdateComponent } from '../types';
 import { ModalComponent } from './ModalComponent';
 import { StepDomainComponent } from './step/StepDomainComponent';
+import { SubflowDomainComponent } from './SubflowDomainComponent';
+import { RequestCache } from '../prefetching/request-cache';
 export type RootDomainComponent = BaseComponent & {
     type: 'root';
     kind: 'step';
     stepComponent: StepDomainComponent | null;
     stepStack: StepDomainComponent[];
+    subflow: SubflowDomainComponent | null;
     backConfig: {
         isNativeBackEnabled: boolean;
         isFlowCancellable: boolean;
     };
+    requestCache: RequestCache;
     canPerformBack: () => boolean;
     dismissAllModals: () => void;
     dismissModal: () => void;
@@ -35,8 +39,10 @@ export type RootDomainComponent = BaseComponent & {
     clearStack: () => void;
     navigateBack: () => void;
     getRefreshUrl: () => string | null;
+    addSubflow: (subflow: SubflowDomainComponent) => void;
+    closeSubflow: () => void;
 };
 export declare const createRootDomainComponent: (updateComponent: UpdateComponent, scrollToTop: ScrollToTop, backConfig: {
     isNativeBackEnabled: boolean;
     isFlowCancellable: boolean;
-}) => RootDomainComponent;
+}, requestCache: RequestCache) => RootDomainComponent;

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

@@ -1,9 +1,8 @@
 import type { Model } from '@wise/dynamic-flow-types/spec';
 import type { AnalyticsEventDispatcher } from '../features/events';
 import type { SchemaOnChange } from '../features/schema-on-change/getSchemaOnChange';
-import type { InlineAlert, SupportingValues } from '../types';
+import type { InlineAlert, SupportingValues, BaseInputComponent, LocalValue, Media, OnValueChange, RepeatableSummary, SchemaComponent, UpdateComponent } from '../types';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
-import type { BaseInputComponent, LocalValue, Media, OnValueChange, RepeatableSummary, SchemaComponent, UpdateComponent } from '../types';
 export type SelectInputComponent = BaseInputComponent<LocalValue | null> & {
     type: 'select';
     kind: 'input';

package/build/types/domain/components/SubflowDomainComponent.d.ts

@@ -0,0 +1,16 @@
+import { JsonElement, Request } from '@wise/dynamic-flow-types/spec';
+import { BaseComponent, UpdateComponent, Presentation } from '../types';
+import { AnalyticsEventDispatcher } from '../features/events';
+import { RequestCache } from '../prefetching/request-cache';
+export type SubflowDomainComponent = BaseComponent & {
+    kind: 'layout';
+    type: 'subflow';
+    presentation: Presentation;
+    initialRequest: Request;
+    requestCache: RequestCache;
+    onCancellation: () => void;
+    onCompletion: (result: JsonElement) => void;
+    onEvent: AnalyticsEventDispatcher<string>;
+    onError: (error: unknown, status?: number) => void;
+};
+export declare const createSubflowDomainComponent: (subflowProps: Pick<SubflowDomainComponent, "initialRequest" | "presentation" | "requestCache" | "onCompletion" | "onCancellation" | "onError" | "onEvent">, updateComponent: UpdateComponent) => SubflowDomainComponent;

package/build/types/domain/components/step/StepDomainComponent.d.ts

@@ -1,7 +1,7 @@
 import type { BaseComponent, DomainComponent, LayoutComponent, LoadingState, LocalValue, OnBehavior, SchemaComponent, UpdateComponent } from '../../types';
 import type { NavigationStackBehavior, Step } from '@wise/dynamic-flow-types/spec';
 import { Model } from '@wise/dynamic-flow-types/spec';
-import { SubmissionRequestCache } from '../../prefetching/request-cache';
+import { RequestCache } from '../../prefetching/request-cache';
 import type { AnalyticsEventDispatcher } from '../../features/events';
 import type { StepPolling } from '../../features/polling/getStepPolling';
 import { StepRefreshAfter } from '../../features/refreshAfter/getStepRefreshAfter';
@@ -27,7 +27,7 @@ export type StepDomainComponent = BaseComponent & {
     title?: string;
     modals: ModalComponent[];
     tags?: string[];
-    submissionRequestsCache: SubmissionRequestCache;
+    requestCache: RequestCache;
     dismissModal: () => void;
     dismissAllModals: () => void;
     showModal: (modal: ModalComponent) => void;
@@ -47,7 +47,7 @@ export type BackNavigation = {
     title?: string;
     onClick: () => void;
 };
-export declare const createStepComponent: (stepProps: Pick<StepDomainComponent, "uid" | "back" | "toolbar" | "layoutComponents" | "schemaComponents" | "footerComponents" | "control" | "description" | "error" | "externalConfirmation" | "loadingState" | "stackBehavior" | "etag" | "step" | "title" | "tags" | "submissionRequestsCache" | "trackEvent" | "onBehavior"> & {
+export declare const createStepComponent: (stepProps: Pick<StepDomainComponent, "uid" | "back" | "toolbar" | "layoutComponents" | "schemaComponents" | "footerComponents" | "control" | "description" | "error" | "externalConfirmation" | "loadingState" | "stackBehavior" | "etag" | "step" | "title" | "tags" | "requestCache" | "trackEvent" | "onBehavior"> & {
     stepPolling?: StepPolling;
     stepRefreshAfter?: StepRefreshAfter;
     updateComponent: UpdateComponent;

package/build/types/domain/features/eventNames.d.ts

@@ -0,0 +1 @@
+export declare const eventNames: readonly ["Initiated", "Succeeded", "Failed", "Cancelled", "Step Shown", "Action Triggered", "Action Succeeded", "Action Aborted", "Action Failed", "Refresh Triggered", "Refresh Succeeded", "Refresh Aborted", "Refresh Failed", "OneOf Selected", "OneOf Option Selected", "PersistAsync Triggered", "PersistAsync Succeeded", "PersistAsync Failed", "Polling Failed", "ValidationAsync Triggered", "ValidationAsync Succeeded", "ValidationAsync Failed"];

package/build/types/domain/features/events.d.ts

@@ -1,6 +1,7 @@
+import { eventNames } from './eventNames';
 export type AnalyticsEventHandler = (eventName: string, properties?: Record<string, unknown>) => void;
 export type AnalyticsEventDispatcher<E extends string = EventName> = (eventName: E, properties?: Record<string, unknown>) => void;
-export type EventName = 'Initiated' | 'Succeeded' | 'Failed' | 'Cancelled' | 'Step Shown' | 'Action Triggered' | 'Action Succeeded' | 'Action Aborted' | 'Action Failed' | 'Refresh Triggered' | 'Refresh Succeeded' | 'Refresh Aborted' | 'Refresh Failed' | 'OneOf Selected' | 'PersistAsync Triggered' | 'PersistAsync Succeeded' | 'PersistAsync Failed' | 'Polling Failed' | 'ValidationAsync Triggered' | 'ValidationAsync Succeeded' | 'ValidationAsync Failed' | 'Value Changed';
+export type EventName = (typeof eventNames)[number];
 export type LogLevel = 'info' | 'warning' | 'error';
 export type LoggingEventHandler = (level: LogLevel, message: string, extra: Record<string, unknown>) => void;
 export type LoggingEventDispatcher = (level: LogLevel, message: string, extra?: Record<string, unknown>) => void;

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

@@ -1,4 +1,5 @@
 import type { AnalyticsEventDispatcher } from '../features/events';
+import { RequestCache } from '../prefetching/request-cache';
 import type { LoadingState, OnPoll } from '../types';
 import type { MapperProps } from './schema/types';
 import { FeatureFlags } from './utils/FeatureFlags';
@@ -8,6 +9,7 @@ export type StepMapperProps = Omit<MapperProps, 'trackEvent' | 'registerSubmissi
     loadingState: LoadingState;
     trackEvent: AnalyticsEventDispatcher<string>;
     features: FeatureFlags;
+    flowRequestCache: RequestCache;
     onPoll: OnPoll;
 };
 export declare const mapStepToComponent: ({ uid: rootUid, loadingState, features, trackEvent, onPoll, onBehavior, ...restProps }: StepMapperProps) => import("../components/step/StepDomainComponent").StepDomainComponent;

package/build/types/domain/prefetching/request-cache.d.ts

@@ -1,9 +1,9 @@
 import { HttpClient } from '../../types';
-export type SubmissionRequestCache = {
-    has: (...requestParams: Parameters<HttpClient>) => boolean;
-    get: (...requestParams: Parameters<HttpClient>) => Promise<Response | null> | undefined;
-    delete: (...requestParams: Parameters<HttpClient>) => boolean;
-    set: (...[input, init, response]: [...Parameters<HttpClient>, Promise<Response | null>]) => void;
-    clear: () => void;
+export type RequestCache = {
+    get: (requestParams: Parameters<HttpClient>) => Promise<Response | null> | undefined;
+    set: (requestParams: Parameters<HttpClient>, responsePromise: Promise<Response | null>) => void;
 };
-export declare const makeRequestCache: () => SubmissionRequestCache;
+export type RequestCacheEntries = readonly [Parameters<HttpClient>, Promise<Response | null>][];
+export declare const makeRequestCacheWithParent: (parent: RequestCache | undefined) => RequestCache;
+export declare const makeRequestCache: (initialValues?: RequestCacheEntries) => RequestCache;
+export declare const normaliseRequestCache: (cache: RequestCache | RequestCacheEntries | undefined) => RequestCache;

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

@@ -1,4 +1,4 @@
-import type { Action, ActionBehavior, CopyBehavior, DismissBehavior, Icon, JsonElement, LinkBehavior, Margin, ModalBehavior, Model } from '@wise/dynamic-flow-types/spec';
+import type { Action, ActionBehavior, CopyBehavior, DismissBehavior, Icon, JsonElement, LaunchConfig, LinkBehavior, Margin, ModalBehavior, Model } from '@wise/dynamic-flow-types/spec';
 import type { AlertComponent } from './components/AlertComponent';
 import type { AllOfComponent } from './components/AllOfComponent';
 import type { BooleanInputComponent } from './components/BooleanInputComponent';
@@ -42,7 +42,8 @@ import type { TabsComponent } from './components/TabsComponent';
 import type { TextInputComponent } from './components/TextInputComponent';
 import type { TupleComponent } from './components/TupleComponent';
 import type { UploadInputComponent } from './components/UploadInputComponent';
-export type DomainComponent = RootDomainComponent | StepDomainComponent | PersistAsyncComponent | AllOfComponent | BooleanInputComponent | ConstComponent | DateInputComponent | IntegerInputComponent | MultiSelectComponent | MultiUploadInputComponent | NumberInputComponent | ObjectComponent | RepeatableComponent | SelectInputComponent | TextInputComponent | TupleComponent | UploadInputComponent | AlertComponent | BoxComponent | ButtonComponent | ColumnsComponent | ContainerComponent | DecisionComponent | DividerComponent | ExternalConfirmationComponent | FormattedValueComponent | FormComponent | HeadingComponent | ImageComponent | InstructionsComponent | ListComponent | LoadingIndicatorComponent | MarkdownComponent | ModalLayoutComponent | ModalComponent | MoneyInputComponent | ParagraphComponent | ProgressComponent | ReviewComponent | SearchComponent | SectionComponent | StatusListComponent | TabsComponent;
+import type { SubflowDomainComponent } from './components/SubflowDomainComponent';
+export type DomainComponent = RootDomainComponent | StepDomainComponent | PersistAsyncComponent | AllOfComponent | BooleanInputComponent | ConstComponent | DateInputComponent | IntegerInputComponent | MultiSelectComponent | MultiUploadInputComponent | NumberInputComponent | ObjectComponent | RepeatableComponent | SelectInputComponent | TextInputComponent | TupleComponent | UploadInputComponent | AlertComponent | BoxComponent | ButtonComponent | ColumnsComponent | ContainerComponent | DecisionComponent | DividerComponent | ExternalConfirmationComponent | FormattedValueComponent | FormComponent | HeadingComponent | ImageComponent | InstructionsComponent | ListComponent | LoadingIndicatorComponent | MarkdownComponent | ModalLayoutComponent | ModalComponent | MoneyInputComponent | ParagraphComponent | ProgressComponent | ReviewComponent | SearchComponent | SectionComponent | StatusListComponent | SubflowDomainComponent | TabsComponent;
 export type SchemaComponent = DomainComponent & {
     kind: 'input';
 };
@@ -67,9 +68,14 @@ export type CallToAction = {
     href: string;
     onClick: () => void;
 };
-export type Behavior = (ActionBehavior | CopyBehavior | DismissBehavior | LinkBehavior | ModalBehavior | NonMergingActionBehaviour | NullBehavior | RefreshBehavior | BackBehaviour) & {
+export type Behavior = (ActionBehavior | CopyBehavior | DismissBehavior | LinkBehavior | ModalBehavior | NonMergingActionBehaviour | NullBehavior | RefreshBehavior | BackBehaviour | SubflowBehavior) & {
     analytics?: Record<string, unknown>;
 };
+export type Presentation = {
+    type: 'modal';
+} | {
+    type: 'push';
+};
 type NonMergingActionBehaviour = Omit<ActionBehavior, 'type'> & {
     type: 'non-merging-action';
 };
@@ -84,6 +90,14 @@ type RefreshBehavior = {
     type: 'refresh';
     url?: string;
 };
+export type SubflowBehavior = {
+    type: 'subflow';
+    referrerId: string;
+    launchConfig: LaunchConfig;
+    resultKey?: string;
+    onCompletion?: Behavior;
+    onError?: Behavior;
+};
 export type BaseComponent = {
     kind: 'step' | 'input' | 'layout';
     type: string;

package/build/types/flow/executeRequest.d.ts

@@ -0,0 +1,39 @@
+import { ErrorResponseBody, Model, Request, Step } from '@wise/dynamic-flow-types/spec';
+import { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../domain/features/events';
+import { RequestCache } from '../domain/prefetching/request-cache';
+import { Behavior } from '../domain/types';
+export type Command = {
+    type: 'complete';
+    result: Model;
+} | {
+    type: 'replace-step';
+    step: Step;
+    etag: string | null;
+} | {
+    type: 'error';
+    body?: {
+        analytics?: ErrorResponseBody['analytics'];
+        errors?: Step['errors'];
+    };
+    httpError?: {
+        message?: string;
+        statusCode?: number;
+    };
+} | {
+    type: 'refresh';
+    body: {
+        refreshUrl: string;
+        errors?: Step['errors'];
+    };
+} | {
+    type: 'behavior';
+    behavior: Behavior;
+};
+export declare const executeRequest: (props: {
+    exit?: boolean;
+    request: Request;
+    requestCache: RequestCache;
+    httpClient: typeof fetch;
+    trackEvent: AnalyticsEventDispatcher<string>;
+    logEvent: LoggingEventDispatcher;
+}) => Promise<Command>;

package/build/types/flow/executeSubmission.d.ts

@@ -1,42 +1,15 @@
-import type { Action, ErrorResponseBody, Model, Step } from '@wise/dynamic-flow-types/spec';
+import type { Action, Model, Request } from '@wise/dynamic-flow-types/spec';
 import type { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../domain/features/events';
-import { SubmissionRequestCache } from '../domain/prefetching/request-cache';
-import type { Behavior } from '../domain/types';
+import { RequestCache } from '../domain/prefetching/request-cache';
 import { HttpClient } from '../types';
-type Command = {
-    type: 'complete';
-    result: Model;
-} | {
-    type: 'replace-step';
-    step: Step;
-    etag: string | null;
-} | {
-    type: 'error';
-    body?: {
-        analytics?: ErrorResponseBody['analytics'];
-        errors?: Step['errors'];
-    };
-    httpError?: {
-        message?: string;
-        statusCode?: number;
-    };
-} | {
-    type: 'refresh';
-    body: {
-        refreshUrl: string;
-        errors?: Step['errors'];
-    };
-} | {
-    type: 'behavior';
-    behavior: Behavior;
-};
+import { Command } from './executeRequest';
 export declare const executeSubmission: (props: {
     action: Action;
     model: Model;
     isInitial: boolean;
-    requestCache: SubmissionRequestCache | undefined;
+    requestCache: RequestCache;
     httpClient: HttpClient;
-    trackEvent: AnalyticsEventDispatcher;
+    trackEvent: AnalyticsEventDispatcher<string>;
     logEvent: LoggingEventDispatcher;
 }) => Promise<Command>;
-export {};
+export declare const createRequestFromAction: (action: Action, model: Model) => Request;

package/build/types/flow/getResponseType.d.ts

@@ -1,4 +1,4 @@
-declare const responseTypes: readonly ["step", "action", "exit", "modal"];
+declare const responseTypes: readonly ["step", "action", "exit", "modal", "subflow"];
 export type ResponseType = (typeof responseTypes)[number];
 /**
  * Returns either 'step', 'action', or 'exit' based on the response headers and body.

package/build/types/flow/getSafeHttpClient.d.ts

@@ -0,0 +1 @@
+export declare const getSafeHttpClient: (httpClient: typeof fetch) => (input: Parameters<typeof fetch>[0], init?: Parameters<typeof fetch>[1]) => Promise<Response | null>;

package/build/types/flow/handleErrorResponse.d.ts

@@ -0,0 +1,3 @@
+import { AnalyticsEventDispatcher } from '../domain/features/events';
+import { Command } from './executeRequest';
+export declare const handleErrorResponse: (response: Response, actionId: string | undefined, trackEvent: AnalyticsEventDispatcher) => Promise<Command>;

package/build/types/flow/response-utils.d.ts

@@ -1,10 +1,11 @@
-import type { ActionResponseBody, ErrorResponseBody, JsonElement, ModalBehavior, Step } from '@wise/dynamic-flow-types/spec';
+import type { ActionResponseBody, ErrorResponseBody, JsonElement, ModalBehavior, Step, SubflowResponseBody } from '@wise/dynamic-flow-types/spec';
 export declare const assertResponseIsValid: (response: unknown) => void;
 export declare const parseResponseBodyAsJsonElement: (response: Response) => Promise<JsonElement>;
 export declare const parseResponseBodyAsText: (response: Response) => Promise<string | null>;
 export declare function isActionResponseBody(body: unknown): body is ActionResponseBody;
 export declare function assertActionResponseBody(body: unknown): asserts body is ActionResponseBody;
 export declare function assertModalResponseBody(body: unknown): asserts body is Omit<ModalBehavior, 'type'>;
+export declare function assertSubflowResponseBody(body: unknown): asserts body is SubflowResponseBody;
 export declare function isErrorResponseBody(body: unknown): body is ErrorResponseBody;
 export declare function assertErrorResponseBody(body: unknown): asserts body is ErrorResponseBody;
 export declare function assertStepResponseBody(body: unknown): asserts body is Step;

package/build/types/getSubflowCallbacks.d.ts

@@ -0,0 +1,14 @@
+import { OnBehavior, SubflowBehavior } from './domain/types';
+import { AnalyticsEventDispatcher } from './domain/features/events';
+import { SubflowDomainComponent } from './domain/components/SubflowDomainComponent';
+type Props = {
+    behavior: SubflowBehavior;
+    onBehavior: OnBehavior;
+    close: () => void;
+    onError: (error: unknown, analytics?: Record<string, unknown>, status?: number) => void;
+    onEvent: AnalyticsEventDispatcher<string>;
+    restart: () => void;
+};
+type SubflowCallbacks = Pick<SubflowDomainComponent, 'onCompletion' | 'onError' | 'onEvent' | 'onCancellation'>;
+export declare const getSubflowCallbacks: ({ behavior, close, restart, onBehavior, onError, onEvent, }: Props) => SubflowCallbacks;
+export {};

package/build/types/index.d.ts

@@ -3,4 +3,8 @@ export { default as translations } from './i18n';
 export type { DynamicFlowCoreProps as DynamicFlowProps } from './types';
 export { findRendererPropsByType } from './renderers/utils';
 export { useDynamicFlow } from './useDynamicFlow';
+export { useDynamicFlowModal } from './useDynamicFlowModal';
 export { DynamicFlowCore as DynamicFlow } from './DynamicFlowCore';
+export { makeRequestCache } from './domain/prefetching/request-cache';
+export type { EventName } from './domain/features/events';
+export { eventNames } from './domain/features/eventNames';

package/build/types/renderers/mappers/subflowComponentToRendererProps.d.ts

@@ -0,0 +1,4 @@
+import { SubflowRendererProps } from '@wise/dynamic-flow-types/renderers';
+import { SubflowDomainComponent } from '../../domain/components/SubflowDomainComponent';
+import { RendererMapperProps } from './componentToRendererProps';
+export declare const subflowComponentToRendererProps: (component: SubflowDomainComponent, rendererMapperProps: RendererMapperProps) => SubflowRendererProps;

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

@@ -0,0 +1,12 @@
+import { DynamicFlowCoreProps } from '../types';
+type MakeOptional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
+export type DynamicFlowWiseProps = MakeOptional<DynamicFlowCoreProps, 'renderers' | 'onLink'> & {
+    onAnalytics?: DynamicFlowWiseProps['onEvent'];
+};
+/**
+ * This component is only used in tests.
+ */
+export declare function DynamicFlowWiseModal(props: DynamicFlowWiseProps & {
+    open?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import { DynamicFlowWiseProps } from './DynamicFlowWise';
+export declare const getMergedTestRenderers: (props: DynamicFlowWiseProps) => (import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").CoreContainerRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").RootRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").StepRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").AlertRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").BoxRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ColumnsRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").DecisionRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").DividerRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ExternalConfirmationRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").FormattedValueRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").FormRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").HeadingRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").InstructionsRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ListRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").LoadingIndicatorRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").MarkdownRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ImageRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ModalLayoutRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ModalRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ParagraphRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ProgressRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ReviewRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").SearchRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").StatusListRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").CheckboxInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ButtonRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").DateInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").HiddenRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").IntegerInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").MoneyInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").NumberInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").RepeatableRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").FormSectionRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").SelectInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").SectionRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").SubflowRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").MultiSelectInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").TabsRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").TextInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").UploadInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").MultiUploadInputRendererProps>)[];

package/build/types/types.d.ts

@@ -1,6 +1,7 @@
 import type { Renderers } from '@wise/dynamic-flow-types/renderers';
 import type { Model, Step } from '@wise/dynamic-flow-types/spec';
 import type { AnalyticsEventHandler, LoggingEventHandler } from './domain/features/events';
+import { RequestCache, RequestCacheEntries } from './domain/prefetching/request-cache';
 export type DynamicFlowCoreProps = {
     flowId: string;
     initialAction?: InitialAction;
@@ -8,6 +9,7 @@ export type DynamicFlowCoreProps = {
     httpClient: HttpClient;
     renderers: Renderers;
     features?: Record<string, unknown>;
+    requestCache?: RequestCache | RequestCacheEntries;
     onCancellation?: () => void;
     onCompletion: (result: Model) => void;
     onCopy?: (copiedString: string | null) => void;

package/build/types/useDynamicFlowController.d.ts

@@ -5,7 +5,7 @@ import type { DynamicFlowCoreProps } from './types';
 type UseDynamicFlowCoreProps = Omit<DynamicFlowCoreProps, 'renderers' | 'features'> & {
     features: FeatureFlags;
     onValueChange?: OnValueChange;
-    scrollToTop?: ScrollToTop;
+    scrollToTop: ScrollToTop;
     onLink: (url: string) => boolean;
 };
 export declare function useDynamicFlowController(props: UseDynamicFlowCoreProps): {

package/build/types/useDynamicFlowModal.d.ts

@@ -0,0 +1,16 @@
+import { JsonElement } from '@wise/dynamic-flow-types/spec';
+import { DynamicFlowProps } from '.';
+export declare const useDynamicFlowModal: (props: DynamicFlowProps) => {
+    modal: {
+        body: import("react/jsx-runtime").JSX.Element;
+        open: boolean;
+        onClose: () => void;
+        onUnmount: () => void;
+    };
+    controller: {
+        getSubmittableValue: () => Promise<JsonElement>;
+        validate: () => boolean;
+        cancel: () => void;
+    };
+    view: import("react/jsx-runtime").JSX.Element;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "5.3.0",
+  "version": "5.4.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -32,14 +32,14 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "4.1.3",
-    "@formatjs/cli": "^6.11.0",
-    "@storybook/addon-a11y": "^10.1.11",
-    "@storybook/addon-docs": "^10.1.11",
-    "@storybook/addon-links": "^10.1.11",
-    "@storybook/react-vite": "10.1.11",
+    "@formatjs/cli": "^6.12.0",
+    "@storybook/addon-a11y": "^10.2.0",
+    "@storybook/addon-docs": "^10.2.0",
+    "@storybook/addon-links": "^10.2.0",
+    "@storybook/react-vite": "10.2.0",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
-    "@testing-library/react": "16.3.1",
+    "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "14.6.1",
     "@transferwise/components": "^46.121.1",
     "@transferwise/formatting": "^2.13.4",
@@ -54,8 +54,8 @@
     "@wise/art": "2.26.0",
     "@wise/components-theming": "^1.10.0",
     "esbuild": "0.27.0",
-    "eslint-plugin-storybook": "10.1.11",
-    "framer-motion": "^12.26.2",
+    "eslint-plugin-storybook": "10.2.0",
+    "framer-motion": "^12.29.0",
     "npm-run-all2": "8.0.4",
     "postcss": "^8.5.6",
     "postcss-cli": "^11.0.1",
@@ -63,17 +63,17 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-intl": "6.8.9",
-    "storybook": "^10.1.11",
+    "storybook": "^10.2.0",
     "stylelint": "16.26.1",
     "stylelint-config-standard": "36.0.1",
     "stylelint-no-unsupported-browser-features": "8.0.5",
-    "stylelint-value-no-unknown-custom-properties": "6.1.0",
+    "stylelint-value-no-unknown-custom-properties": "6.1.1",
     "tsx": "4.21.0",
     "typescript": "5.9.3",
-    "vitest": "4.0.17",
+    "vitest": "4.0.18",
     "vitest-fetch-mock": "0.4.5",
-    "@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.104.0",
@@ -83,10 +83,10 @@
     "@wise/art": "^2.19.0",
     "react": "^18",
     "react-dom": "^18",
-    "react-intl": "^6"
+    "react-intl": "^6 || ^7"
   },
   "dependencies": {
-    "@wise/dynamic-flow-types": "4.4.0"
+    "@wise/dynamic-flow-types": "4.5.0"
   },
   "scripts": {
     "dev": "EXCLUDE_VISUAL_TESTS=true pnpm storybook dev -p 3003",

package/build/types/flow/makeSubmissionRequest.d.ts

@@ -1,3 +0,0 @@
-import type { Action, JsonElement } from '@wise/dynamic-flow-types/spec';
-import { HttpClient } from '../types';
-export declare const makeSubmissionRequest: (action: Action, model: JsonElement) => Parameters<HttpClient>;