@wise/dynamic-flow-client 3.2.2 → 3.3.0

package/build/types/legacy/formControl/FormControl.d.ts

@@ -45,7 +45,10 @@ export default class FormControl extends PureComponent<FormControlProps, FormCon
         prevValue: string | number | boolean | Date | null;
         value: string | number | boolean | Date | null;
     } | null;
-    getAutocompleteValue: () => string;
+    getAutocompleteValue: ({ prefix, suffix }?: {
+        prefix?: string | undefined;
+        suffix?: string | undefined;
+    }) => string;
     handleOnChange: (value: string | number | boolean | null, metadata?: OnChangeProps['metadata']) => void;
     handleInputOnChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
     handleOnFocus: () => void;

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

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

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

@@ -1,14 +1,13 @@
-import type { BaseComponent, DomainComponent, LoadingState, LocalValue } from '../types';
+import type { BaseComponent, DomainComponent, LoadingState, LocalValue, UpdateComponent } from '../types';
 export type StepDomainComponent = BaseComponent & {
     type: 'step';
     loadingState: LoadingState;
     components: DomainComponent[];
+    setLoadingState: (loadingState: LoadingState) => void;
     getChildren: () => DomainComponent[];
     getLocalValue: () => LocalValue;
 };
-export declare const createStepComponent: (containerProps: {
-    uid: string;
-    loadingState: LoadingState;
-    components: DomainComponent[];
+export declare const createStepComponent: (stepProps: Pick<StepDomainComponent, "components" | "loadingState" | "uid"> & {
+    updateComponent: UpdateComponent;
 }) => StepDomainComponent;
-export declare const createEmptyStepComponent: () => StepDomainComponent;
+export declare const createEmptyStepComponent: (updateComponent: UpdateComponent) => StepDomainComponent;

package/build/types/revamp/domain/components/utils/getComponentForLocalValueKey.d.ts

@@ -0,0 +1,7 @@
+import type { DomainComponent } from '../../types';
+/**
+ * Returns a component that is a child (or grandchild, etc.) of the given component,
+ * which is "responsible" for the value of the given key,
+ * or null if there isn't any.
+ */
+export declare const getComponentForLocalValueKey: (key: string, component: DomainComponent) => DomainComponent | null;

package/build/types/revamp/domain/features/{events/getAnalyticsEventDispatcher.d.ts → events.d.ts}

@@ -1,10 +1,6 @@
-import type { Step } from '@wise/dynamic-flow-types/build/next';
 export type AnalyticsEventHandler = (eventName: string, properties?: Record<string, unknown>) => void;
 export type AnalyticsEventDispatcher = (eventName: EventName, properties?: Record<string, unknown>) => void;
-export declare const getAnalyticsEventDispatcher: ({ flowId, stepId, analytics, onEvent, }: {
-    flowId: string;
-    stepId?: string | undefined;
-    analytics?: Step['analytics'];
-    onEvent?: AnalyticsEventHandler | undefined;
-}) => AnalyticsEventDispatcher;
 export type EventName = 'Flow Started' | 'Flow Succeeded' | 'Flow Failed' | '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' | 'ValidationAsync Triggered' | 'ValidationAsync Succeeded' | 'ValidationAsync Failed' | 'Search Started' | 'Search Result Selected';
+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/revamp/domain/mappers/schema/types.d.ts

@@ -1,8 +1,8 @@
 import type { Step as DFStep, Model, Schema, ValidationError } from '@wise/dynamic-flow-types/build/next';
+import type { HttpClient } from '../../../types';
+import type { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../../features/events';
 import type { LocalValue, OnAction, OnRefresh, UpdateComponent } from '../../types';
 import type { GetErrorMessageFunctions, PersistAsyncConfig } from '../types';
-import type { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../../features/events';
-import type { HttpClient } from '../../../types';
 export type MapperProps = {
     stepLocalValue: LocalValue;
     step: DFStep;

package/build/types/revamp/{step/utils → renderers}/getRenderFunction.d.ts

@@ -1,3 +1,3 @@
-import type { DomainComponent } from '../../domain/types';
-import type { Renderers } from '../../types';
+import type { DomainComponent } from '../domain/types';
+import type { Renderers } from '../types';
 export declare const getRenderFunction: (renderers: Renderers) => (component: DomainComponent) => JSX.Element;

package/build/types/revamp/{step/utils → renderers}/getSchemaErrorMessageFunction.d.ts

@@ -1,3 +1,3 @@
 import type { IntlFormatters } from 'react-intl';
-import type { GetErrorMessageFunctions } from '../../domain/mappers/types';
+import type { GetErrorMessageFunctions } from '../domain/mappers/types';
 export declare function getSchemaErrorMessageFunction(formatMessage: IntlFormatters['formatMessage'], locale: string): GetErrorMessageFunctions;

package/build/types/revamp/utils/useStableCallback.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Returns a referentially stable function that always calls the latest function.
+ * @param handler
+ * @returns
+ */
+export declare function useStableCallback<T extends (...args: any[]) => any>(handler: T | undefined): T;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "3.2.2",
+  "version": "3.3.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -19,14 +19,14 @@
     "url": "git+https://github.com/transferwise/dynamic-flow.git"
   },
   "devDependencies": {
-    "@babel/core": "7.24.0",
-    "@babel/plugin-syntax-flow": "7.23.3",
+    "@babel/core": "7.24.3",
+    "@babel/plugin-syntax-flow": "7.24.1",
     "@babel/plugin-transform-react-jsx": "7.23.4",
-    "@babel/preset-env": "7.24.0",
-    "@babel/preset-react": "7.23.3",
-    "@babel/preset-typescript": "7.23.3",
+    "@babel/preset-env": "7.24.3",
+    "@babel/preset-react": "7.24.1",
+    "@babel/preset-typescript": "7.24.1",
     "@cfaester/enzyme-adapter-react-18": "0.7.1",
-    "@formatjs/cli": "^6.2.7",
+    "@formatjs/cli": "^6.2.8",
     "@storybook/addon-a11y": "7.6.17",
     "@storybook/addon-actions": "7.6.17",
     "@storybook/addon-essentials": "7.6.17",
@@ -37,10 +37,10 @@
     "@storybook/testing-library": "0.2.2",
     "@testing-library/dom": "9.3.4",
     "@testing-library/jest-dom": "6.4.2",
-    "@testing-library/react": "14.2.1",
+    "@testing-library/react": "14.2.2",
     "@testing-library/react-hooks": "8.0.1",
     "@testing-library/user-event": "14.5.2",
-    "@transferwise/components": "46.17.2",
+    "@transferwise/components": "46.20.1",
     "@transferwise/formatting": "^2.13.0",
     "@transferwise/icons": "3.13.0",
     "@transferwise/neptune-css": "14.9.5",
@@ -53,7 +53,7 @@
     "@types/testing-library__jest-dom": "5.14.9",
     "@wise/art": "2.9.2",
     "@wise/components-theming": "^0.8.4",
-    "@wise/forms": "0.3.1",
+    "@wise/forms": "0.3.3",
     "babel-jest": "29.7.0",
     "currency-flags": "4.0.7",
     "enzyme": "^3.11.0",
@@ -64,19 +64,19 @@
     "jest-watch-typeahead": "^2.2.2",
     "nanoid": "5.0.6",
     "npm-run-all2": "5.0.2",
-    "postcss": "^8.4.36",
+    "postcss": "^8.4.38",
     "postcss-cli": "^10.1.0",
     "postcss-import": "^15.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-intl": "6.6.2",
+    "react-intl": "6.6.3",
     "storybook": "7.6.17",
-    "stylelint": "16.2.1",
+    "stylelint": "16.3.0",
     "stylelint-config-standard": "36.0.0",
     "stylelint-no-unsupported-browser-features": "5.0.4",
     "stylelint-value-no-unknown-custom-properties": "6.0.1",
     "typescript": "4.9.5",
-    "webpack": "5.90.3",
+    "webpack": "5.91.0",
     "@wise/dynamic-flow-fixtures": "0.0.1"
   },
   "peerDependencies": {

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

@@ -1,4 +0,0 @@
-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;
-export declare const getLoggingEventDispatcher: (onLog?: LoggingEventHandler) => LoggingEventDispatcher;

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

@@ -1,2 +0,0 @@
-export * from './getAnalyticsEventDispatcher';
-export * from './getLogggingEventDispatcher';

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

@@ -1,25 +0,0 @@
-import type { Action, Step as DFStep, Model } from '@wise/dynamic-flow-types/build/next';
-import type { DomainComponent, LoadingState, LocalValue } from '../domain/types';
-import type { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../domain/features/events';
-import type { GetErrorMessageFunctions } from '../domain/mappers/types';
-import type { HttpClient } from '../types';
-type StepProps = {
-    localValue: LocalValue;
-    step: DFStep;
-    displayStepTitle?: boolean;
-    loadingState: LoadingState;
-    getErrorMessageFunctions: GetErrorMessageFunctions;
-    render: (component: DomainComponent) => JSX.Element;
-    httpClient: HttpClient;
-    trackEvent: AnalyticsEventDispatcher;
-    logEvent: LoggingEventDispatcher;
-    triggerSubmission: (action: Action, model: Model, localValue: LocalValue) => Promise<void>;
-    triggerRefresh: (props: {
-        refreshUrl: string;
-        model: Model;
-        localValue: LocalValue;
-        schemaId: string | undefined;
-    }) => Promise<void>;
-};
-declare function Step({ localValue: initialLocalValue, step, displayStepTitle, loadingState, getErrorMessageFunctions, render, httpClient, trackEvent, logEvent, triggerSubmission, triggerRefresh, }: StepProps): JSX.Element;
-export default Step;