@wise/dynamic-flow-client 2.8.0 → 2.8.2

package/build/types/revamp/{utils → domain/validation}/validateComponents.d.ts

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

package/build/types/revamp/domain/validation/value-checks.d.ts

@@ -0,0 +1,13 @@
+import type { IntegerSchema, Model, NumberSchema, Schema, StringSchema } from '@wise/dynamic-flow-types/build/next';
+import type { ErrorMessageFunctions } from '../mappers/types';
+export type IsInvalidCheck<M extends Model> = (model: M | null) => string | null;
+type GetIsInvalidCheck<S extends Schema, M extends Model> = (schema: S, messageFunctions: ErrorMessageFunctions) => IsInvalidCheck<M>;
+export declare const getAboveMaxLengthCheck: GetIsInvalidCheck<StringSchema, string | null>;
+export declare const getBelowMinLengthCheck: GetIsInvalidCheck<StringSchema, string | null>;
+export declare const getAboveMaximumCheck: GetIsInvalidCheck<NumberSchema | IntegerSchema, number | null>;
+export declare const getBelowMinimumCheck: GetIsInvalidCheck<NumberSchema | IntegerSchema, number | null>;
+export declare const getAboveMaximumDateCheck: GetIsInvalidCheck<StringSchema, string | null>;
+export declare const getBelowMinimumDateCheck: GetIsInvalidCheck<StringSchema, string | null>;
+export declare const getNotAdheringToPatternCheck: GetIsInvalidCheck<StringSchema, string | null>;
+export declare const getRequiredCheck: (required: boolean, messageFunctions: ErrorMessageFunctions) => IsInvalidCheck<Model | null>;
+export {};

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

@@ -0,0 +1,38 @@
+import type { Step, Model } from '@wise/dynamic-flow-types/build/next';
+import type { AnalyticsEventHandler, LoggingEventHandler } from './domain/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/renderers/mappers/integerInputComponentToProps.d.ts

@@ -0,0 +1,3 @@
+import type { IntegerInputComponent } from '../../domain/components/IntegerInputComponent';
+import type { IntegerInputRendererProps } from '../types';
+export declare const integerInputComponentToProps: (component: IntegerInputComponent) => IntegerInputRendererProps;

package/build/types/revamp/renderers/mappers/numberInputComponentToProps.d.ts

@@ -0,0 +1,3 @@
+import type { NumberInputComponent } from '../../domain/components/NumberInputComponent';
+import type { NumberInputRendererProps } from '../types';
+export declare const numberInputComponentToProps: (component: NumberInputComponent) => NumberInputRendererProps;

package/build/types/revamp/renderers/mappers/textInputComponentToProps.d.ts

@@ -1,3 +1,3 @@
 import type { TextInputComponent } from '../../domain/components/TextInputComponent';
 import type { TextInputRendererProps } from '../types';
-export declare const textComponentToProps: ({ format, errors, id, title, description, placeholder, value, onChange, }: TextInputComponent) => TextInputRendererProps;
+export declare const textInputComponentToProps: (component: TextInputComponent) => TextInputRendererProps;

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

@@ -1,4 +1,4 @@
-import type { Context as DFContext, Margin as DFMargin, Size as DFSize } from '@wise/dynamic-flow-types';
+import type { Margin as DFMargin, Size as DFSize } from '@wise/dynamic-flow-types/build/next';
 import type { ReactNode } from 'react';
 export type Renderer<P extends RendererProps> = {
     canRender: (props: RendererProps) => boolean;
@@ -6,7 +6,7 @@ export type Renderer<P extends RendererProps> = {
 };
 export type Align = 'start' | 'center' | 'end';
 export type Bias = 'none' | 'start' | 'end';
-export type Context = DFContext;
+export type Context = 'positive' | 'negative' | 'warning' | 'neutral';
 export type Margin = DFMargin;
 export type Size = DFSize;
 export interface RendererProps {
@@ -54,9 +54,9 @@ export interface ObjectRendererProps extends RendererProps {
     description?: string;
     children: ReactNode;
 }
-export interface TextInputRendererProps extends RendererProps {
-    type: 'input-text';
+interface BaseInputRendererProps<M extends string | number> extends RendererProps {
     id: string;
+    autoComplete: string;
     control?: string;
     description?: string;
     error?: string;
@@ -64,8 +64,21 @@ export interface TextInputRendererProps extends RendererProps {
     label?: string;
     name: string;
     placeholder?: string;
-    value: string | null;
-    onChange: (value: string | null) => void;
+    value: M | null;
+    onChange: (value: M | null) => void;
+    onBlur: () => void;
+    onFocus: () => void;
+}
+export interface TextInputRendererProps extends BaseInputRendererProps<string> {
+    type: 'input-text';
+    control?: string;
+    format?: 'date';
+}
+export interface NumberInputRendererProps extends BaseInputRendererProps<number> {
+    type: 'input-number';
+}
+export interface IntegerInputRendererProps extends BaseInputRendererProps<number> {
+    type: 'input-integer';
 }
 export interface ButtonRendererProps extends RendererProps {
     type: 'button';
@@ -76,3 +89,4 @@ export interface ButtonRendererProps extends RendererProps {
     margin: Margin;
     onClick: () => void;
 }
+export {};

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

@@ -1,8 +1,11 @@
-import type { Step as DFStep } from '@wise/dynamic-flow-types';
+import type { Step as DFStep } from '@wise/dynamic-flow-types/build/next';
 import type { Renderer, RendererProps } from '../renderers/types';
+import type { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../domain/events';
 type StepProps = {
     step: DFStep;
     renderers: Renderer<RendererProps>[];
+    trackEvent: AnalyticsEventDispatcher;
+    logEvent: LoggingEventDispatcher;
 };
-declare function Step({ step: dfStep, renderers }: StepProps): JSX.Element;
+declare function Step({ step, renderers, trackEvent, logEvent }: StepProps): JSX.Element;
 export default Step;

package/build/types/revamp/step/utils/getSchemaErrorMessageFunction.d.ts

@@ -1,4 +1,3 @@
-import type { Schema } from '@wise/dynamic-flow-types';
 import type { IntlFormatters } from 'react-intl';
-import type { ErrorMessageFunctions } from '../../domain/mappers/types';
-export declare function getSchemaErrorMessageFunction(formatMessage: IntlFormatters['formatMessage'], locale: string): (validationMessages: Schema['validationMessages']) => ErrorMessageFunctions;
+import type { GetErrorMessageFunctions } from '../../domain/mappers/types';
+export declare function getSchemaErrorMessageFunction(formatMessage: IntlFormatters['formatMessage'], locale: string): GetErrorMessageFunctions;

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

@@ -1,3 +1,3 @@
-import type { Model } from '@wise/dynamic-flow-types';
+import type { Model } from '@wise/dynamic-flow-types/build/next';
 import type { StepComponent } from '../domain/types';
 export declare const getSubmittableData: (components: StepComponent[]) => Model;

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

@@ -1,6 +1,12 @@
-import type { Model } from '@wise/dynamic-flow-types';
+import type { AllOfSchema, IntegerSchema, Model, NumberSchema, ObjectSchema, OneOfSchema, Schema, StringSchema } from '@wise/dynamic-flow-types/build/next';
 import type { ContainerComponent, StepComponent } from '../domain/types';
 import type { ColumnsComponent } from '../domain/components/ColumnsComponent';
 export declare const isContainerComponent: (component: StepComponent) => component is ContainerComponent;
 export declare const isColumnsComponent: (component: StepComponent) => component is ColumnsComponent;
 export declare const isObjectModel: (model: Model) => model is Record<string, Model>;
+export declare const isAllOfSchema: (schema: Schema) => schema is AllOfSchema;
+export declare const isOneOfSchema: (schema: Schema) => schema is OneOfSchema;
+export declare const isObjectSchema: (schema: Schema) => schema is ObjectSchema;
+export declare const isStringSchema: (schema: Schema) => schema is StringSchema;
+export declare const isNumberSchema: (schema: Schema) => schema is NumberSchema;
+export declare const isIntegerSchema: (schema: Schema) => schema is IntegerSchema;

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "2.8.0",
+  "version": "2.8.2",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",

package/build/types/revamp/domain/mappers/utils/value-checks.d.ts

@@ -1,10 +0,0 @@
-import type { StringSchema } from '@wise/dynamic-flow-types';
-type IsInvalidCheck = (schema: StringSchema, model: string | null) => boolean;
-export declare const isAboveMaximum: IsInvalidCheck;
-export declare const isAboveMaxLength: IsInvalidCheck;
-export declare const isBelowMinimum: IsInvalidCheck;
-export declare const isBelowMinLength: IsInvalidCheck;
-export declare const isNotAdheringToPattern: IsInvalidCheck;
-export declare const isNotCorrectType: IsInvalidCheck;
-export declare const isNotProvided: IsInvalidCheck;
-export {};