@wise/dynamic-flow-client 4.1.0-experimental-6bb6f02 → 4.2.0

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

@@ -1,6 +1,6 @@
 import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
-import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationAsyncState } from '../types';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, Suggestions, UpdateComponent, ValidationAsyncState } from '../types';
 import type { PerformRefresh } from '../features/refresh/getPerformRefresh';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
 export type DateInputComponent = InputComponent<string | null> & {
@@ -8,10 +8,11 @@ export type DateInputComponent = InputComponent<string | null> & {
     minimumDate?: string;
     maximumDate?: string;
     persistedState: PersistedState;
+    suggestions?: Suggestions;
     validationAsyncState: ValidationAsyncState;
     onChange: (value: string | null) => void;
 };
-export declare const createDateInputComponent: (textInputProps: Pick<DateInputComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "help" | "hidden" | "icon" | "image" | "minimumDate" | "maximumDate" | "persistedState" | "placeholder" | "required" | "title" | "value" | "validationAsyncState"> & {
+export declare const createDateInputComponent: (textInputProps: Pick<DateInputComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "help" | "hidden" | "icon" | "image" | "minimumDate" | "maximumDate" | "persistedState" | "placeholder" | "required" | "suggestions" | "title" | "value" | "validationAsyncState"> & {
     checks: IsInvalidCheck<string | null>[];
     performPersistAsync: PerformPersistAsync | undefined;
     performRefresh: PerformRefresh | undefined;

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

@@ -1,7 +1,8 @@
-import type { BaseComponent, DomainComponent, LoadingState, LocalValue, OnAction, OnRefresh, UpdateComponent } from '../types';
+import type { BaseComponent, DomainComponent, LoadingState, LocalValue, OnAction, UpdateComponent } from '../types';
 import type { Step } from '@wise/dynamic-flow-types/build/next';
 import type { AnalyticsEventDispatcher } from '../features/events';
 import type { StepPolling } from '../features/polling/getStepPolling';
+import { StepRefreshAfter } from '../features/refreshAfter/getStepRefreshAfter';
 export type StepDomainComponent = BaseComponent & {
     type: 'step';
     back?: BackNavigation;
@@ -15,10 +16,8 @@ export type StepDomainComponent = BaseComponent & {
     title?: string;
     getChildren: () => DomainComponent[];
     getLocalValue: () => LocalValue;
-    getRefreshAfter: () => string | undefined;
     setLoadingState: (loadingState: LoadingState) => void;
     onAction: OnAction;
-    onRefresh: OnRefresh;
     stop: () => void;
     trackEvent: AnalyticsEventDispatcher<string>;
 };
@@ -26,8 +25,9 @@ type BackNavigation = {
     title?: string;
     onClick: () => void;
 };
-export declare const createStepComponent: (stepProps: Pick<StepDomainComponent, "uid" | "back" | "components" | "control" | "description" | "error" | "external" | "loadingState" | "step" | "title" | "trackEvent" | "onAction" | "onRefresh"> & {
+export declare const createStepComponent: (stepProps: Pick<StepDomainComponent, "uid" | "back" | "components" | "control" | "description" | "error" | "external" | "loadingState" | "step" | "title" | "trackEvent" | "onAction"> & {
     stepPolling?: StepPolling;
+    stepRefreshAfter?: StepRefreshAfter;
     updateComponent: UpdateComponent;
 }) => StepDomainComponent;
 export {};

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

@@ -2,7 +2,7 @@ import type { PerformPersistAsync } from '../features/persistAsync/getPerformPer
 import { type PerformRefresh } from '../features/refresh/getPerformRefresh';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
-import type { Autocapitalization, InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationAsyncState } from '../types';
+import type { Autocapitalization, InputComponent, OnValueChange, PersistedState, RepeatableSummary, Suggestions, UpdateComponent, ValidationAsyncState } from '../types';
 export type TextInputComponent = InputComponent<string | null> & {
     type: 'text';
     autocapitalization?: Autocapitalization;
@@ -10,10 +10,11 @@ export type TextInputComponent = InputComponent<string | null> & {
     maxLength?: number;
     minLength?: number;
     persistedState: PersistedState;
+    suggestions?: Suggestions;
     validationAsyncState: ValidationAsyncState;
     onChange: (value: string | null) => void;
 };
-export declare const createTextInputComponent: (textInputProps: Pick<TextInputComponent, "uid" | "id" | "analyticsId" | "autocapitalization" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "displayFormat" | "help" | "hidden" | "icon" | "image" | "maxLength" | "minLength" | "persistedState" | "placeholder" | "required" | "title" | "value" | "validationAsyncState"> & {
+export declare const createTextInputComponent: (textInputProps: Pick<TextInputComponent, "uid" | "id" | "analyticsId" | "autocapitalization" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "displayFormat" | "help" | "hidden" | "icon" | "image" | "maxLength" | "minLength" | "persistedState" | "placeholder" | "required" | "suggestions" | "title" | "value" | "validationAsyncState"> & {
     checks: IsInvalidCheck<string | null>[];
     performPersistAsync: PerformPersistAsync | undefined;
     performValidationAsync: PerformValidationAsync | undefined;

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

@@ -0,0 +1,2 @@
+import { LocalValue } from '../../types';
+export declare const isOrWasValid: <V extends LocalValue>(getErrors: (value: V) => string[], previous: V, current: V) => boolean;

package/build/types/revamp/domain/features/refreshAfter/getStepRefreshAfter.d.ts

@@ -0,0 +1,10 @@
+import { OnRefresh } from '../../types';
+export type StepRefreshAfter = {
+    stop: () => void;
+};
+type Props = {
+    refreshAfter: string;
+    onRefresh: OnRefresh;
+};
+export declare const getStepRefreshAfter: ({ refreshAfter, onRefresh }: Props) => StepRefreshAfter;
+export {};

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

@@ -93,6 +93,16 @@ export type Autocapitalization = 'none' | 'sentences' | 'words' | 'characters';
 export type Bias = 'none' | 'start' | 'end';
 export type Context = 'positive' | 'negative' | 'warning' | 'neutral';
 export type UploadSource = 'file' | 'camera';
+export type Suggestions = {
+    values: SuggestionsValue[];
+};
+export type SuggestionsValue = {
+    label: string;
+    value?: JsonElement;
+    icon?: Icon;
+    image?: Image;
+    tag?: string;
+};
 export type RepeatableSummary = {
     title?: string;
     description?: string;

package/build/types/revamp/renderers/stepComponentToProps.d.ts

@@ -1,4 +1,4 @@
 import type { StepRendererProps } from '@wise/dynamic-flow-types/build/renderers';
 import type { StepDomainComponent } from '../domain/components/StepDomainComponent';
 import { type RendererMapperProps } from './mappers/componentToRendererProps';
-export declare const stepComponentToProps: ({ uid, back, control, description, error, external, loadingState, title, components, }: StepDomainComponent, rendererMapperProps: RendererMapperProps) => StepRendererProps;
+export declare const stepComponentToProps: ({ uid, back, control, description, error, external, loadingState, step, title, components, onAction, }: StepDomainComponent, rendererMapperProps: RendererMapperProps) => StepRendererProps;

package/build/types/revamp/test-utils/DynamicFlowWise.d.ts

@@ -1,10 +1,15 @@
 import { DynamicFlowCorePropsWithInitialAction, DynamicFlowCorePropsWithInitialStep } from '../types';
+import { Theming } from '@wise/components-theming';
 type MakeOptional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
 export type DynamicFlowWisePropsWithInitialAction = MakeOptional<DynamicFlowCorePropsWithInitialAction, 'renderers' | 'onLink'>;
 export type DynamicFlowWisePropsWithInitialStep = MakeOptional<DynamicFlowCorePropsWithInitialStep, 'renderers' | 'onLink'>;
-export type DynamicFlowWiseProps = DynamicFlowWisePropsWithInitialAction | DynamicFlowWisePropsWithInitialStep;
+export type DynamicFlowWiseProps = (DynamicFlowWisePropsWithInitialAction | DynamicFlowWisePropsWithInitialStep) & {
+    onAnalytics?: DynamicFlowWiseProps['onEvent'];
+    onThemeChange?: OnThemeChange;
+};
 /**
  * This component is only used in tests.
  */
 declare function DynamicFlowWise(props: DynamicFlowWiseProps): import("react/jsx-runtime").JSX.Element;
+type OnThemeChange = (theme: Theming['theme']) => void;
 export default DynamicFlowWise;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "4.1.0-experimental-6bb6f02",
+  "version": "4.2.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -30,34 +30,34 @@
     "url": "git+https://github.com/transferwise/dynamic-flow.git"
   },
   "devDependencies": {
-    "@babel/core": "7.26.9",
+    "@babel/core": "7.26.10",
     "@babel/plugin-syntax-flow": "7.26.0",
     "@babel/plugin-transform-react-jsx": "7.25.9",
     "@babel/preset-env": "7.26.9",
     "@babel/preset-react": "7.26.3",
     "@babel/preset-typescript": "7.26.0",
-    "@chromatic-com/storybook": "3.2.5",
+    "@chromatic-com/storybook": "3.2.6",
     "@formatjs/cli": "^6.6.1",
-    "@storybook/addon-a11y": "^8.6.3",
-    "@storybook/addon-actions": "^8.6.3",
-    "@storybook/addon-essentials": "^8.6.3",
-    "@storybook/addon-interactions": "^8.6.3",
-    "@storybook/addon-links": "^8.6.3",
+    "@storybook/addon-a11y": "^8.6.7",
+    "@storybook/addon-actions": "^8.6.7",
+    "@storybook/addon-essentials": "^8.6.7",
+    "@storybook/addon-interactions": "^8.6.7",
+    "@storybook/addon-links": "^8.6.7",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
-    "@storybook/manager-api": "^8.6.3",
-    "@storybook/react": "^8.6.3",
-    "@storybook/react-webpack5": "^8.6.3",
-    "@storybook/test": "^8.6.3",
-    "@storybook/types": "^8.6.3",
+    "@storybook/manager-api": "^8.6.7",
+    "@storybook/react": "^8.6.7",
+    "@storybook/react-webpack5": "^8.6.7",
+    "@storybook/test": "^8.6.7",
+    "@storybook/types": "^8.6.7",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.2.0",
     "@testing-library/user-event": "14.6.1",
-    "@transferwise/components": "46.94.0",
+    "@transferwise/components": "46.94.1",
     "@transferwise/formatting": "^2.13.1",
-    "@transferwise/icons": "3.18.0",
+    "@transferwise/icons": "3.19.1",
     "@transferwise/neptune-css": "14.22.0",
-    "@types/node": "22.13.9",
+    "@types/node": "22.13.10",
     "@types/jest": "29.5.14",
     "@types/react": "18.3.18",
     "@types/react-dom": "18.3.5",
@@ -65,20 +65,20 @@
     "@wise/art": "2.20.0",
     "@wise/components-theming": "^1.6.1",
     "babel-jest": "29.7.0",
-    "esbuild": "0.25.0",
+    "esbuild": "0.25.1",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "jest-fetch-mock": "^3.0.3",
     "jest-watch-typeahead": "^2.2.2",
     "npm-run-all2": "7.0.2",
     "postcss": "^8.5.3",
-    "postcss-cli": "^11.0.0",
+    "postcss-cli": "^11.0.1",
     "postcss-import": "^16.1.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-intl": "6.8.9",
-    "storybook": "^8.6.3",
-    "stylelint": "16.15.0",
+    "storybook": "^8.6.7",
+    "stylelint": "16.16.0",
     "stylelint-config-standard": "36.0.1",
     "stylelint-no-unsupported-browser-features": "8.0.4",
     "stylelint-value-no-unknown-custom-properties": "6.0.1",
@@ -102,7 +102,7 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "3.1.0-experimental-6bb6f02"
+    "@wise/dynamic-flow-types": "3.1.0"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",

package/build/types/revamp/utils/time-utils.d.ts

@@ -1,6 +0,0 @@
-/**
- * Given a timestamp, find the difference in ms between it and the time now
- * @param timestamp
- * @returns diff in ms between now and timestamp
- */
-export declare const getTimeDiffInMs: (timestamp: string) => number;