@wise/dynamic-flow-client-internal 4.37.0 → 5.0.0-experimental-feace93

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

@@ -1,35 +1,30 @@
-import type { DynamicFlowProps as DynamicFlowCoreLegacyProps, DynamicFlowRevampProps as DynamicFlowCoreRevampProps, DynamicFlowLegacyPropsWithInitialAction, DynamicFlowLegacyPropsWithInitialStep, DynamicFlowRevampPropsWithInitialAction, DynamicFlowRevampPropsWithInitialStep, DynamicFormController } from '@wise/dynamic-flow-client';
+import type { ForwardRefExoticComponent, RefAttributes } from 'react';
+import type { DynamicFlowProps as DynamicFlowCoreProps, DynamicFormController } from '@wise/dynamic-flow-client';
 import { Theming } from '@wise/components-theming';
-/**
- * @deprecated Use DynamicFlowRevampProps instead. See https://transferwise.atlassian.net/wiki/x/B0FJwg
- */
-export type DynamicFlowLegacyProps = (Omit<DynamicFlowLegacyPropsWithInitialAction, 'httpClient'> | Omit<DynamicFlowLegacyPropsWithInitialStep, 'httpClient'>) & {
-    customFetch?: DynamicFlowCoreLegacyProps['httpClient'];
-};
-/**
- * @deprecated Use DynamicFlowRevamp instead. See https://transferwise.atlassian.net/wiki/x/B0FJwg
- */
-export declare function DynamicFlowLegacy(props: DynamicFlowLegacyProps): import("react/jsx-runtime").JSX.Element;
 type MakeOptional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
 export type OnThemeChange = (theme: Theming['theme']) => void;
-export type DynamicFlowRevampProps = (MakeOptional<Omit<DynamicFlowRevampPropsWithInitialAction, 'httpClient'>, 'renderers' | 'onLink'> | MakeOptional<Omit<DynamicFlowRevampPropsWithInitialStep, 'httpClient'>, 'renderers' | 'onLink'>) & {
+type Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+export type DynamicFlowProps = Prettify<MakeOptional<Omit<DynamicFlowCoreProps, 'httpClient'>, 'renderers' | 'onLink'> & {
     className?: string;
-    customFetch?: DynamicFlowCoreRevampProps['httpClient'];
-    onAnalytics?: DynamicFlowCoreRevampProps['onEvent'];
+    /**
+     * @deprecated Use `features` prop with `hideStepTitle` instead.
+     */
+    displayStepTitle?: boolean;
+    customFetch?: DynamicFlowCoreProps['httpClient'];
+    onAnalytics?: DynamicFlowCoreProps['onEvent'];
     onThemeChange?: OnThemeChange;
-};
-export declare function DynamicFlowRevamp(props: DynamicFlowRevampProps): import("react/jsx-runtime").JSX.Element;
-export type DynamicFormProps = Omit<DynamicFlowRevampProps, 'onCompletion'> & {
+}>;
+export declare function DynamicFlow(props: DynamicFlowProps): import("react/jsx-runtime").JSX.Element;
+export type DynamicFormProps = Omit<DynamicFlowProps, 'onCompletion'> & {
     onValueChange?: () => void;
-    onCompletion?: DynamicFlowRevampProps['onCompletion'];
+    onCompletion?: DynamicFlowProps['onCompletion'];
 };
 /**
- * DynamicForm is like DynamicFlowRevamp, but it also accepts a ForwardedRef.
+ * DynamicForm is like DynamicFlow, but it also accepts a ForwardedRef.
  * This ref conforms to the DynamicFormController type, containing two functions: `getValue` and `validate`.
  * @experimental This component may be changed in the future without notice.
  */
-export declare const DynamicForm: import("react").ForwardRefExoticComponent<Omit<DynamicFlowRevampProps, "onCompletion"> & {
-    onValueChange?: () => void;
-    onCompletion?: DynamicFlowRevampProps["onCompletion"];
-} & import("react").RefAttributes<DynamicFormController>>;
+export declare const DynamicForm: ForwardRefExoticComponent<DynamicFormProps & RefAttributes<DynamicFormController>>;
 export {};

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

@@ -5,13 +5,11 @@
  */
 export declare const Header: ({ title, callToAction }: {
     title?: string;
-    callToAction?: import("@wise/dynamic-flow-types/build/renderers").CallToAction;
+    callToAction?: import("@wise/dynamic-flow-types/renderers").CallToAction;
 }) => "" | import("react/jsx-runtime").JSX.Element | undefined;
 export declare const Media: ({ media, preferAvatar, size }: {
-    media: import("@wise/dynamic-flow-types/build/renderers").Media | undefined;
+    media: import("@wise/dynamic-flow-types/renderers").Media | undefined;
     preferAvatar?: boolean;
     size: 24 | 48;
 }) => string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | null | undefined;
-export declare const getMargin: (size: import("@wise/dynamic-flow-types/build/next").Margin) => "m-b-0" | "m-b-1" | "m-b-2" | "m-b-3" | "m-b-5" | "";
-export declare const getListItemRenderers: () => import("@wise/dynamic-flow-client").Renderers;
-export declare const getButtonV2Renderers: () => import("@wise/dynamic-flow-client").Renderers;
+export declare const getMargin: (size: import("@wise/dynamic-flow-types/spec").Margin) => "m-b-0" | "m-b-1" | "m-b-2" | "m-b-3" | "m-b-5" | "";

package/build/types/dynamicFlow/telemetry/getLogEvent.d.ts

@@ -1,4 +1,4 @@
-import { DynamicFlowRevampProps } from '@wise/dynamic-flow-client';
+import { DynamicFlowProps } from '@wise/dynamic-flow-client';
 declare global {
     interface Window {
         Rollbar?: Rollbar;
@@ -9,6 +9,6 @@ type Rollbar = {
     warning: (message: Error | string, extra: unknown) => void;
     error: (message: Error | string, extra: unknown) => void;
 };
-type OnLog = DynamicFlowRevampProps['onLog'];
+type OnLog = DynamicFlowProps['onLog'];
 export declare const getLogEvent: (onLog: OnLog) => OnLog;
 export {};

package/build/types/dynamicFlow/telemetry/getTrackEvent.d.ts

@@ -1,5 +1,5 @@
-import { DynamicFlowRevampProps } from '@wise/dynamic-flow-client';
+import { DynamicFlowProps } from '@wise/dynamic-flow-client';
 import { OnThemeChange } from '../DynamicFlow';
-type OnEvent = DynamicFlowRevampProps['onEvent'];
+type OnEvent = DynamicFlowProps['onEvent'];
 export declare const getTrackEvent: (onEvent: OnEvent, onAnalytics: OnEvent, onThemeChange: OnThemeChange | undefined) => OnEvent;
 export {};

package/build/types/index.d.ts

@@ -1,8 +1,7 @@
 export { makeHttpClient as makeCustomFetch } from '@wise/dynamic-flow-client';
-export type { DynamicFlowProps, DynamicFormController, InitialAction, Step, } from '@wise/dynamic-flow-client';
-export type { AlertRendererProps, BoxRendererProps, ButtonRendererProps, CheckboxInputRendererProps, ColumnsRendererProps, DateInputRendererProps, DecisionRendererProps, DividerRendererProps, FormRendererProps, FormSectionRendererProps, HeadingRendererProps, HiddenRendererProps, ImageRendererProps, InstructionsRendererProps, IntegerInputRendererProps, LoadingIndicatorRendererProps, MarkdownRendererProps, ModalLayoutRendererProps, ModalRendererProps, MultiSelectInputRendererProps, MultiUploadInputRendererProps, NumberInputRendererProps, ParagraphRendererProps, Renderer, Renderers, RepeatableRendererProps, ReviewRendererProps, SearchRendererProps, SelectInputRendererProps, StatusListRendererProps, StepRendererProps, TextInputRendererProps, UploadInputRendererProps, } from '@wise/dynamic-flow-types/build/renderers';
-export { findRendererPropsByType, isValidSchema, JsonSchemaForm } from '@wise/dynamic-flow-client';
-export { Header, Media, getMargin, getListItemRenderers, getButtonV2Renderers, } from './dynamicFlow/renderers';
+export type { DynamicFormController } from '@wise/dynamic-flow-client';
+export type { DynamicFlowProps } from './dynamicFlow/DynamicFlow';
+export { DynamicFlow, DynamicForm } from './dynamicFlow/DynamicFlow';
+export { findRendererPropsByType } from '@wise/dynamic-flow-client';
+export { Header, Media, getMargin } from './dynamicFlow/renderers';
 export { default as translations } from './i18n';
-export type { DynamicFlowLegacyProps, DynamicFlowRevampProps } from './dynamicFlow/DynamicFlow';
-export { DynamicFlowLegacy, DynamicFlowRevamp, DynamicForm } from './dynamicFlow/DynamicFlow';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client-internal",
-  "version": "4.37.0",
+  "version": "5.0.0-experimental-feace93",
   "description": "Dynamic Flow web client for Wise",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -38,6 +38,9 @@
     "@babel/preset-typescript": "7.28.5",
     "@chromatic-com/storybook": "4.1.2",
     "@formatjs/cli": "^6.7.4",
+    "@storybook/addon-a11y": "^9.1.16",
+    "@storybook/addon-docs": "^9.1.16",
+    "@storybook/addon-links": "^9.1.16",
     "@storybook/react-vite": "9.1.16",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
@@ -75,9 +78,9 @@
     "stylelint-value-no-unknown-custom-properties": "6.0.1",
     "tsx": "4.20.6",
     "typescript": "5.9.3",
+    "@wise/dynamic-flow-types": "4.0.0-experimental-feace93",
     "@wise/dynamic-flow-fixtures": "0.0.1",
-    "@wise/dynamic-flow-renderers": "0.0.0",
-    "@wise/dynamic-flow-types": "3.18.0"
+    "@wise/dynamic-flow-renderers": "0.0.0"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.104.0",
@@ -91,9 +94,8 @@
     "react-intl": "^6"
   },
   "dependencies": {
-    "classnames": "2.5.1",
-    "@wise/dynamic-flow-client": "4.21.0",
-    "@wise/dynamic-flow-types": "3.18.0"
+    "@wise/dynamic-flow-client": "5.0.0-experimental-feace93",
+    "@wise/dynamic-flow-types": "4.0.0-experimental-feace93"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3005",

package/build/types/stories/utils/DynamicFlowSideBySide.d.ts

@@ -1,6 +0,0 @@
-import type { Step } from '@wise/dynamic-flow-client';
-declare function DynamicFlowSideBySide({ key, initialStep }: {
-    key: string;
-    initialStep: Step;
-}): import("react/jsx-runtime").JSX.Element;
-export default DynamicFlowSideBySide;