@wise/dynamic-flow-client 2.9.2 → 2.9.4

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

@@ -0,0 +1,41 @@
+import type { Step, Model } from '@wise/dynamic-flow-types/build/next';
+import type { AnalyticsEventHandler, LoggingEventHandler } from './domain/features/events';
+import type { CoreContainerRendererProps } from './renderers/CoreContainerRenderer';
+import type { Renderer, AlertRendererProps, BoxRendererProps, ColumnsRendererProps, DecisionRendererProps, DividerRendererProps, FormRendererProps, HeadingRendererProps, InstructionsRendererProps, LoadingIndicatorRendererProps, MarkdownRendererProps, ImageRendererProps, ModalRendererProps, ParagraphRendererProps, ReviewRendererProps, SearchRendererProps, StatusListRendererProps, FormSectionRendererProps, BooleanInputRendererProps, ButtonRendererProps, DateInputRendererProps, HiddenRendererProps, IntegerInputRendererProps, NumberInputRendererProps, RepeatableRendererProps, SelectInputRendererProps, TextInputRendererProps, UploadInputRendererProps, MultiUploadInputRendererProps } from './renderers/types';
+export type DynamicFlowProps = DynamicFlowPropsWithInitialAction | DynamicFlowPropsWithInitialStep;
+export type DynamicFlowPropsWithInitialAction = DynamicFlowPropsBasic & {
+    initialAction: InitialAction;
+    initialStep?: never;
+};
+export type DynamicFlowPropsWithInitialStep = DynamicFlowPropsBasic & {
+    initialAction?: never;
+    initialStep: Step;
+};
+export type InitialAction = {
+    $id?: string;
+    url: string;
+    method?: 'GET';
+    data?: never;
+} | {
+    $id?: string;
+    url: string;
+    method: 'POST';
+    data: Model;
+};
+type DynamicFlowPropsBasic = {
+    flowId: string;
+    displayStepTitle?: boolean;
+    features?: Feature[];
+    httpClient: HttpClient;
+    onCompletion: (result: Model) => void;
+    onError: (error: unknown, status?: number) => void;
+    onEvent?: AnalyticsEventHandler;
+    onLog?: LoggingEventHandler;
+};
+export type HttpClient = typeof fetch;
+type Feature = {
+    featureName: string;
+    variant: number | null;
+};
+export type Renderers = (Renderer<CoreContainerRendererProps> | Renderer<AlertRendererProps> | Renderer<BoxRendererProps> | Renderer<ColumnsRendererProps> | Renderer<DecisionRendererProps> | Renderer<DividerRendererProps> | Renderer<FormRendererProps> | Renderer<HeadingRendererProps> | Renderer<InstructionsRendererProps> | Renderer<LoadingIndicatorRendererProps> | Renderer<MarkdownRendererProps> | Renderer<ImageRendererProps> | Renderer<ModalRendererProps> | Renderer<ParagraphRendererProps> | Renderer<ReviewRendererProps> | Renderer<SearchRendererProps> | Renderer<StatusListRendererProps> | Renderer<FormSectionRendererProps> | Renderer<BooleanInputRendererProps> | Renderer<ButtonRendererProps> | Renderer<DateInputRendererProps> | Renderer<HiddenRendererProps> | Renderer<IntegerInputRendererProps> | Renderer<NumberInputRendererProps> | Renderer<RepeatableRendererProps> | Renderer<SelectInputRendererProps> | Renderer<TextInputRendererProps> | Renderer<UploadInputRendererProps> | Renderer<MultiUploadInputRendererProps>)[];
+export {};

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

@@ -1,4 +1,5 @@
 import type { Model } from '@wise/dynamic-flow-types/build/next';
-import type { StepComponent } from '../domain/types';
+import type { LocalValueArray, StepComponent } from '../domain/types';
 export declare const getSubmittableData: (components: StepComponent[]) => Promise<Model>;
-export declare const getLocalValues: (components: StepComponent[]) => Model;
+export declare const getLocalValues: (components: StepComponent[]) => LocalValueArray;
+export declare const mergeModels: (valueA: Model, valueB: Model) => Model;

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

@@ -1,2 +1,2 @@
 import type { StepComponent } from '../domain/types';
-export declare const findComponent: (components: StepComponent[], id: string) => StepComponent | undefined;
+export declare const findComponent: (components: StepComponent[], id: string) => StepComponent;

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

@@ -1,4 +1,4 @@
-import type { AllOfSchema, ArraySchema, ArraySchemaList, ArraySchemaTuple, BooleanSchema, ConstSchema, IntegerSchema, Model, NumberSchema, ObjectSchema, OneOfSchema, Schema, StringSchema } from '@wise/dynamic-flow-types/build/next';
+import type { AllOfSchema, ArraySchema, ArraySchemaList, ArraySchemaTuple, BooleanSchema, ConstSchema, IntegerSchema, Model, NumberSchema, ObjectSchema, OneOfSchema, Schema, StringSchema, BlobSchema } from '@wise/dynamic-flow-types/build/next';
 import type { StepComponent } from '../domain/types';
 import type { ColumnsComponent } from '../domain/components/ColumnsComponent';
 import type { RepeatableComponent } from '../domain/components/repeatableComponent/RepeatableComponent';
@@ -6,6 +6,14 @@ import type { PersistAsync } from '@wise/dynamic-flow-types/build/next/feature/P
 type SchemaWithPersistAsync = (ArraySchemaList | ArraySchemaTuple | BooleanSchema | IntegerSchema | NumberSchema | StringSchema) & {
     persistAsync: PersistAsync;
 };
+export type StringSchemaWithUpload = StringSchema & {
+    format: 'base64url';
+};
+export type PersistAsyncWithUploadSchema = Schema & {
+    persistAsync: PersistAsync & {
+        schema: BlobSchema | StringSchemaWithUpload;
+    };
+};
 export declare const hasChildren: (component: StepComponent) => component is StepComponent & {
     getChildren: () => StepComponent[];
 };
@@ -18,6 +26,7 @@ export declare const isObjectModel: (model: Model) => model is Record<string, im
 export declare const isArrayModel: (model: Model) => model is import("@wise/dynamic-flow-types/build/next").JsonElement[];
 export declare const isAllOfSchema: (schema: Schema) => schema is AllOfSchema;
 export declare const isBooleanSchema: (schema: Schema) => schema is BooleanSchema;
+export declare const isBlobSchema: (schema: Schema) => schema is BlobSchema;
 export declare const isConstSchema: (schema: Schema) => schema is ConstSchema;
 export declare const isIntegerSchema: (schema: Schema) => schema is IntegerSchema;
 export declare const isNumberSchema: (schema: Schema) => schema is NumberSchema;
@@ -26,5 +35,6 @@ export declare const isOneOfSchema: (schema: Schema) => schema is OneOfSchema;
 export declare const isArraySchema: (schema: Schema) => schema is ArraySchema;
 export declare const isArrayListSchema: (schema: Schema) => schema is ArraySchemaList;
 export declare const isStringSchema: (schema: Schema) => schema is StringSchema;
+export declare const isStringSchemaWithUpload: (schema: Schema) => schema is StringSchemaWithUpload;
 export declare const isSchemaWithPersistAsync: (schema: Schema) => schema is SchemaWithPersistAsync;
 export {};

package/build/types/revamp/wise/renderers/MultiUploadInputRenderer.d.ts

@@ -0,0 +1,3 @@
+import type { MultiUploadInputRendererProps, Renderer } from '../../renderers/types';
+declare const MultiUploadInputRenderer: Renderer<MultiUploadInputRendererProps>;
+export default MultiUploadInputRenderer;

package/build/types/revamp/wise/renderers/UploadInputRenderer.d.ts

@@ -1,3 +1,4 @@
 import type { Renderer, UploadInputRendererProps } from '../../renderers/types';
 declare const UploadInputRenderer: Renderer<UploadInputRendererProps>;
-export default UploadInputRenderer;
+declare const LargeUploadRenderer: Renderer<UploadInputRendererProps>;
+export { UploadInputRenderer, LargeUploadRenderer };

package/build/types/revamp/wise/renderers/components/LabelContentWithHelp.d.ts

@@ -0,0 +1,4 @@
+export declare function LabelContentWithHelp({ text, help }: {
+    text: string;
+    help: string;
+}): JSX.Element;

package/build/types/revamp/wise/renderers/components/UploadFieldInput.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+type UploadFieldInputProps = {
+    id?: string;
+    children: ReactNode;
+    description?: string;
+    error?: string;
+    help?: string;
+    label?: string;
+};
+declare function UploadFieldInput({ id, children, label, description, error, help, }: UploadFieldInputProps): JSX.Element;
+export default UploadFieldInput;

package/build/types/revamp/wise/renderers/getWiseRenderers.d.ts

@@ -0,0 +1 @@
+export declare const getWiseRenderers: () => (import("../../renderers/types").Renderer<import("../../renderers/types").AlertRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").BoxRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").ColumnsRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").DecisionRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").DividerRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").FormRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").HeadingRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").InstructionsRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").LoadingIndicatorRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").MarkdownRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").ImageRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").ModalRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").ParagraphRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").ReviewRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").SearchRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").StatusListRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").FormSectionRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").BooleanInputRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").ButtonRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").DateInputRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").IntegerInputRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").NumberInputRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").RepeatableRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").SelectInputRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").TextInputRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").UploadInputRendererProps> | import("../../renderers/types").Renderer<import("../../renderers/types").MultiUploadInputRendererProps>)[];

package/build/types/revamp/wise/renderers/utils/file-utils.d.ts

@@ -0,0 +1,3 @@
+export declare const getAcceptsString: (accepts?: string[]) => string;
+export declare const toKilobytes: (sizeInBytes: number) => number;
+export declare const toFile: (base64Url: string, name: string) => Promise<File>;

package/build/types/revamp/wise/renderers/utils/getRandomId.d.ts

@@ -0,0 +1 @@
+export declare const getRandomId: () => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "2.9.2",
+  "version": "2.9.4",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -26,57 +26,57 @@
     "@babel/preset-typescript": "7.23.3",
     "@cfaester/enzyme-adapter-react-18": "0.7.1",
     "@formatjs/cli": "^6.2.7",
-    "@storybook/addon-a11y": "7.6.10",
-    "@storybook/addon-actions": "7.6.10",
-    "@storybook/addon-essentials": "7.6.10",
-    "@storybook/addon-interactions": "7.6.10",
-    "@storybook/addon-links": "7.6.10",
-    "@storybook/react": "7.6.10",
-    "@storybook/react-webpack5": "7.6.10",
+    "@storybook/addon-a11y": "7.6.17",
+    "@storybook/addon-actions": "7.6.17",
+    "@storybook/addon-essentials": "7.6.17",
+    "@storybook/addon-interactions": "7.6.17",
+    "@storybook/addon-links": "7.6.17",
+    "@storybook/react": "7.6.17",
+    "@storybook/react-webpack5": "7.6.17",
     "@storybook/testing-library": "0.2.2",
     "@testing-library/dom": "9.3.4",
-    "@testing-library/jest-dom": "6.3.0",
-    "@testing-library/react": "14.1.2",
+    "@testing-library/jest-dom": "6.4.2",
+    "@testing-library/react": "14.2.1",
     "@testing-library/react-hooks": "8.0.1",
     "@testing-library/user-event": "14.5.2",
     "@transferwise/components": "46.1.0",
-    "@transferwise/formatting": "^2.11.1",
+    "@transferwise/formatting": "^2.13.0",
     "@transferwise/icons": "3.13.0",
     "@transferwise/neptune-css": "14.8.0",
     "@transferwise/neptune-tokens": "8.7.0",
     "@types/enzyme": "^3.10.18",
-    "@types/jest": "29.5.11",
+    "@types/jest": "29.5.12",
     "@types/react": "18",
     "@types/react-dom": "18",
     "@types/react-intl": "3.0.0",
     "@types/testing-library__jest-dom": "5.14.9",
-    "@wise/art": "2.9.1",
+    "@wise/art": "2.9.2",
     "@wise/components-theming": "^0.8.4",
     "@wise/forms": "0.3.1",
     "babel-jest": "29.7.0",
     "currency-flags": "4.0.7",
     "enzyme": "^3.11.0",
-    "esbuild": "0.20.0",
+    "esbuild": "0.20.1",
     "immer": "10.0.3",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "jest-fetch-mock": "^3.0.3",
     "jest-watch-typeahead": "^2.2.2",
-    "nanoid": "5.0.4",
-    "npm-run-all": "4.1.5",
-    "postcss": "^8.4.33",
+    "nanoid": "5.0.6",
+    "npm-run-all2": "5.0.2",
+    "postcss": "^8.4.35",
     "postcss-cli": "^10.1.0",
     "postcss-import": "^15.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-intl": "6.6.2",
-    "storybook": "7.6.10",
-    "stylelint": "14.16.1",
-    "stylelint-config-standard": "25.0.0",
+    "storybook": "7.6.17",
+    "stylelint": "16.2.1",
+    "stylelint-config-standard": "36.0.0",
     "stylelint-no-unsupported-browser-features": "5.0.4",
-    "stylelint-value-no-unknown-custom-properties": "4.0.0",
+    "stylelint-value-no-unknown-custom-properties": "6.0.1",
     "typescript": "4.9.5",
-    "webpack": "5.90.0",
+    "webpack": "5.90.3",
     "@wise/dynamic-flow-fixtures": "0.0.1"
   },
   "peerDependencies": {
@@ -92,7 +92,7 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "2.6.4"
+    "@wise/dynamic-flow-types": "2.6.6"
   },
   "scripts": {
     "dev": "storybook dev -p 3003",
@@ -111,6 +111,6 @@
     "lint": "npm-run-all lint:ts lint:css",
     "lint:ts": "eslint 'src/**/*.{js,jsx,ts,tsx}' --quiet",
     "lint:css": "stylelint './src/**/*.css'",
-    "build-storybook": "storybook build -c .storybook"
+    "build-storybook": "storybook build -c .storybook --disable-telemetry"
   }
 }

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

@@ -1,3 +0,0 @@
-import type { DynamicFlowProps } from './dynamic-flow-types';
-declare function DynamicFlowRevamp(props: DynamicFlowProps): JSX.Element;
-export default DynamicFlowRevamp;

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

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

package/build/types/revamp/dynamic-flow-types.d.ts

@@ -1,38 +0,0 @@
-import type { Step, Model } from '@wise/dynamic-flow-types/build/next';
-import type { AnalyticsEventHandler, LoggingEventHandler } from './domain/features/events';
-export type DynamicFlowProps = DynamicFlowPropsWithInitialAction | DynamicFlowPropsWithInitialStep;
-export type DynamicFlowPropsWithInitialAction = DynamicFlowPropsBasic & {
-    initialAction: InitialAction;
-    initialStep?: never;
-};
-export type DynamicFlowPropsWithInitialStep = DynamicFlowPropsBasic & {
-    initialAction?: never;
-    initialStep: Step;
-};
-export type InitialAction = {
-    $id?: string;
-    url: string;
-    method?: 'GET';
-    data?: never;
-} | {
-    $id?: string;
-    url: string;
-    method: 'POST';
-    data: Model;
-};
-type DynamicFlowPropsBasic = {
-    flowId: string;
-    displayStepTitle?: boolean;
-    features?: Feature[];
-    httpClient: HttpClient;
-    onCompletion: (result: Model) => void;
-    onError: (error: unknown, status?: number) => void;
-    onEvent?: AnalyticsEventHandler;
-    onLog?: LoggingEventHandler;
-};
-export type HttpClient = typeof fetch;
-type Feature = {
-    featureName: string;
-    variant: number | null;
-};
-export {};

package/build/types/revamp/step/submission/getPerformAction.d.ts

@@ -1,12 +0,0 @@
-import type { Action, JsonElement, Model } from '@wise/dynamic-flow-types/build/next';
-import type { HttpClient } from '../../dynamic-flow-types';
-import type { AnalyticsEventDispatcher } from '../../domain/features/events';
-export declare const getPerformAction: ({ httpClient, errorMessage, trackEvent, locale, }: {
-    httpClient: HttpClient;
-    errorMessage: string;
-    trackEvent: AnalyticsEventDispatcher;
-    locale: string;
-}) => ({ action, model }: {
-    action: Action;
-    model: Model;
-}) => Promise<JsonElement>;