@wise/dynamic-flow-client 5.3.0 → 5.4.1-experimental-ede02d2

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/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.1-experimental-ede02d2",
   "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,14 +63,14 @@
     "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"
@@ -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/executeSubmission.d.ts

@@ -1,42 +0,0 @@
-import type { Action, ErrorResponseBody, Model, Step } 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 { 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;
-};
-export declare const executeSubmission: (props: {
-    action: Action;
-    model: Model;
-    isInitial: boolean;
-    requestCache: SubmissionRequestCache | undefined;
-    httpClient: HttpClient;
-    trackEvent: AnalyticsEventDispatcher;
-    logEvent: LoggingEventDispatcher;
-}) => Promise<Command>;
-export {};

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>;

package/build/types/useDynamicFlowController.d.ts

@@ -1,15 +0,0 @@
-import { RootDomainComponent } from './domain/components/RootDomainComponent';
-import { FeatureFlags } from './domain/mappers/utils/FeatureFlags';
-import type { OnValueChange, ScrollToTop } from './domain/types';
-import type { DynamicFlowCoreProps } from './types';
-type UseDynamicFlowCoreProps = Omit<DynamicFlowCoreProps, 'renderers' | 'features'> & {
-    features: FeatureFlags;
-    onValueChange?: OnValueChange;
-    scrollToTop?: ScrollToTop;
-    onLink: (url: string) => boolean;
-};
-export declare function useDynamicFlowController(props: UseDynamicFlowCoreProps): {
-    rootComponent: RootDomainComponent;
-    cancel: () => void;
-};
-export {};