@wise/dynamic-flow-client 3.18.0 → 3.19.0

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

@@ -5,11 +5,13 @@ import type { PerformValidationAsync } from '../features/validationAsync/getPerf
 import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationState } from '../types';
 export type NumberInputComponent = InputComponent<number | null> & {
     type: 'number';
+    maximum?: number;
+    minimum?: number;
     persistedState: PersistedState;
     validationState: ValidationState;
     onChange: (value: number | null) => void;
 };
-export declare const createNumberInputComponent: (numberInputProps: Pick<NumberInputComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "control" | "description" | "disabled" | "errors" | "help" | "hidden" | "persistedState" | "placeholder" | "required" | "title" | "value" | "validationState"> & {
+export declare const createNumberInputComponent: (numberInputProps: Pick<NumberInputComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "control" | "description" | "disabled" | "errors" | "help" | "hidden" | "maximum" | "minimum" | "persistedState" | "placeholder" | "required" | "title" | "value" | "validationState"> & {
     checks: IsInvalidCheck<number | null>[];
     performPersistAsync: PerformPersistAsync | undefined;
     performRefresh: PerformRefresh | undefined;

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

@@ -1,4 +1,4 @@
-import type { Icon, Image } from '@wise/dynamic-flow-types/build/next';
+import type { Icon, Image, Model } from '@wise/dynamic-flow-types/build/next';
 import type { InputComponent, LocalValue, RepeatableSummary, DomainComponent, UpdateComponent, OnValueChange } from '../types';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { AnalyticsEventDispatcher } from '../features/events';
@@ -21,7 +21,7 @@ export type SelectInputOption = {
     disabled: boolean;
 };
 export declare const createSelectInputComponent: (selectProps: Pick<SelectInputComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "help" | "hidden" | "placeholder" | "required" | "title"> & {
-    initialValue: LocalValue;
+    initialModel: Model;
     options: (SelectInputOption & {
         component: DomainComponent;
     })[];

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

@@ -6,11 +6,13 @@ import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary,
 export type TextInputComponent = InputComponent<string | null> & {
     type: 'text';
     displayFormat?: string;
+    maxLength?: number;
+    minLength?: number;
     persistedState: PersistedState;
     validationState: ValidationState;
     onChange: (value: string | null) => void;
 };
-export declare const createTextInputComponent: (textInputProps: Pick<TextInputComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "displayFormat" | "help" | "hidden" | "persistedState" | "placeholder" | "required" | "title" | "value" | "validationState"> & {
+export declare const createTextInputComponent: (textInputProps: Pick<TextInputComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "displayFormat" | "help" | "hidden" | "maxLength" | "minLength" | "persistedState" | "placeholder" | "required" | "title" | "value" | "validationState"> & {
     checks: IsInvalidCheck<string | null>[];
     performPersistAsync: PerformPersistAsync | undefined;
     performValidationAsync: PerformValidationAsync | undefined;

package/build/types/revamp/domain/components/repeatableComponent/RepeatableComponent.d.ts

@@ -10,6 +10,8 @@ export type RepeatableComponent = ComponentWithTitle & {
     editableIndex: number | null;
     editItemTitle: string;
     errors: string[];
+    maxItems?: number;
+    minItems?: number;
     summaryDefaults: RepeatableSummary;
     getChildren: () => DomainComponent[];
     getLocalValue: () => LocalValueArray;
@@ -18,7 +20,7 @@ export type RepeatableComponent = ComponentWithTitle & {
     onRemove: () => void;
     onSave: () => boolean;
 };
-export declare const createRepeatableComponent: (repeatableProps: Pick<RepeatableComponent, "uid" | "id" | "addItemTitle" | "components" | "control" | "description" | "editItemTitle" | "errors" | "hidden" | "title"> & {
+export declare const createRepeatableComponent: (repeatableProps: Pick<RepeatableComponent, "uid" | "id" | "addItemTitle" | "components" | "control" | "description" | "editItemTitle" | "errors" | "hidden" | "maxItems" | "minItems" | "title"> & {
     analyticsId?: string;
     checks: IsInvalidCheck<LocalValueArray | null>[];
     summary?: SummarySummariser;

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

@@ -0,0 +1,2 @@
+import { Model } from '@wise/dynamic-flow-types/build/next';
+export declare const isPartialModelMatch: (localModel: Model, incomingModel: Model) => boolean;

package/build/types/revamp/domain/features/polling/getStepPolling.d.ts

@@ -1,12 +1,11 @@
 import type { Polling } from '@wise/dynamic-flow-types/build/next';
-import type { HttpClient } from '../../../types';
-import type { OnAction } from '../../types';
+import type { OnAction, OnPoll } from '../../types';
 export type StepPollingProps = {
-    httpClient: HttpClient;
     pollingConfig: Polling;
     onAction: OnAction;
+    onPoll: OnPoll;
 };
 export type StepPolling = {
     stop: () => void;
 };
-export declare const getStepPolling: ({ httpClient, pollingConfig, onAction, }: StepPollingProps) => StepPolling;
+export declare const getStepPolling: ({ pollingConfig, onAction, onPoll, }: StepPollingProps) => StepPolling;

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

@@ -1,9 +1,10 @@
 import type { AnalyticsEventDispatcher } from '../features/events';
-import type { LoadingState } from '../types';
+import type { LoadingState, OnPoll } from '../types';
 import type { MapperProps } from './schema/types';
 export type StepMapperProps = Omit<MapperProps, 'trackEvent'> & {
     displayStepTitle: boolean;
     loadingState: LoadingState;
     trackEvent: AnalyticsEventDispatcher<string>;
+    onPoll: OnPoll;
 };
-export declare const mapStepToComponent: ({ loadingState, displayStepTitle, trackEvent, ...restProps }: StepMapperProps) => import("../components/StepDomainComponent").StepDomainComponent;
+export declare const mapStepToComponent: ({ loadingState, displayStepTitle, trackEvent, onPoll, ...restProps }: StepMapperProps) => import("../components/StepDomainComponent").StepDomainComponent;

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

@@ -76,6 +76,7 @@ export type InputComponent<V extends LocalValue> = ComponentWithTitle & {
 };
 export type UpdateComponent = (id: string, update: (component: DomainComponent) => void) => void;
 export type OnAction = (action: Action) => Promise<void>;
+export type OnPoll = (url: string, errorAction: Action, signal: AbortSignal) => Promise<boolean>;
 export type OnRefresh = (schemaId: string | undefined, url?: string) => Promise<void> | void;
 export type OnValueChange = () => void;
 export type Align = 'start' | 'center' | 'end';

package/build/types/revamp/flow/executePoll.d.ts

@@ -0,0 +1,21 @@
+import { Action, Model, Step } from '@wise/dynamic-flow-types/build/next';
+type Command = {
+    type: 'complete';
+    result: Model;
+} | {
+    type: 'replace-step';
+    step: Step;
+    etag: string | null;
+} | {
+    type: 'continue';
+} | {
+    type: 'action';
+    action: Action;
+};
+export declare const executePoll: (props: {
+    httpClient: typeof fetch;
+    url: string;
+    errorAction: Action;
+    signal: AbortSignal;
+}) => Promise<Command>;
+export {};

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

@@ -7,4 +7,5 @@ export type ResponseType = (typeof responseTypes)[number];
  * Ideally it should just be a matter of checking the "X-Df-Response-Type" response header.
  */
 export declare const getResponseType: (response: Response) => Promise<ResponseType>;
+export declare const getResponseTypeFromHeader: (response: Response) => ResponseType | undefined;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "3.18.0",
+  "version": "3.19.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -34,7 +34,7 @@
     "@babel/preset-react": "7.24.7",
     "@babel/preset-typescript": "7.24.7",
     "@cfaester/enzyme-adapter-react-18": "0.8.0",
-    "@chromatic-com/storybook": "1.7.0",
+    "@chromatic-com/storybook": "1.8.0",
     "@formatjs/cli": "^6.2.12",
     "@storybook/addon-a11y": "^8.2.9",
     "@storybook/addon-actions": "^8.2.9",
@@ -49,7 +49,7 @@
     "@storybook/types": "^8.2.9",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.5.0",
-    "@testing-library/react": "16.0.0",
+    "@testing-library/react": "16.0.1",
     "@testing-library/react-hooks": "8.0.1",
     "@testing-library/user-event": "14.5.2",
     "@transferwise/components": "46.70.2",
@@ -58,7 +58,7 @@
     "@transferwise/neptune-css": "14.18.0",
     "@types/enzyme": "^3.10.18",
     "@types/jest": "29.5.12",
-    "@types/react": "18.3.4",
+    "@types/react": "18.3.5",
     "@types/react-dom": "18.3.0",
     "@types/react-intl": "3.0.0",
     "@wise/art": "2.14.0",
@@ -72,18 +72,18 @@
     "jest-watch-typeahead": "^2.2.2",
     "nanoid": "5.0.7",
     "npm-run-all2": "6.2.2",
-    "postcss": "^8.4.41",
+    "postcss": "^8.4.44",
     "postcss-cli": "^11.0.0",
     "postcss-import": "^15.1.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-intl": "6.6.8",
     "storybook": "8.2.9",
-    "stylelint": "16.8.2",
+    "stylelint": "16.9.0",
     "stylelint-config-standard": "36.0.1",
     "stylelint-no-unsupported-browser-features": "8.0.1",
     "stylelint-value-no-unknown-custom-properties": "6.0.1",
-    "tsx": "4.18.0",
+    "tsx": "4.19.0",
     "typescript": "5.5.4",
     "webpack": "5.94.0",
     "@wise/dynamic-flow-fixtures": "0.0.1",
@@ -104,7 +104,7 @@
     "nanoid": "5.0.7",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "2.21.0"
+    "@wise/dynamic-flow-types": "2.22.0"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",

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

@@ -1,7 +0,0 @@
-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/components/utils/isPartialLocalValueMatch.d.ts

@@ -1,2 +0,0 @@
-import type { DomainComponent, LocalValue } from '../../types';
-export declare const isPartialLocalValueMatch: (partialValue: LocalValue, component: DomainComponent | null) => boolean | null;